@charset "utf-8"; 

/*!
 * eidea 1.0 
 * Copyright 2016 eidea.net.cn
 * http://www.eidea.net.cn/
 * author:sky
 * by time 2016年7月
*/

/*QQ在线客服*/
.QQ_s{width:135px;height:102px;position:fixed;right:10px;top:100px;z-index:9999999}
.QQ_y{width:135px;overflow:hidden;overflow:hidden;height:102px}
.QQ_x{width:135px;height:295px;overflow:hidden;background:url(../images/QQ_s_03.png) no-repeat;display:none;padding-top:110px}
.qq_i{width:84px;height:30px;overflow:hidden;overflow:hidden;background:url(../images/QQ_S_i_03.jpg) no-repeat;display:block;margin:0 auto;color:#fff;line-height:220%;text-indent:28px;font-size:13px;margin-bottom:5px}
.qq_i:hover{color:#fff}

/*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:10px;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*/
.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%; background:#666; opacity:0.9;
	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*/
.header{position:relative;height:600px;} 
.vertical-inner{position:absolute;top:40%;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/counter_bck.jpg)no-repeat;width:100%;height:708px;position:relative;overflow:hidden;background-position:center auto;background-attachment:fixed;}
.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:150px;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{position:absolute;bottom:40px;width:100%;left:0;}


/*case_sec*/
.case_sec{background:#f2f2f2;padding-top:140px;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,div.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;
}

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

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

div.more{
    background: url(../images/lft3.png) no-repeat center 8px;
}
div.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;
}

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


.swiper_btn{width:180px;margin:0 auto;margin-top: 50px;}

.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;/*background:#f2f2f2;*/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-inner{width: 924px;margin:0 auto;position: relative;padding-left: 50px;}
.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;
}
.about_sec5 .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;
}

.about_sec5.act .data-so .so-ul li dl dd:nth-child(1) .jux{
    height:53px;
}
.about_sec5.act .data-so .so-ul li dl dd:nth-child(2) .jux{
    height:258px;
}
.about_sec5.act .data-so .so-ul li dl dd:nth-child(3) .jux{
    height:299px;
}
.about_sec5.act .data-so .so-ul li dl dd:nth-child(4) .jux{
    height:176px;
}
.about_sec5.act .data-so .so-ul li dl dd:nth-child(5) .jux{
    height:95px;
}



.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;

}

.data-so .so-ul li dl dd:nth-child(2) .ju-exp{
    top:-268px;
}
.data-so .so-ul li dl dd:nth-child(3) .ju-exp{
    top:-309px;
}
.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:-105px;
}

.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;
}

.about_sec5.act .data-so .so-ul li dl dd:nth-child(3) .ju-exp{
     -webkit-animation:zoomIn .6s  .6s both;
    -moz-animation:zoomIn .6s  .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;}
/*.about-sec2-img{opacity: 0;}
.about_sec2.act .about-sec2-img{
    -webkit-animation:zoomIn 1s .2s ease both;
    -moz-animation:zoomIn 1s .2s ease both;
}*/

/*.about_list ul li{
    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);
}

.about_sec2.act .about_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);
}

.about_sec2.act .about_list ul li:nth-child(1),.about_sec2.act .about_list ul li:nth-child(2){
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
}
.about_sec2.act .about_list ul li:nth-child(3),.about_sec2.act .about_list ul li:nth-child(4){
    transition: all .8s ease-in-out .2s;
    -webkit-transition: all .8s ease-in-out .2s;
    -moz-transition: all .8s ease-in-out .2s;
    -ms-transition: all .8s ease-in-out .2s;
}

.about_sec2.act .about_list ul li:nth-child(5){
    transition: all .8s ease-in-out .4s;
    -webkit-transition: all .8s ease-in-out .4s;
    -moz-transition: all .8s ease-in-out .4s;
    -ms-transition: all .8s ease-in-out .4s;
}

.about-sec2-txt{opacity: 0;}


.about_sec2.act .about-sec2-txt{
    -webkit-animation:fadeInRight2 1s .2s ease both;
    -moz-animation:fadeInRight2 1s .2s ease both;
}*/

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




