@charset "utf-8"; 

/*navbar*/
.navbar .nav-right ul li a{color:#bfbfbf;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.navbar.nav2 .nav-right ul li a{color:#000;}
.navbar .nav-right ul li.cur  a,.navbar .nav-right ul li:hover  a{color:#ffffff;}
.navbar.nav2 .nav-right ul li.cur  a,.navbar.nav2 .nav-right ul li:hover  a{color:#df494b;}
.navbar.fixed .nav-right ul li a{color:#000000;}
.navbar.fixed .nav-right ul li.cur  a,.navbar.fixed .nav-right ul li:hover  a{color:#df494b;}
.navbar .nav-right ul li:hover  sub,.navbar .nav-right ul li.cur sub{width:100%;}
.navbar .logo{width: 181px;height:62px;display:block;background: url(../images/logo.png) no-repeat center;position: relative;top:15px;background-size:181px 62px;}
.navbar.nav2 .logo{background: url(../images/logo2.png) no-repeat center;background-size:181px 62px;}
.navbar.fixed .logo{width: 120px;height:41px;display:block;background: url(../images/logo2.png) no-repeat center;background-size:120px 41px;top:5px;}
.navbar {
    width: 100%;
    position:fixed;
    z-index: 99999;
    top:0px;
    left:0px;
    transition: height .3s;
    -webkit-transition: height .3s;
    -o-transition: height .3s;
}

.navbar-brand a{width:180px; transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}

.navbar.fixed {
    height: 50px;
    background: #ffffff;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.3),0 0 6px 2px rgba(0,0,0,.15);
}
.navbar .navbar-brand img{-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.navbar.fixed .navbar-brand a{width: 120px;}
.navbar.fixed .navbar-header{line-height: 50px;}
.navbar.fixed .nav-right ul li sub{bottom: 10px;}
.navbar .nav-right ul li sub{height:2px;/*background:#df494b;*/background-color:#a1a2a1;display:block;bottom: 25px;width:0;margin:0 auto;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.navbar.nav2 .nav-right ul li sub{background-color:#df494b;}
.navbar.fixed .nav-right ul li sub{
    background-color:#df494b;
}






/* 响应式导航菜单 */




/*header-moblie*/
#open-button{ position:absolute; z-index:9999;}
.nav-moblie {
	float: right;
	width: 34px;
	height:34px;
	margin-top: 14px;
	position: relative;
	cursor: pointer;
	display: table;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.navbar-header,.header-moblie{
	position:absolute;
	width:100%;
	top:0px;
}

.nav-moblie.selected {
	transform: rotate(90deg);
}
.nav-moblie a {
	background-color: #fff;
	display: block;
	height: 4px;
	margin-top: 16px;
	position: relative;
	top: 50%;
	width: 100%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.nav-moblie:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.nav-moblie:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
.nav-moblie.selected:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
}
.nav-moblie.selected:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}
.nav-moblie a:after,
.nav-moblie a:before {
	background-color: #fff;
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	width: 100%;
	content:'';
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.nav-moblie.case_nav a,
.nav-moblie.case_nav a:after,
.nav-moblie.case_nav a:before {
	background:#282828;
}
.nav-moblie a:after { top: 10px;}
.nav-moblie a:before { top: -10px;}
.nav-moblie.selected a {background-color: transparent !important;}
.nav-moblie.selected a:after, 
.nav-moblie.selected a:before { top: 0;}
.nav-moblie.selected a:before {
	background-color: #fff;
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.nav-moblie.selected a:after {
	background-color: #fff;
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.nav-moblie a.act{ background-color:#5B5B5B;}
.nav-moblie a.act:after,.nav-moblie a.act:before{ background-color:#5B5B5B;}

.nav-baring{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:998; visibility:hidden;}
.nav-baring .nav-bg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.nav-baring .nav-bg span{ float:left; width:20%; height:100%;}
.nav-baring .nav-bg span font{ display:block; width:0%; height:100%; ; background-color:#000;
	transition:all .5s ease-in-out 0s;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
}
.nav-baring.disk{ visibility:visible;}
.nav-baring .nav-bg.bgg span font{ width:100%;}
.nav-home{ width:100%; height:46%; text-align:center; position:absolute; left:0; top:50%; margin-top:-23%\9;
	 transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);
	 -moz-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
}
.nav-home li{ 
    opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
    margin-top:10px;
	transform:translateY(30px);
	-webkit-transform:translateY(30px);
	-moz-transform:translateY(30px);
	-ms-transform:translateY(30px);
}
.nav-home li a{color:#b6b5b5;}
.nav-home li:hover a{color:#fff;}
.nav-home.opt li{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
}
.nav-home.opt li.sp1{
	transition: all .5s linear .4s;
	-webkit-transition: all .5s linear .4s;
	-moz-transition: all .5s linear .4s;
	-ms-transition: all .5s linear .4s;
}
.nav-home.opt li.sp2{
	transition: all .5s linear .6s;
	-webkit-transition: all .5s linear .6s;
	-moz-transition: all .5s linear .6s;
	-ms-transition: all .5s linear .6s;
}
.nav-home.opt li.sp3{
	transition: all .5s linear .8s;
	-webkit-transition: all .5s linear .8s;
	-moz-transition: all .5s linear .8s;
	-ms-transition: all .5s linear .8s;
}
.nav-home.opt li.sp4{
	transition: all .5s linear 1s;
	-webkit-transition: all .5s linear 1s;
	-moz-transition: all .5s linear 1s;
	-ms-transition: all .5s linear 1s;
}
.nav-home.opt li.sp5{
	transition: all .5s linear 1.2s;
	-webkit-transition: all .5s linear 1.2s;
	-moz-transition: all .5s linear 1.2s;
	-ms-transition: all .5s linear 1.2s;
}
.nav-home.opt li.sp6{
	transition: all .5s linear 1.4s;
	-webkit-transition: all .5s linear 1.4s;
	-moz-transition: all .5s linear 1.4s;
	-ms-transition: all .5s linear 1.4s;
}
/*header*/
.banner{position:relative;height:900px;} 
.vertical-inner{position:absolute;top:20%;z-index:9;width:100%}
.shadow{width:100%;height:100%;position:absolute;background:#000;opacity: 0.5;filter: alpha(opacity=50);top:0;left:0;z-index:8;}
.flex-control-nav { position: absolute; bottom:15px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block;width:10px;height:10px;margin: 0 5px; zoom: 1;}
.flex-control-nav a { display: inline-block; width:10px; height:10px; overflow: hidden; background-color:#c6c6c6; cursor: pointer;border-radius:100%;}
.flex-control-nav .flex-active {background:#c91425; width:10px; height:10px; position:relative;}
.vertical-inner{text-align:center;}
.txt2{color:#d2d2d2;margin-top:25px;margin-bottom:50px;line-height: 32px;}
.txt3{display:inline-block;color:#fff;font-size:14px;border:none;overflow: hidden;margin: 0 15px;position: relative;}
.txt3 span{display:block;transition: transform 0.3s;background-color: #838286;padding: 8px 40px;}
.txt3::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    padding: 8px 40px;
    width: 100%;
    height: 100%;
    background: #c91425;
    color: #fff;
    content: attr(data-hover);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateX(-25%);
}

.txt3:hover span,
.txt3:focus span {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}
.txt3:hover::before,
.txt3:focus::before {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
}

.flex-active-slide .vertical-inner .txt-tit{
	-webkit-animation:fadeInDown2 1s .4s ease both;
	animation:fadeInDown2 1s .4s ease both;
	-moz-animation:fadeInDown2 1s .4s ease both;
}
.flex-active-slide .vertical-inner .txt2{
	-webkit-animation:fadeIn 1.2s 1s ease both;
	animation:fadeIn 1.2s 1s ease both;
	-moz-animation:fadeIn 1.2s 1s ease both;
}
.flex-active-slide .vertical-inner .txt3{
	-webkit-animation:fadeInUp2 1s 1.2s ease both;
    animation:fadeInUp2 1s  1.2s ease both;
    -moz-animation:fadeInUp2 1s  1.2s ease both;
}

/*business_list*/
.business_tit{text-align:center;}
.business_tit h2{margin-bottom:20px}
.business_list{margin-top:95px;}
.business_txt h3{color:#8e8e8e}
.business_txt p{
    color:#7c7c7c;
    line-height:24px;
    text-align: justify;
    ms-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -oz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -oz-transform: scale(0.8);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.business_txt.cur p{
    -oz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.business_icon{width:175px;height:175px;border-radius:100%;background:#eaeaea;margin:0 auto;position:relative;display:table;border:8px solid #f3f3f3;box-shadow: 0 0 0 30px transparent;
    -webkit-transition: box-shadow .4s ease-in-out;
    -moz-transition: box-shadow .4s ease-in-out;
    -o-transition: box-shadow .4s ease-in-out;
    -ms-transition: box-shadow .4s ease-in-out;
    transition: box-shadow .4s ease-in-out;
}

.business_icon .red-bak{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left: 0px;
    border-radius: 100%;
    background:#e2373d;
    z-index: 9;
    opacity: 0;
}

.business_list ul li:hover .business_icon .red-bak{
    -webkit-animation:flipInY2 1s .2s ease both;
    -moz-animation:flipInY2 1s .2s ease both;
}

.icon{
    z-index:10;
    background:url(../images/icon_list1.png) no-repeat;
    display:block;
    position: absolute;
    left: 50%;
    height:79px;
    top:38px;
    vertical-align:middle;
	-webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.business_list ul li .icon1{background-position:0 0;width:80px;margin-left:-40px;}
.business_list ul li .icon2{background-position:-375px 0;width:68px;margin-left:-34px;}
.business_list ul li .icon3{background-position:-730px 0;width:54px;margin-left:-27px;}
.business_list ul li .icon4{background-position:-1064px 0;width:105px;margin-left:-52px;}

.business_list ul li:hover .business_icon{
    box-shadow: 0 0 0 0 #f3f3f3;
    -webkit-transition: box-shadow .4s ease-in-out;
    -moz-transition: box-shadow .4s ease-in-out;
    -o-transition: box-shadow .4s ease-in-out;
    -ms-transition: box-shadow .4s ease-in-out;
    transition: box-shadow .4s ease-in-out;
}
.business_list ul li:hover .business_txt h3,.business_list2 ul li:hover .business_txt h3{color:#e2373d}
.business_list ul li:hover .icon
{
    background:url(../images/icon_list2.png)no-repeat;
}
.business_list ul li:hover .icon1{background-position:0 0;width:80px;}
.business_list ul li:hover .icon2{background-position:-375px 0;width:68px;}
.business_list ul li:hover .icon3{background-position:-730px 0;width:54px;}
.business_list ul li:hover .icon4{background-position:-1064px 0;width:105px;}
.business_txt{text-align:center;width:60%;margin:0 auto;}


/*counters*/
.counters{background:url(../images/wallpaper5.jpg)no-repeat; position:relative;overflow:hidden;background-position:center auto;background-attachment:fixed; padding:50px 0;}
.con-tit2{width:80%;margin:0 auto;text-align:center;}
.con-tit2 h1{color:#484848;margin-bottom: 20px;}
.business_tit h1,.partner_sec h1{color:#484848;}
.counters .con-tit2{margin-top:20px;padding-bottom:20px;}
.counters .con-tit h1{color:#fefefe;margin-bottom:0;}
.counters .con-tit .h4{color:#dadada;line-height:32px;margin-top:25px;margin-bottom:35px;}

.txt3{display:inline-block;color:#fff;font-size:14px;border:none;overflow: hidden;margin: 0 15px;position: relative;}
.txt3 span{display:block;transition: transform 0.3s;background-color: #838286;padding: 8px 40px;}
.txt3::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    padding: 8px 40px;
    width: 100%;
    height: 100%;
    background: #c91425;
    color: #fff;
    content: attr(data-hover);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateX(-25%);
}

.txt3:hover span,
.txt3:focus span {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}
.txt3:hover::before,
.txt3:focus::before {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
}

.contact_btn{
    display:inline-block;
    color:#fff;
    font-size:14px;
    border:none;
    overflow: hidden;
    margin: 0 15px;
    position: relative;
    text-transform: uppercase;
}
.contact_btn span{display:block;transition: transform 0.3s;background: #818385;padding: 10px 30px;font-family: "Arial"}

.contact_btn::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    padding: 10px 30px;
    width: 100%;
    height: 100%;
    background: #c91425;
    color: #fff;
    content: attr(data-hover);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateY(-80%);
}

.contact_btn:hover span,
.contact_btn:focus span {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
}
.contact_btn:hover::before,
.contact_btn:focus::before {
    z-index: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}

@-webkit-keyframes hvr-ripple-in {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1
	}
}

@keyframes hvr-ripple-in {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1
	}
}


.q_counter_holder{text-align:center;display: block;}
.q_counter_holder span.counter {
    font-size: 72px;
    line-height: 1em;
    color: #fff;
    display: inline-block!important;
    height: 1em;
}
.q_counter_holder p.counter_text {
    font-size:16px;
    letter-spacing: 1px;
    margin-top:8px;
	color:#ffffff;
}
.full_section_inner{ padding-top:50px; width:93.4%; margin:0 auto;}


/*case_sec*/
.case_sec{background:#f2f2f2;padding-top:40px;padding-bottom:55px;position:relative;}
.swiper-slide .slide-img{
    -webkit-transform: scale3d(1,1,1);
    -webkit-backface-visibility: hidden;
    transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transition: all .3s ease-out 0s;
}

.swiper-slide .partialBorder{
    position: absolute;
    width: 90%;
    height: 80%;
    top:50%;
    margin-top: -32%;
    left: 50%;
    margin-left: -45%;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.swiper-slide:hover .partialBorder{
    opacity: 1;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}
.partialBorder .leftTop{
    position: absolute;
    top:0px;
    left: 0px;
    width: 40px;
    height:30px;
    border-top:2px solid #585250;
    border-left:2px solid #585250;
}

.partialBorder .rightTop{
    position: absolute;
    top:0px;
    right: 0px;
    width: 40px;
    height:30px;
    border-top:2px solid #585250;
    border-right:2px solid #585250;
}

.partialBorder .leftBot{
    position: absolute;
    bottom:0px;
    left: 0px;
    width: 40px;
    height:30px;
    border-left:2px solid #585250;
    border-bottom:2px solid #585250;
}

.partialBorder .rightBot{
    position: absolute;
    bottom:0px;
    right: 0px;
    width: 40px;
    height:30px;
    border-bottom:2px solid #585250;
    border-right:2px solid #585250;
}

.swiper-slide:hover .slide-img {
    -webkit-transform: scale3d(1.1,1.1,1);
    -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    transition: all .3s ease-out 0s;
}

/*.case_tit h1{margin:0;}*/
.case_tit .h4{line-height:32px;color:#636363;margin-bottom:60px;}
.swiper-button-prev,.swiper-button-next,.more {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-right: 8px;
    border-radius: 50%;
    border: 1px solid #D0D0D0;
    transition: all .4s linear 0s;
    -webkit-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;
	display:block!important;
	visibility:visible!important;
}
.more:hover{ border-color:#ff6900;}
.swiper-button-prev {
    background: url(../images/lft1.png) no-repeat 7px center;
}

.swiper-button-next {
    background: url(../images/lft2.png) no-repeat -43px center;
}

.more{
    background: url(../images/lft3.png) no-repeat center 8px;
}
.more a{display: block;width: 100%;height: 100%;}

.swiper-button-prev:hover {
    background:url(../images/lft1.png) no-repeat -42px center;
}

.swiper-button-next:hover {
   background:url(../images/lft2.png) no-repeat 8px center;
}

.more:hover{
    background:url(../images/lft3.png) no-repeat center -48px;
}


.swiper_btn{width:48px;margin:0 auto; padding-bottom:30px;}

.swiper-slide{
    position:relative;
    cursor:pointer;
    overflow:hidden;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transition: all .4s linear 0s;
    -webkit-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;
}
.swiper-slide.act{
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
}
.item_logo{width:37%;margin:0 auto;margin-top:12%;opacity: 0;}
.swiper-slide .slide_hover{
    position:absolute;
    width:100%;
    height:100%;
    top:0;left:0;
    text-align:center;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;

}
.swiper-slide:hover .slide_hover{
    background:rgba(0,0,0,0.75);
}
.swiper-slide:hover .slide_hover .item_logo{
    -webkit-animation:flipInY .8s .2s ease both;
    -moz-animation:flipInY .8s .2s ease both;
}


.line
{
    width:0px;
    height:1px;
    background:#766c67;
    margin:30px auto;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.swiper-slide:hover .slide_hover .line{
    width: 50px;
}

.case_name{font-size:24px;color:#ffffff;margin-bottom:25px;opacity: 0}

.swiper-slide:hover .slide_hover .case_name{
    -webkit-animation:fadeIn 1s .2s both;
    animation:fadeIn 1s.2s both;
    -moz-animation:fadeIn 1 .2s both;
}




.query{
    opacity:0;
	
}


.swiper-slide:hover .slide_hover .query{
	-webkit-animation:bounceInUp .8s  ease both;
    -moz-animation:bounceInUp .8s  ease both;
}

/*partner_sec*/
.partner_sec{text-align:center;width:100%;overflow:hidden;padding-top:165px;padding-bottom:55px;}
.partner_sec h1{margin-top:0;}
.flexslider2{width:80%;margin:0 auto;}
/*.flexslider2 ul li{line-height:32px;}
.flex-prev,.flex-next{width:29px;height:24px;border:1px solid #dcdcdc;float:left;padding:0;transition: all .4s linear 0s;
    -webkit-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;}
.flex-prev{background:url(../images/prev_icon.png)no-repeat center;margin-right:7px;background-position: -29px 0;}
.flex-next{background:url(../images/next_icon.png)no-repeat center;background-position: 0 0;}
.flex-prev:hover{background-position:0 0px;background-color:#f01f21;border:1px solid #fff;}
.flex-next:hover{background-position:-29px 0px;background-color:#f01f21;border:1px solid #fff;}
.flex-direction-nav{width:65px;margin:25px auto 0;} */
.partner_list{background:#f8f8f8;padding-top:40px;padding-bottom:35px;}
.qode_carousels{position:relative; padding: 0;position: relative;display: block;zoom: 1;}
.qode_carousels .slides li {
    background-color: transparent;
    position: relative;
	margin:0 15px;
    float: left;
	
}
/*footer*/
.container_inner{position:relative;left:50%;float:left;}
.container_inner .footer-left{position:relative;float:left;right:50%;margin:0 30px;}
.footer_con{background:#262626;padding-top:30px;padding-bottom:65px;width:100%;overflow:hidden;}
.footer-nav li{line-height:24px;}
.tell_list,.e-mail,.address,.link_list{margin-top:30px;font-size:14px;color:#707070;}
.link_tit{font-size:16px;color:#ffffff;height:45px;line-height:45px;}
.link_list ul li{margin-bottom:10px;}
.link_list ul li a{color:#707070;}
.link_list ul li:hover a{color:#707070;}
.consult{margin-top:35px;margin-bottom:5px;}
.contact_icon ul li{background:url(../images/icons.png)no-repeat;width:35px;height:35px;float:left;margin-right:15px;cursor:pointer;}
.contact_icon ul li:nth-child(1){background-position:0 0;}
.contact_icon ul li:nth-child(2){background-position:-53px 0;}
.contact_icon ul li:nth-child(3){background-position:-104px 0;}
.contact_icon{margin-top:20px;}
.copyright{width:100%;height:50px;background:#0b0b0b;text-align:center;line-height:50px;font-family:"Arial";font-size:13px;color:#404040;}
.footer_code{margin-top:75px;cursor:pointer;}
.buzz-out {
    display: inline-block;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
}
.buzz-out:hover {
    -webkit-animation-name: buzz-out;
    animation-name: buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/*contact.html*/

.contact_txt{position:absolute;bottom:55px;left:10%;}
.contact_con{font-size:18px;color:#5a5959;line-height:55px;padding-top:30px;padding-bottom:60px;}
.contact_btn2{padding:2px 5px;background:#e2373d;color:#ffffff;margin:0 3px;}
.contact_btn2:hover{background:#e2373d;color:#ffffff;}
.contact_method{background:#f4f4f4;padding-top:55px;padding-bottom:55px;}
.contact_method .con-tit{font-size:27px;color:#6c6c6c;}
.con-tit span{font-size:18px;}
.ewm-list{position: relative;overflow: hidden;margin-bottom: 80px;}
.ewm-list ul li{float: left;margin-right: 20px;}
.ewm-list ul li:nth-child(1) .kf-txt{width: 240px;height:90px;background: #dedede;font-size:24px;color:#6c6c6c;text-align: center;line-height: 90px;}
.ewm-list ul li:nth-child(1) .kf-icon{width: 105px;height:90px;background: url(../images/phone_icon.png) no-repeat center center;background-color:#e2373d;}
.kf-icon a{width: 100%;height:100%;display: block;}
.add-list ul li h2{color:#3d3d3d;margin-bottom: 30px;}
.add-list ul li h2,.add-list ul li h4{line-height: 28px;}
.add-list ul li h4 span{font-size: 22px;color:#e2373d;}
.add-list ul li .add-icon{margin-top: 40px;}
/*.code_list{padding-left:5%;}
.code_list ul li{margin-bottom:30px;}
.code_list ul li img{width:57%;}
.code_list ul li span{vertical-align:bottom;margin-left:10px;color:#636363;font-size:20px;width:43%;}
.branch_list ul li{position:relative;margin-bottom:40px;}
.branch_list ul li:last-child{margin-bottom:0;}
.company_info{position:relative;width:60%;padding-left:30px;padding-top:30px;padding-bottom:25px;margin-left:2%;margin-right:5%;font-size:16px;color:#606060;}
.company_tell span{color:#e2373d;}
.border_img{position:absolute;width:auto;height:100%;top:0;left:0;}
.position_icon{width:16.5%;max-width:140px;}
.branch_icon{position:absolute;left:15px;top:-65px;z-index:9;}
.name{font-size:18px;color:#3d3d3d;}*/
/*info_sec*/
.info_sec{padding-top:60px;padding-bottom:60px}
.info_sec h1{padding-top:0;color:#484848}
.info_form{width:60%;margin:0 auto;}
.info_ipt {width:48%;height:45px;border:1px solid #e1e1e1;float:left;margin-bottom:10px;}
.info_ipt input{width:100%;height:100%;padding-left:20px;font-size:14px;color:#ababab;background:url(../images/dot.png)no-repeat center left 10px;}
.info_ipt1{margin-right:4%;}
.info_ipt3{width:100%}
.info_ipt input::-webkit-input-placeholder { /* WebKit browsers */ 
font-size:14px;color:#ababab;
} 
.info_ipt input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
font-size:14px;color:#ababab;
} 
.login_ipt input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
font-size:14px;color:#ababab;
} 
.login_ipt input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
font-size:14px;color:#ababab;
} 
textarea::-webkit-input-placeholder { /* WebKit browsers */ 
font-size:14px;color:#ababab;
} 
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
font-size:14px;color:#ababab;
} 
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ 
font-size:14px;color:#ababab;
} 
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ 
font-size:14px;color:#ababab;
} 
input{border:none;}
textarea{width:100%;height:175px;border:1px solid #e1e1e1;color:#ababab;padding:10px 10px 10px 20px;background:url(../images/dot.png)no-repeat 10px 17px}
.submit_btn{width:115px;height:45px;background:#e2373d;color:#ffffff;font-size:24px;border-radius:3px;margin:0 auto;display:block;margin-top:20px;}


/*service.html*/

.service_txt{position:absolute;bottom:55px;left:10%;}
.contact_con span{font-size:30px;color:#e00012;}
.service_con{background:url(../images/service_img.jpg)no-repeat;background-size:cover;}
.service_con .business_icon2{width: 185px;height:215px;background:url(../images/icon_bak.png) no-repeat;margin:0 auto;position: relative;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.service_con .business_icon2:hover{background: url(../images/icon_bak_on.png) no-repeat;}
.service_con .business_icon2 div{padding-top: 70px; -webkit-transition:.5s ease-out all;
    -moz-transition:.5s ease-out all;
    transition: .5s ease-out all;}
.service_con .business_icon2:hover div{
    transform: translateY(-5px);
    -webkit-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -webkit-transition:.5s ease-out all;
    -moz-transition:.5s ease-out all;
    transition: .5s ease-out all;
}
.service_con .business_icon2  em{position: relative;height:79px;display: block;background: url(../images/icon_list1.png) no-repeat;}
.business_icon2:hover  em{background: url(../images/icon_list2.png) no-repeat;}

.business_icon2 em.icons1{background-position:0 0;width:80px;margin:0 auto;}
.business_icon2 em.icons2{background-position:-375px 0;width:68px;margin:0 auto;}
.business_icon2 em.icons3{background-position:-730px 0;width:54px;margin:0 auto;}
.business_icon2 em.icons4{background-position:-1064px 0;width:105px;margin:0 auto;}

/*.business_icon2 .icons{background:url(../images/icon.png)no-repeat;width:185px;height:215px;display:block;margin:0 auto;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.business_icon2 .icons1{background-position:0 0;}
.business_icon2 .icons2{background-position:-360px 0;}
.business_icon2 .icons3{background-position:-723px 0;}
.business_icon2 .icons4{background-position:-1085px 0;}*/
.business_list ul li:hover .icons1 {background-position:0 -215px;}
.business_list ul li:hover .icons2{background-position:-360px -215px;}
.business_list ul li:hover .icons3{background-position:-723px -215px;}
.business_list ul li:hover .icons4{background-position:-1085px -215px;}
.business_list ul li:hover .business_txt h2{color:#e2373d;}
.business_list2{margin-top:45px;}
.service_con h1{color:#fff}
.service_con .h4{color:#f6f6f6;line-height: 32px;}
.business_list2 h3{color:#fff;}
.business_list2 .h5{color:#ececec;}
.help_img{margin-bottom:10px;}

.service_sec4{background:url(../images/service_sec4_bak.jpg) no-repeat center center;background-size:cover;text-align:right;line-height:48px;overflow: hidden;}
.declaration{color:#484848;margin-top:110px;}
.declaration .span{color:#e2373d;}
.declaration .span.span2{color:#e2373d;font-size:60px;}
.declaration_txt{margin-left:40px;line-height:26px;}
.konw_btn{width:200px;height:50px;line-height:50px;border:1px solid #aaaaaa;font-size:20px;color:#6d6d6d;display:block;text-align:center;margin:30px auto;border-radius:5px;}
.konw_btn:hover{background:#e2373d;color:#ffffff;}
.service_right{width:100%;height:auto;padding-top: 60px;text-align: center;}
.service_right p{font-size:35px;font-weight: normal;color:#7f7f7f;margin:0px;}
.service_right p span{font-size:45px;color:#e2373d;}
.sec5-left-img{
    opacity:0;
    /*-webkit-opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0);
    transform:scale(1.3,1.3);
    -webkit-transform:scale(1.3,1.3);
    -moz-transform:scale(1.3,1.3);
    -ms-transform:scale(1.3,1.3);
    transition: all .6s cubic-bezier(0.55,0.55,0.55,0.55) 0s;
    -webkit-transition: all .6s cubic-bezier(0.55,0.55,0.55,0.55) 0s;
    -moz-transition: all .6s cubic-bezier(0.55,0.55,0.55,0.55) 0s;
    -ms-transition: all .6s cubic-bezier(0.55,0.55,0.55,0.55) 0s;*/
}

.service_sec5.act .sec5-left-img{
    /*opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);
    transform:scale(1.0,1.0);
    -webkit-transform:scale(1.0,1.0);
    -moz-transform:scale(1.0,1.0);
    -ms-transform:scale(1.0,1.0);*/
    -webkit-animation:fadeInUp2 1s .2s ease both;
    -moz-animation:fadeInUp2 1s .2s ease both;
}

.sec4-img{opacity: 0;position: relative;}
.service_sec4.act .sec4-img{
    -webkit-animation:wikiLT2RB .6s .2s ease both;
    -moz-animation:wikiLT2RB .6s .2s ease both;
}

.service_sec3 .sec3-img{
    opacity: 0;
    width: 475px;
    height:405px;
    position: relative;
    left:50%;
    margin-left:-300px;
    background: url(../images/help_list.png) no-repeat center;
}

.sec3-txt-list{
    position: absolute;
    right:-120px;
    top:40px;
}
.sec3-txt-list ul li{height:31px;line-height: 31px;font-size: 16px;margin-bottom: 30px;position: relative;color:#757574;opacity: 0;transform: translateY(150px);
    -webkit-transform: translateY(150px);
    -moz-transform: translateY(150px);
    -ms-transform: translateY(150px);
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);}

.service_sec3.act .sec3-txt-list ul li{
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.sec3-txt-list ul li:nth-child(1){
    transition: all 1s ease-in-out .3s;
    -webkit-transition: all 1s ease-in-out .3s;
    -moz-transition: all 1s ease-in-out .3s;
    -ms-transition: all 1s ease-in-out .3s;
}
.sec3-txt-list ul li:nth-child(2){
    left:50px;
    transition: all 1s ease-in-out .4s;
    -webkit-transition: all 1s ease-in-out .4s;
    -moz-transition: all 1s ease-in-out .4s;
    -ms-transition: all 1s ease-in-out .4s;
}
.sec3-txt-list ul li:nth-child(3){
    left:70px;
    transition: all 1s ease-in-out .5s;
    -webkit-transition: all 1s ease-in-out .5s;
    -moz-transition: all 1s ease-in-out .5s;
    -ms-transition: all 1s ease-in-out .5s;
}
.sec3-txt-list ul li:nth-child(4){
    left:70px;
    transition: all 1s ease-in-out .6s;
    -webkit-transition: all 1s ease-in-out .6s;
    -moz-transition: all 1s ease-in-out .6s;
    -ms-transition: all 1s ease-in-out .6s;
}
.sec3-txt-list ul li:nth-child(5){
    left:50px;
    transition: all 1s ease-in-out .7s;
    -webkit-transition: all 1s ease-in-out .7s;
    -moz-transition: all 1s ease-in-out .7s;
    -ms-transition: all 1s ease-in-out .7s;
}
.sec3-txt-list ul li span{float:left;display: block;height:31px;}
.sec3-txt-list ul li em{
    width: 33px;
    height:31px;
    text-align: center;
    color:#fff;
    line-height: 31px;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
    float: left;
    display: inline-block;
    margin-right: 20px;
    background: url(../images/spot.png) no-repeat center;
}

.service_sec3.act .sec3-img{
    -webkit-animation:fadeInLeft2 1s .2s ease both;
    -moz-animation:fadeInLeft2 1s .2s ease both;
}
/*about.html*/
.about_sec2{padding-bottom:150px;}
.about_txt{line-height:30px;margin-top:0;margin-bottom:45px;}
.

.list_item{background:url(../images/li_bck.png)no-repeat left 6px;padding-left:20px;font-size:16px;}
.about_sec3{background:#f4f4f4;padding-top:135px;padding-bottom:45px;}
.sec3_txt ul li{margin-bottom:40px;}
.sec_tit{color:#484848;margin-bottom:0px;margin-top:0px;}
.sec_txt{line-height:26px;color:#5a5a5a;}
.about_sec4{padding-top:115px;padding-bottom:125px}
.icon_list{margin-top:20px;}
.icon_list ul li{margin-top:40px;cursor:pointer;}
.about_icon{background:url(../images/li_icons.png)no-repeat;width:124px;height:124px;margin:0 auto;aursor:pointer;border-radius:100%;}
.icon_list ul li .about_icon{
    box-shadow: 0 0 0 10px transparent;
    -webkit-transition: box-shadow .4s ease-in-out;
    -moz-transition: box-shadow .4s ease-in-out;
    -o-transition: box-shadow .4s ease-in-out;
    -ms-transition: box-shadow .4s ease-in-out;
    transition: box-shadow .4s ease-in-out;
}

.icon_list ul li:hover .about_icon{
    box-shadow: 0 0 0 0 #e00012;
    -webkit-transition: box-shadow .4s ease-in-out;
    -moz-transition: box-shadow .4s ease-in-out;
    -o-transition: box-shadow .4s ease-in-out;
    -ms-transition: box-shadow .4s ease-in-out;
    transition: box-shadow .4s ease-in-out;
}


.icon_list ul li:nth-child(1) .about_icon{background-position:0 0;}
.icon_list ul li:nth-child(2) .about_icon{background-position:-348px 0;}
.icon_list ul li:nth-child(3) .about_icon{background-position:-692px 0;}
.icon_list ul li:nth-child(4) .about_icon{background-position:-1041px 0;}
.icon_list ul li:nth-child(5) .about_icon{background-position:0 -250px;}
.icon_list ul li:nth-child(6) .about_icon{background-position:-348px -250px;}
.icon_list ul li:nth-child(7) .about_icon{background-position:-692px -250px;}
.icon_list ul li:nth-child(8) .about_icon{background-position:-1041px -250px;}
.icon_list ul li:nth-child(1):hover .about_icon{background-position:0 -125px;}
.icon_list ul li:nth-child(2):hover .about_icon{background-position:-348px -125px;}
.icon_list ul li:nth-child(3):hover .about_icon{background-position:-692px -125px;}
.icon_list ul li:nth-child(4):hover .about_icon{background-position:-1041px -125px;}
.icon_list ul li:nth-child(5):hover .about_icon{background-position:0 -374px;}
.icon_list ul li:nth-child(6):hover .about_icon{background-position:-348px -374px;}
.icon_list ul li:nth-child(7):hover .about_icon{background-position:-692px -374px;}
.icon_list ul li:nth-child(8):hover .about_icon{background-position:-1041px -374px;}
.icon_list ul li:hover .business_txt h2,.icon_list ul li:hover .business_txt .h6{color:#e2373d;}
.about_sec5{background:#f3f3f3;padding-top:60px;}


.data-so{position: relative;padding-top: 40px;padding-bottom: 60px;overflow: hidden;}

.data-so .so-ul li{width: 100%;height:40px;float: left;border-top:1px solid #cdcdcd;position: relative;}
.data-so .so-ul li:last-child{border-bottom:1px solid #cdcdcd;}
.data-so .so-ul li dl dd{position: relative;float: left;width: 20%;height:40px;border-left:1px solid #cdcdcd;}
.data-so .so-ul li dl dd i{
    width: 21px;
    height:13px;
    display: block;
    position: absolute;
    background: url(../images/spot1.png) no-repeat center;
    top:-1px;
    left:-21px;
}
.data-so .so-ul li dl dd >span{
    width: 21px;
    height:13px;
    display: block;
    position: absolute;
    background: url(../images/spot1.png) no-repeat center;
    bottom:-13px;
    right:0px;
}

.data-so .so-ul li dl dd >em{
    font-style: normal;
    position: absolute;
    display: block;
    left: -60px;
    top:2px;
    font-size:18px;
    color:#787878;
}
.data-so .so-ul li dl dd .jux{
    width: 54px;
    height:0px;
    overflow: hidden;
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left:-27px;
    cursor: pointer;
    transition: height .5s;
    -webkit-transition: height .5s;
    -o-transition: height .5s;
}

.data-so .so-ul li dl dd:nth-child(1) .jux{
    height:53px;
}
.data-so .so-ul li dl dd:nth-child(2) .jux{
    height:178px;
}
.data-so .so-ul li dl dd:nth-child(3) .jux{
    height:220px;
}
.data-so .so-ul li dl dd:nth-child(4) .jux{
    height:340px;
}
.data-so .so-ul li dl dd:nth-child(5) .jux{
    height:115px;
}



.data-so .so-ul li dl dd .ju-exp{
    position: absolute;
    top:-66px;
    width: 165px;
    height:66px;
    left:50%;
    margin-left: -77px;
    background: url(../images/ju_exp.png) no-repeat center;
    opacity: 0;
    padding-top: 5px;
    padding-left: 15px;
    -webkit-transition:.5s ease-out all;
    -moz-transition:.5s ease-out all;
    transition: .5s ease-out all; z-index:999;

}
.data-so .so-ul li dl dd:nth-child(2) .ju-exp{ top:-200px;}
.data-so .so-ul li dl dd:nth-child(3) .ju-exp{ top:-250px;}
.data-so .so-ul li dl dd:nth-child(4) .ju-exp{ top:-186px;}
.data-so .so-ul li dl dd:nth-child(5) .ju-exp{ top:-140px;}
.data-so .so-ul li dl dd:nth-child(1):hover  .ju-exp{
    top:-66px;  opacity:1
}
.data-so .so-ul li dl dd:nth-child(2):hover .ju-exp{
    top:-200px;  opacity:1
}
.data-so .so-ul li dl dd:nth-child(3):hover .ju-exp{
    top:-250px; opacity:1
}
.data-so .so-ul li dl dd:nth-child(4):hover .ju-exp{
    top:-186px; opacity:1
}
.data-so .so-ul li dl dd:nth-child(5):hover .ju-exp{
    top:-140px; opacity:1
}

.ju-exp p{
    margin:0px;
}
.ju-exp p:nth-child(1){font-size:18px;color:#5b5b5b;}
.ju-exp p:nth-child(2){position: relative;top:-15px;}
.ju-exp p span.s-ju{width: 8px;height:8px;background: #e2373d;display: inline-block;}
.ju-exp p em{font-size:24px;color:#e2373d;font-style: normal;}

.data-so .so-ul li dl dd:hover .ju-exp{
    -webkit-animation:zoomIn .6s   both;
    -moz-animation:zoomIn .6s   both;
}





.data-so  .so-ul li dl dd:last-child{border-right:1px solid #cdcdcd;}
.data-bot .bot-ul{position: relative;left: 50%;float: left;padding-top: 60px;}
.data-bot .bot-ul li{position: relative;float: left;left: -50%;margin:0 15px;height:20px;line-height:20px;}
.data-bot .bot-ul li .ju{width: 40px;text-align: center;color: #fff;height:100%;background: #0eb19e;font-size:12px;margin-right: 5px;}
.data-bot .bot-ul li:nth-child(2) .ju{background: #f0453b;}
.data-bot .bot-ul li:nth-child(3) .ju{background: #d9d5b0;}
.data-bot .bot-ul li:nth-child(4) .ju{background: #249ad7;}
.data-bot .bot-ul li:nth-child(5) .ju{background: #69a72e;}

.sec3_img{opacity: 0;}
.about_sec3.act .sec3_img{
    -webkit-animation:fadeInUp2 1s .2s ease both;
    -moz-animation:fadeInUp2 1s .2s ease both;
}







.indicators-line > .carousel-indicators {
    right: 45%;
    bottom: 3%;
    left: auto;
    width: 90%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
}
.indicators-line > .carousel-indicators{ position:absolute;}
.indicators-line > .carousel-indicators .active {
    margin: 1px 5px 1px 1px;
    box-shadow: 0 0 0 2px #fff;
    background-color: transparent;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}


bootstrap-touch-slider.css:132
.indicators-line > .carousel-indicators li {
    padding: 0;
    width: 15px;
    height: 15px;
    border: 1px solid rgb(158, 158, 158);
    text-indent: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    background: rgb(158, 158, 158);
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    z-index: 10;
    cursor: pointer;
}

.ftcont h2{ color:#fff;}


.sjlccon{ width:89%; margin:0 auto; padding:5% 0; position:relative;}
.course_nr2{ position:relative;}
.xt{ position:absolute; content:""; width:100%; height:6px; background:#eaeaea; left:0; top:50%; margin-top:-3px;}
.xt ul li{ width:12.5%; float:left; text-align:center; background:#000; border-radius:50%; width:20px; height:20px; background:#eaeaea;}
.course_nr2 li{ float:left; width:23%; background:#fff; border-radius:5px; text-align:center; margin:0 2% 2% 0; min-height:300px; position:relative; border-radius:5px;}
.course_nr2 li h3{ color:#333;}
.course_nr2 li .sj{ position:relative; z-index:2;}
.course_nr2 li p{ color:#999;}
.course_nr2 li h2{ width:50px; height:50px; background:#eaeaea; margin:20px auto 0 auto; border-radius:50%; text-align:center; line-height:50px;}
.course_nr2 li:after{ content:""; position:absolute; width:100%; height:0%; left:0; top:0; background:#ff6900;transition: all 0.3s ease-out 0s; z-index:1; opacity:0; visibility:hidden; z-index:1; border-radius:5px;}
.course_nr2 li:hover:after{ opacity:1; visibility:visible; height:100%;}
.course_nr2 li:hover h2{ background:#fff;}
.course_nr2 li:hover h3,.course_nr2 li:hover p{ color:#fff;}