




*{margin:0px; padding:0px; list-style:none; outline:none; font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
body{line-height:24px; font-size:14px; color:#333; background:#FFF;}
img{border:0px;}
a{color:#333333; text-decoration:none; }
a:hover{}
.clear{clear:both; height:0px; font-size:0px;}


.top01{width:100%; height:auto; background: url("../images/topbg.png") repeat-x;z-index: 999999;  position: fixed;}
.top02{width:1300px; height:90px; margin:0px auto;}
.top02_l{width:417px; height:90px; float:left;}
.top02_l img{width:50%; display:block;margin:0 auto;margin-top:15px;}
.top02_c{width:873px; height:55px;float:left;}
.top02_r{width: 873px;}


.inav2{width:1300px;height:890px;margin:0 auto;padding:1% 0; font-size: .1rem;position: relative;}
.inav2 ul{width:96%;box-shadow: 0 0 10px rgba(0,0,0,0.2);height:670px;padding:20px;position: relative;margin:0 auto;}


.inav2 ul li{display: block;height:291px;width:362px;float:left; margin:1%; position: relative; }

.inav2 ul li img{width:100%; height:100%; z-index:50; }
.inav2 ul li p{z-index:100; background: rgba(19,20,21, .85);width: 100%;padding-top:10px;padding-bottom:10px;text-align:center;margin-top:-40px;position: absolute;font-size: 14px; color: #fff; text-transform: uppercase}








.dh{width:100%; height:auto; }

.dh li span {
    font-size: 1px;text-align:center;line-height:1px;color:#d0d0d0;margin:0px auto;margin-left:1px;}
}
.dh ul{width:100%; height:auto;}
.dh ul li{width:110px; height:70px; float:left;}
.dh ul .u{height:70px;border-bottom:solid 4px #00c7b1}
.dh ul li .a01{width:100%;height:70px; line-height:38px; text-align:center; color:#555; font-size:16px; display:block;}
.dh ul li:hover .a01{border-bottom:solid 4px #00c7b1}

a.more1:link,a.more1:visited,a.more1:active{width: 140px; height: 35px; border: 1px #ababab solid;background:  url("../images/jt.png") no-repeat -25px center; margin-top: 20px; color: #fff; display: block; line-height: 35px; text-align: center}
a.more1:hover{width: 160px;  background:  url("../images/jt.png") no-repeat 10px center}



.dh_xl02_r{width:480px; height:auto; float:right;}
.top02_1{height: 20px; width: 873px;}
.top02_1 i img{margin: 15px;}
.top02_1 div:nth-child(1){line-height: 60px;}
.top02_1 div:nth-child(2){line-height: 20px;}
.top02_1 div:nth-child(2) span em{ display: block; padding: 0px; font-size: 26px; font-weight: 900; line-height: 35px; color: #0071bc;}
.pics_wrap{margin-top:118px; float: left; height: 585px;}
.en>a i:first-child {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    background: #0071bc url("../images/map1.gif") no-repeat center center;
    background-size: cover;
    margin-right: 6px;
}
.en{margin: 15px 10px; }
.en a{color: #0071bc; }







/* banner */
.flexslider{position:relative;height:630px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin-bottom: 30px; top:90px }
.slides{position:relative;z-index:1;}
.slides li{height:630px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/* banner end */

.inprnn{background:url(../images/nnn.jpg) no-repeat top center; width: 100%;height:700px; overflow: hidden; margin-top: 10px;}
.inprhz{ width: 100%;height:400px; overflow: hidden; margin-top: 10px;}

/*inpro*/
.cof1{color: #1f1f1f;}
.inpr{background:#FFF; width: 100%; overflow: hidden; margin-top: 10px;}
.intt11{ overflow: hidden; font-size: 40px; float: left; padding: 30px 0px; line-height: 1em; width: 100%; text-align: center; font-weight: 800;color: #FFF}
.intt11 span{display: block; font-size: 16px; font-weight: 100; color: #6fd6c8}
.intt{ overflow: hidden; font-size: 40px; float: left; padding: 30px 0px; line-height: 1em; width: 100%; text-align: center; font-weight: 800;}
.intt span{display: block; font-size: 16px; font-weight: 100; color: #e0e0e0}
.insoso{width: 500px; margin: 0 auto; border: 1px #d2d2d2 solid; overflow: hidden; padding: 0px 30px;  border-radius: 50px;}
.inso1{width:380px; float: left; height: 50px; text-align: center; font-size: 16px;}
.sobo{ width: 30px; height: 30px; background: url("../images/soso.png") no-repeat; margin-top: 12px;}
.proa a,.proa a:visited,.proa a:active{ display: block; float: left; margin:50px 80px; overflow: hidden; text-align: center; }
.proa a img{width: 130px; height: 130px;  border: 1px #d6d6d6 solid;border-radius: 30px;}
.proa a:hover img{transform: rotateY(180deg);		
}

.proa a span{display: block; font-size: 20px; font-weight: bold; line-height: 30px; margin-top: 10px;}
.proa a em{color:#d0d0d0; text-transform: uppercase; font-size: 12px;}



.inpro{height:300px;width:1200px;;overflow:hidden;position:relative;margin:0 auto }
.inpro ul{height:300px;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.inpro ul li{display:block;float:left;height:300px;position:relative;}
.inpro ul li a{display:inline-block;} 
.inpro ul li img{display:block;height:300px;}
.inpro ul li a span{height:0;display:block;background:rgba(0,199,177,0.8);position:absolute;bottom:0;color:#fff;font-size:0px;}
.inpro ul li a:hover span{line-height:300px;font-size:20px;text-align:center;transition:all 0.7s; font-weight: bold;}

/*inpro end*/
.inadv{background: url("../images/tt.png") no-repeat top;margin-top:90px;height:210px;}
.intt1{background: url("../images/ttbg.png") no-repeat top; color: #fff;font-size: 40px; padding: 30px 0px; line-height: 1em; font-weight: 800; width: 100%; overflow: hidden;  text-align: center; }
.intt1 span{display: block; font-size: 16px; letter-spacing: 15PX; font-weight: 100; color: #fff}

.service-title{text-align: center;margin: 30px 0 0 0;}
.service-title h2{display: block;font-size: 36px;}

.solution-cut{width: 1200px;margin: 0 auto;position: relative;}
.solution-swiper{width: 100%;overflow: hidden;height:210px;}
.solution-box button.fa{position: absolute;top: 0;bottom: 0;width: 50px;background: rgba(0, 0, 0, .5);color: rgba(255, 255, 255, .5);cursor: pointer;border: none;font-size: 40px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box button.fa:hover{background: rgba(0, 0, 0, 0)color: #fff;}
.solution-box .fa-back{right: 100%;}
.solution-box .fa-more{left: 100%;}
.solution-box ul{width: 10000%;}
.solution-box ul:after{display: block;clear: both;content: '';}
.solution-box ul li{width: .25%;float: left;text-align: center;color: #fff;position: relative;height:210px;border-right:solid 1px #6ad4bd }
.solution-box ul li span{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li:nth-child(2) span,
.solution-box ul li:nth-child(4) span{transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li i{position: absolute;width: 100%; text-align: center;left: 52%;bottom: 53%; margin-left: -50px; transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li i img{width: 80px;}

.solution-box ul li hr{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 50%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li h3{}
.solution-box ul li p{width: 80%;position: absolute;font-size: 16px;left: 10%;top: 70%;opacity: 1;transition: .3s;}
.solution-box ul li a{font-size: 22px;position: absolute;width: 100%;left: 0;top: 53%;color:#fff;transition: .3s;}
.solution-box ul li img{display: block;width: 100%;}

.solution-box ul li:hover i{}
.solution-box ul li:hover hr{opacity: 0;}
.solution-box ul li:hover h3{}
.solution-box ul li:hover p{opacity: 1;color: #e55b61;}
.solution-box ul li:hover a{opacity: 1;}
/*响应式*/
@media(max-width:1680px){.solution-cut{width: 1200px;}.solution-box ul li i{font-size: 46px;}.solution-box ul li h3{font-size: 22px;width: 300%;margin-left: 50%;}.solution-box ul li p{font-size: 17px;}.solution-box ul li a{font-size: 14px;line-height: 28px;width: 100px;margin: 0 0 0 -50px;}}
@media(max-width:1600px){.solution-cut{width: 1300px;}}
@media(max-width:1440px){.solution-cut{width: 1200px;}.solution-box ul li i{font-size: 40px;}.solution-box ul li h3{font-size: 18px;}.solution-box ul li p{font-size: 12px;}}
@media(max-width:767px){.solution-cut{width: 100%;padding: 0;}.solution-box ul li{width: 290px;}.solution-box button.fa{display: none;}.solution-box .fa-back{left: 0;right: auto;}.solution-box .fa-more{left: auto;right: 0;}}

.abk{width:1170px; margin: 0 auto;}
.abo{float: left; width: 360px;height:390px;
    padding-right: 26px;
    padding-bottom: 26px;
    padding-left: 26px;border: 1px solid #dddddd; background:#fff;  
 
    margin-left: 15px;
    margin-right: 15px;}
.abo dl{ width: 360px; margin: 0 auto; overflow: hidden;
	-moz-border-top-left-radifprous:3px;
	-ms-border-top-left-radius:3px;
	-o-border-top-left-radius:3px;
	-border-top-left-radius:3px;
	border-top-left-radius:3px;
	-moz-border-top-right-radius:3px;
	-ms-border-top-right-radius:3px;
	-o-border-top-right-radius:3px;
	-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.abo h2{width: 300px;font-weight: bold; height:30px; font-size: 20px; color: #000000; text-transform: uppercase; padding-top: 5px;display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.abod{width: 300px;height: 180px; line-height: 26px;margin-top:20px; font-size: 15px; color: #8a8a8a; overflow: hidden; margin-bottom: 10px;}
/*inab*/

.inabn{padding: 20px; color: #fff; font-size: 16px; line-height: 30px;}
.inabn h2{font-size: 30px; font-weight:bold; color: #fff; line-height: 60px;}
.inabnn{height: 210px; width:550px;overflow: hidde;color: #fff;font-size: 15px;letter-spacing: 1PX; margin-top:10px;line-height: 25px; }
a.more:link,a.more:active,a.more:visited{ border:solid 1px rgba(255,255,255,.9); text-align:center;margin-top: 30px; float:left; line-height: 40px; color: #fff; font-size: 16px; width: 200px;  height: 40px; display: block; transition: all 0.3s ease-in;}
a.more22:link,a.more22:active,a.more22:visited{ background:#fff; text-align:center;margin-top: 30px; float:left; line-height: 40px; color: #000; font-size: 16px; width: 200px;  height: 40px; display: block; transition: all 0.3s ease-in;}
/*inab end*/
/*innew*/
.innew{}
.innel{width:585px; height: 260px; background: #00c7b1;margin-left:13px;  position: absolute;}
.innel22{width:585px; height: 260px; background: #cbcbcb;  position: absolute;}
.inneti{width: 300px; height: 200px;float:left; padding-top:30px;padding-left:30px; color: #fff; bottom: 0}
.inneti22{width: 300px; height: 200px;float:left; padding-top:30px;padding-left:30px; color: #000; bottom: 0}
.innetin{height: 45px; line-height: 20px; overflow: hidden; padding-top: 5px; }
.inneti22 .innebt h2{font-size:24px; line-height: 40px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  height: 40px; float: left; width: 420px; }

.inneti22 .innebt span{float: right}
.inneti .innebt h2{font-size:24px; line-height: 40px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  height: 40px; float: left; width: 420px; }

.inneti .innebt span{float: right}
.innebt{overflow: hidden;}
.innewa a,.innewa a:visited,.innewa a:active{background: #fff; overflow: hidden; display: block; padding: 8px; margin: 10px 0px 30px 0px;}
.innewa a:hover{background: #0071bc; color: #fff}
.innewa a:hover .innewn{color: #b8cee6}
.innewa a:hover img{transform: scale(1.1);}

.innewt{font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-right: 20px;}
.innewn{padding-right: 20px; padding-top: 5px; height: 45px; line-height: 20px; overflow: hidden; color: #a7a7a7 }
/*innew end*/
.frib{

	
	height: 100px;
	width:1200px;margin:0 auto;
	overflow: hidden
}
.frib a,.frib a:visited,frib a:active{
	width: 220px;
	display: block;
	height: 100px;border:solid .2px #e6e6e6;
	float: left;margin-left:10px;margin-right:10px;
	border-right: 1px #dfdfdf solid
}

/*down*/
.down{background: #e1e1e1; color: #000; padding: 50px 0px;}
.down_1{padding-right: 30px; padding-bottom: 20px; padding-top: 20px; margin-left:70px;}
.down_1 span{display: block; padding: 5px; color: #848484;font-weight: bold;font-size: 24px;}
.down_1 h1{display: block; padding: 5px; color: #848484;font-size: 16px;}
.down2{ padding-left: 50px;  width: 260px;  padding-bottom: 10px; padding-top: 10px;}
.down2_t{font-size: 20px; margin-bottom: 15px;}

.down2 a,.down2 a:visited,.down2 a:active{color: #848484; padding: 8px 50px 0px 0px; float: left; font-size: 16px;}
.down_3{ padding-left: 30px; width: 600px;font-weight: bold;}
.down_3_tel{width: 400px; color: #c5c5c5; line-height: 2em; margin-top: 10px;}
.down_3_tel_dh{font-size: 26px; font-weight: bold}
a.QQan:link,a.QQan:visited,a.QQan:active{color: #fff; display: block; margin-top: 10px; width: 150px; height: 35px; line-height: 35px; background:#0071bc url("../images/qq.png") no-repeat 10px center; text-align: center}
a.QQan:hover{ width: 170px; background:#0071bc url("../images/qq.png") no-repeat 20px center;}
.down1{background: #00c7b1; color: #131415}
.down1 a,.down1 a:visited,.down1 a:active{color: #131415}
/*down end*/



.gs{background: url("../images/bg1.jpg") no-repeat top;height:700px;margin-top:-40px;z-index:100;}







/*nr*/
.nbanner{position: relative; top:118px; height:400px;overflow:hidden;}
.nlm{ border-bottom: 1px #e0e0e0 solid;margin-top: 118px; line-height: 55px;}
.coh{color: #138baf}

 /*about*/
.nlmx i{margin:0px 5px; }
.nlmx{color: #999999}
.nlmx a,.nlmx a:visited,.nlmx a:active{color: #999}
.nlmm a,.nlmm a:visited,.nlmm a:active{padding: 0px 20px; color: #333333}
.nlmm a:hover{color: #0072bc; font-weight: bold}
.nlmm i{font-style: normal; color: #bcbcbc}
.nlmm a.lmmon{color: #00c7b1; font-weight: bold}
.nbt span{display: block; font-size: 20px; line-height: 2em;color: #0071bc}
.nbt{text-align: center; margin-top: 20px;}
.nbtr{
	width: 1050px;
	padding: 30px 50px;
	color: #fff;
background:-moz-linear-gradient(-45deg,#0071bc 0%, #5adc75 100% );
background:-webkit-linear-gradient(-45deg,#0071bc 0%, #5adc75 100% );
background:-o-linear-gradient(-45deg,#0071bc 0%, #5adc75 100% );
background:-ms-linear-gradient(-45deg,#0071bc 0%, #5adc75 100% );
background:linear-gradient(-45deg,#0071bc 0%, #5adc75 100% )
	
}
.nbtr1{
	width: 1050px;
	padding: 0px 50px;
	color: #fff;
background:-moz-linear-gradient(-45deg,#0071bc 0%, #5adc75 100% );
background:-webkit-linear-gradient(-45deg,#0071bc 0%, #5adc75 100% );
background:-o-linear-gradient(-45deg,#0071bc 0%, #5adc75 100% );
background:-ms-linear-gradient(-45deg,#0071bc 0%, #5adc75 100% );
background:linear-gradient(-45deg,#0071bc 0%, #5adc75 100% )
	
}



.nr{color: #333333; font-size: 16px; line-height: 2.5em; padding: 0px 0px 20px 0px; }
.nr1{color: #666666; font-size: 14px; line-height: 2.5em; padding: 0px 0px 20px 0px; }
.nr h2{ background: url("../images/tt.jpg") no-repeat left center; padding: 10px; font-size: 30px; font-weight: bold;}
.nr h3{background: #0071bc; padding: 0px 20px; line-height: 40px; margin: 10px 0px; color: #fff; font-size: 20px;}
.bg1{background: url("../images/ldbg.jpg") no-repeat bottom;}
.ldtext{color: #a3aeb5; width: 58%;}
.ldimg{width: 35%;}
.ldimg img{width: 100%}
.ldtextt{margin-top: 70px;}
.ldtextn{ margin-top: 80px; height: 84px; overflow: hidden; line-height: 28px;}
a.more2:link,a.more2:visited,a.more2:active{ margin-top: 30px; background: url("../images/jjj.png") no-repeat left center; height: 50px; padding-left: 40px; line-height: 50px; display: block; font-size: 24px; color: #fff;}
a.more2:hover{background: url("../images/jjj.png") no-repeat 20px center; padding-left: 50px;}
.td{width: 714px; height: 350px; overflow: hidden; transition: all 1s; color: #fff}
.tdtext{width: 714px; height: 350px; background-color: rgba(91, 218, 118, 0.5); padding: 50px;}
.td:hover img{transform: scale(1.1);cursor: pointer;transition: all 1s;}
.tdtext h2{font-size: 40px; font-weight: 100; line-height: 1em; padding-bottom:40px;}
.tdtext a,.tdtext a:visited,.tdtext a:active{border: 1px #fff solid; padding: 4px 20px; font-size: 20px; color: #fff; }
.tdtext a:hover{color: #fff; padding-right: 50px;}
.lxtext{ background-color: rgba(0, 114, 188, 0.5); width: 486px; height: 350px; padding: 50px;}
.lxtext h2{font-size: 40px; font-weight: 500; line-height: 1em; padding-bottom:40px; color: #fff}
.lxtext h2 span{font-weight: bold; color: #5bdc75}
.lx{width: 486px; height: 350px; overflow: hidden; color: #fff; line-height: 2em;}
.lx:hover img{transform: scale(1.1);cursor: pointer;transition: all 1s;}

 /*about end*/
 /*chairman*/
.tdan{ display: block; background-size: cover; overflow: hidden; width: 585px; height: 200px; color: #fff;  font-size: 30px; line-height: 1em;}
.tdan:hover .tdanimg img{transform: scale(1.1);cursor: pointer;transition: all 1s;}
.tdanimg{width: 585px; height: 200px;}
.tdantext{padding: 45px;}
.tdanimg2{right:20px; top:30px;}
.tdan:hover .tdantext{margin-left: 10px; cursor: pointer;transition: all 1s;}
.tdan:hover .tdanimg2 img{margin-right: 10px; cursor: pointer;transition: all 1s;}
 /*chairman end*/
 /*contact*/
.bg2{background: url("../images/cobg.png") no-repeat left top;}
.cont{width: 60%; padding:50px; border-radius: 20px; color: #fff; background:-moz-linear-gradient(-180deg,#5bdc76 0%, #0374b9 100% );
background:-webkit-linear-gradient(-180deg,#5bdc76 0%, #0374b9 100% );
background:-o-linear-gradient(-180deg,#5bdc76 0%, #0374b9 100% );
background:-ms-linear-gradient(-180deg,#5bdc76 0%, #0374b9 100% );
background:linear-gradient(-180deg,#5bdc76 0%, #0374b9 100% ); font-size: 20px; line-height: 50px;}
.cont i{float: left; margin: 8px;}
.cont p{float: left;width: 100%}
 /*contact end*/
 /*message*/
.mess{box-shadow: 0 0 10px #c0c0c0; margin-top: 50px; padding: 30px;}
.messin{border: 1px #e4e4e4 solid; height: 50px; padding: 0px 30px; width: 450px; font-size: 16px; color: #999999}
.messte{border: 1px #e4e4e4 solid; padding: 30px; width: 1020px; margin-top: 20px; font-size: 16px; color: #999999}
.messin1{width: 150px; border: 1px #e4e4e4 solid;  height: 50px; padding: 0px 30px; margin-right: 20px;}
.messbt{width: 180px; height: 50px; background: #5bdc76; color: #fff; margin-left: 30px; font-size: 20px;}
 /*message end*/
 /*news*/

.newle{width: 285px; height:208px; overflow: hidden; margin-right: 25px; background: #000; }
.newri{width: 850px;}
.newul{width: 100%; overflow:hidden; background: #9E0002; display: block}
.newri em{font-size: 14px; color: #3bc095}
.newri h2{font-size: 24px; color: #333; font-weight: 500; padding: 20px 0px;}
.newnr{ color: #666666; line-height: 24px; height: 72px; overflow: hidden; display: block}
a.more3:link,a.more3:visited,a.more3:active{width: 110px; height: 30px; display: block; background: #3bc095; color: #fff; text-align: center; line-height: 30px; margin-top: 10px;}
a.more3:hover{width: 140px;}
.moreload li{margin: 15px 0px; padding: 10px 0px; background: #f2f2f4}
.moreload li:hover img{transform: scale(1.1);cursor: pointer;transition: all 1s;}
.moreload li:hover .newle{margin-left: 10px; transition: all 1s;}
.hidden{ display: none;}
.moreload{width:1200px;height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;padding:5px;}
.moreload .more5{overflow: hidden;padding:10px;text-align: center;}
.moreload .more5 a{display: block; width: 360PX; height: 46px; line-height: 40px; color:#3bc095;margin:0 auto; text-align:center; font-size: 18px; font-weight: bold;border-radius:3px; border: 3px #e7e7e7 solid}
.moreload .more5 a:hover{text-decoration: none;width: 500px; color:#3bc095; border: 3px #3bc095 solid}
.newt{font-size: 30px; display: block; text-align: center; width: 100%; padding-bottom: 10px;}
.newda a,.newda a:visited,.newda a:active{color: #3bc095; padding: 0px 8px;}
.newda{border-bottom: 1px #d9d9d9 solid}
.sx{font-size: 18px; color: #333333; font-weight: bold; line-height: 30px; padding-top: 30px;}
.sx a,.sx a:visited,.sx a:active{font-size: 14px; font-weight: 500}
.sx em{font-size: 14px; font-weight: 500}
.sx span{padding: 10px 0px;}
 /*news end*/
 /*pro*/
.bg3{background: #f4f3f8}
.prozi{font-size: 16px; line-height: 2em; color: #333333}
.prolist a:link,.prolist a:visited,.prolist a:active{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 16px; width: 45%; font-weight: bold;padding-right: 20px; padding: 5px; margin: 5px 5px 0px 5px; float: left}
.prolist a:hover{ padding-left: 10px; color: #333333}



.prolist:nth-child(1){width: 590px; border: 4px #0071bc solid; overflow: hidden; padding:20px; margin-top: 20px}
.prolist:nth-child(1) i{color: #0071bc; margin-right: 10px;}
.prolist:nth-child(1) a.prolbt{font-size: 30px; margin-bottom: 8px; font-weight: bold; color: #0071bc; float: left;width: 100%; line-height: 1.5em;}
.prolist:nth-child(1) span{color: #666666; font-size: 16px; margin-bottom: 20px;float: left;display: block; width: 100%}
.prolist:nth-child(1) i{color: #0071bc; margin-right: 10px;}


.prolist:nth-child(2){width: 590px; border: 4px #3bc095 solid; overflow: hidden; padding:20px; margin-top: 20px}
.prolist:nth-child(2) a.prolbt{font-size: 30px; margin-bottom: 8px; font-weight: bold; color: #3bc095; line-height: 1.5em;}
.prolist:nth-child(2) span{color: #666666; font-size: 16px; margin-bottom: 20px;float: left;display: block; width: 100%}
.prolist:nth-child(2) i{color: #3bc095; margin-right: 10px;}


.prolist:nth-child(3){width: 590px; border: 4px #3bc095 solid; overflow: hidden; padding:20px; margin-top: 20px}
.prolist:nth-child(3) a.prolbt{font-size: 30px; margin-bottom: 8px; font-weight: bold; color: #3bc095; line-height: 1.5em;}
.prolist:nth-child(3) span{color: #666666; font-size: 16px; margin-bottom: 20px;float: left;display: block; width: 100%}
.prolist:nth-child(3) i{color: #3bc095; margin-right: 10px;}


.prolist:nth-child(4){width: 590px; border: 4px #0071bc solid; overflow: hidden; padding:20px; margin-top: 20px}
.prolist:nth-child(4) i{color: #0071bc; margin-right: 10px;}
.prolist:nth-child(4) a.prolbt{font-size: 30px; margin-bottom: 8px; font-weight: bold; color: #0071bc; line-height: 1.5em;}
.prolist:nth-child(4) span{color: #666666; font-size: 16px; margin-bottom: 20px;float: left;display: block; width: 100%}
.prolist:nth-child(4) i{color: #0071bc; margin-right: 10px;}


.prolist:nth-child(5){width: 590px; border: 4px #0071bc solid; overflow: hidden; padding:20px; margin-top: 20px}
.prolist:nth-child(5) i{color: #0071bc; margin-right: 10px;}
.prolist:nth-child(5) a.prolbt{font-size: 30px; margin-bottom: 8px; font-weight: bold; color: #0071bc; line-height: 1.5em;}
.prolist:nth-child(5) span{color: #666666; font-size: 16px; margin-bottom: 20px;float: left;display: block; width: 100%}
.prolist:nth-child(5) i{color: #0071bc; margin-right: 10px;}



.prolist:nth-child(6){width: 590px; border: 4px #3bc095 solid; overflow: hidden; padding:20px; margin-top: 20px}
.prolist:nth-child(6) a.prolbt{font-size: 30px; margin-bottom: 8px; font-weight: bold; color: #3bc095; line-height: 1.5em;}
.prolist:nth-child(6) span{color: #666666; font-size: 16px; margin-bottom: 20px;float: left;display: block; width: 100%}
.prolist:nth-child(6) i{color: #3bc095; margin-right: 10px;}


.prolist:nth-child(8){width: 590px; border: 4px #0071bc solid; overflow: hidden; padding:20px; margin-top: 20px}
.prolist:nth-child(8) i{color: #0071bc; margin-right: 10px;}
.prolist:nth-child(8) a.prolbt{font-size: 30px; margin-bottom: 8px; font-weight: bold; color: #0071bc; line-height: 1.5em;}
.prolist:nth-child(8) span{color: #666666; font-size: 16px; margin-bottom: 20px;float: left;display: block; width: 100%}
.prolist:nth-child(8) i{color: #0071bc; margin-right: 10px;}



.prolist:nth-child(7){width: 590px; border: 4px #3bc095 solid; overflow: hidden; padding:20px; margin-top: 20px}
.prolist:nth-child(7) a.prolbt{font-size: 30px; margin-bottom: 8px; font-weight: bold; color: #3bc095; line-height: 1.5em;}
.prolist:nth-child(7) span{color: #666666; font-size: 16px; margin-bottom: 20px;float: left;display: block; width: 100%}
.prolist:nth-child(7) i{color: #3bc095; margin-right: 10px;}


.prolist:nth-child(9){width: 590px; border: 4px #0071bc solid; overflow: hidden; padding:20px; margin-top: 20px}
.prolist:nth-child(9) i{color: #0071bc; margin-right: 10px;}
.prolist:nth-child(9) a.prolbt{font-size: 30px; margin-bottom: 8px; font-weight: bold; color: #0071bc; line-height: 1.5em;}
.prolist:nth-child(9) span{color: #666666; font-size: 16px; margin-bottom: 20px;float: left;display: block; width: 100%}
.prolist:nth-child(9) i{color: #0071bc; margin-right: 10px;}



.prolist:nth-child(10){width: 590px; border: 4px #3bc095 solid; overflow: hidden; padding:20px; margin-top: 20px}
.prolist:nth-child(10) a.prolbt{font-size: 30px; margin-bottom: 8px; font-weight: bold; color: #3bc095; line-height: 1.5em;}
.prolist:nth-child(10) span{color: #666666; font-size: 16px; margin-bottom: 20px;float: left;display: block; width: 100%}
.prolist:nth-child(10) i{color: #3bc095; margin-right: 10px;}





.prolist:nth-child(odd){float: left; }
.prolist:nth-child(even){float: right;}

.prolist i{color: #0071bc; margin-right: 10px;}
.prolist h2{font-size: 30px; margin-bottom: 8px; font-weight: bold; color: #0071bc; line-height: 1.5em;}
.prolist span{color: #666666; font-size: 16px; margin-bottom: 20px;float: left;display: block; width: 100%}
.prolist li:nth-child(1){width: 430px; overflow: hidden; float: left}
.prolist li:nth-child(2){width: 110px; float: right; margin-top: 50px;}
.prolist li:nth-child(2) img{width: 100%}


.bg4{background: url("../images/nprobg.jpg") no-repeat top;}
.nproa{background: #fff;box-shadow: 0 0 5px #666; width: 90px; height: 90px; border-radius: 50px; text-align: center; margin: 0 auto;}
.nproa img{margin-top: 20px;}
.npron ul{width: calc(100%/6); float: left; text-align: center; line-height: 2.5em; font-size: 22px; font-weight: bold; color: #0071bc}
.npron ul:hover .nproa{transform:rotateY(180deg); transition: all 1s;}
.nprola a,.nprola a:visited,.nprola a:active{width: calc(100%/4); position: relative; z-index: 999999; text-align: center; float: left; font-size: 20px; font-weight: bold; color: #535353;background: url("../images/db.jpg") no-repeat center 60px; height: 55px;}
.nprola a:hover{color: #3bc095;  background: url("../images/db.jpg") no-repeat center bottom; transition: all 1s;}
.nprola a:hover span{color: #3bc095}
.nprola span{color: #d0d0d0;display:block; font-size: 12px; font-weight: 500; text-transform: uppercase}
.nproli{width:293px; position: relative; z-index: 9999; margin:10px 3px; float: left; padding: 8px; background: #fff}
.nprolit{height: 50px; line-height: 50px; font-size: 20px;white-space:nowrap; color: #333333; overflow:hidden;text-overflow:ellipsis; }
.nprolin{color: #999999; line-height: 20px; height: 40px; overflow: hidden}
a.more4:link,a.more4:visited,a.more4:active{width: 90px; height: 25px; text-align: center; line-height: 25px; color: #fff; background: #3bc095; display: block; margin-top: 10px; margin-bottom:10px;}
a.more4:hover{width: 120px; transition: all 1s;}
.nproli:hover img{transition: all 1s; transform: scale(1.1);}
.nproimg{width: 277px; height: 215px; overflow: hidden}


.ym{width:100%; padding-top:20px; padding-bottom:10px; overflow:hidden; margin-top: 80px; }
.ym a{float:left; border:solid 1px #e3e3e3; padding:5px 10px 5px 10px; color:#545454; background: #fff; margin-right:5px; margin-bottom:5px;
 -moz-border-radius:3px;
 -ms-border-radius:3px;
 -o-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
}
.ym a:hover{background: #3bc095; color:#FFF; border:solid 1px #cdcdcd;}
a.select{background: #3bc095; color:#FFF; border:solid 1px #1890ff;}
a.select:hover{	background: #4f1d80; color:#FFF; border:solid 1px #3bc095;}
.npronl{width: 100%;}
.npront{background:-moz-linear-gradient(45deg,#5bdc76 0%, #0374b9 100% );
background:-webkit-linear-gradient(45deg,#5bdc76 0%, #0374b9 100% );
background:-o-linear-gradient(45deg,#5bdc76 0%, #0374b9 100% );
background:-ms-linear-gradient(45deg,#5bdc76 0%, #0374b9 100% );
background:linear-gradient(45deg,#5bdc76 0%, #0374b9 100% );  width: 660px; height: 60px; color: #fff; line-height: 60px; font-size: 24px; }
.npront i{margin:18px 10px; float: left}

.nprole{color: #333333; font-size: 16px;}
.nprole span{color: #0071bc; font-size: 20px; font-weight: bold}
.nprozi{width: 600px; color: #666666; font-size: 15px; line-height: 2em; height: 135px; overflow: hidden}
a.more6:link,a.more6:visited,a.more6:active{width: 200px; height: 50px; display: block; margin-top: 20px;  text-align: center; background: #fe6666; font-size: 20px; line-height: 50px; color: #fff}
a.more6:hover{width: 250px; transition: all 1s;}
.bgl{background: #0071bc}
.prond{height: 80px;}
.prond a,.prond a:visited,.prond a:active{line-height: 80px; height: 80px; display: block; float: left; font-size: 24px; color: #fff; padding: 0px 30px; margin: 0px 30px;}
.prond a:hover{font-weight: bold; color: #fff; border-bottom: 5px #fff solid}
a.prondon:link,a.prondon:visited,a.prondon:active{font-weight: bold; color: #fff; border-bottom: 5px #fff solid}
.pronb{font-size: 30px; color: #333333; font-weight: bold; line-height: 3em; margin-top: 10px;}
.pronn{font-size: 15px; color: #333}
.bg5{background: url("../images/bg5.jpg") no-repeat top;}


.tab {position: relative;}
.tab .content {width: 1200px;margin: 0 auto;}
.tab h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.tab .Box_con {position: relative;}
.tab .Box_con .btnl {position: absolute;}
.tab .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 150px;cursor: pointer;}
.tab .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.tab .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.tab .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.tab .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.tab .Box_con .conbox {position: relative;overflow: hidden;}
.tab .Box_con .conbox ul {position: relative;list-style: none;}
.tab .Box_con .conbox ul li {float: left;width: 290px; background: #fff; padding: 5px; margin-left: 10px;overflow: hidden;}
.tab .Box_con .conbox ul li:first-child {margin-left: 0;}
.tab .Box_con .conbox ul li img {display: block;width: 285px;height: 221px;transition: all 0.5s;}
.tab .Box_con .conbox ul li:hover img {transform: scale(1.1);}	
.tab .BoxSwitch {margin-top: 30px;text-align: center;}
.tab .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.tab .BoxSwitch span.cur {background: #3bc095;}
 /*pro end*/

 /*photo*/
.nphoto ul li{width: calc(100%/3); padding: 15px; float: left; margin: 20px 0px;}
.nphoto img{width: 100%}
.nphoto ul li a{font-size: 20px; color: #333; line-height: 3em;}
 /*photo end*/
 /*team*/
	.temore{width: 1200px;height: auto;margin:0 auto;overflow: hidden;text-align: left;padding:5px; position: relative; z-index: 9999}
	.temore ul.list{overflow: hidden;}
	.temore ul.list li{width: 280px; border: 5px #f0f0f0 solid;height: 160px;margin:10px 5px;float: left;overflow: hidden;}
	.temore ul.list li img{width: 100%;height: 100%;}
	.temore ul.list p{text-align: center;padding: 10px;}
.temore .more5{overflow: hidden;padding:10px;text-align: center;}
.temore .more5 a{display: block; width: 360PX; height: 46px; line-height: 40px; color:#3bc095;margin:0 auto; text-align:center; font-size: 18px; font-weight: bold;border-radius:3px; border: 3px #e7e7e7 solid}

.teimg{width: 100%;height: 80%; margin-right: 50px;}
.tetitle{font-size: 16px; color: #333; margin-top: 30px;}
.tetitle span{ font-size: 24px;}
.tezi{width: 250px; height: 75px; line-height: 25px; display: block; margin-top: 30px;}
a.more7:link,a.more7:active,a.more7:visited{width: 280px; display: block; background: #00c7b1; color: #fff; height: 35px; line-height: 25px; text-align: center}

 /*team end*/
/*technology*/
.tec ul li{padding: 10px 0px; margin: 20px 0px; }
.tec ul li:hover{padding-left: 10px; transition: all 0.5s;}
.tec ul li:nth-child(odd){background: #f2f2f4; }
/*technology end*/
/*nr end*/
