@charset "utf-8"; 

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

/*QQ在线客服*/
.right_side{ position: absolute; right: 0; top: 35%; width: 60px; height: 245px; z-index: 80000; }
.right_side ul{}
.right_side ul li{ width: 60px; height: 60px; border-bottom: 1px solid #707070; background: #262626 url(../images/right_ico.png) no-repeat; cursor: pointer; position: relative;-webkit-transition:  background 0.5s ease-out ; -moz-transform:background 0.5s ease-out; transition: background 0.5s ease-out ; }
.right_side ul li:hover{ background:#FFFFFF url(../images/right_hover_ico.png) no-repeat; }

.right_side ul li.qq{  background-position: center 17px; border-top-left-radius: 5px;    }
.right_side ul li.qq div{ display: none; background-color: #f9f9f9; position: absolute; right: 60px; width: 180px; height: 245px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; overflow: hidden; -moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.2); box-shadow:-7px 0px 10px rgba(0,0,0,0.2); }
.right_side ul li.qq div dt{ text-align: center; height: 60px; line-height: 60px; background-color: #ffffff; }
.right_side ul li.qq div dd{height: 60px; line-height: 60px; color: #666666; margin: 0 auto; width: 160px; font-size: 16px; border-bottom: 1px dotted #dedede; text-indent: 80px; background: url(../images/qqbg.gif) no-repeat 30px 17px;}
.right_side ul li.qq div dd a{ display: block;}
.right_side ul li.qq div dd a:hover{ color: #556c9c;}

.right_side ul li.tel{ background-position: center -44px; }
.right_side ul li.tel div{ display: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px;  position: absolute;  right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); box-shadow:-7px 0px 10px rgba(0,0,0,0.3); height: 60px; line-height: 60px; padding: 0 20px; font-size: 24px; font-weight: bold; color: #217cc8; background-color: #ffffff; white-space: nowrap }
.right_side ul li.wx{  background-position: center -105px; }
.right_side ul li.wx div{ border-radius: 5px; display: none; position: absolute; top: -45px; right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); box-shadow:-7px 0px 10px rgba(0,0,0,0.3); overflow: hidden; }
.right_side ul li.top{ background-position: center -166px; border: none; border-bottom-left-radius: 5px; }
.right_side ul li:hover div{ display: block;}
.right_side ul li.qq:hover{ border-radius: 0;  }

/*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:#fff;}
.navbar.nav2 .nav-right ul li.cur  a,.navbar.nav2 .nav-right ul li:hover  a{color:#80bb23;}
.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:#80bb23;}
.navbar .nav-right ul li:hover  sub,.navbar .nav-right ul li.cur sub{width:100%;}
.navbar .logo{width: 298px;height:62px;display:block;background: url(../images/logo.png) no-repeat center;position: relative;top:15px;background-size:298px 62px;}
.navbar.nav2 .logo{background: url(../images/logo2.png) no-repeat center;background-size:298px 62px;}
.navbar.fixed .logo{width: 197px;height:41px;display:block;background: url(../images/logo2.png) no-repeat center;background-size:197px 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: 197px;}
.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:#80bb23;}
.navbar.fixed .nav-right ul li sub{
    background-color:#80bb23;
}

/*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%;
	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;
}
.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;}
/*header*/
.header{position:relative;height:600px;} 
.vertical-inner{position:absolute;top:40%;z-index:9;width:100%;text-align:center;}
.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:#80bb23; width:10px; height:10px; position:relative;}
.vertical-inner .txt-tit{ color:#FFF; font-size:60px;}
.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: #80bb23;
    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_sec{background:#fff;padding-top:78px;padding-bottom:100px;position:relative;text-align:center;}
.business_tit{text-align:center;}
.business_tit h2{margin-bottom:20px}
.business_tit span{color:#999999; font-size:36px;}
.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:#80bb23;
    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:54px;margin-left:-27px;}
.business_list ul li .icon2{background-position:-365px 0;width:80px;margin-left:-40px;}
.business_list ul li .icon3{background-position:-715px 0;width:68px;margin-left:-34px;}
.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:#80bb23}
.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:54px;}
.business_list ul li:hover .icon2{background-position:-365px 0;width:80px;}
.business_list ul li:hover .icon3{background-position:-715px 0;width:68px;}
.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;}
.business_tit h1,.partner_sec h1{color:#484848;}
.counters .con-tit2{margin-top:130px;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:78px;padding-bottom:55px;position:relative;text-align:center;}
.case_tit span{color:#999999; font-size:36px;}
.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;
}

.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: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:20%;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%;padding-top:78px;padding-bottom:100px;position: relative;}
.partner_sec h1{margin-top:0;}
.home_container { width:1200px; margin:0 auto;}
.h-logo{  position: relative; height: 452px; background-color: #ffffff; top: -10px; z-index: 1;}
.h-logo .box{  overflow: hidden; height: 452px; width: 100%; }
.h-logo .box.current{ z-index: 10;}
.h-logo .box .myhex{float: left; width: 239px; height: 150px; overflow: hidden; border-right: 1px dotted #dedede; border-bottom: 1px dotted #dedede; transition:all 0.5s ease-in-out; background-color: #ffffff; }
.h-logo .box .myhex a{  position: relative;width: 239px; height: 150px; display: block;  -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d;  -ms-transform-style: preserve-3d;  -o-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-transition: 0.5s ease;  -moz-transition: 0.5s ease;  -ms-transition: 0.5s ease;  -o-transition: 0.5s ease;  }
.h-logo .box .myhex img{  transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;  opacity: 0.7;    -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray; }
.h-logo .box .myhex:hover img{ opacity: 1; filter: none;  }

.h-logo .box .myhex .text{  position: absolute;  top: 0;  width: 100%;  -webkit-transform: rotateY(180deg) translateZ(1px);  -moz-transform: rotateY(180deg) translateZ(1px);  -ms-transform: rotateY(180deg) translateZ(1px);  -o-transform: rotateY(180deg) translateZ(1px);  transform: rotateY(180deg);  color: #666;  text-align: center;  opacity: .06;  background: rgba(255,255,255,.9);  }
.h-logo .box .myhex .text img{filter: none; -webkit-filter:none;-moz-filter:none;  }
.h-logo .box .myhex:hover .text{ opacity: 1;  }
.h-logo .box .myhex:hover a {  -webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg);  -ms-transform: rotateY(180deg);  -o-transform: rotateY(180deg);  transform: rotateY(180deg);  }

.h-logo .box .myhex:nth-child(5),.h-logo .box .myhex:nth-child(10),.h-logo .box .myhex:nth-child(15){ border-right: none;}
.h-logo .box .myhex.rotation{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.h-logo .box .myhex.rotation img{ opacity:0; transition:opacity 0.3s ease-in-out;}
.h-logo .linkmore{width: 239px; height: 150px; position: absolute; bottom: -80px; right: 0;  z-index: 10;background: url(../images/link_logo_bjt.png) no-repeat center;}
.h-logo .linkmore .myhex_tab{position: relative; width: 100%; height: 100%;}
/*.h-logo .linkmore .myhex-xt{ height: 100%; width: 100%px;   position: absolute;  transform: rotate(225deg);  }*/
.h-logo .linkmore .myhex-prev,.h-logo .linkmore .myhex-next{ cursor: pointer; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;  opacity: 0.3;  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;}
.h-logo .linkmore .myhex-prev{ background: url(../images/link_tab_left.png) no-repeat center; width: 30px; height: 60px; position: absolute; left: 40px;top: 20px;  }
.h-logo .linkmore .myhex-next{ background: url(../images/link_tab_right.png) no-repeat center; width: 30px; height: 60px; position: absolute; right: 40px; bottom: 20px;}
.h-logo .linkmore .myhex-prev:hover,.h-logo .linkmore .myhex-next:hover{ opacity: 1; filter: none;}
/*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-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:#80bb23;color:#ffffff;margin:0 3px;}
.contact_btn2:hover{background:#80bb23;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:#80bb23;}
.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:#80bb23;}
.add-list ul li .add-icon{margin-top: 40px;}
.add-list ul li #map {width: 100%;height: 300px;float: left;border: 1px solid #e5e5e5;}



/*service.html*/

.service_txt{position:absolute;top:0px;bottom:0px;margin:auto;height:200px; width:100%; text-align: center;}
.service_txt p{line-height:72px;color:#FFF;font-size:45px;}
.service_txt .infor{margin-top:10px;text-align:center;font-size:20px;display:inline-block;*display:inline;*zoom:1;cursor:pointer;color:#fff;}
.contact_con span{font-size:30px;}
.service_con{background:url(../images/service_img.jpg)no-repeat;background-size:cover;padding-bottom:70px;padding-top:25px;}
.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:54px;margin:0 auto;}
.business_icon2 em.icons2{background-position:-365px 0;width:80px;margin:0 auto;}
.business_icon2 em.icons3{background-position:-715px 0;width:68px;margin:0 auto;}
.business_icon2 em.icons4{background-position:-1064px 0;width:105px;margin:0 auto;}


.business_list ul li:hover .icon1{background-position:0 0;width:54px;}
.business_list ul li:hover .icon2{background-position:-365px 0;width:80px;}
.business_list ul li:hover .icon3{background-position:-715px 0;width:68px;}
.business_list ul li:hover .icon4{background-position:-1064px 0;width:105px;}
.business_list ul li:hover .business_txt h2{color:#80bb23;}
.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:#80bb23;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:#80bb23;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:#80bb23;}
.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{margin-top:65px;padding-bottom:60px; background:#FFF;position:relative;overflow:hidden}
.service_container{margin:0 auto;width:1200px;}
.service_container:after{content:"\200B";display:block;height:0;clear:both;}
.service_list2{width:100%;}
.service_list2 li{float:left;margin-right:120px;width:100px;text-align:center;line-height:36px;font-size:24px;color:#000;}
.service_list2 li p{font-size:14px;color:#666;}
.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;
}

.DIV{
    position:relative;
    width:1200px;
    margin:0 auto;
}
.main .mainContent{padding:0;}
.main .mainContent .DIV:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .mainContent .mContent{position:absolute;top:0px;bottom:0px;color:#333333;height:200px;width:560px;margin:auto 0;}
.main .mainContent .mContent .title{line-height:46px;font-size:33px;}
.main .mainContent .mContent .info{padding:24px 0;line-height:28px;font-size:14px;color:#828282;}
.main .mainContent .mContent .info h5{color:#333;font-size:18px;font-weight:normal;line-height:20px;}
.main .mainContent .mImg{width:646px;height:459px;line-height:459px;text-align:center;}
.main .mainContent .mImg img{max-width:100%;max-height:100%; vertical-align:bottom;}
.main .mainContent.mLeft .mImg{float:left;}
.main .mainContent.mLeft .mContent{right:0px;}
.main .mainContent.mRight .mImg{float:right;}
.main .mainContent.mRight .mContent{left:0px;}
.main .mainContent.mCenter{padding:60px 0;}
.main .mainContent.mCenter .mContent{position:relative;width:100%;top:inherit;height:auto;bottom:inherit;margin:inherit;text-align:center;padding:20px 0;}
.main .mainContent.mCenter .mImg{width:100%;height:auto;line-height:inherit;float:none;text-align:center;}

.main .mainContent2{padding:0;background:#f4f4f4;}
.main .mainContent2 .DIV:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .mainContent2 .mContent{position:absolute;top:0px;bottom:0px;color:#333333;height:200px;width:560px;margin:auto 0; text-align:right;}
.main .mainContent2 .mContent .title{line-height:46px;font-size:33px;}
.main .mainContent2 .mContent .info{padding:24px 0;line-height:28px;font-size:14px;color:#828282;}
.main .mainContent2 .mContent .info h5{color:#333;font-size:18px;font-weight:normal;line-height:20px;}
.main .mainContent2 .mImg{width:646px;height:459px;line-height:462px;text-align:center;}
.main .mainContent2 .mImg img{max-width:100%;max-height:100%; vertical-align:bottom;}
.main .mainContent2.mLeft .mImg{float:left;}
.main .mainContent2.mLeft .mContent{right:0px;}
.main .mainContent2.mRight .mImg{float:right;}
.main .mainContent2.mRight .mContent{left:0px;}
.main .mainContent2.mCenter{padding:60px 0;}
.main .mainContent2.mCenter .mContent{position:relative;width:100%;top:inherit;height:auto;bottom:inherit;margin:inherit;text-align:center;padding:20px 0;}
.main .mainContent2.mCenter .mImg{width:100%;height:auto;line-height:inherit;float:none;text-align:center;}

.weixin_list{float:left;width:270px;height:264px;margin-right:40px;}
.weixin_list h3{margin:128px 0 0 0;padding:0 0 10px 0;text-align:center;color:#fff;font-weight:normal;font-size:18px;}
.weixin_list p{margin:0;padding:5px 0 0 0;text-align:center;color:#fff;font-size:14px;}
.weixin_list1{background:#80bb23 url(../images/wx1.png) center 30px no-repeat;}
.weixin_list2{background:#80bb23 url(../images/wx2.png) center 30px no-repeat;}
.weixin_list3{background:#80bb23 url(../images/wx3.png) center 30px no-repeat;}
.weixin_list4{margin-right:0;background:#80bb23 url(../images/wx4.png) center 30px no-repeat;}

.wx_list{float:left;width:220px;height:220px;margin:0 25px 20px 0;text-align:center;background-color:#f5f5f5;}
.wx_list:nth-child(5n){margin-right:0;}
.wx_list img{margin-top:20px;width:76px;height:76px;}
.wx_list h2{margin:8px 0 0 0;padding:0 0 10px 0;text-align:center;color:#333;font-weight:normal;font-size:18px;}
.wx_list p{margin:0;padding:5px 0 0 0;text-align:center;color:#888;font-size:14px;}

/*about.html*/
.about_sec2{padding-bottom:150px;}
.about_txt{line-height:30px;margin-top:0;margin-bottom:45px;}
.about_sec3{background:#f4f4f4;padding-top:80px;padding-bottom:45px;}
.sec3_txt ul li{margin-bottom:40px;}
.sec_tit{color:#484848;margin-bottom:50px;margin-top:0px; font-size:30px;}
.sec_txt{line-height:26px;color:#5a5a5a;}

/*news.html*/

.gf-news .news-bd-content{border-bottom: 1px solid #dedede;}
.gf-news .news-bd-content li{padding-top: 40px; border-top: 1px solid #dedede; width: 30%;*width:29.95%;margin-right: 5%;float: left; min-height: 250px; padding-bottom: 30px;}
.gf-news .news-bd-content li:nth-of-type(3n){margin-right: 0;}
.gf-news .news-bd-content h2{font-size: 16px;padding-bottom: 25px;color:#010101; font-weight:bold;}
.gf-news .news-bd-content h2 a{color:#010101;}
.gf-news .news-bd-content p{color:#6f6f6f; line-height: 26px;padding-bottom: 40px;}

/*case.html*/
.auto_height {height:auto !important;height:100%;min-height:20px;overflow:hidden;_overflow:inherit;}
.case-title{padding-bottom: 40px;}
.case-title a{margin-right: 20px; color:#474646;}
.case-title i{display: inline-block; margin-left: 10px; vertical-align: middle; width: 7px;height: 7px;background:url("../images/news_atr.png") no-repeat center; }
.cases_content {
	background: #f5f5f5;
	padding: 40px 0;
}
.cases_content li {
	width: 24%;
	float: left;
	margin-right:1%;
	margin-bottom: 20px;
}
.cases_content li img{
	max-width:100%;
}
.case-content li{width: 30%; *width:29.95%!important; margin-right: 5%;float: left;margin-bottom: 50px;}
/*.case-content li.on{-webkit-filter:grayscale(1);filter:grayscale(1);}*/
.case-content li a{display: block;background:#dedede url("../images/loading.gif") no-repeat center;}
.case-content li:nth-of-type(3n){margin-right: 0;}
.case-content .hd{margin-top: 30px; min-height: 40px;}
.case-content .hd span{margin-right: 20px;}
.case-content .pic{overflow: hidden;}
.case-content .pic img{width: 100%;background:#dedede url("../images/loading.gif") no-repeat center;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.case-content .pic:hover img{ 
-webkit-transition: all 5s;
   -moz-transition: all 5s;
    -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
     -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}

@media (min-width: 1441px){
	.container_inner .footer-left{margin:0 75px;}
	.compute{width:1100px;height:580px;background:url(../images/compute.png) 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 (min-width: 1024px) and (max-width:1440px ) {
	.cases_content li {
	width: 32%;
	float: left;
	margin-right:2%;
	margin-bottom: 20px;
}
.cases_content li:nth-child(3n) {
	margin-right:0;
}
	}

@media (max-width: 960px){
   .navbar .logo{width: 240px;height:50px;background-size:240px 50px;}
   .compute{width:700px;height:370px;background:url(../images/compute.png) 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}
	.about_sec3{padding-top:30px;padding-bottom:45px;}
	.service_sec3{margin-top:30px;padding-bottom:30px;}
	.service_container{width:97.35%;}
    .service_list2 li{margin-right:10px;width:30%;font-size:18px;}
    .service_list2 li p{font-size:12px;}
	.service_banner,.contact_banner,.about_banner,.case_banner,.app_banner,.web_banner,.weixin_banner{height:350px;}
	.service_txt{height:100px;}
    .service_txt p{line-height:38px;font-size:38px;}
    .service_txt .infor{margin-top:10px;font-size:18px;}
	.about-sec2-txt h1{font-size: 28px;}
	.about-sec2-txt h1 span{font-size:28px;color:#80bb23;font-weight: bold;}
	.about-sec2-text{padding-left:0px;}
	.about_list ul li{width: 100%;}
	.full_section_inner{bottom:50px;}
	.q_counter_holder span.counter{font-size:36px;}
	.counters .con-tit2{margin-top:100px;}
	.case_tit .h4{margin-bottom:30px;}
	.con-tit2{width:100%;}
	.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:20px;}
    .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:#80bb23;}
    .partner_sec{padding-top:50px;padding-bottom:50px;}
	.home_container { width:97.35%;}
	.h-logo{height: 100%;}
	.h-logo .box{height: 100%;}
	.h-logo .box .myhex{width: 33%; height:100%;}
    .h-logo .box .myhex a{width: 100%; height:100%;}
	.h-logo .box .myhex img{width: 100%; height:100%;}
	.h-logo .box .myhex:nth-child(3n){ border-right: none;}
    .h-logo .box .myhex:nth-child(5),.h-logo .box .myhex:nth-child(10){ border-right: 1px dotted #dedede;}
	.DIV{width: 97.35%;}
    
.main .mainContent{padding:60px 0 0 0;}
.main .mainContent .mContent{position:relative;height:auto;width:100%;text-align:center;}
.main .mainContent .mContent .title{line-height:38px;font-size:30px;}
.main .mainContent .mContent .info{padding:20px 0;line-height:24px;font-size:16px;}
.main .mainContent .mImg{width:100%;height:375px;line-height:375px;}
.main .mainContent.mLeft .mImg{float:none;}
.main .mainContent.mLeft .mContent{right:inherit;}
.main .mainContent.mRight .mImg{float:none;}
.main .mainContent.mRight .mContent{left:inherit;}
.main .mainContent.mCenter{padding:40px 0;}
.main .mainContent.mCenter .mContent{padding:14px 0;}

.main .mainContent2{padding:60px 0 0 0;}
.main .mainContent2 .mContent{position:relative;height:auto;width:100%;text-align:center;}
.main .mainContent2 .mContent .title{line-height:38px;font-size:30px;}
.main .mainContent2 .mContent .info{padding:20px 0;line-height:24px;font-size:16px;}
.main .mainContent2 .mImg{width:100%;height:375px;line-height:375px;}
.main .mainContent2.mLeft .mImg{float:none;}
.main .mainContent2.mLeft .mContent{right:inherit;}
.main .mainContent2.mRight .mImg{float:none;}
.main .mainContent2.mRight .mContent{left:inherit;}
.main .mainContent2.mCenter{padding:40px 0;}
.main .mainContent2.mCenter .mContent{padding:14px 0;}
    
.weixin_list{width:48%;height:250px;margin-right:4%; margin-bottom:4%;}
.weixin_list2{margin-right:0;}
.weixin_list4{margin-right:0;}

.wx_list{width:30%;height:200px;margin:0 5% 5% 0;}
.wx_list:nth-child(3n){margin-right:0;}
.wx_list:nth-child(5n){margin-right:5%;}
.wx_list img{margin-top:20px;width:66px;height:66px;}

.case-title{padding-bottom: 30px;}

.case-content li{width: 49%; margin-right: 2%;float: left;margin-bottom: 30px;}
.case-content li:nth-of-type(3n){margin-right: 2%;}
.case-content li:nth-of-type(2n){margin-right: 0;}
.case-content .hd{margin-top: 20px;}
.case-content .hd span{display: block;font-size: 14px;padding-bottom: 10px;}

.cases_content li {
	width: 49%;
	float: left;
	margin-right:2%;
	margin-bottom: 20px;
}
.cases_content li:nth-child(2n) {
	margin-right:0;
}
}

@media (max-width:767px){
	.about_sec2{padding-bottom:50px;}
	.contact_con span{font-size:26px;}
	.service_txt{height:70px;}
    .service_txt p{line-height:24px;font-size:28px;}
    .service_txt .infor{margin-top:10px;font-size:16px;}
	.sec_tit{margin-bottom:30px;margin-top:0px; font-size:26px;}
	.about-sec2-txt h1{font-size: 24px;}
    .about-sec2-txt h1 span{font-size:28px;color:#80bb23;font-weight: bold;}
	.business_sec{padding-top:50px;padding-bottom:50px;}
	.business_tit span{font-size:24px;}
	.business_list{margin-top:55px;}
    .ewm-list ul li:nth-child(1){width: 100%;}
    .ewm-list ul li:nth-child(1) .kf-txt{margin-bottom: 20px;}
    .DIV{width: 93.75%;}
	.thank-txt img{width:100%;height:auto}
	.p-xls{padding-left:10px;padding-right:10px;}
    .QQ_s,.compute{display: none;}
	.service_sec3{margin-top:30px;padding-bottom:30px;}
    .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;}
	.service_container{width:93.75%;}
    .service_list2 li{margin-right:10px;width:45%;font-size:18px;}
    .service_list2 li p{font-size:12px;}
    .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;}
	.counters .con-tit2{margin-top:50px;}
	.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:50px; padding-top:50px;}
	.case_tit span{font-size:24px;}
	.case_tit .h4{margin-bottom:30px;}
	.full_section_inner{bottom:20px;}
	.counters{ height:800px;-moz-background-size:auto 100%;
	-o-background-size:auto 100%;
	background-size:auto 100%;}
	.partner_sec{padding-top:50px;padding-bottom:50px;}
	.vertical-inner .txt-tit{font-size:30px;}
	.home_container { width:93.75%;}
	.h-logo{height: 100%;}
	.h-logo .box{height: 100%;}
	.h-logo .box .myhex{width: 50%; height:100%;}
    .h-logo .box .myhex a{width: 100%; height:100%;}
	.h-logo .box .myhex img{width: 100%; height:100%;}
	.h-logo .box .myhex:nth-child(2n){ border-right: none;}
    .h-logo .box .myhex:nth-child(3),.h-logo .box .myhex:nth-child(5),.h-logo .box .myhex:nth-child(9),.h-logo .box .myhex:nth-child(15){ border-right: 1px dotted #dedede;}
	
.main .mainContent{padding:40px 0 0 0;}
.main .mainContent .mContent{position:relative;height:auto;width:100%;text-align:center;}
.main .mainContent .mContent .title{line-height:26px;font-size:24px;}
.main .mainContent .mContent .info{padding:12px 0;line-height:20px;font-size:14px;}
.main .mainContent .mImg{width:100%;height:210px;line-height:210px;}
.main .mainContent.mLeft .mImg{float:none;}
.main .mainContent.mLeft .mContent{right:inherit;}
.main .mainContent.mRight .mImg{float:none;}
.main .mainContent.mRight .mContent{left:inherit;}
.main .mainContent.mCenter{padding:20px 0;}
.main .mainContent.mCenter .mContent{padding:14px 0;}

.main .mainContent2{padding:40px 0 0 0;}
.main .mainContent2 .mContent{position:relative;height:auto;width:100%;text-align:center;}
.main .mainContent2 .mContent .title{line-height:26px;font-size:24px;}
.main .mainContent2 .mContent .info{padding:12px 0;line-height:20px;font-size:14px;}
.main .mainContent2 .mImg{width:100%;height:210px;line-height:210px;}
.main .mainContent2.mLeft .mImg{float:none;}
.main .mainContent2.mLeft .mContent{right:inherit;}
.main .mainContent2.mRight .mImg{float:none;}
.main .mainContent2.mRight .mContent{left:inherit;}
.main .mainContent2.mCenter{padding:20px 0;}
.main .mainContent2.mCenter .mContent{padding:14px 0;}

.weixin_list{width:48%;height:250px;margin-right:4%; margin-bottom:4%;}
.weixin_list p{font-size:12px;}
.weixin_list2{margin-right:0;}
.weixin_list4{margin-right:0;}

.wx_list{width:48%;height:200px;margin:0 4% 4% 0;}
.wx_list:nth-child(2n){margin-right:0;}
.wx_list:nth-child(5n){margin-right:4%;}
.wx_list img{margin-top:20px;width:66px;height:66px;}
.wx_list h2{font-size:16px;}
.wx_list p{font-size:12px;}

.gf-news .news-bd-content li{width: 100%;margin-right: 0;min-height: auto; padding-bottom: 30px; padding-top: 30px; float: none;}
.gf-news .news-bd-page{padding-top: 30px;padding-bottom: 20px;}
.gf-news .news-bd-content h2{padding-bottom: 15px;}
.gf-news .news-bd-page a{width: 20px;}

.cases_content {
	padding: 30px 0;
}
.cases_content li {
	width: 100%;
	float: left;
	margin-right:0%;
	margin-bottom: 20px;
}

.case-title{padding-bottom: 30px;}


.case-content li{width: 100%; float: left;margin-bottom: 30px;}
.case-content .hd{margin-top: 20px;}
.case-content .hd span{display: block;font-size: 14px;padding-bottom: 10px;}
}

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

}