@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus="this.blur"());}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus="this.blur"())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none} 
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic;}
a{text-decoration:none;cursor: pointer; color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:12px;color:#000;-webkit-appearance: none; border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1}
html{overflow-x: hidden;}
.clear{clear: both;}
body{position: relative;}


@font-face{
	font-family: "jianti";
	src:url("../font/jt.ttf");
}




/*header*/
.header{  height: 99px; width: 100%;overflow: hidden; }
.header .logo{ width: 14%;padding-left: 3%; }
.header .nav{ width: 59%; padding-left: 6%;}
.header .nav li{float: left;  text-align: center;font-size: 16px;  /*margin-left: 40px;*/ margin-left:5%;}
.header .nav li a{display: block;height: 96px; line-height: 99px;color: #333333;border-top: 3px solid #fff; }
.header .nav li a:hover{border-top: 3px solid #0097d3;}
.header .nav li .hover {border-top: 3px solid #0097d3;}
.header .nav li:nth-child(7){margin-right: 0px;}


.header .har{float: right;width: 17%;position: relative;}
.header .har .form{width: 100%;position: absolute;top: 30%; right:-100%;display: block;background: #ededed;height: 50px;}
.header .har .form input{width: 50%;padding: 0 5% ;border: none;height: 50px; line-height: 50px;background:#ededed; display: block;float: left;}
.header .har .form .submit{width: 20%; background:#ededed url(../images/search_bg01.jpg) center no-repeat;float: left; padding: 0; }
.header .har .form .close{display: block;width: 20%;height: 50px;background:#fff url(../images/close.png) center no-repeat;float: left;}

.header .search{ height: 99px;float: right;background: #0097d3;display: block;cursor: pointer; width: 25%; }
.header .search img{width:23px; height: 23px;margin: 38px  auto 0 auto;display: block; cursor: pointer; }

.header .lan{overflow: hidden;margin-top: 35px; width: 65%; float: left;}
.header .lan p{float: left;display: block; line-height: 29px;color: #666666;font-size: 14px; }
.header .lan a{float: left;display: block;padding-left: 7%; }

.warp{display: none;}
#fide{display: none;}



/*news_show*/
.news_show{width:68%;margin: 2% auto 53px auto;background: #fff;padding:5% 4%;overflow: hidden; }
.news_show .title{text-align: center; color: #0097d3 ;font-size: 24px ; border-bottom: 1px dashed #dcdcdc;padding-bottom: 45px;}
.news_show .title small{display: block;color: #c6c6c6;font-size: 16px;margin-top: 32px;}
.news_show .pic{width: 100%;margin-top: 38px;}

.news_show p{color: #666666;font-size: 16px;text-align: left;font-weight: normal;font-family: "微软雅黑"; line-height: 30px;margin-top: 38px;}

.news_show .list{overflow: hidden;margin-top: 74px; padding-top: 60px;border-top: 1px dashed #dcdcdc;}
.news_show .list li{float: left; width: 31%;margin-right: 2%;}
.news_show .list li:nth-child(3){margin-right: 0%;}
.news_show .list li img {width: 100%;}
.news_show .list li span{display: block;text-align: center;color: #333333;font-size: 16px;margin-top: 33px;}


.news_show .list li a img.scale{
	      -webkit-transition: -webkit-transform .5s;
	      -moz-transition: -moz-transform .5s;
	      transition: transform .5s;
	      -webkit-transform: scale(1.1);
	      -moz-transform: scale(1.1);
	      transform: scale(1.1);
}

.news_show .list li a img{
	      -webkit-transition: -webkit-transform .5s;
	      -moz-transition: -moz-transform .5s;
	      transition: transform .5s;
}

@media screen and (max-width: 1440px){
	.news_show .pic img{width:100%;}
}


@media screen and (min-width: 1229px){



.news_show{width:68%;margin: 2% auto 53px auto;background: #fff;padding:5% 4%;overflow: hidden; }
.news_show .title{text-align: center; color: #0097d3 ;font-size: 24px ; border-bottom: 1px dashed #dcdcdc;padding-bottom: 45px;}
.news_show .title small{display: block;color: #c6c6c6;font-size: 16px;margin-top: 32px;}
.news_show .pic{width: 100%;margin-top: 38px;}

.news_show p{color: #666666;font-size: 16px;text-align: left;font-weight: normal;font-family: "微软雅黑"; line-height: 30px;margin-top: 38px;}

.news_show .list{overflow: hidden;margin-top: 74px; padding-top: 60px;border-top: 1px dashed #dcdcdc;}
.news_show .list li{float: left; width: 31%;margin-right: 2%;}
.news_show .list li:nth-child(3){margin-right: 0%;}
.news_show .list li img {width: 100%;}
.news_show .list li span{display: block;text-align: center;color: #333333;font-size: 16px;margin-top: 33px;}


.news_show .list li a img.scale{
	      -webkit-transition: -webkit-transform .5s;
	      -moz-transition: -moz-transform .5s;
	      transition: transform .5s;
	      -webkit-transform: scale(1.1);
	      -moz-transform: scale(1.1);
	      transform: scale(1.1);
}

.news_show .list li a img{
	      -webkit-transition: -webkit-transform .5s;
	      -moz-transition: -moz-transform .5s;
	      transition: transform .5s;
}



}


/*cmulb*/


.cmulb{height: 60px; line-height: 58px;border-top: 1px solid #eaeaea; overflow: hidden;border-bottom: 1px solid #eaeaea;background: #f8f8f8;}
.cmulb .left{color: #0097d3;font-size: 14px;background: url(../images/c_home.png) 0 23px no-repeat;float:left; margin-left: 4%; padding-left: 30px;}
.cmulb .left a{color: #999999;margin-left: 15px;margin-right: 15px;}
.cmulb .left em{margin-left: 15px;margin-right: 15px;}

.cmulb .right{padding-right: 4%; float: right;}
.cmulb .right li{float: left;font-size: 14px;margin-left: 30px;}
.cmulb .right li a{color: #999999;display: block;}
.cmulb .cright{display: none;}






@media screen and (max-width: 1229px){
	.cmulb{ line-height: 60px;border-top: 1px solid #eaeaea; overflow: hidden;border-bottom: 1px solid #eaeaea; height: 120px;}
	.cmulb .left{color: #0097d3;font-size: 14px;background: url(../images/c_home.png) 0 23px no-repeat;float:none; margin-left: 4%; padding-left: 30px;}
	.cmulb .left a{color: #999999;margin-left: 15px;margin-right: 15px;}
	.cmulb .left em{margin-left: 15px;margin-right: 15px;}

	.cmulb .right{display: none;}
	.cmulb .cright{padding-right: 0%; float: none; width: 100%;border-top: 1px solid #eaeaea;display: block;}
	.cmulb .cright li{float: left;font-size: 14px;text-align: center;}
	.cmulb .cright li a{color: #999999;display: block;white-space: nowrap;    overflow: hidden;   text-overflow: ellipsis;width: 100%;}

}
@media screen and (max-width: 710px){

	.cmulb {   height: 1.2rem;   line-height: .6rem;}
	.cmulb .left{color: #0097d3;font-size: .2rem;background: url(../images/c_home.png) 0  .11rem no-repeat;background-size: .28rem .26rem; padding-left: 6%; width: 94%;}
	.cmulb .left a{color: #999999;margin-left: .15rem;margin-right: .15rem;}
	.cmulb .left em{margin-left: .15rem;margin-right:.15rem;}
	.cmulb .right{float: none;width: 100%;}
	.cmulb .right{padding-right: 4%;}
	.cmulb .right li{float: left;font-size: .2rem;margin-left: 0rem; width: 33%;text-align: center;}
	.cmulb .right li a{color: #999999;display: block;}

	.cmulb .cright{padding-right: 0%; float: none; width: 100%;border-top: 1px solid #eaeaea;}
	.cmulb .cright li{float: left;font-size: .24rem;text-align: center;  overflow: hidden;  margin-right: 0px; white-space: nowrap;   text-overflow: ellipsis; width: 100%;}
	.cmulb .cright li a{color: #999999;display: block; white-space: nowrap;    overflow: hidden;   text-overflow: ellipsis;width: 100%;}
    #rightArrow{display:none;}
    #floatDivBoxs{display:none;}
}


/*cmulb*/
@media screen and (max-width: 1229px){
.header{height: 75px;overflow: hidden; width: 100%;}
.header .logo img{width: 80%;}
.header .logo a{display: block;width: 100%;}
.header .nav{ display: none; }
.header i{display: block;background: url(../images/warp_menu.png) no-repeat;width: 45px;height:33px;float: right; margin-top: 2%;margin-right:2%; cursor: pointer; background-size: 100% 100%;}
.header .form{display: none;}
.warp{display: none;}
.header .logo { margin-left: 2%; overflow: hidden; width: auto;}
.header .lan{padding-right:2%;width: 90%;margin-top: 12%;}
.header .lan p{display: none;}
.header .lan a{margin-right: 10%;}
.header .search{display: none;}
.header .har .form {display: none;}


.warp{display: none ;position: absolute;top:74px;width: 100%;background: #fff;z-index: 9;}
.warp ul li{ width: 65%;margin: 0 auto;    border-bottom: 1px solid #e8e8e8;   line-height: 40px;  height: 40px;font-size: 14px; }
.warp ul li a{display: block;   color: #666666;   font-size: 14px;}

.warp form{width: 65%;display: block;background: #ffffff;height: 50px;margin: 20px auto;}
.warp form input{width: 69%;padding: 0 5% ;border: none;height: 35px; line-height: 35px;background:#fff; display: block;float: left;border: 1px solid #cecece;}
.warp form .submit{width: 20%; background:#ededed url(../images/search_bg01.jpg) center no-repeat;float: left; padding: 0; border: none;height: 37px}

#fide{width: 100%;height: 96%; position: absolute; background: #000;opacity: .5;bottom: 0px;display: none;z-index: 7;}



/*news_show*/
.news_show{width:68%;margin: 2% auto 53px auto;background: #fff;padding:5% 4%;overflow: hidden; }
.news_show .title{text-align: center; color: #0097d3 ;font-size: 24px; border-bottom: 1px dashed #dcdcdc;padding-bottom: 15px;}
.news_show .title small{display: block;color: #c6c6c6;font-size: 16px;margin-top: 14px;}
.news_show .pic{width: 100%;margin-top: 38px;}
.news_show .pic img{width:  100%; }
.news_show p{color: #666666;font-size: 16px;text-align: left;font-weight: normal;font-family: "微软雅黑"; line-height: 30px;margin-top: 18px;}

.news_show .list{overflow: hidden;margin-top: 34px; padding-top: 20px;border-top: 1px dashed #dcdcdc;}
.news_show .list li{float: left; width: 31%;margin-right: 3%;}
.news_show .list li:nth-child(3){margin-right: 0%;}
.news_show .list li img {width: 100%;}
.news_show .list li span{display: block;text-align: center;color: #333333;font-size: 14px;margin-top: 13px;}





}


@media screen and (max-width: 710px){
	.header{height: .9rem; overflow: hidden;}
	.header .logo {width:1.84rem; margin-top:0.1rem; }
	.header .logo img{width: 100%;}
	.header .lan{ height: .44rem;width: 2.1rem; padding: 0%;margin-top: .21rem; float: right;}
	.header .lan a { width: .44rem; height: .44rem; float: left; display: block;  }
	.header .lan a img{width: 100%;}
	.header i{    display: block; float: right;  width: .55rem;  height: .43rem;  margin-top: .22rem;}
	.warp{display: none ;position: absolute;top:.9rem;width: 100%;background: #fff;z-index: 9;}



	/*news_show*/
	.news_show { width: 92%;}
	.news_show p {font-size: .3rem;line-height: .56rem;}
	.news_show .list li span {font-size: .2rem;    white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
	.news_show .list {width: 100%;}
	.news_show .list li{width: 45%;float: left;margin-right: 5%;margin-bottom: .2rem;}
	.news_show .pic {margin-top: .2rem;}

}





/*header*/


/*banner*/






/*banner*/


.main .title{text-align: center;color: #333333;font-size: 40px;font-family: "jianti";}
.main .title small{display: block;color: #999999;font-size: 16px; font-family: Arial;}

.content{background: #f8f8f8; overflow: hidden;position: relative;}




@media screen and (max-width: 1230px){

.main .title{text-align: center;color: #333333;font-size: 30px;font-family: "jianti";}
.main .title small{display: block;color: #999999;font-size: 14px; font-family: Arial;}

}



/*fapp*/

.fapp{margin-top: 60px;}
.fapp{margin: 60px auto 0 auto; width:1400px;}

.fapp .list{margin-top: 56px;overflow: hidden;}
.fapp .list li{width: 50%;float: left; overflow: hidden; position: relative;}
.fapp .list li img{width: 100%;}

.fapp .list li .text{position: absolute;z-index: 8;top: 20%; width:100%;box-sizing: border-box; padding: 0 15%}
.fapp .list li .text p{color: #ffffff;font-size: 30px; opacity: .5}
.fapp .list li .text span{color: #fff;font-size: 25px; font-family: "jianti";margin-top: 20px;display: block;}
.fapp .list li .view{max-width: 212px; width: 212px; color: #fff; font-size: 16px; padding: 10px 0; display: inline-block; text-align: left; background: url('../images/btn-arrow-light.png') no-repeat right 17px; }
.fapp .list li a{width: 100%; height: 100% ; display: block;}
.fapp .list li i{position: absolute;width: 100%; height: 100% ; opacity: .6; background: #000;transition: all .5s;filter:alpha(opacity=60);}
.fapp .list li a:hover i{opacity: 0;transition: all .5s;filter:alpha(opacity=0);}



@media screen and (min-width: 1230px){

	.ktb_btn_seamless {text-align:left;font-size: 15px; position:relative;padding: 9px 0;display: inline-block; transition:color 300ms;background: url('images/btn-arrow-light.png') no-repeat right 17px;}
	.ktb_btn_seamless:before,
	.ktb_btn_seamless:after{ background:#fff; }
	.ktb_btn_seamless:before,
	.ktb_btn_seamless:after{content: "";display: block;height: 4px;position: absolute;z-index: 2;bottom: -4px;transition: width 400ms;}
	.ktb_btn_seamless:before {width: 100%; right: 0;transition-delay:200ms;}
	.ktb_btn_seamless:after{width: 0;left: 0; transition-delay:0ms;}

	.fapp .list li a:hover .ktb_btn_seamless:before{width: 0%; right:0;content: ""; transition-delay:0ms;}
	/*.fapp .list li a:hover .ktb_btn_seamless:after{width: 100%;left:0; background: #0097d3;transition-delay:200ms;content: "";}*/
    .fapp .list li a:hover .ktb_btn_seamless:after{width: 100%;left:0; background: #0097d3;transition-delay:200ms;content: "";}

}




@media screen and (max-width: 1229px){

.fapp .list li .text{}
.fapp .list li .text p{font-size: 20px;}
.fapp .list li .text span{color: #fff;font-size: 18px; font-family: "jianti";margin-top: 2%;display: block;}
.fapp .list li .view{display: block;font-size: 14px; color: #fff;background: url('../images/btn-arrow-light.png') no-repeat right 17px;  border-bottom: 2px solid #fff;}
.ktb_btn_seamless{display: none;}
.ktb_btn_seamless:before,
.ktb_btn_seamless:after{ background:none; }


.fapp .list li a{width: 100%; height: 100% ; display: block;}
.fapp .list li i{position: absolute;width: 100%; height: 100% ; opacity: .3; background: #000;transition: all .5s;}
.fapp .list li a:hover i{opacity: 0;transition: all .5s;}


}

@media screen and (max-width: 710px){
	.main .title{text-align: center;color: #333333;font-size: .45rem;}
    .fapp{margin: 20px auto 0 auto;}
	.fapp{margin-top: .3rem;}
	.fapp .list{margin-top: .2rem;}
	.fapp .list li{width: 100%;float: none;margin-bottom: 10px}
	.fapp .list li .text p{font-size: 16px;  display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 25px}
	.fapp .list li .text span{color: #fff;font-size: 14px; margin-top: 2%;display: block;}
	.fapp .list li  .view{border-bottom: 1px solid #fff; display: block;font-size: 14px; color: #fff;background: url('../images/btn-arrow-light.png') no-repeat right;}
	.ktb_btn_seamless:before,
	.ktb_btn_seamless:after{ background-color:none; }
	.fapp .list li a{width: 100%; height: 100% ; display: block;}
	.fapp .list li i{position: absolute;width: 100%; height: 100% ; opacity: .3; background: #000;transition: all .5s;}
	.fapp .list li a:hover i{opacity: 0;transition: all .5s;}



}



/*fapp*/


/*NEWS*/

.news{padding-top: 60px;background: url(../images/news_Bg.png) repeat-x; overflow: hidden; }
.news .news_box{width: 1400px;margin: 56px auto 0 auto;overflow: hidden; } 
.news .news_box img{width: 100%;}
.news .news_box .n1{width: 65.9%;position: relative; display: block;float: left;}
.news .news_box .n1 a{ display: block;  padding-bottom: 10%; overflow: hidden;}
.news .news_box .text{padding: 3% 3% 3% 3%;background: #fff;transition: all .3s; width: 94%;position: absolute; bottom: 0%;left: 0}
.news .news_box .text p{font-size: 18px; color: #333333;}
.news .news_box .text span{font-size: 14px; color: #999999;margin-top: 5px;display: block;}
.news .news_box .text i{display: none; width: 24px; height: 27px; background: url(../images/N-link.png) no-repeat; position: absolute; bottom: 20px;right: 25px;z-index: 8}
.news .news_box .text:hover i{display: block;}
.news .news_box .n2{  width: 34%;  overflow: hidden; position: relative;float: left; }
/*.news .news_box .n2 img{height:283px;}*/
.news .news_box .n2 a{ display: block;  padding-bottom: 18.1% ;  }
.news .news_box .n2:hover .text{ transition: all .3s;background: #0097d3;padding: 3% 3% 15% 3%; }
.news .news_box .n2:hover .text p{color: #fff;}
.news .news_box .n2:hover .text span{color: #fff;}
.news .news_box .n3{position: relative; width: 33.33%;float: left;}
.news .news_box .n3 a{display: block;  padding-bottom: 15% ;}

.news .news_box .n3:hover .text{ transition: all .3s;background: #0097d3;padding: 3% 3% 15% 3%; }
.news .news_box .n3:hover .text p{color: #fff;}
.news .news_box .n3:hover .text span{color: #fff;}


.news .news_box .n1:hover .text{ transition: all .3s;background: #0097d3;padding: 3% 3% 8% 3%; bottom:0%;}
.news .news_box .n1:hover .text p{color: #fff;transition: all .3s;}
.news .news_box .n1:hover .text span{color: #fff;transition: all .3s;}

.news .view{width: 18%;height: 45px;border: 2px solid #fff;text-align: center;font-size: 16px;margin:59px auto;display: block; line-height: 45px;color: #fff;background: url('../images/btn-arrow-light.png') no-repeat 88% 20px;}
.news .view:hover{    box-shadow: inset 0 0 0 4px #fff; transition: box-shadow 200ms, background 200ms;background: url('../images/btn-arrow-light.png') no-repeat 91% 20px;}

.news .title{text-align: center;color: #333333;font-size: 40px;font-family: "jianti";}
.news .title small{display: block;color: #999999;font-size: 16px; font-family: Arial;}

@media screen and (max-width: 1400px){
	.news .news_box{width: 100%;background: url(../images/news_Bg.png) repeat-x;}


	.news .news_box{width: 100%;margin: 56px auto 0 auto;overflow: hidden; } 
	.news .news_box img{width: 100%;}
	.news .news_box .n1{width: 66%;position: relative; display: block;float: left;}
	.news .news_box .n1 a{ display: block;  padding-bottom: 11%; overflow: hidden;}
	.news .news_box .text{padding: 3% 4% 3% 3%;background: #fff;transition: all .3s; width: 94%;position: absolute; bottom: 0%;left: 0}
	.news .news_box .text p{font-size: 18px; color: #333333;}
	.news .news_box .text span{font-size: 14px; color: #999999;margin-top: 5px;display: block;}
	.news .news_box .text i{display: none; width: 24px; height: 27px; background: url(../images/N-link.png) no-repeat; position: absolute; bottom: 20px;right: 25px;z-index: 8}
	.news .news_box .text:hover i{display: block;}
	.news .news_box .n2{  width: 34%;  overflow: hidden; position: relative;float: left; }
	.news .news_box .n2 a{ display: block;  padding-bottom: 20% ;  }
	.news .news_box .n2:hover .text{ transition: all .3s;background: #0097d3;padding: 3% 3% 15% 3%; }
	.news .news_box .n2:hover .text p{color: #fff;}
	.news .news_box .n2:hover .text span{color: #fff;}
	.news .news_box .n3{position: relative; width: 33.33%;float: left;}
	.news .news_box .n3 a{display: block;  padding-bottom: 16% ;}
	.news .view{width: 18%;height: 45px;border: 2px solid #fff;text-align: center;font-size: 16px;margin:59px auto;display: block; line-height: 45px;color: #fff;background: url('../images/btn-arrow-light.png') no-repeat 88% 20px;}
}


@media screen and (max-width:1400px){

	.fapp{width: 96%}

}

@media screen and (max-width: 1229px){
.news{padding-top: 30px;background: url(../images/news_Bg.png) repeat-x; padding-bottom: 30px;}
.news .news_box{width: 100%; margin: 56px auto 0 auto;overflow: hidden; } 
.news .news_box .n1{width: 100%;overflow: hidden;height: auto; }
.news .news_box .clear{clear: none;}
.news .news_box .n1 a{display: block;padding-bottom:7%;}
.news .news_box .text{padding: 2%;background: #fff;width: 96%; }
.news .news_box .n2{  width: 25%; height: auto;float: left; }
.news .news_box .n2 a{display: block;padding-bottom: 17.8%;}
.news .news_box .n3{  width: 25%; height: auto; }
.news .news_box .text p{font-size: 16px; color: #333333;white-space:nowrap; text-overflow:ellipsis;padding: 0 2px;overflow: hidden;}
.news .news_box .text span{ color: #999999;margin-top: 5px;display: block;white-space:nowrap; text-overflow:ellipsis; padding: 0 2px;overflow: hidden;}
.news .view{margin: 30px auto ;   background: none;}

.news .title{text-align: center;color: #333333;font-size: 30px;font-family: "jianti";}
.news .title small{display: block;color: #999999;font-size: 14px; font-family: Arial;}
}


@media screen and (max-width: 710px){
	.news{padding-top: .3rem;background: url(../images/news_Bg.png) repeat-x; overflow: hidden;padding-bottom: .2rem; }
	.news .news_box{width: 100%; margin: .2rem auto 0 auto;overflow: hidden; } 
	.news .news_box .text p{font-size: .2rem; color: #333333;white-space:nowrap; text-overflow:ellipsis;padding: 0 2px;overflow: hidden;}
	.news .news_box .n2{  width: 50%; height: auto;float: left; }
    .news .news_box .n2 img{height:auto;}
	.news .news_box .n2 a{display: block;    padding-bottom: 17.7%;}
	.news .news_box .n3{  width: 50%; height: auto; }
	.news .view{margin: .3rem auto ; width: 1.96rem; height: .44rem; line-height: .44rem;font-size: .22rem;}
	.news .view{background: none;}
	.content .title {    font-size: .3rem;  text-align: center;    color: #0097d3;}
	.content .title small {    font-size: .2rem;}
	.content .news {  padding-top: .3rem;   overflow: hidden;   background: none;}
	.news .title{text-align: center;color: #333333;font-size:.4rem;font-family: "jianti";}
	.news .title small{display: block;color: #999999;font-size: .24rem; font-family: Arial;}
	.news .news_box .text span {font-size: .24rem;}
}



/*NEWS*/



/*service*/





.service{padding-top: 60px;background: #f8f8f8; padding-bottom: 56px;}
.service .list{overflow: hidden;margin:53px auto 0 auto;width: 1200px;}
.service .list li{float: left;width:15.8%;border: 5px solid #f8f8f8;margin-bottom: 1%;}
.service .list li img{width: 100%;}
.service .list li:hover{border: 5px solid #e8e8e8;}





.service .view{width: 18%;height: 45px;border: 2px solid #333;text-align: center;font-size: 16px;margin:60px auto 0 auto;display: block; line-height: 45px;color: #333;background: url('../images/btn-arrow-dark.png') no-repeat 95% 48%;}
.service .view:hover{    box-shadow: inset 0 0 0 4px #333; transition: box-shadow 200ms, background 200ms;background: url('../images/btn-arrow-dark.png') no-repeat 91% 20px;}

/*service*/

@media screen and (max-width: 1229px){
.service .list{overflow: hidden;margin:53px auto 0 auto;width: 100%;}
.service .list li{float: left;width:23%;border: 5px solid #f8f8f8;margin-bottom: 1%;}
.service .list li img{width: 100%;}
.service .view{margin: 20px auto 0 auto; background: none;}

}
@media screen and (max-width: 710px){
	.service{padding-top: .3rem;background: #f8f8f8; padding-bottom: .3rem;}
	.service .list{overflow: hidden;margin:.2rem auto 0 auto;}
	.service .list li{float: left;width:25%; border: none;}
	.service .list li a{width: 25;display: block;}
	.service .list li:hover{border: none;}
	.service .view{margin: .3rem auto ; width: 1.96rem; height: .44rem; line-height: .44rem;font-size: .22rem; background:  none;}
}


/*ac*/

.ac{overflow: hidden;}
.ac .about,.ac .contact{width: 50%; position: relative;}
.ac .about{/*background: url(../images/about_bg.png) no-repeat center;*/background-size: 100% 100%; padding-bottom: 2%;background-size: cover;}
.ac .contact{/*background: url(../images/contact_bg.png) no-repeat center;*/ background-size: 100% 100%; padding-bottom: 2%;background-size: cover;}

.ac .about .text{     padding-top: 7%;   padding-left: 29%;}
.ac .about h2{font-size: 39px; font-family: "jianti";color: #fff;}
.ac .about small{font-size: 15px; font-family:Arial;opacity: .2;margin-top: 12px;color: #292828;}
.ac .about p{font-size: 17px; line-height: 40px;color:#fff;margin-top: 37px;display: block; width: 50%;overflow: hidden;height: 120px;}
.ac .about a{display: block;}
.ac .about a:hover{color: #0097d3;}



.ac .contact .text{     padding-top: 7%;  padding-left: 29%;}
.ac .contact h2{font-size: 39px; font-family: "jianti";color: #fff;}
.ac .contact small{font-size: 15px; font-family:Arial;opacity: .2;margin-top: 12px;color: #fff;}
.ac .contact p{font-size: 17px; line-height: 40px;color:#fff;margin-top: 37px;display: block;width: 55%;overflow: hidden; height: 120px; }
.ac .contact a{display: block;}
.ac .contact a:hover{color: #0097d3;}


@media screen and (max-width: 1229px){
	.ac .about{width: 50%;}
	.ac .about{/*background: url(../images/about_bg.png) center no-repeat ;*/background-size: 100% 100%;}
	.ac .contact{/*background: url(../images/contact_bg.png) center no-repeat;*/background-size:  100% 100%;}
	.ac .about h2{font-size: 29px;}
	.ac .contact h2{font-size: 29px;}
	.ac .about p{width: 95%;overflow: hidden;height: 120px;font-size: 15px;    line-height: 38px;}
	.ac .contact p{width: 95%;overflow: hidden;height: 120px;font-size: 15px; line-height: 38px; }
	.ac .about .view{margin-top: 12%; border-bottom: 1px solid #fff; padding-bottom: 2%;   width: 140px; display: block; font-size: 16px; color: #fff;  background: url('../images/btn-arrow-light.png') no-repeat right 7px;}
	.ac .contact .view{margin-top: 12%; border-bottom: 1px solid #fff; padding-bottom: 2%;  width: 140px; display: block;font-size: 16px;color: #fff;    background: url('../images/btn-arrow-light.png') no-repeat right 7px;}
}

@media screen and (max-width: 710px){
	.ac .about{/*background: url(../images/about_bg.png) center  no-repeat ;*/background-size: cover;width: 100%;overflow: hidden; }
	.ac .contact{/*background: url(../images/contact_bg.png) center no-repeat;*/background-size:  cover;width: 100%;overflow: hidden; }
    .ac .about .text{padding-top:0.4rem; padding-left:16%;width: 84%;overflow: hidden; }
    .ac .contact .text{padding-top:0.4rem; padding-left:16%;width: 84%;overflow: hidden;}

	.ac .about h2,.ac .contact h2{font-size: .4rem;display: block; width: 2rem;}
	.ac .about small,.ac .contact small{font-size: .26rem; font-family:Arial;opacity: .2; color: #fff;margin-top: .2rem;display: block;}
	.ac .about p,.ac .contact p{font-size: .24rem;width: 6rem;margin-top: .2rem; line-height: .5rem;height: auto;height: 1rem;overflow: hidden;}
	.ac .about .view,.ac .contact .view  {margin-top: .1rem;font-size: .28rem;}


}


@media screen and (min-width: 1230px){
	.ac .about i{width: 100%; height: 100%;opacity: .3; background: #000;transition: all .5s;filter:alpha(opacity=30);display: block;position: absolute;}
	.ac .about a:hover i{opacity: 0;transition: all .5s;filter:alpha(opacity=0);}

	.ac .contact i{width: 100%; height: 100%;opacity: .3; background: #000;transition: all .5s;filter:alpha(opacity=30);display: block;position: absolute;}
	.ac .contact a:hover i{opacity: 0;transition: all .5s;filter:alpha(opacity=0);}

	.ac .about .view{margin-top: 6%;   width: 140px;    background: url('../images/btn-arrow-light.png') no-repeat right 18px;}
	.ac .contact .view{margin-top: 12%;   width: 140px;    background: url('../images/btn-arrow-light.png') no-repeat right 18px;}
	.ac .about a:hover .ktb_btn_seamless:before{width: 0%; right:0;content: ""; transition-delay:0ms;}
	.ac .about a:hover .ktb_btn_seamless:after{width: 100%;left:0; background: #0097d3;transition-delay:200ms;content: "";}

	.ac .contact .view{margin-top: 6%;   width: 140px;    background: url('../images/btn-arrow-light.png') no-repeat right 18px;}
	.ac .contact a:hover .ktb_btn_seamless:before{width: 0%; right:0;content: ""; transition-delay:0ms;}
	.ac .contact a:hover .ktb_btn_seamless:after{width: 100%;left:0; background: #0097d3;transition-delay:200ms;content: "";}
}


/*ac*/


/*footer*/

.footer{width: 100%; /*height: 395px;*/background: #222222; overflow:hidden;}
.footer .fot_box{overflow: hidden;float: left;margin-top: 4%;margin-left: 14%;width: 55%; }
.footer .fot_box .list{float: left;margin-right: 10%;min-height: 210px;margin-bottom: 9%;}
.footer .fot_box .list dt{font-size: 16px; color: #fff; height: 36px;background: left bottom url(../images/foline.png) no-repeat;}
.footer .fot_box .list dd{margin-top: 18px;}
.footer .fot_box .list dd a{ color: #e6e6e6;font-size: 12px; }
.footer .fot_box .list dd a:hover{color: #fff;}
.footer .fot_box .last{margin-right: 0%;}


.footer .text{float: right;margin-top: 4%;padding-right: 14%; width: 17%;}
.footer .text form{overflow: hidden; }
.footer .text input{ height: 45px; background: #2e2e2e; border: none; color: #fff; float: left;display: block; width: 74%; padding: 0 5%;}
.footer .text .submit{width: 16%; padding: 0px; background: #2e2e2e url(../images/fsear.png) 74% 64% no-repeat;float: left;display: block;height: 45px;background-size: 88% ;}

.footer .text .share{overflow: hidden;margin-top: 23px;}
.footer .text .share a{float: left;width: 18%;}
.footer .text .share a:nth-child(2){margin-right: 2%;}

.footer .text .code{overflow: hidden;margin-top: 21px;}
.footer .text .code .ewm{ float: left;width: 33%; }
.footer .text .code .ewm img{width: 84%;}
.footer .text .code span{display: block;color: #fff;text-align: left;margin-top: 24px;font-size: 16px;}


	.cpr{width: 100%;background: #000; height: 80px;}
	.cpr_box{width:73%;margin: 0 auto;overflow: hidden;line-height: 80px;}
	.cpr_box .left{/*float: left;*/ text-align:center;}
	.cpr_box .left a{color: #fff;}
	.cpr_box .right{float: right; color: #fff;}

@media screen and (min-width: 1230px){
	.cpr{width: 100%;background: #000; height: 80px;}
	.cpr_box{width:73%;margin: 0 auto;overflow: hidden;line-height: 80px;}
	.cpr_box .left{/*float: left;*/ text-align:center;}
	.cpr_box .left a{color: #fff;}
    .cpr_box .left .app{margin-left:10px;}
	.cpr_box .right{float: right; color: #fff;}
}



@media screen and (max-width:1675px) {
        
    .footer .fot_box{margin-left: 5%;    width: 70%;}
    .footer .text{padding-right: 6%;}
    .footer .fot_box .list{    margin-right: 9%;}

}


@media screen and (max-width: 1230px){
.footer{width: 100%; height: auto;background: #222222; overflow: hidden;}
.footer .fot_box{overflow: hidden;float: none;margin-top: 4%;width: 100%; margin-left: 2%;}
.footer .fot_box .list{margin-right: 10%;width: 100%;margin-bottom: 10px;overflow: hidden; min-height:auto;}
.footer .fot_box .list dt{ font-size: 16px; color: #fff; height: 36px;background: left bottom url(../images/foline.png) no-repeat;}
.footer .fot_box .list dd{margin-top: 10px;float: left;margin-right: 1%; padding: 1%;border: 1px solid #fff;}

.footer .text{ width: 100%; float: none;overflow: hidden;padding-right: 0; margin-left: 2%; }
.footer .text form{overflow: hidden;width:40%; }

.footer .text .share{overflow: hidden;margin-top: 20px;margin-left: 2%;width: 40%;}
.footer .text .share a{float: left;width: 18%;}
.footer .text .share a:nth-child(2){margin-right: 2%;}


.footer .text .code{overflow: hidden;padding-top: 21px;margin-top: 0px;padding-bottom: 10px;}
.footer .text .code .ewm{ float: left;width: 15%;height: auto; }
.footer .text .code .ewm img{width: 84%;display: block;}
.footer .text .code span{display: block;color: #fff;text-align: left;margin-top: 20px;font-size: 16px;}
}

@media screen and (max-width: 710px){
 .fot_box{display: none;}
 .footer .text form{display: none;}
 .footer .text .code{display: none;}
 .footer .text .share{width: 80%;margin: 0 auto; padding-bottom: .5rem;overflow: hidden;}
 .footer .text .share a{width: 20%;float: left;}
 .footer .text .share a:nth-child(2){margin-right: 0%;}
 .cpr_box .left .app{display:none;}
}


/*footer*/


/*page*/



.page{ width: 100%; margin: 0 auto; padding: 77px 0px;  position: relative;}
.page .prve{display: block;width: 24px; height: 24px; background: url(../images/page_prve.png) no-repeat; cursor: pointer; position: absolute;left:0;}
.page .next{display: block;width: 24px; height: 24px; background: url(../images/page_next.png) no-repeat; cursor: pointer;position: absolute;right:0;}
.page .list{width: 38%;margin: 0 auto;}
.page .list a{font-size: 14px; color: #75718b;font-weight: bold;margin-right: 5%;}
.page .list span{margin-right: 5%;font-weight: bold;font-size: 20px; /*color: #75718b;*/ color:yellowgreen;}
.page .list a.on{color: #0097d3;font-weight: bolder;}



@media screen and (max-width: 1230px){
	.page{  margin: 0 auto; padding: 77px 0px;  position: relative;}
	.page .prve{display: block;width: 24px; height: 24px; background: url(../images/page_prve.png) no-repeat; cursor: pointer; position: absolute;left:0;}
	.page .next{display: block;width: 24px; height: 24px; background: url(../images/page_next.png) no-repeat; cursor: pointer;position: absolute;right:0;}
	.page .list{width: 48%;margin: 0 auto;}
	.page .list a{font-size: 20px; color: #75718b;font-weight: bold;margin-right: 5%;}
	.page .list span{margin-right: 5%;font-weight: bold;font-size: 20px; /*color: #75718b;*/ color:yellowgreen;}
	.page .list a.on{color: #0097d3;font-weight: bolder;}
}



@media screen and (max-width: 710px){
	.page{ /*width: 73%;*/ width: 100%; margin: 0 auto; padding: .77rem 0px;  position: relative;}
	.page .prve{display: block;width: .24rem; height: .24rem; background: url(../images/page_prve.png) no-repeat; background-size: .24rem.24rem; cursor: pointer; position: absolute;left:0;    top: .8rem;}
	.page .next{display: block;width: .24rem; height: .24rem; background: url(../images/page_next.png) no-repeat;background-size: .24rem.24rem; cursor: pointer;position: absolute;right:0;    top: .8rem;}
	.page .list{width: 75%;margin: 0 auto;}
	.page .list a{font-size: .3rem; color: #75718b;font-weight: bold;margin-right: 5%;}
	.page .list span{margin-right: 5%;font-weight: bold;font-size: 20px; /*color: #75718b;*/ color:yellowgreen;}
	.page .list a.on{color: #0097d3;font-weight: bolder;}
}


/*page*/



@media screen and (max-width: 1230px){
	.cpr{width: 100%;background: #000; /*height:2.5rem;*/ }
	.cpr_box{width:98%;margin: 0 auto;overflow: hidden;line-height: 30px; padding-left: 2%}
	.cpr_box .left{ width: 100%;}
	.cpr_box .left a{color: #fff;}
	.cpr_box .right{ color: #fff; width: 100%;}





}




/*技术服务*/

.fat{width: 100%;}
.fat_box{width: 100%;margin:  0 auto;  padding-bottom: 3%;background: #fff;}
.fat .title{text-align: center;font-size: 40px;font-family: "微软雅黑"; color: #333333;padding-top: 4%;}
.fat .title small{display: block;font-size: 16px; color: #999999;margin-top: 13px;}
.fat_box .pic{width: 73%; margin: 50px auto 0 auto;}
.fat_box .pic img{width: 100%;}
.fat_box p{color: #666666;font-size: 22px; width: 49%; line-height: 35px;text-align: center;margin: 64px auto 0 auto;}

.fat_box2{overflow: hidden;width: 1332px;margin: 74px auto ;}
.fat_box2 .left{width: 547px;float: left;display: block;}
.fat_box2 .right{width: 669px;background: #fff; float: left;  overflow: hidden; padding: 56px 58px;height:435px; }
.fat_box2 .right .tag{color: #0097d3;font-size: 26px;}
.fat_box2 .right .tag small{display: block;color: #999999;font-size: 12px;margin-top: 10px;}
.fat_box2 .right p{color: #666666;font-size: 16px; line-height: 30px;margin-top: 26px; }



@media screen and (max-width: 1285px){
	.fat{width: 100%;}
	.fat_box{width: 100%;margin:  0 auto;  padding-bottom: 3%;background: #fff;}
	.fat .title{text-align: center;font-size: 30px;font-family: "微软雅黑"; color: #333333;padding-top: 4%;}
	.fat .title small{display: block;font-size: 14px; color: #999999;margin-top: 10px;}
	.fat_box .pic{width: 73%; margin: 20px auto 0 auto;}
	.fat_box .pic img{width: 100%;}
	.fat_box p{color: #666666;font-size: 16px; width: 70%; line-height: 35px;text-align: center;margin: 12px auto 0 auto;}

	.fat_box2{overflow: hidden;margin: 54px auto ; width: 100%;}
	.fat_box2 .left{width: 737px;display: none;}
	.fat_box2 .right{width: 88%;background: #fff; float: left;  overflow: hidden; padding: 4% 6%; }
	.fat_box2 .right .tag{color: #0097d3;font-size: 26px;}
	.fat_box2 .right .tag small{display: block;color: #999999;font-size: 12px;margin-top: 10px;}
	.fat_box2 .right p{color: #666666;font-size: 16px; line-height: 30px;margin-top: 26px; }

}

@media screen and (max-width: 710px){
	.fat .title {  text-align: center; font-size: .4rem;  font-family: "微软雅黑"; color: #333333;    padding-top: 4%;}
	.fat .title small{display: block;font-size: .16rem; color: #999999;margin-top: 0rem;}
	.fat_box .pic{width: 73%; margin: .2rem auto 0 auto;}
	.fat_box p{color: #666666;font-size: .26rem; width: 70%; line-height: .5rem;text-align: center;margin: 12px auto 0 auto;}
	.fat_box2{overflow: hidden;margin: .3rem auto ; width: 100%;}
	.fat_box2 .right .tag{color: #0097d3;font-size: .4rem;}
	.fat_box2 .right p{color: #666666;font-size: .22rem; margin-top: .2rem; line-height: .5rem;}
	.fat_box2 .right .tag small{display: block;color: #999999;font-size: .24rem;margin-top: .1rem; }
}

/*技术服务*/




/*业务与产品*/
#fide1{background: #000;width: 100%; height: 100%; opacity: .7; position: absolute; z-index: 888;top: 0;display: none;}
.bap .lnav2{display: none ;}
.bap{overflow: hidden; width: 1400px; margin: 33px auto 0 auto;}
	.bap .lnav{width: 325px; float: left;}
	.bap .lnav ul{}
	.bap .lnav ul li{}
	.bap .lnav ul li dl{background: #fbfbfb;display: none;}
	.bap .lnav ul li h3{ height: 75px;  line-height: 75px; border-top: 2px solid #fff;border-bottom: 1px solid #eeeeee;background: #fff;color: #333333;font-size: 16px;  padding-left: 19px; cursor: pointer;}
	.bap .lnav ul li dd{padding-top: 15px; padding-bottom: 10px;padding-left: 19px;font-size: 14px; color: #999999;}
	.bap .lnav ul li dd a{display: block;}
	.bap .lnav ul li dd a:hover{color: #0097d3;}
	.bap .lnav ul li h3.on{border-top: 2px solid #0097d3;}
	.bap .tag{display: none;}

	.bap .textr{float: left;margin-left:25px;overflow:hidden; width: 1050px;}
	.bap .textr ul {overflow: hidden;}
	.bap .textr ul li{ position: relative;float: left;margin-right: 2px;margin-bottom: 2px ; width: 347px;}
	.bap .textr ul li a{display: block;padding-bottom: 205px;}
	.bap .textr ul li .text{background: #fff; position: absolute;z-index: 6; bottom: 0px;  padding: 40px  34px;transition: all .3s; width: 80.5%; }
	.bap .textr ul li .text h3{color: #333333;font-size: 18px;margin-bottom: 16px;}
	.bap .textr ul li .text p{color: #999999;font-size: 14px; line-height: 25px;font-size: 14px;  height: 50px; overflow: hidden;}
	.bap .textr ul li .text .view{height: 30px;width: 125px; border-bottom: 3px  solid #fff; font-size:16px; color: #fff;display: none;margin-top: 20px;background: url('../images/btn-arrow-light.png') 100px 10px   no-repeat ;}

	.bap .textr ul li a:hover .text{background: #0097d3;  padding: 40px  34px  50px  34px; transition: all .3s; }
	.bap .textr ul li a:hover .text h3{color: #fff;}
	.bap .textr ul li a:hover .text p{color: #fff;}
	.bap .textr ul li a:hover .text .view{font-size:16px; color: #fff;display: block;}


	.showbox{ width: 1372px; position: absolute; z-index: 999;display: none; left: 0%;right: 0%;margin: 0 auto }
	.showbox i{display: block;width: 19px; height: 19px;position: absolute;right: 10px;top: 10px; cursor: pointer;}

	.showbox .pic{float: left;}
	.showbox .rte{float: left;width: 715px;background: #fff;height: 546px;padding: 70px  0 0px  0px;}
	.showbox .text1{ padding-left: 78px; padding-right: 43px; }
	.showbox .text1 .title{color: #000000;font-size: 22px;margin-bottom: 48px;}
	.showbox .text1 p{color: #666666;font-size: 16px;margin-top: 20px;}
	.showbox .text1 span{color: #666666;font-size: 16px;margin-top: 45px;/*display: block;*/ line-height: 31px;}
	.showbox .td{overflow: hidden; width: 100%; border-top: 1px solid #f0f0f0;margin-top: 71px;}
	.showbox .td .td1{width: 357px; height: 157px;float: left;}
	.showbox .td .td1 .pht{float: left;}
	.showbox .td .td1 .ht1{float: left;  width: 198px;height: 157px;}
	.showbox .td .td1 .ht1 h2{color: #666666;font-size: 20px; padding-top: 29px; padding-left: 36px;}
	.showbox .td .td1 .ht1 h2 cite{margin-left: 10px;}
	.showbox .td .td1 .ht1 em{background: url("../images/page_next.png") no-repeat;width:24px;height: 24px; display: block; margin-top: 55px;   margin-left: 146px; }
	.showbox .td .td1:hover .ht1{float: left;background: #0097d3;}
	.showbox .td .td1:hover h2{color: #fff;}
	.showbox .td .td1:hover .ht1 em {background: url("../images/N-link.png") no-repeat;}

@media screen and (min-width: 1230px){
	.bap{overflow: hidden; width: 1400px; margin: 33px auto 0 auto;}
	.bap .lnav{width: 325px; float: left;}
	.bap .lnav ul{}
	.bap .lnav ul li{}
	.bap .lnav ul li dl{background: #fbfbfb;display: none;}
	.bap .lnav ul li h3{ height: 75px;  line-height: 75px; border-top: 2px solid #fff;border-bottom: 1px solid #eeeeee;background: #fff;color: #333333;font-size: 16px;  padding-left: 19px; cursor: pointer;}
	.bap .lnav ul li dd{padding-top: 15px; padding-bottom: 10px;padding-left: 19px;font-size: 14px; color: #999999;}
	.bap .lnav ul li dd a{display: block;}
	.bap .lnav ul li dd a:hover{color: #0097d3;}
	.bap .lnav ul li h3.on{border-top: 2px solid #0097d3;}
	.bap .lnav2{display: none !important;}
	.bap .tag{display: none;}

	.bap .textr{float: left;margin-left:25px;overflow:hidden; width: 1050px;}
	.bap .textr ul {overflow: hidden;}
	.bap .textr ul li{ position: relative;float: left;margin-right: 2px;margin-bottom: 2px ; width: 347px;}
	.bap .textr ul li a{display: block;padding-bottom: 205px;}
	.bap .textr ul li .text{background: #fff; position: absolute;z-index: 6; bottom: 0px;  padding: 40px  34px;transition: all .3s; }
	.bap .textr ul li .text h3{color: #333333;font-size: 18px;margin-bottom: 16px;}
	.bap .textr ul li .text p{color: #999999;font-size: 14px; line-height: 25px;font-size: 14px;}
	.bap .textr ul li .text .view{height: 30px;width: 125px; border-bottom: 3px  solid #fff; font-size:16px; color: #fff;display: none;margin-top: 20px;background: url('../images/btn-arrow-light.png') 100px 10px   no-repeat ;}

	.bap .textr ul li a:hover .text{background: #0097d3;  padding: 40px  34px  50px  34px; transition: all .3s; }
	.bap .textr ul li a:hover .text h3{color: #fff;}
	.bap .textr ul li a:hover .text p{color: #fff;}
	.bap .textr ul li a:hover .text .view{font-size:16px; color: #fff;display: block;}


	.showbox{ width: 1372px; position: absolute; z-index: 999;display: none; left: 0%;right: 0%;margin: 0 auto }
	.showbox i{display: block;width: 19px; height: 19px;position: absolute;right: 10px;top: 10px; cursor: pointer;}

	.showbox .pic{float: left;}
	.showbox .rte{float: left;width: 715px;background: #fff;height: 546px;padding: 70px  0 0px  0px;}
	.showbox .text1{ padding-left: 78px; padding-right: 43px; }
	.showbox .text1 .title{color: #000000;font-size: 22px;margin-bottom: 48px;}
	.showbox .text1 p{color: #666666;font-size: 16px;margin-top: 20px;}
	.showbox .text1 span{color: #666666;font-size: 16px;margin-top: 45px;/*display: block;*/ line-height: 31px;}
	.showbox .td{overflow: hidden; width: 100%; border-top: 1px solid #f0f0f0;margin-top: 71px;}
	.showbox .td .td1{width: 357px; height: 157px;float: left;}
	.showbox .td .td1 .pht{float: left;}
	.showbox .td .td1 .ht1{float: left;  width: 198px;height: 157px;}
	.showbox .td .td1 .ht1 h2{color: #666666;font-size: 20px; padding-top: 29px; padding-left: 36px;}
	.showbox .td .td1 .ht1 h2 cite{margin-left: 10px;}
	.showbox .td .td1 .ht1 em{background: url("../images/page_next.png") no-repeat;width:24px;height: 24px; display: block; margin-top: 55px;   margin-left: 146px; }
	.showbox .td .td1:hover .ht1{float: left;background: #0097d3;}
	.showbox .td .td1:hover h2{color: #fff;}
	.showbox .td .td1:hover .ht1 em {background: url("../images/N-link.png") no-repeat;}
	
}

@media screen and (max-width: 1400px){
	.bap{overflow: hidden; width: 100%; margin: 33px auto 0 auto;}
	.bap .lnav{width: 23%; float: left;}
	.bap .lnav ul{}
	.bap .lnav ul li{}
	.bap .lnav ul li dl{background: #fbfbfb;display: none;}
	.bap .lnav ul li h3{ height: 75px;  line-height: 75px; border-top: 2px solid #fff;border-bottom: 1px solid #eeeeee;background: #fff;color: #333333;font-size: 16px;  padding-left: 19px; cursor: pointer;}
	.bap .lnav ul li dd{padding-top: 15px; padding-bottom: 10px;padding-left: 19px;font-size: 14px; color: #999999;}
	.bap .lnav ul li dd a{display: block;}
	.bap .lnav ul li dd a:hover{color: #0097d3;}
	.bap .lnav ul li h3.on{border-top: 2px solid #0097d3;}
	.bap .lnav2{display: none;}
	.bap .tag{display: none;}

	.bap .textr{float: left;margin-left:2%;overflow:hidden; width: 75%;}
	.bap .textr ul {overflow: hidden;}
	.bap .textr ul li{ position: relative;float: left;margin-right: 2px;margin-bottom: 2px ; width:33%;}
	.bap .textr ul li a{display: block;padding-bottom: 168px;}
	.bap .textr ul li .pic{}
	.bap .textr ul li .pic img{width: 100%;}
	.bap .textr ul li .text{background: #fff; position: absolute;z-index: 6; bottom: 0px;  padding: 20px   10%;transition: all .3s; width: 80%; }
	.bap .textr ul li a:hover .text{background: #0097d3;  padding: 20px  34px  30px  34px; transition: all .3s; }
	.bap .textr ul li a:hover .text h3{color: #fff;}
	.bap .textr ul li a:hover .text p{color: #fff;}
	.bap .textr ul li a:hover .text .view{ color: #fff;display: block;font-size: 12px;}


	.showbox{ width: 100%; position: absolute; z-index: 999;display: none; left: 0%;right: 0%;margin: 0 auto }
	.showbox i{display: block;width: 19px; height: 19px;position: absolute;right: 10px;top: 10px; cursor: pointer;}
	.showbox .pic{display: none;}
	.showbox .rte{float: none;width: 100%;background: #fff; height: 485px;}
	.showbox .text1 .title{color: #000000;font-size: 22px;margin-bottom: 48px;}
	.showbox .text1 p{color: #666666;font-size: 16px;margin-top: 20px;}
	.showbox .text1 span{color: #666666;font-size: 16px;margin-top: 45px;display: block; line-height: 31px;}
	.showbox .td{overflow: hidden; width: 100%; border-top: 1px solid #f0f0f0;margin-top: 71px;}
	.showbox .td .td1{width: 50%; height: 157px;float: left;}
	.showbox .td .td1 .pht{float: left;}
	.showbox .td .td1 .ht1{float: left;  width: 50%;}



}



@media screen and (max-width: 1229px){
	.bap{overflow: hidden; width: 100%; margin: 33px auto 0 auto;}
	.bap .lnav{width: 35%; float: none; display: none;}
	.bap .lnav2 #lnav li dl{display: none;}
	.bap .lnav2{display: block; position: absolute;z-index: 8;left:0; width: 40%;height: 100%;background: #0097d3;display: none;}
	.bap .tag{width: 100%;background: #0097d3;color: #fff;font-size: 14px;text-align: center;  padding:1% 0; cursor: pointer;display: block;}
	.bap .lnav2 #lnav{display: block; }
	.bap .lnav2 #lnav li h3{cursor: pointer;width: 98%; color: #fff;font-size: 18px; padding: 3% 0 3% 2%;border-top: 1px solid #b1b1b1; }
	.bap .lnav2 #lnav li dd{padding: 3% 0;font-size: 16px; color: #fff;text-align: center;}
	.bap .lnav2 #lnav li dd a{color: #f0f0f0;}


	.bap .textr{float: none;margin-left:0%;overflow:hidden; width:100%;margin-top: 1%;}
	.bap .textr ul {width: 100%;}
	.bap .textr ul li{ position: relative;float: left;margin-right: 1.2%;margin-bottom: 2% ; width:32%;}
	.bap .textr ul li a{display: block;padding-bottom: 37%}
	.bap .textr ul li .pic img{width: 100%; height:auto;}
	.bap .textr ul li .text{background: #fff; position: absolute;z-index:6; bottom: 0px;  padding: 4% 4%;transition: all .3s;   width: 92%;  }
	.bap .textr ul li .text h3{color: #333333;font-size: 14px;margin-bottom: 5px;}
	.bap .textr ul li .text p{color: #999999;font-size: 12px; line-height: 20px;height: 43px;}
	.bap .textr ul li .text .view{border-bottom: none; font-size:12px; color: #333;display: block;margin-top: 10px;background: none ;height: 15px;  width: 55px;}
	.bap .textr ul li a:hover .text{background: #0097d3;  padding: 20px  34px  30px  34px; transition: all .3s; }


	.showbox{ width: 50%; position: absolute; z-index: 999;display: none; left: 0%;right: 0%;margin: 0 auto }
	.showbox i{display: block;width: 19px; height: 19px;position: absolute;right: 10px;top: 10px; cursor: pointer;}

	.showbox .pic{float: left;display: block;width: 100%; }
	.showbox .pic img{width: 100%;}
	.showbox .rte{float: left;width: 94%;background: #fff;padding: 3%  3%  7.1%  3%;height:  auto;}
	.showbox .text1 .title{color: #000000;font-size: 16px;margin-bottom: 18px;}
	.showbox .text1 p{color: #666666;font-size: 14px;margin-top: 10px;}
	.showbox .text1 span{color: #666666;font-size: 14px;margin-top: 15px;display: block; line-height: 31px;}
	.showbox .td{display: none;}





}


@media screen and (max-width: 710px){
	.bap{overflow: hidden; width: 100%; margin: .33rem auto 0 auto;}
	.bap .lnav2{display: none;}

	.bap .tag{display: block; font-size: .2rem;padding: 2% 0;}
	.bap .lnav2 #lnav{display: block; }
	.bap .lnav2 #lnav li dl{display: none;}
	.bap .lnav2 #lnav li h3{cursor: pointer;width: 100%; color: #fff;font-size: .28rem; padding: 6% 0 6% 0;border-top: 1px solid #b1b1b1; text-align: center;}
	.bap .lnav2 #lnav li dd{padding: 3% 0;font-size: .26rem; color: #fff;text-align: center;}
	.bap .lnav2 #lnav li dd a{color: #f0f0f0;}

	.bap .textr ul li a{display: block;padding-bottom: 0%}
	.bap .textr ul li{ position: relative;float: left;margin-right: 1%;margin-bottom: 2% ; width:49%;}
	.bap .textr ul li .text{background: #fff; position: relative;  padding: 4% 4%; }
	.bap .textr ul li .text h3{color: #333333;font-size: .26rem;margin-bottom: .05rem}
	.bap .textr ul li .text p{color: #999999;font-size: .22rem; line-height: .5rem; height: .5rem; }
	.bap .textr ul li .text .view{border-bottom: none; font-size:.22rem; color: #333;display: block;margin-top: .1rem;background: none ;    width: auto; }

	.showbox{ width: 80%; position: absolute; z-index: 999;display: none; left: 0%;right: 0%;margin: 0 auto }
	.showbox i{display: block;width: .19rem; height:.19rem;position: absolute;    right: 0.4rem; top: .2rem; cursor: pointer;}

	.showbox .pic{float: left;display: block;width: 100%;}
	.showbox .pic img{width: 100%;}
	.showbox .rte{float: left;width: 94%;background: #fff;padding: 3%  3%  7.1%  3%;height:  auto;}
    .showbox .text1{padding-left:0rem; padding-right:0rem; text-align:center;}
	.showbox .text1 .title{color: #000000;font-size: .26rem;margin-bottom: .18rem;}
	.showbox .text1 p{color: #666666;font-size: .24rem;margin-top: .1rem;}
	.showbox .text1 span{color: #666666;font-size: 0.24rem;margin-top: .15rem;display: block; line-height: .5rem;}
	.showbox .td{display: none;}

	.bap .textr ul li a:hover .text .view{ color: #333;display: block;font-size: .22rem;}
	.bap .textr ul li a:hover .text{background: #0097d3; padding: 4% 4%; transition: all .3s; }
	.bap .textr ul li a:hover .text h3{color: #fff;}
	.bap .textr ul li a:hover .text p{color: #fff;}
	.bap .textr ul li a:hover .text .view{font-size:.22rem; color: #fff;display: block;}


}

/*业务与产品*/


/*csr*/


	.csr{margin: 60px auto}
	.csr .title{font-size: 40px; color: #333333;text-align:center;}
	.csr .title small{display: block;color: #999999;font-size: 16px;margin-top: 12px;}
	.csr .ep{overflow: hidden;margin: 76px auto;width:1400px; }
	.csr .ep .pic{float: left; width: 33%;}
	.csr .ep .pic img{width: 100%;}
	.csr .ep .text{float: left;background: #fff;       padding: 0% 4% 5.3% 5%;width: 25%; height:442px;}
	.csr .ep .text h4{font-size: 22px;color: #0097d3; padding-top: 88px; margin-bottom: 47px; }
	.csr .ep .text p{font-size: 14px; color: #333333;text-align: center; line-height: 30px;margin-top: 40px;}

	.csr .ew{width: 100%;background: #fff; padding-top: 80px;padding-bottom: 10px;}
	.csr .ew .ew_box{margin: 58px auto;width: 1400px; }
	.csr .ew .cn{ overflow: hidden;  }
	.csr .ew .cn .fl1{float: left;}
	.csr .ew .cn .fr1{float: right;}
	.csr .ew .cn .text{ width: 30%; padding: 3% 0% 3% 3%;  }
	.csr .ew .cn .pic{width: 60%;}
	.csr .ew .cn .pic img{width: 100%;}
	.csr .ew .cn .text h3{color: #0097d3;font-size: 22px;}
	.csr .ew .cn .text p{ color: #333333;font-size: 16px; line-height: 30px; margin-top: 40px;}

	.sp{ padding-top: 60px; }
	.slideGroup{width: 1410px; margin: 65px auto 0 auto; overflow: hidden;}
	.slideGroup .parHd{float: right; width: 19%; position: relative;z-index: 999;}
	.slideGroup .parBd{float: left; width: 80%;}
	.slideGroup .parHd ul li{cursor: pointer;}
    .slideGroup .parBd .slideBox{position: relative;}
	.slideGroup .parBd .sPrev{ position: absolute; width: 42px; height: 79px; background: url(../images/sp_prve.png) no-repeat; top: 250px; left: 0px;z-index: 8;}
	.slideGroup .parBd .sNext{ position: absolute; width: 42px; height: 79px; background: url(../images/sp_next.png) no-repeat; top: 250px; right: 1px;z-index: 8;}
	.slideGroup .parHd ul li{margin-bottom: 4px;}
	.slideBox ul li{width: 100%;}
	.slideGroup .slideBox .text{ height: 55px; position:absolute; bottom: 0px;background: url(../images/phB_bg.png) ; width: 100%; }
	.slideGroup .slideBox .text .pageState1{ color: #fff;position: absolute; right: 0; ; line-height: 55px; font-size: 14px;margin-right: 20px;}
	.slideGroup .slideBox .text em{display: block;float: left;color: #fff;font-size: 18px; line-height: 55px; margin-left: 10px;}

@media screen and (max-width: 1410px){
	.csr .ep{overflow: hidden;margin: 76px auto;width:100%; }
	.csr .ep .pic{display: none;}
	.csr .ep .text h4{color: #0097d3;font-size: 22px;text-align: center;}
	.csr .ep .text{float: none;background: #fff;  height:auto;      padding: 0% 4% 5.3% 5%;width:91%;}
	.csr .ep .text p{ color: #333333;font-size: 16px; line-height: 30px; margin-top: 40px;text-align: left;}

	.csr .ew .cn .fl1{float: none;}
	.csr .ew .cn .fr1{float: none;}
	.csr .ew .cn .pic img{width: 100%;}
	.csr .ew .ew_box{width: 100%;}
	.csr .ew .cn .text {width: 94%; padding: 3%;}
	.csr .ew .cn .pic{width: 100%;}
	.slideGroup{width:100%;}
	.slideGroup .parHd{float: none; width:100%;}
	.slideGroup .parBd{float: none; width: 100%;}
	.slideGroup .parHd ul li{float: left; width: 25%;}
	.slideGroup .parHd ul li img{width: 100% !important;cursor: pointer;}
	.slideBox ul li img{width: 100%; width:100% !important; height:100% !important;}
	.slideGroup .parBd .sPrev{top: 50%}
	.slideGroup .parBd .sNext{top: 50%;}
	.slideBox ul li{width: 100%;cursor: pointer;}

}

@media screen and (max-width: 1229px){
	.csr { margin: 30px auto;}
	.csr .ep {margin: 36px auto;}
	.csr .title {   font-size: 25px;   color: #333333;   text-align: center;}
	.csr .title small {display: block; color: #999999;  font-size: 14px;  margin-top: 12px;}
	.csr .ep {   margin: 26px auto;}
	.csr .ew {padding-top: 35px;}
	.csr .ew .ew_box {   margin: 28px auto; width: 100%;}
	.csr .ep .text h4 {padding-top: 28px;}
	.sp {    padding-top: 20px;}
	.slideGroup {    width: 100%;margin-top: 20px;}

}


@media screen and (max-width: 710px){
	.csr .title {  /*font-size: .35rem;*/  color: #333333;  text-align: center;}
	.csr .title small {  display: block;  color: #999999;  font-size:.24rem;  margin-top: .2rem;}
	.csr .ep .text h4 {    padding-top:.3rem; font-size: .4rem;    margin-bottom: .3rem;}
	.csr .ep .text p {   color: #333333;  font-size: .28rem;  line-height: .5rem;  margin-top: .3rem;  text-align: left;}
	.csr .ew {    padding-top: .35rem;}
	.csr .ew .cn .text h3 {   color: #0097d3;   font-size: .36rem;}
	.csr .ew .cn .text p {   color: #333333;  font-size: .24rem;  line-height: .5rem; margin-top: .4rem;}
	.slideGroup .parHd ul li {   float: left;   width: 50%;}
	.slideGroup .parBd .sPrev{background-size: .42rem .79rem; width: .42rem; height: .79rem;    top: 70%;}
	.slideGroup .parBd .sNext {background-size: .42rem .79rem;right: 0%; width: .42rem; height: .79rem;    top: 70%;}
	.slideGroup .slideBox .text{ height: .55rem; }
	.slideGroup .slideBox .text em{font-size: .25rem;line-height: .55rem ;margin-left: .1rem;}
	.slideGroup .slideBox .text .pageState1 { line-height: .55rem; margin-right: .1rem;color: .25rem; }
}







/*csr*/




/*about*/


	.show_nav.x{position: fixed;top: 0px; width: 100%;z-index: 99999;}
	.cabout{margin: 0 auto; padding-top: 60px;}
	.cabout .title{font-size: 40px; color: #333333;text-align:center;}
	.cabout .title small{display: block;color: #999999;font-size: 16px;margin-top: 12px;}
	.cabout .cns{overflow: hidden; width: 1400px; margin: 50px auto 0 auto; height:550px;}
	.cabout .pic{float: left; width: 39%;}
	.cabout .pic img{width: 100%;}
	.cabout .text{float:  left; width: 46%; background: #fff;    padding: 0% 7% 3.5% 7%; overflow: hidden; }
	.cabout .text h3{color: #0097d3;font-size: 26px; padding-top: 5%;}
	.cabout .text h3 small{font-size: 12px; color: #999999;display: block;}
	.cabout .text p{font-size: 18px; color: #666666;margin-top: 7%; line-height: 25px;display: block;}

	.cos{background: url(../images/qyln_bg.png )  center no-repeat; margin-top: 70px;padding-bottom: 69px; }
	.cos .title{font-size: 40px; color: #fff;text-align:center; padding-top: 70px;}
	.cos .title small{display: block;color: #fff;font-size: 16px;margin-top: 12px;}
	.cos .coslist{width: 1450px; margin:62px auto 0 auto;}
	.cos .coslist ul{overflow: hidden;}
	.cos .coslist ul li{margin-right: 1%;   /*width: 15.5% !important;*/ width: 20.3% !important; padding-bottom: 4%;display: block;background: #fff; text-align: center;font-size: 24px; color: #333333; padding-top: 56px;  float: left;cursor: pointer; padding-left: 3.5%;}
	.cos .coslist ul li small{color: #999999;font-size: 10px;display: block; }
	.cos .coslist ul li.on{background: #0097d3; color: #fff;}
	.cos .coslist ul li.on small{color: #fff;}

	.cos .coslist ul .l1{ background: #e7eff5 url(../images/EV1.png) 34px 61px no-repeat; }
	.cos .coslist ul .l1.on{background: #0097d3url(../images/EV.png) 34px 61px no-repeat; }

	.cos .coslist ul .l2{ background: #e7eff5 url(../images/CM1.png) 34px 57px no-repeat; }
	.cos .coslist ul .l2.on{ background: #0097d3url(../images/CM.png) 34px 57px no-repeat; }

	.cos .coslist ul .l3{ background: #e7eff5 url(../images/BP1.png) 34px 49px no-repeat; }
	.cos .coslist ul .l3.on{ background: #0097d3url(../images/BP.png) 34px 49px no-repeat; }

	.cos .coslist ul .l4{ background: #e7eff5 url(../images/EC1.png) 34px 59px no-repeat; }
	.cos .coslist ul .l4.on{ background: #0097d3url(../images/EC.png) 34px 59px no-repeat; }

	.cos .coslist ul .l5{ background: #e7eff5 url(../images/MR1.png) 29px 59px no-repeat; }
	.cos .coslist ul .l5.on{ background: #0097d3url(../images/MR.png) 29px 59px no-repeat; }

	.cos .text{width: 1450px; margin:37px auto 0 auto;}
	.cos .text .t1{overflow: hidden;margin-top: 37px;}
	.cos .text .t1 .wz{width: 37%;float: left;background: #e8ebee; padding-left: 4%;  height: 326px;    }
	.cos .text .t1 .wz h4{font-size: 24px; color: #333333; padding-top: 5%;}
	.cos .text .t1 .wz h4 small{color: #999999;font-size: 12px; display: block;margin-top: 5px;}
	.cos .text .t1 .wz p{font-size: 16px; color: #666666;width: 390px; line-height: 35px;display: block; margin-top: 30px;}
	.cos .text .t1 .pic{float: left; width: 57.4%; height: 326px;}



	.bp{background: url(../images/bp_bg.png) no-repeat; padding-bottom: 62px;background-size: 100% 100%;}
	.bp .title{font-size: 40px; color: #333333;text-align:center; padding-top: 70px;}
	.bp .title small{display: block;color: #333333;font-size: 16px;margin-top: 12px;}

	.outBox{width: 1440px; margin: 52px auto 0 auto;}
	.outBox .hd ul{overflow: hidden;}
	.outBox .hd ul li{float: left;width: 47%; border: 1px solid #d1cfd0; padding: 1%;text-align: center; color: #333333;font-size: 18px;cursor: pointer;}
	.outBox .hd ul li.on{color: #fff;background: #0097d3; border: 1px solid #0097d3;}
	.outBox .hd ul .r{float: right;}

	.outBox .inBox{overflow: hidden;margin-top: 31px;}
	.outBox .inHd{width: 13%;  float: left;}
	.outBox .inHd li{ padding:15% 0%; color: #666666;font-size: 16px;cursor: pointer; border-top: 1px solid #d6d6d6; width: 83%;position: relative; }
	.outBox .inHd li.on{color: #0097d3;font-size: 40px; border-top:none; }
	.outBox .inHd li i{background: url(../images/jiao.png) center no-repeat;position: absolute;right: -30px;width: 11px; height: 19px; display: none; top: 38%;}
	.outBox .inHd li.on i{display: block;}

	.outBox .inBd{float: left;width: 83%; margin-left: 4%}
	.outBox .inBd ul li{  overflow:hidden;}
	.outBox .inBd ul li .text{background: #fff;  float: left; width: 24%; padding: 4% 3% 9.2% 4%; height:227px;}
	.outBox .inBd ul li .text h4{font-size: 30px; color: #333333;font-weight: bold;}
	.outBox .inBd ul li .text h5{color: #333333;font-size: 18px;margin-top: 20px; }
	.outBox .inBd ul li .text p{color:#666666;font-size: 14px; line-height: 25px;display: block;margin-top: 18px;}

	.outBox .inBd ul li .pic{float: right;width: 69%;}
	.inBd .list{overflow: hidden; width: 100%; margin: 0 auto;}
	.inBd .list dd{float: left; width: 18.5%; border:4px solid #f3f3f3; cursor: pointer; margin-right: .5%; }
    .inBd .list dd img{width:100%;}

	.eh{width: 100%; background: #fff;}
	.eh .eh_box{width: 1400px;margin: 0 auto; }
	.eh .title{font-size: 40px; color: #333333;text-align:center; padding-top: 70px;}
	.eh .title small{display: block;color: #999999;font-size: 16px;margin-top: 12px;}

	.eh .slideBox1{overflow: hidden; padding-bottom: 60px;}
	.eh .slideBox1 .hd{margin-top: 52px; overflow: hidden;}
	.eh .slideBox1 .hd ul li{cursor: pointer; float: left; width: 32%;margin-right: 1%;background: #f0efee;text-align: center; padding: 1% 0; border: 1px solid #d1cfd0;}
	.eh .slideBox1 .hd ul li.on{background: #0097d3;border-color: #0097d3; color: #fff;}
	.eh .slideBox1 .bd ul {overflow: hidden;}
	.eh .slideBox1 .bd ul li{margin-top: 64px;}


	.content .service .title {   font-size: 40px;  color: #333333;  text-align: center;  }
	.content .service .title small{display: block;color: #999999;font-size: 16px;margin-top: 12px;}

	.os{ width: 100%; background: #fff; }
	.os_box{width: 1400px; margin: 0 auto;}
	.os_box .title {   font-size: 40px;  color: #333333;  text-align: center; padding-top: 70px; }
	.os_box .title small{display: block;color: #999999;font-size: 16px;margin-top: 12px;}
	.os .pics{margin-top:2%;}

	.cnlist{overflow: hidden;margin-left:240px;}
	.cnlist h5{display: block;width:1px;float: left; background: #dddddb; padding: 3% 0;margin-top: 6%;}
	.cnlist li{width: 26.2%;float: left;list-style-type:none; padding-top: 3%;padding-left: 7%; padding-bottom: 3%;}
	.cnlist li i{font-size: 24px; color: #0097d3;margin-bottom: 4%;display: block;}
	.cnlist li span{display: block;font-size: 16px;color:#999999;margin-bottom: 2%;}
	.cnlist li span em{color: #333;}
	.cnlist li p{display: block;font-size: 16px;color:#0097d3;margin-bottom: 2%; text-decoration: underline;}
	.cnlist li:hover{background: #f8f8f8;}
	.cnlist li .txt{overflow: hidden; padding-top: 9%;}
	.cnlist li img{float: left;}
	.cnlist li cite{float: left;  padding-top: 14%; padding-left: 3%;}



	.pte{width: 100%;background: url(../images/qezz.png) no-repeat;padding-bottom: 6%;}
	.pte .pte_box {width: 1400px; margin: 0 auto;position: relative; }
	.pte_box .title {   font-size: 40px;  color: #fff;  text-align: center; padding-top: 70px; }
	.pte_box .title small{display: block;color: #fff;font-size: 16px;margin-top: 12px;}
	.pte_box .slideBox2{overflow: hidden;margin-top: 2%;   }
	.pte_box .slideBox2 .hd{width: 98.7%;margin-bottom: 3%;overflow: hidden;}
	.pte_box .slideBox2 .hd ul .left{float: left; padding: 1% 0;text-align: center;background: #f0efee;cursor: pointer;}
	.pte_box .slideBox2 .hd ul .right{float: right;padding: 1% 0;text-align: center;background: #f0efee;cursor: pointer;}
	.pte_box .slideBox2 .hd ul li.on{background: #0097d3;color: #fff;}
	.pte_box .slideBox2 .hd ul li{color: #333;width: 48%;font-size: 16px;}
    .pte_box .slideBox2 .bd ul li{float: left;width: 25%;margin-right:1%; position: relative;}
	.pte_box .slideBox2 .bd ul li em{position: absolute; display: block; top:12%; left: 10%; font-size: 16px; color: #666666;}
	.pte_box .slideBox2 .bd ul li span{font-size: 24px; color: #333333; position: absolute;display: block;top: 19%; left: 9%;font-weight: bold;}

	#nav li.current{ border-bottom: 2px solid #0097d3; }

	.slideBox2 .parBd{overflow: hidden;position: relative;height: 450px;}
	.slideBox2 .parBd .sPrev{ position: absolute;background: url(../images/gprve.png) no-repeat; cursor: pointer; bottom: -14% ;left: 0; width: 13%; background-size: 100%; padding: 3% 0;}
	.slideBox2 .parBd .sNext{ position: absolute;background: url(../images/gnext.png) no-repeat; cursor: pointer; bottom: -14% ;right: 1%; width: 13%;  background-size: 100%;padding: 3% 0;}

	.slideBox2 .parBd .sPrev:hover{ position: absolute;background: url(../images/gprve01.png) no-repeat; cursor: pointer; bottom: -14% ;left: 0; width: 13%; background-size: 100%; }
	.slideBox2 .parBd .sNext:hover{   position: absolute;background: url(../images/gnext01.png) no-repeat; cursor: pointer; bottom: -14% ;right: 1%; width: 13%; background-size: 100%;}
	
	#slidebox-2{position: absolute;width: 1400px;top: 0%;}
	#slidebox-1{position: absolute;width: 1400px;top: 0%;}

	@media screen and (max-width: 1416px){
		#slidebox-2{position: absolute;width: 100%;top: 0%;}
		#slidebox-1{position: absolute;width: 100%;top: 0%;}
	}


	@media screen and (max-width: 1455px){
		.cabout .cns{overflow: hidden; width: 100%; margin: 50px auto 0 auto;}
		.cos{width: 100%;background-size: 100% 100%;}
		.cos .coslist {width: 100%;}
		.cabout .pic{float: none; width: 39%; margin: 0 auto;display: none;}
		.cos .text{width: 100%;}
		.cabout .text{float:  none; width: 88%; background: #fff;    padding: 0% 6% ; overflow: hidden; }
		.eh .eh_box{width: 100%;}
		.slideBox1 .bd ul li img{width: 100%;}
		.slideBox2 .bd ul li img{width: 100%;}
		.outBox { width: 100%; }
		.pte { background-size: 100% 100%; }
		.os_box {width: 100%;}
		.os_box .pic img{width: 100%;}
		.os .pics{width: 100%;}
		.os .pics img{width: 100%;}
		.pte .pte_box{width: 100%;}
		.inBd .list dd img{width: 100%;}
		.outBox .inHd{float: none; width: 88%;overflow: hidden;margin: 0 auto 3% auto;}
		.outBox .inBd{float: none; width: 92%;}
		.outBox .inHd li{width: 30%; padding: 1% 0%;float: left; margin-right: 3%;height: 20px;}
		.outBox .inHd li.on{font-size: 16px; border-top: none;height: 21px;}
		.outBox .inHd li i{    right: 20px;   width: 9px;   height: 17px; top: 25%;}
		.outBox .inBd ul li .pic{width: 100%;float:none}
		.inBd .list dd{width: 18%;}
		.outBox .inBd ul li .text {display: block;float:none;width:93%;padding: 4% 3% 4.2% 4%; height:auto;}
		.outBox .inBd ul li .pic img{width: 100%;}
		.inBd .list dd {   width: 18.6%;}

	}
	@media screen and (max-width: 1229px){
		.cabout{padding-top: 3%;}
		.cabout .text p{font-size: 14px;padding-bottom: 3%; margin-top: 3%;}
		.cabout .title{font-size: 30px;}
		.cabout .cns{margin-top: 3%; height:auto;}
		.cabout .text h3{font-size: 24px;}
		.cos{margin-top: 3%;}

		.cos .title{font-size: 30px;padding-top: 3%;}
		.cos .coslist{margin-top: 3%;}
		.cos .coslist ul li{font-size: 0%;}
		.cos .coslist ul li small{font-size: 0px;}
		.cos .coslist ul .l1.on {  background: #0097d3url(../images/EV.png) center  no-repeat; }
		.cos .coslist ul .l1{ background: #e7eff5 url(../images/EV1.png) center  no-repeat; }


		.cos .coslist ul .l2{ background: #e7eff5 url(../images/CM1.png) center no-repeat; }
		.cos .coslist ul .l2.on{ background: #0097d3url(../images/CM.png) center no-repeat; }

		.cos .coslist ul .l3{ background: #e7eff5 url(../images/BP1.png) center no-repeat; }
		.cos .coslist ul .l3.on{ background: #0097d3url(../images/BP.png) center no-repeat; }

		.cos .coslist ul .l4{ background: #e7eff5 url(../images/EC1.png) center no-repeat; }
		.cos .coslist ul .l4.on{ background: #0097d3url(../images/EC.png) center no-repeat; }
		.outBox .inBd ul li .text{display: block;padding: 2% 3% 2.2% 4%;}
		.cos .coslist ul .l5{ background: #e7eff5 url(../images/MR1.png) center no-repeat; }
		.cos .coslist ul .l5.on{ background: #0097d3url(../images/MR.png) center no-repeat; }
		.cos .text .t1 .wz p{width: 265px}
		.bp{background-size: 100% 100%;}
		.content .service .title{font-size: 30px; padding-top: 3%}
		.os_box .title{font-size: 30px;padding-top: 3%}
		.outBox{margin-top: 3%;}
		.bp .title{font-size: 30px; padding-top: 3%;}

		.outBox .inBd ul li .pic img{width: 100%;}
		.inBd .list dd img{width: 100%;}
		.outBox .inHd{float: none; width: 88%;overflow: hidden;margin: 0 auto 3% auto;}
		.outBox .inBd{float: none; width: 92%;}
		.outBox .inHd li{width: 30%; padding: 1% 0%;float: left; margin-right: 3%;height: 20px;}
		.outBox .inHd li.on{font-size: 16px; border-top: none;height: 21px;}
		.outBox .inHd li i{    right: 20px;   width: 9px;   height: 17px; top: 25%;}
		.outBox .inBd ul li .pic{width: 100%;}
		.inBd .list dd{width: 18%;}
		.eh .title{font-size: 30px; padding-top: 3%;}
		.eh .eh_box{width: 100%;}
		.eh .slideBox1 .bd ul li{margin-top: 3%;}
		.slideBox1 .bd ul li img{width: 100%;}
		.slideBox2 .bd ul li img{width: 100%;}
		.pte .pte_box{width: 100%;}
		.pte_box .title{font-size: 30px; padding-top: 3%;}
		.service{padding-top: 3%;}
		.cnlist li{float: none; padding: 0%; width: 93%; margin: 0 auto;margin-top: 2%;}
		.cnlist li i{font-size: 20px;text-align: center; }
		.cnlist li .txt{padding: 0%;}
		.cnlist li cite{padding-top: 7%;}
		.slick-prev, .slick-next {display: none !important;}

	}
	@media screen and (max-width: 710px){
		.cabout .title{font-size: .4rem;}
		.cabout .title small{font-size: .24rem}
		.cabout .text h3{font-size: .3rem;}
		.cabout .text h3 small{font-size: .22rem;}
		.cabout .text p{font-size: .28rem !important; line-height: .5rem;}

		.cos .title{font-size: .4rem;}
		.cos .title small{font-size: .24rem}

		.cos .coslist ul .l1{background-size: .43rem .4rem;}
		.cos .coslist ul .l1.on{background-size: .43rem .4rem;}

		.cos .coslist ul .l2{background-size: .44rem .44rem;}
		.cos .coslist ul .l2.on{background-size: .44rem .44rem;}

		.cos .coslist ul .l3{background-size: .42rem .48rem;}
		.cos .coslist ul .l3.on{background-size: .42rem .48rem;}

		.cos .coslist ul .l4{background-size: .43rem .42rem;}
		.cos .coslist ul .l4.on{background-size: .43rem .42rem;}

		.cos .coslist ul .l5{background-size: .56rem .41rem;}
		.cos .coslist ul .l5.on{background-size: .56rem .41rem;}

		.cos .text .t1 .wz{width: 100%;float: none;}
		.cos .text .t1 .wz h4{font-size: .3rem;}
		.cos .text .t1 .wz h4 small{font-size: .24rem;}
		.cos .text .t1 .wz p{width: 90%; margin: 0 auto;font-size: .24rem;padding-bottom: .1rem; }
		.cos .text .t1 .wz{height: auto;}
		.cos .text .t1 .pic{width: 100%; /*height:3.26rem;background: cover;*/}
		.outBox .inHd li.on i{background-size: .11rem .19rem;top: 18%; height: .21rem;}
		.outBox .inHd li{font-size: .28rem; /*font-size: .2rem;*/}
		.outBox .inHd li.on {font-size: .26rem;}
		.bp .title{font-size: .3rem;}
		.bp .title small{font-size: .24rem;}
		.inBd .list dd{width: 30%;  }
		.slideBox2 .parBd{overflow: hidden;position: relative;height: 6rem;}

		.eh .title{font-size: .3rem;}
		.eh .slideBox1 .hd{margin-top: 3%;}
		.eh .slideBox1 .hd ul li{width: 31%;}
		.eh .title small{font-size: .24rem;margin-top: .1rem;}
		.eh .slideBox1{padding-bottom: .6rem;}

		.pte_box .title{font-size: .24rem;}
		.pte_box .title small{font-size: .24rem;margin-top: .1rem;}
		.pte_box .slideBox2 .hd ul li{font-size: .26rem;}
		.pte_box .slideBox2 .bd ul li{width: 50%;margin-bottom: .3rem;margin-right: .5%;}
		.pte_box .slideBox2 .bd ul li em{position: absolute; display: block; top:12%; left: 10%; font-size: .24rem; color: #666666;}
		.pte_box .slideBox2 .bd ul li span{font-size:.22rem; color: #333333; position: absolute;display: block;top: 19%; left: 9%;font-weight: bold;}

		.os_box .title{font-size: .3rem;}
		.os_box .title small{font-size: .24rem;}

        .outBox .inBd ul li .text { }
        .outBox .inBd ul li .text h4 {font-size:.3rem;}
        .outBox .inBd ul li .text h5 {font-size:.3rem;margin-top:.2rem; }
        .outBox .inBd ul li .text p{margin-top:.2rem;}

		.content .service .title{font-size: .3rem;}
		.content .service .title small{font-size: .24rem;}
		.cnlist{overflow:hidden; margin-left:0px;}
		.cnlist li i{font-size: .32rem;}
		.cnlist li span{font-size: .28rem;}
		.cnlist li p{font-size: .28rem;}

	}


/*about*/


/*rlzy*/

	.cu{background: #fff;padding-bottom: 100px;}
	.rlzy .title{font-size: 40px; color: #333333;text-align:center; padding-top: 70px;}
	.rlzy .title small{display: block;color: #999999;font-size: 16px;margin-top: 10px;}
	.cu_box {width: 1400px; margin: 0 auto;}
	.cu_box .pic{width: 100%;}
	.cu_box .pic img{width: 100%;}

	.cu_box .list{overflow: hidden;margin-top: 63px;}
	.cu_box .list li{width: 24%; float: left;}
	.cu_box .list li .pt{width: 100%; margin: 0 auto;}
	.cu_box .list li .pt img{display: block; margin: 0 auto;}
	.cu_box .list li h4{color: #0c7f2d;font-size: 22px;text-align: center;display: block;padding-top: 15%;}
	.cu_box .list li p{font-size: 14px; color: #999999;text-align: center; padding: 0 12%;margin-top: 20px; line-height: 25px;display: block;}
	.cu_box .list .line{ width: 1px; background: #f0f0f0;display: block; padding: 4% 0;float: left; margin-top: 6%; }

	.oyr{width: 1400px; margin: 0 auto;padding-bottom: 100px;}
	.oyr .td{overflow: hidden;padding-top: 5%;}
	.oyr .td .tx{width: 33.3%;float: left;}
	.oyr .td .tx .text{padding-bottom: 1%; height:264px;}
	.oyr .td .tx a{display: block;}
	.oyr .td .tx a:hover .text{background: #0097d3;color: #fff;}
	.oyr .td .tx h5{font-size: 22px; color: #0097d3;text-align: center; padding-top:8%;}
	.oyr .td .tx p{display: block; line-height:25px; color: #666666;font-size: 14px; padding: 0 15%; margin-top: 5%;}
	.oyr .td .tx em{display: block; padding: 2% 1%; text-align: center;font-size: 16px; color: #666666; border: 1px solid #666666; width: 30%; margin: 7% auto;}
	.oyr .td .tx a:hover .text h5{color: #fff;}
	.oyr .td .tx a:hover .text p{color: #fff;}
	.oyr .td .tx a:hover .text em{color: #fff;border: 1px solid #fff; background: url(../images/view_ls.png) 93% 39%  no-repeat;}


	.ju{width: 100%;background: #fff;}
	.ju .ju_box{width: 1400px;margin: 0 auto;}
	.ju .ju_box cite{color: #333333;font-size: 22px;padding: 3% 0;display: block;}
	.ju .ju_box .pic{margin-top: 1%;}
	.zplcls { position: relative; display: block;background: #fff;height: 60px;}
	.zplcls li{float: left; background: url(../images/zplc02.png) no-repeat;text-align: center;padding: 1.3% 0; display: block; background-size: 100% 100%; }
	.zplcls li.on{background: url(../images/zplc01.png) no-repeat;background-size: 100% 100%; }
	.zplcls li.on a{color: #fff;}
	.zplcls li a{display: block; color: #333333;font-size: 16px;}
	.zplcls li a i{color: #7894b7;margin-right: 5px;}
	.zplcls .zps1{position: absolute;width: 17%; left: 0%;display: block;}
	.zplcls .zps2{position: absolute;width: 17%; left: 16.6%;display: block;}
	.zplcls .zps3{position: absolute;width: 17%; left: 33.2%;display: block;}
	.zplcls .zps4{position: absolute;width: 17%; left: 49.8%;display: block;}
	.zplcls .zps5{position: absolute;width: 17%; left: 66.4%;display: block;}
	.zplcls .zps6{position: absolute;width: 17%; left: 83%;display: block;}

   .jlist{  margin-top: 25px;    }
   .jlist .vtitle{ border-bottom: 1px solid #fff; padding-left: 27px;  font-size: 18px; height: 54px; background: #e8e8e8; display: block; color: #333333; line-height: 54px;   cursor: pointer;}
   .jlist .vtitle.on{background: #0097d3; color: #fff;}
   .jlist .vtitle.on a{color: #fff;}
   .jlist .vtitle span{display: block; float: left; font-size: 12px; }
   .jlist .vtitle p{float: left;margin-right: 33px;display: block;}
   .jlist .vtitle .v{ display: inline-block; margin-right: 33px; float: right;font-size: 12px; background: url(../images/off_ed2.png) right center no-repeat;   width: 85px;  }
   .jlist .vtitle .v02{margin-right: 33px; float: right;font-size: 12px; background: url(../images/off_ed1.png) right center no-repeat; width: 85px;}
   .jlist .vtitle a{color: #333;} 

   .jlist .vcon{ height: 400px;background: #fbfbfb;display: none; }
   .jlist .vcon .t1{ height: 70px; border-bottom: 1px solid #d4d4d4;  line-height: 70px; color: #333333;}
   .jlist .vcon .t1 .text{ float: left; }
   .jlist .vcon .t1 .text em{float: left; margin-left: 26px;}
   .jlist .vcon .t1 .text span{ display: block; float: left; margin-left: 20px; }

   .jlist .vcon .t1 .text1{ float: left;margin-left: 150px; }
   .jlist .vcon .t1 .text1 em{float: left; margin-left: 26px;}
   .jlist .vcon .t1 .text1 span{ display: block; float: left; margin-left: 20px; }

   .jlist .vcon .t1 .text3{ float: left; margin-left: 190px; }
   .jlist .vcon .t1 .text3 em{float: left; margin-left: 26px;}
   .jlist .vcon .t1 .text3 span{ display: block; float: left; margin-left: 20px; }

   .jlist .vcon .t1 .text4{ float: left; margin-left: 190px; }
   .jlist .vcon .t1 .text4 em{float: left; margin-left: 26px;}
   .jlist .vcon .t1 .text4 span{ display: block; float: left; margin-left: 20px; }

   .jlist .vcon .t1 .text2{ float: right; margin-right: 77px; }
   .jlist .vcon .t1 .text2 em{float: left; margin-left: 26px;}
   .jlist .vcon .t1 .text2 span{ display: block; float: left; margin-left: 20px; }
   .jlist .vcon .txt-1{ width: 35%;margin-left: 2%; float: left; }
   .jlist .vcon .txt-1 span{ margin-left: 27px; color: #0097d3; font-size: 14px;width: 100%; display: block; height: 20px;  margin-top: 22px;margin-bottom: 26px;}
   .jlist .vcon .txt-1 p{margin-left: 27px;color: #333333; font-size: 14px;  margin-bottom: 5px;}


   @media screen and (max-width: 1419px){
		.rlzy .title {  font-size: 30px;  color: #333333;  text-align: center;  padding-top:50px;}
		.cu_box .pic img{width: 100%;}
		.cu_box {width: 100%; margin: 0 auto;}
		.oyr{width: 100%; margin: 0 auto;padding-bottom: 100px;}
		.po img{width: 100%;}
		.ju .ju_box{width: 100%;}
		.ju_box .pic img{width: 100%;}
	}

	@media screen and (max-width: 1230px){
		.rlzy .title {  font-size: 20px;  color: #333333;  text-align: center;  padding-top:30px;}
		.rlzy .title small{display: block;color: #999999;font-size: 14px;margin-top: 5px;}
		.cu_box .list li {    width:48%;    float: left;	}
		.cu_box .list .line { display: none; }
		.cu_box .list {   overflow: hidden;   margin-top: 33px;}
		.cu_box .list li h4 {margin-top: -8%;}
		.cu_box .list li p {  height: 75px; overflow: hidden; }
		.cu {    background: #fff;    padding-bottom:5%;}
		.oyr .td .tx {   width: 100%;   float: none;}
		.tx .po{width: 40%; float: left;}
		.tx .text{float: left;width: 60%;padding: 0;}
		.oyr .td .tx{overflow: hidden;margin-bottom: 1%;}
		.oyr .td .tx h5 {padding-top: 0%;}
		.oyr .td .tx p {    margin-top: 2%;    padding: 0 5%;}
		.oyr .td .tx em {    margin: 4% auto 0 auto;    font-size: 14px;    padding: 1% 1%;}
		.oyr { padding-bottom: 1%; }
		.zplcls li a{font-size: 14px;}
		.zplcls {    height: 46px;}
		.jlist .vcon .t1 {width: 100%;}
		.jlist .vcon .t1 .text3 {    width: 20%; margin-left: 0%;}
		.jlist .vcon .t1 .text4{ width: 20%;margin-left: 0%;}
		.jlist .vcon .t1 .text1 {width: 20%;margin-left: 0%;}
		.jlist .vcon .t1 .text2 {width: 20%;margin-right: 0%;}
		.jlist .vcon .t1 .text{width: 20%;margin-left: 0%;}
		.jlist .vcon .t1 .text em {margin-right: .1rem;margin-left: 0;}




}

		@media screen and (max-width: 783px){
			.rlzy .title {    font-size: .4rem;    color: #333333;    text-align: center;    padding-top: .3rem;}
			.rlzy .title small{display: block;color: #999999;font-size: .16rem;margin-top: .1rem;}
			.cu_box .list li .pt {display: block;}
			.cu_box .list li{margin-bottom: .1rem;}
			.cu_box .list li h4{padding-top: 13%;    font-size: .34rem;}
			.cu_box .list li p {height: 1rem;font-size: .24rem;    margin-top: .2rem;}
			.oyr .td .tx h5 {    padding-top: 0%;font-size: .3rem;}
			.oyr .td .tx p {      height: .8rem;  margin-top: 2%;    padding: 0 5%; font-size: .24rem; line-height: .45rem; overflow: hidden;}
			.oyr .td .tx{height: 2rem;}
			.oyr .td .tx em {    margin: .1rem auto 0 auto;    font-size:.24rem;    }
			.oyr .td .tx a:hover .text em{color: #fff;border: 1px solid #fff; background:none;}
			.ju .ju_box cite {font-size: .35rem;}
			.zplcls li {background-size: 2.39rem .6rem;}
			.zplcls li.on {background-size: 2.39rem .6rem;}
			.zplcls {    height: 1.3rem;}
			.zplcls li a i {   color: #7894b7;    margin-right: 0%;}
			.zplcls li a{    font-size: .2rem;}
 			.zplcls .zps1{position: absolute;width: 33%; display: block; left:2%;}
			.zplcls .zps2{position: absolute;width: 33%; display: block;left: 35%;}
			.zplcls .zps3{position: absolute;width: 33%; display: block;left: 69%;}
			.zplcls .zps4{position: absolute;width: 33%; top:.6rem; display: block;left:2%;}
			.zplcls .zps5{position: absolute;width: 33%; top:.6rem; display: block;left: 35%;}
			.zplcls .zps6{position: absolute;width: 33%; top:.6rem;display: block;left: 69%;}

			.jlist {    margin-top: .25rem;}
			.jlist .vtitle {border-bottom: 1px solid #fff; padding-left: .27rem;  font-size: .3rem; height: .54rem; background: #e8e8e8; display: block; color: #333333; line-height: .54rem;   cursor: pointer;}
			.jlist .vtitle .v {    margin-right: .33rem;       font-size: .24rem;    background: url(../images/off_ed2.png) right center no-repeat; width: 1.8rem;background-size: .24rem .24rem;}
			.jlist .vtitle .v02 {   margin-right: .33rem;    float: right;     font-size: .24rem;    background: url(../images/off_ed1.png) right center no-repeat;background-size: .24rem .24rem;     width: 1.8rem;}
			.jlist .vcon .t1 .text span {   margin-left: 0rem;}

			.jlist .vcon .t1 { height:.7rem; }
			.jlist .vcon .t1 {width: 100%;}
			.jlist .vcon .t1 .text3 {    width: 33%; margin-left: 0%; height:.7rem; line-height: .7rem}
			.jlist .vcon .t1 .text4{ width: 33%;margin-left: 0%; height:.7rem;line-height: .7rem}
			.jlist .vcon .t1 .text1 {width: 70%;margin-left: 0%; height:.7rem;line-height: .7rem;    border-bottom: 1px solid #d4d4d4;}
			.jlist .vcon .t1 .text2 {width: 30%;margin-right: 0%; height:.7rem;line-height: .7rem;    border-bottom: 1px solid #d4d4d4;}
			.jlist .vcon .t1 .text{width: 33%;margin-left: 0%; height:.7rem;line-height: .7rem}
			.jlist .vcon .t1 .text2 span {    display: block;    float: left;    margin-left: .2rem;}
			.jlist .vcon .t1 .text2 em {   float: left;    margin-left: .26rem;}
			.jlist .vcon .t1 .text1 span {    display: block;    float: left;    margin-left: .2rem;}
			.jlist .vcon .t1 .text1 em {   float: left;    margin-left: .26rem;}

			.jlist .vcon .txt-1 {   width: 94%;  margin-left: 2%;   float: left;}
			.jlist .vcon .txt-1 span {    margin-left: .27rem;    color: #0097d3;    font-size: .24rem;    width: 88%;    height: .4rem;    margin-top: .22rem;    margin-bottom: .26rem;}
			.jlist .vcon {    height: 8rem;    background: #fbfbfb;    display: none;}			
			.jlist .vcon .txt-1 p {   margin-left: .27rem;    color: #333333;    font-size: .24rem;    margin-bottom: .1rem;}
		}

/*rlzy*/




/*动画*/

@media screen and (min-width: 1230px){

.item.item-1 {
  animation-delay: 0.5s;
}
.item.item-2 {
  animation-delay: 0.8s;
}
.item.item-3 {
  animation-delay: 1.1s;
}
.item.item-4 {
  animation-delay: 1.4s;
}
.item.item-5 {
  animation-delay: 1.7s;
}
.item.item-6 {
  animation-delay: 2s;
}
.item.item-7 {
  animation-delay: 2.3s;
}
.item.item-8 {
  animation-delay: 2.6s;
}
.item.item-9 {
  animation-delay: 2.9s;
}
.item.item-10 {
  animation-delay: 3.2s;
}
.item.item-11 {
  animation-delay: 3.5s;
}
.item.item-12 {
  animation-delay: 3.8s;
}

.item.item-1 .box-item{
  animation-delay: 0.8s;
}
.item.item-2 .box-item{
  animation-delay: 0.9s;
}
.item.item-3 .box-item{
  animation-delay: 1s;
}
.item.item-4 .box-item{
  animation-delay: 1.2s;
}
.item.item-5 .box-item{
  animation-delay: 1.3s;
}
.item.item-6 .box-item{
  animation-delay: 1.4s;
}
.item.item-7 .box-item{
  animation-delay: 1.5s;
}
.item.item-8 .box-item{
  animation-delay: 1.6s;
}
.item.item-9 .box-item{
  animation-delay: 1.7s;
}
.item.item-10 .box-item{
  animation-delay: 1.8s;
}
.item.item-11 .box-item{
  animation-delay: 1.9s;
}
.item.item-12 .box-item{
  animation-delay: 2s;
}

@-webkit-keyframes slide-item {
  60% {
    -webkit-transform: translateY(-2vh);
    transform: translateY(-2vh);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slide-item {
  60% {
    -webkit-transform: translateY(-2vh);
    transform: translateY(-2vh);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.item {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  -webkit-animation: slide-item .6s ease forwards;
  animation: slide-item .6s ease forwards;
}








@-webkit-keyframes back-item {
  50% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
  100% {
    background: linear-gradient(to right, #1fc282, #00b88e);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
@keyframes back-item {
  50% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
  100% {
    background: linear-gradient(to right, #1fc282, #00b88e);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

}

/*动画*/



.test {
    position: fixed;
    left: 0;
    top: 100px;
    background: #fff;
    border: 1px #ccc solid;
	z-index:9999999999999;
}

.test{position:fixed; left:0; top:100px; background:#fff; border:1px #ccc solid; border-bottom:none;}
.test li{ border-bottom:1px #ccc solid; text-align:center; font-size:14px; line-height:25px; padding:0 30px;}
.test li h3{ font-size:16px; color:#000;} 


/*2017-06-19*/
/*.header .logo img{width:50%;}
@media screen and (max-width: 1860px) {
    .header .logo img{width:56%;}
}
@media screen and (max-width: 1660px) {
    .header .logo img{width:63%;}
}
@media screen and (max-width: 1440px) {
    .header .logo img{width:68%;}
}
@media screen and (max-width: 1340px) {
    .header .logo img{width:76%;}
}
@media screen and (max-width: 1229px) {
    .header .logo img{width:39%;}
}
@media screen and (max-width: 719px) {
    .header .logo img{width:57%;}
}
@media screen and (max-width: 710px) {
    .header .logo img{width:57%;}
}*/