/*case.html*/
.artcle_con{position: relative;padding-top: 85px;}
.nav-right .case_li li a{color:#b3b2b2;}
.nav-right .case_li li.cur a, .nav-right .case_li li:hover a{color:#e00012;}
.nav-right .case_li li sub{background:#e00012;}
.navbar2{height:70px;position:relative;top:0;padding:0;margin-top:15px;margin-bottom:80px;}
.menu{width:100%;height:55px;background:#282828;overflow:hidden;}
.menu  ul{position:relative;float:left;left:50%;margin-bottom:0;} 
.menu ul li{position:relative;float:left;left:-50%;margin:0 25px;font-size:18px;line-height:55px;}
.menu ul li a{color:#cecdcd;}
.menu ul li.current a{color:#df494b;}
.menu_nav{width: 35px;height:25px;margin-top: 12px;cursor: pointer;}
.menu_nav ul li{width: 100%;height:5px;border-radius:2px;margin-bottom: 5px;background: #838286;margin-left: 0px;}
#case_list{width:100%;background:#282828;}
.case_list_body{min-height: 780px;height: auto !important;}
.case_list_body ul{margin-bottom:0;}
.case_list_body ul li{width:19%; margin-right:1.25%; float: left;margin-top:30px;margin-bottom:30px;display:none;overflow: hidden;position: relative;background:#fff;}
.case_list_body ul li:nth-child(5n){margin-right:0;}
.caselogo {width:100%; position: absolute;top: -243px;left: 0px;}
.case_footer{ margin-left: 15px;position: relative;z-index: 2;padding-top:5px;padding-bottom:10px;overflow: hidden;}
.name {font-size: 14px;color:#161616;}
.language{color:#6f6f6f;margin-top:5px;font-size:12px;}
.bgs_01 {width:100%; height:60px;position: absolute;bottom: -60px;background: #f31e20;z-index: 1;}
.check{float:right;margin-right:5px;margin-top:8px;}
.check span{background:url(../images/case_icon.png)no-repeat;height:24px;display:block;float:left;cursor:pointer;}
.case_list_body ul li:hover .check  span{background:url(../images/case_icon_hover.png)no-repeat;}
.case_list_body ul li:hover .check .pc{background-position:0 0;width:30px;}
.case_list_body ul li:hover .check .phone{background-position:-30px 0;width:20px;}
.check .pc{background-position:0 0;width:30px;}
.check .phone{background-position:-30px 0;width:20px;}
.case_list_body ul li.hover .case_footer a{color:#fff;}
/*补加一个高度*/
.case {
    min-height: 166px;
}

/*wap*/
.case_list2 {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.case_list2{position:relative;overflow:hidden;width:100%;min-height: 780px;
    height: auto !important;}
.case_list2 ul li{float:left;width:16.3%;margin-left:3%;padding:0.5% 0.5%; cursor: pointer; margin-bottom:30px;position:relative;overflow:hidden;background:#ffffff;/*-moz-box-shadow:0 0 5px 5px #e9e9e9; -webkit-box-shadow:0 0 5px 5px #e9e9e9;box-shadow:0 0 5px 5px #e9e9e9*/margin-top:10px;-webkit-transition: .5s ease-out all;transition: .5s ease-out all;display:none;}
.case_img{position:relative;}
.web_site{position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;z-index:99;display:none;}
.shade_case{width:100%;height:100%;position:absolute;top:0;z-index:9;background:#000;left:0;opacity:0;filter:alpha(opacity=0);transition: all .4s linear 0s;
    -webkit-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;}
.case_list2 ul li:hover .shade_case{opacity:0.8;filter:alpha(opacity=0.8);}
.goto{width:70%;position:absolute;z-index:99;left:50%;margin-left:-35%;top:0;top:50%;margin-top:-200%;opacity:0;}
.look_case{text-align:center;color:#ea1414;font-size:1em;margin-top:20px;}
.case_info{margin-top:10px;margin-bottom:10px;color:#737373;padding-left:2%;padding-right:2%;z-index:2;position:relative;}
.case_info .case_tit{font-size:16px;color:#ea1414;text-align:left;}
.det-c-c{width:100%;background:#f4f4f4;}
.det-d-d{width:100%;background:#f2f2f2;}
.det-e-e{width:100%;background:#ffffff}
.mini-co{position:relative;opacity:0;}
.det-e-e.act .mini-co{
    -webkit-animation:fadeInUp2 1s .2s ease both;
    animation:fadeInUp2 1s  .2s ease both;
    -moz-animation:fadeInUp2 1s  .2s ease both;
}
.mini-img{position:absolute;top:7%;width:63.5%;left:50%;margin-left:-32.5%}


/*case_det*/
.down{
    -webkit-animation: bounce-down 1.5s 1s infinite linear;
    animation: bounce-down 1.5s 1s infinite linear;
}
.case-top{width:100%;position:relative;margin-bottom:40px;}
.case-ewm{width:140px;padding-top:60px;opacity:0;}
.case-ewm{
    -webkit-animation:slideLeft 1s .2s ease both;
    animation:slideLeft 1s  .2s ease both;
    -moz-animation:slideLeft 1s  .2s ease both;
}
.case-ewm p{color:#ea1414;margin-top:5px;}
.look{width:140px;height:35px;line-height:35px;display:block;background:url(../images/click.html) no-repeat center right 12px;background-color:#e2373d;font-size:16px;color:#ffffff;padding-left:10px;}
.compute{width:900px;opacity:0;height:475px;background:url(../images/compute.html) no-repeat center;position:absolute;background-size:900px 475px;bottom:0px;left:50%;margin-left:-450px;}
.compute{
    -webkit-animation:fadeIn 1s .2s ease both;
    animation:fadeIn 1s  .2s ease both;
    -moz-animation:fadeIn 1s  .2s ease both;
}
.compute .compute-img{width:74%;position:relative;margin:0 auto;padding-top:23px;padding-left:45px;}
.project-price h4{line-height:28px;margin-top:10px;margin-bottom:40px;}
@media (min-width: 1441px){
	.container_inner .footer-left{margin:0 60px;}
	.compute{width:1100px;height:580px;background:url(../images/compute.html) no-repeat center;position:absolute;background-size:1100px 580px;bottom:0px;left:50%;margin-left:-550px;}
    .compute .compute-img{width:74%;position:relative;margin:0 auto;padding-top:28px;padding-left:55px;}
}

@media (max-width: 1280px){
    .case_list2 ul li{margin-left:3%;width:21%;}
	.container_inner .footer-left{margin:0 20px;}
	.business_list2 ul li,.business_list ul li{margin-bottom:30px;}
	.case_list_body ul li{width:32%;margin-right:2%;}
    .case_list_body ul li:nth-child(5n){margin-right:2%;}
	.case_list_body ul li:nth-child(3n){margin-right:0px;}

   

}

@media (max-width: 960px){

   .compute{width:700px;height:370px;background:url(../images/compute.html) no-repeat center;position:absolute;background-size:700px 370px;bottom:0px;left:50%;margin-left:-350px;}
   .compute .compute-img{width:73%;position:relative;margin:0 auto;padding-top:20px;padding-left:34px;}

   .case_list2 ul li{margin-left:3%;width:29%;}
	.container_inner .footer-left{float:none;}
	.code_list{padding-left:0;}
	.code_list ul li{float:left;width:28%;margin-right:8%;text-align:center;}
	.code_list ul li:last-child{margin-right:0;}
	.declaration{margin-top:50px;}
	.right_declaration{padding-bottom:50px;}
	.company_info{margin-right:0;padding-right:20px;}
	.code_list ul li span{font-size:18px;margin-left:0;}
	.branch_list{margin-top:40px;}
	.contact_con{font-size:16px;line-height:36px}
	.contact_con span{font-size:24px;}
	.full_section_inner{bottom:10px;}
	.q_counter_holder span.counter{font-size:36px;}
	.counter_list ul li{margin-bottom:10px;}
	.case_list_body ul li{width:48%;margin-right:4%;}
    .case_list_body ul li:nth-child(5n){margin-right:4%;}
    .case_list_body ul li:nth-child(4n){margin-right:4%;}
    .case_list_body ul li:nth-child(3n){margin-right:4%;}
    .case_list_body ul li:nth-child(2n){margin-right:0;}
	.vertical-inner{top:30%;}
	.txt2{margin-bottom:30px;}
    .data-so-inner{width: 700px;}

    .service_right p{font-size:24px;font-weight: normal;color:#7f7f7f;margin:0px;}
    .service_right p span{font-size:30px;color:#e2373d;}

    
    
    
    

}

@media (max-width:767px){
    .ewm-list ul li:nth-child(1){width: 100%;}
    .ewm-list ul li:nth-child(1) .kf-txt{margin-bottom: 20px;}
    .DIV{width: 90%;}
	.thank-txt img{width:100%;height:auto}
	.p-xls{padding-left:10px;padding-right:10px;}
    .QQ_s,.compute{display: none;}
    .service_sec3 .sec3-img{
        opacity: 0;
        width: 300px;
        height:256px;
        position: relative;
        left:20px;
        margin-left: 0px;
        background: url(../images/help_list.png) no-repeat center;
        background-size:300px 256px;
    }
    .data-so-inner{width: 500px;}
    .sec3-txt-list ul li{display: none;}


    .case_list2 ul li{margin-left:3%;width:46%;}
    .data-bot .bot-ul li{width: 100%;margin-bottom: 5px;}
    
    .position_icon{float:left;}
	.service_right{margin:0 auto;padding-top:30px;}
	.info_form,.con-tit2,.code_list ul li img{width:100%;}
	.branch_icon,.navbar .nav-right ul li sub{display:none;}
	.company_info{width:70%;}
	.position_icon{width:23%;}
	.declaration .span.span2{font-size:30px;}
	.case_list_body ul li{width:48%;margin-right:4%;}
	.case_list_body ul li:nth-child(5n){margin-right:4%;}
	.case_list_body ul li:nth-child(4n){margin-right:4%;}
	.case_list_body ul li:nth-child(3n){margin-right:4%;}
	.case_list_body ul li:nth-child(2n){margin-right:0;}
	.menu ul li{margin:0 10px;font-size:16px;}
	.case_sec{padding-bottom:65px;}
	
}

@media (max-width:667px){
    .data-so-inner{width: 300px;}
    .ju-exp{display: none;}
}

@media (max-width:480px){
    .ewm-list ul li:nth-child(1) .kf-txt{width: 130px;}
    .ewm-list ul li:nth-child(2),.ewm-list ul li:nth-child(3),.ewm-list ul li:nth-child(4){width: 80px;}
    .ewm-list ul li:nth-child(2) img,.ewm-list ul li:nth-child(3) img,.ewm-list ul li:nth-child(4) img{width: 100%;height: auto;}
    .case_list_body ul li{width:90%;margin-left:5%;}
    .case_list2 ul{margin-left:0%;}
    .case_list2 ul li{width:100%;margin-left:0;} 
}



/*
 1.全式
*/
*{margin:0;padding:0;border:0;}
body{ font-size:12px; font-family:微软雅黑,Arial,Helvetica,Tahoma,sans-serif !important;color:#333333;text-align:center; /*overflow-x:hidden; */ background-color:#fff; min-width:1200px;}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:transparent;}
a:hover,a:active{/*text-decoration:underline;*/color:#29a3ae;}
image{ vertical-align:middle;}
ul,li{ list-style:none;}
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
var{font-style:normal;}
input,select,img{vertical-align:middle;}
.wrap{clear:both; width:1400px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap2{clear:both;width:1400px;margin:0 auto;text-align:left;zoom:1;}
.clear{clear:both; zoom:1;}
.divhidden{ display:none;}
.l{ float:left;}
.r{float:right;}
.m_t{ margin-top:9px;}
.m_t17{ margin-top:17px;}
.m_t20{ margin-top:20px;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.margin_top{ margin-top:-500px;}


.index-box {
	max-width:1600px;
	margin:auto;
	position:relative;
}

.index-solution {
	width:100%;
	padding:80px 0;
}
.index-solution-box {
	width:100%;
	background:#373737;
	display:table;
}
.index-solution-box .img {
	width:60%;
	float:left;
}
.index-solution-box .tbox {
	width:40%;
	float:left;
	padding:8.5% 0 0 80px;
	display:inline-block;
}
.index-solution-box .tbox .title {
	font-size:36px;
	font-weight:bold;
	color:#fff;
	line-height:1;
	margin-bottom:20px;
}
.index-solution-box .tbox .txt {
	max-width:475px;
	font-size:14px;
	line-height:28px;
	color:#fff;
}
.index-solution-box .tbox .list {
	width:100%;
	margin-top:53px;
}
.index-solution-box .tbox .list li {
	float:left;
	margin:0 20px 20px 0;
}
.index-solution-box .tbox .list li a {
	line-height:36px;
	border:1px solid #bbb;
	border-radius:19px;
	display:block;
	padding:0 21px;
	font-size:14px;
	color:#bbb;
	transition:all ease .3s;
}
.index-solution-box .tbox .list li:hover a {
	color:#222;
	background:#fff;
	border:1px solid #fff;
}


.index-news {
	width:100%;
	background:#fff;
	text-align:left;
	overflow:hidden;
}
.index-news-title {
	font-size:36px;
	line-height:1;
	color:#000;
	font-weight:bold;
}
.index-news-more {
	font-family: 'sheepsansbold';
    font-size: 16px;
    line-height: 36px;
    color: #000;
    background: url(../images/icon21.png) right center no-repeat;
    padding-right: 35px;
    display: block;
    position: absolute;
    right: 5px;
    top: 30px;
}
.index-news-menu {
	width:100%;
	margin-top:30px;
	display:table;
}
.index-news-menu li {
	float:left;
	margin-right:10px;
}
.index-news-menu li a {
	display:block;
	line-height:26px;
	padding:0 20px;
	border:1px solid #666;
	font-size:14px;
	color:#666;
	border-radius:14px;
	transition:all ease .3s;
}
.index-news-menu li:hover a {
	color:#fff;
	background:#222;
	border-color:#222;
}
.index-news-menu li.on a {
	color:#fff;
	background:#222;
	border-color:#222;
}
.index-news .index-box {
	max-width:1610px;
	overflow:hidden;
	padding:0 5px;
}
.index-news-list {
	width:calc(700% + 70px);
	margin-top:40px;
	display:inline-block;
	left:0;
	position:relative;
	transition:all ease 1s;
}
.index-news-list .lbox {
	width:calc(100% / 7);
	display:inline-block;
	float:left;
	padding-right:10px;
}
.index-news-list .lbox .box1 {
	width:30%;
	margin-right:0.625%;
	float:left;
	transition:all ease .3s;
}
.index-news-list .lbox .box1 a {
	display:inline-block;
	width:100%;
}
.index-news-list .lbox .box1 .img {
	width:100%;
	height:280px;
}
.index-news-list .lbox .box1 .tbox {
	width:100%;
	height:270px;
	box-sizing:border-box;
	background:#f7f7f7;
	padding:0 30px;
}
.index-news-list .lbox .box1:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.index-news-list .lbox .box1 .tbox .time {
	color:#999;
	font-family: 'sheepsansbold';
	font-weight:bold;
	font-size:48px;
	line-height:50px;
	border-bottom:1px solid #dbdbdb;
	padding:22px 0 16px;
	background:url(../images/icon20.png) right 54px no-repeat;
	transition:all ease .3s;
}
.index-news-list .lbox .box1 .tbox:hover .time {
	color:#222;
}
.index-news-list .lbox .box1 .tbox .time span {
	font-size:16px;
	line-height:20px;
	font-weight:initial;
	display:block;
}
.index-news-list .lbox .box1 .tbox .titles {
	font-size:16px;
	line-height:36px;
	color:#000;
	margin-top:30px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-news-list .lbox .box1 .tbox .txts {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:14px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index-news-list .lbox .box2 {
	width:30%;
	margin-right:0.625%;
	float:left;
}
.index-news-list .lbox .box2 .tbox {
	width:100%;
	height:270px;
	background:#f4f4f4;
	box-sizing:border-box;
	padding:0 30px;
	margin-bottom:10px;
	transition:all ease .3s;
}
.index-news-list .lbox .box2 .tbox:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.index-news-list .lbox .box2 .tbox a {
	display:inline-block;
	width:100%;
}
.index-news-list .lbox .box2 .tbox .time {
	font-size:48px;
	font-weight:bold;
	line-height:50px;
	font-family: 'sheepsansbold';
	color:#999;
	padding:22px 0 15px;
	background:url(../images/icon20.png) right 54px no-repeat;
	border-bottom:1px solid #dbdbdb;
	transition:all ease .3s;
}
.index-news-list .lbox .box2 .tbox .time span {
	font-size:16px;
	line-height:20px;
	display:block;
}
.index-news-list .lbox .box2 .tbox:hover .time {
	color:#222;
}
.index-news-list .lbox .box2 .tbox .titles {
	font-size:16px;
	line-height:36px;
	color:#000;
	margin-top:30px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-news-list .lbox .box2 .tbox .txts {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index-news-list .lbox .box3 {
	width:38.75%;
	float:left;
}
.index-news-list .lbox .box3 .tbox {
	width:100%;
	height:130px;
	margin-bottom:10px;
	box-sizing:border-box;
	padding:30px;
	background:#f4f4f4 url(../images/icon20.png) 95% 60px no-repeat;
	transition:all ease .3s;
}
.index-news-list .lbox .box3 .tbox:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.index-news-list .lbox .box3 .tbox a {
	display:inline-block;
}
.index-news-list .lbox .box3 .tbox .time {
	font-size:48px;
	font-weight:bold;
	line-height:50px;
	font-family: 'sheepsansbold';
	color:#999;
	float:left;
	margin-right:30px;
	transition:all ease .3s;
}
.index-news-list .lbox .box3 .tbox:hover .time {
	color:#222;
}
.index-news-list .lbox .box3 .tbox .time span {
	font-size:16px;
	display:block;
	line-height:20px;
}
.index-news-list .lbox .box3 .tbox .titles {
	width:410px;
	float:left;
	font-size:16px;
	line-height:26px;
	color:#000;
	padding-top:10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}




/*尾部*/
.f_bg{ background:#333333; overflow:hidden; color:#999999; font-size:14px; padding-top:30px;}
.f_bg a{color:#999999; text-decoration:none;transition:all 0.3s;}
.f_bg a:hover{ color:#fff;}
.f_bg .h2{ font-size:18px; color:#fff; font-weight:normal; line-height:70px; height:70px; background:url(../images/2019/foot_bg1.png) left bottom no-repeat; margin-bottom:25px;}
.f_bg .h2 .more{ float:right; font-size:14px; color:#fff;}
.f_bg .h2 .more:hover{opacity:0.8;filter:Alpha(opacity=80);}
.f_bg .links{ width:430px; float:left;  margin-right:55px; overflow:hidden; }
.f_bg .links.w2{ margin-right:0;}
.f_bg .links ul li{ float:left; line-height:30px; height:30px;overflow:hidden; width:50%;text-overflow: ellipsis;white-space: nowrap;}
.f_bg .links ul li a{ padding-right:5px; color:#999999;font-size:14px;}
.f_bg .links ul li a:hover{ margin-left:5px; padding-right:0; color:#fff;}
.f_bg .f_div2_r{ float:right; width:430px;  overflow:hidden; line-height:30px;}
.f_bg .foot_two{ overflow:hidden; border-top:1px solid #484848; margin-top:40px; padding-top:15px;}
.f_bg .foot_two .h3{ font-size:18px; color:#fff; font-weight:normal; line-height:50px; height:50px;}
.f_bg .foot_two a{ line-height:24px; height:24px; overflow:hidden; color:#666; margin-right:1%; float:left;}
.f_bg .foot_two a:hover{ color:#fff;}
.f_bg .f_div3{overflow:hidden; border-top:1px solid #484848; margin-top:30px; padding-bottom:4px; line-height:70px;}
@media screen and (max-width: 1440px) {
.wrap{ width:1200px;}
.wrap2{ width:1200px;}
/*
 1.头部
*/
.menu {width:1200px;}
.nav li.m{ margin-left:40px;}
/*尾部*/
.f_bg .links{ width:380px; margin-right:30px;}
.f_bg .f_div2_r{ width:380px;}
}

@media screen and (max-width: 1200px) {
.top_bg{ position:static;}
.i_blank{ height:0;}
}