@charset "utf-8";
/* CSS Document */

.slideBox{ 
  width:100%;
  overflow:hidden; 
  position:relative; 
  margin:0 auto;
  background: #000;
}
.slideBox .bd{ 
  position:relative; 
  height:100%;
}
.slideBox .bd li{ 
  vertical-align:middle; text-align:center 
}
.slideBox .bd .tu01{ 
  width:100%; 
  height: auto;
  display:block;  
}
.slideBox .bd .banner-txt { position:absolute; top:50%; transform: translateY(-50%); text-align:center; width:100%;}
.slideBox .hd{ 

  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:21px; 
  z-index:1; 
}
.ne_nr table{ width:68%; margin:0 auto;}
.slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; 
 text-align: center;
}
.slideBox .hd ul li{ 
  display: inline-block;
  margin-right:15px;  
  width:44px; 
  height:4px; 
  background:#fff; 
  border-radius:30px; 
  cursor:pointer; 
}
.slideBox .hd ul li.on{ 
  height: 10px;
  border-radius:20px; 
}




		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:100%; height:auto; display:block;  }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px; font-size:16px;   }

.case-list li{ width:23%; float:left; margin:0 1% 20px; text-align:center;}
.case-list li img{ width:100%; height:200px;}
.case-list li p{ font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}




.part01{ padding:60px 0;}
.part01 dl{ width:13%; cursor:pointer; float:left; margin-right:13%;}
.part01 dl dt{ width:100%;height:0; border:1px dashed #b2b2b2;border-radius:100%; padding:100% 0 0; position:relative; text-align:center;}
.part01 dl dt p{width:94%;height:0; border-radius:100%; padding:94% 0 0; background:#86d84b; position:absolute; top:3%; left:3%; transition-duration:.5s;}
.part01 dl dt h1{ position:absolute; transform:translateY(-50%); top:50%; width:100%; text-align:center;}
.part01 dl dd{ text-align:center; font-size:22px; padding-top:27px;}
.part01 dl:hover dt p{ background:#37bcfd}
.part01 dl:nth-child(5){ margin-right:0;}
.part02{ width:100%; background:url(../images/bg.png) no-repeat top center; padding:80px 0; background-size: cover; margin-bottom:50px;}
.case-titile{ color:#fff; padding-left:42px; position:relative;}
.case-titile h1{ font-size:36px;}
.case-titile p{ text-transform:uppercase; opacity:0.75; padding-top:10px;}
.case-titile:before{ content:""; width:18px; height:18px; border-radius:100%; border:2px solid #86d84b; position:absolute; left:0; top:15px;}
.case-more{ margin:50px 0 40px 0; color:#3c4e5d; font-size:16px; font-family:"Arial"; background:url(../images/more.png) no-repeat 0 0; width:24px; height:24px; padding-left:40px; line-height:24px; transition-duration:.5s;}
.case-more:hover{ background-position:0 -24px;}
.case-more:hover a{ color:#fff;}
.in-case dl{ width:30%; background:rgba(255,255,255,0.7); padding:30px 3%; transition-duration:.5s; float:left; margin:0 2% 20px 0;}
.in-case dl dt{ float:left; width:76px; height:76px; transition-duration:.5s;}
.in-case dl dd{ font-size:24px; padding-left:10%; float:left; padding-top:20px; transition-duration:.5s;}
.in-case dl:hover{ background:#86d84b;}
.in-case dl:hover dd{ color:#fff;}
.in-case dl:nth-child(1) dt{background:url(../images/img1.png) no-repeat 0 0; }
.in-case dl:nth-child(2) dt{background:url(../images/img2.png) no-repeat 0 0; }
.in-case dl:nth-child(3) dt{background:url(../images/img3.png) no-repeat 0 0; }
.in-case dl:nth-child(4) dt{background:url(../images/img4.png) no-repeat 0 0; }
.in-case dl:hover dt{ background-position:0 -76px;}
.in-new-le{ width:48.7%; border-top:1px solid #d0d0d0;}
.new-ti{ width:100%; text-align:center;}
.new-ti h1{ font-size:36px; padding-bottom:30px;}
.new-ti p{ opacity:0.7; text-transform:uppercase; padding:10px 0 40px 0; font-family:"Arial";}
.in-new-le dl{ border-bottom:1px solid #d0d0d0; padding-bottom:20px;}
.in-new-le dl dt{ font-family:"Arial"; font-size:16px; opacity:0.75; padding:20px 0; position:relative;}
.in-new-le dl dd{ width:90%; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; font-size:18px;}
.in-new-le dl dt:before{ content:""; position:absolute; width:0; height:2px; background:#86d84b; top:50px; left:0; transition-duration:.5s;}
.in-new-le dl:hover dt:before{ width:60px;}
.in-new-ri{ width:48.7%;}
.in-new-ri dt { width:100%;}
.in-new-ri dt img{ width:100%;}
.in-new-ri dl dd{ padding:20px 0;}
.in-new-ri dl dd span{font-family:"Arial"; font-size:16px; opacity:0.75;}
.in-new-ri dl dd h1{width:90%; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; font-size:18px; font-weight:normal; padding:30px 0;}
.in-new-ri dl dd p{ background:url(../images/jt.png) no-repeat 10% 7px; transition-duration:.5s;}
.in-new-ri dl:hover dd p{ background-position:12% 7px;}
.part03{ width:100%; position:relative; background:#000; overflow:hidden; margin-top:40px;}

.txt{ color:#fff; position:absolute; top:50%; transform:translateY(-50%); width:100%; text-align:center;}
.txt h1{ font-weight:normal; font-size:30px;}
.txt span{ font-size:18px;font-family:"Arial"; }
.txt p{ width:60px; height:1px; background:#fff; margin:20px auto;}
.part03 img{ transition-duration:.5s; display:block; max-width:100%;}
.part03:hover img{ transform:scale(1.1,1.1); opacity:0.7;}
.footer{ padding-top:20px; padding-bottom:50px;}
.f-lx{ border-bottom:1px solid #e1e1e1; position:relative; padding-bottom:20px; margin-bottom:36px;}
.f-lx p{ font-size:24px; color:#202020; padding-top:10px;}
.f-lx ul li{ float:left; margin-left:30px; padding-top:10px;}
.f-top{ position:absolute; top:0; left:50%; transform:translateX(-50%);}
.f-top img{ display:block;}
.f-link{ position:relative;}
.f-link p b{ font-size:18px; font-weight:bold; display:block; padding-bottom:20px;}
.f-link p span{ opacity:0.5; }
.banquan p{ opacity:0.45;}
.f-link .ewm{ position:absolute; left:50%; transform:translateX(-50%); width:120px; height:120px; top:-20px; line-height:
1;}
.f-link .ewm img{ width:100%; height:100%;}
.btn-select { position: relative; display: inline-block; width: 175px; height: 40px; border:1px solid #999; float:right ; margin-bottom:15px;} 
.btn-select .cur-select { position: absolute; display: block; width: 175px; height: 40px; line-height: 40px; background: url(../images/ljjt.png) no-repeat right center; text-indent: 10px; } 

.btn-select select { position: absolute; top: 0; left: 0; width: 175px; height: 40px; opacity: 0; filter: alpha(opacity: 0;);} 

.ne-banner{ width:100%;}
.ne-banner img{ width:100%; display:block; padding-top:90px;}

.ne-xi{ padding:60px 0;}
.ne-ti{ font-size:24px; text-align:center; padding-bottom:45px;}

.ne-new-list dl{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e1e1e1;}
.ne-new-list dl dt{ width:312px; height:174px; overflow:hidden; background:#000; float:left;}
.ne-new-list dl dt img{ width:100%; height:100%; display:block; transition-duration:.5s;}
.ne-new-list dl dd{ width: calc(100% - 312px); width: -webkit-calc(100% - 312px); padding-left: 33px; float:left; box-sizing: border-box; padding-top:24px;}
.ne-new-list dl dd h4{ font-size:18px; color:#363636; font-weight:normal; width:100%;white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis; padding:19px 0;}
.ne-new-list dl dd span{font-size:16px;display:block; font-family:"Arial"; opacity:0.75}
.ne-new-list dl dd p{ color:#727272; line-height:2;}
.ne-new-list dl:hover dt img{ opacity:0.6; transform:scale(1.1,1.1)}
.jianT{ max-width: 100%; text-align: center;}
.jianT li a{ font-size: 14px; color:#474747; padding:6px 10px ; line-height: 1; background:#dcdee2; }
.jianT li a:hover{text-decoration: none; background:#6eb92b;color:#fff;}
.jianT li{ display: inline; margin: 0 2px}
.jianT li .on{ background:#6eb92b; color:#fff;padding: 6px 11px;}
    .jianT a[disabled]{  color: #474747;cursor: not-allowed;background-color: #dcdee2;border-color: #dcdee2;}
.fw-list dl{ background:#f4f4f4; margin-bottom:45px;}
.fw-list dl dt{ padding:30px 0; width:50%;}
.fw-list dl dt .fw-txt{width:90%; margin:0 auto;}
.fw-list dl dd{ width:50%; }
.fw-list dl dd img{ width:100%; display:block;}
.fw-list dl dt h1{ font-weight:normal; color:#6eb92b; font-size:22px; padding-bottom:29px; padding-top:29px;}
.fw-list dl dt p{ font-size:16px; line-height:1.8;}
.yj-list dl{ float:left; width:48%;-moz-box-shadow:0px 2px 5px #7A7A7A; -webkit-box-shadow:0px 2px 5px #7A7A7A; box-shadow:0px 2px 5px #7A7A7A; padding:10px 0; margin:0 2% 40px 0}
.yj-list dl dt{float:left; padding:20px 7% 0 7%; font-family:"Arial";}
.yj-list dl dt h1{ font-size:36px; color:#2f2f2f; font-weight:normal;}
.yj-list dl dt span{ width:50px; height:2px; background:#b7b7b7; margin:17px 0; display:block;}
.yj-list dl dt p{ font-size:16px;}
.yj-list dl dd{ width:63%; float:left; padding:10px 5%; border-left:1px solid #b7b7b7}
.yj-list dl dd h1{ font-weight:normal; font-size:20px;}
.yj-list dl dd p{ font-size:16px; opacity:0.68; padding:20px 0;}
.yj-list dl:nth-child(2n){ margin-right:0;}

.sideMenu{ padding-bottom:40px;}
.sideMenu h3{ height:55px; line-height:55px; padding-left:30px; background:#8d8d8d; cursor:pointer; font-size:20px; color:#fff; font-weight:normal; margin-top:34px; }
.sideMenu h3 li{ float:left; width:30%;}
.sideMenu h3 li:nth-child(4){ text-align:right;}
.sideMenu h3 em{ float:right; display:block; width:79px; height:55px;   background:url(../images/icoAdd2.png) no-repeat 5px center; cursor:pointer;}
.sideMenu h3.on em{ background:url(../images/icoAdd.png) no-repeat 5px center; }
.sideMenu h3.on{ background:#6eb92b;}
.sideMenu h3 span{ font-size:16px; padding-left:30px;}
.sideMenu ul{ padding:30px 15px;  display:none;  background:#f7f7f7;}
.join_xi{ padding-left:20px;line-height:28px;}
.yq{ border-top:1px solid #dedede; padding-top:15px; margin-top:15px; }
.join_xi h1{ font-weight:normal; font-size:16px; color:#222;}
.join_xi p{ line-height:1.8; color:#777; font-size:16px;}
.ab01-le{ width:48%;}
.ab01-le p{ font-size:18px; color:#6eb92b; background:url(../images/yh.jpg) no-repeat left top; padding-left:130px; height:85px; padding-top:30px;}
.ab01-le span{ display:block; font-size:16px; line-height:1.8;}
.ab01-le img{ width:100%; display:block;}
.ab01{ padding-bottom:60px;}
.wh-list li{ float:left; width:33.3333%; overflow:hidden; background:#000; position:relative;}
.wh-list li img{ width:100%; display:block; transition-duration:.5s;}
.wh-list li .wh-txt{ position:absolute; width:100%; text-align:center; top:50%; transform:translateY(-50%); color:#fff; transition-duration:.5s; opacity:0;}
.wh-txt p{ font-size:48px; font-family:"宋体";}
.wh-txt span{ font-size:24px; padding-top:10px;}
.wh-list li:hover img{ opacity:0.3;}
.wh-list li:hover .wh-txt{ opacity:1;}
.ry-list{ position:relative; padding-bottom:69px;}
.picMarquee-left .bd ul{ 
	overflow:hidden; 
	zoom:1; 
}
.picMarquee-left .bd ul li{ width:20%;
	margin:0 20px; 
	float:left; 
	_display:inline; 
	overflow:hidden; 
	text-align:center;
}
.picMarquee-left .bd ul li img{ width:100%;}
.ry-ys{ position:absolute; width:100%; height:160px; background:#6eb92b; bottom:0; left:0; z-index:-1;}

.ne_xi_ti{ text-align:center; border-bottom:1px dashed #979797;}
.ne_xi_ti div{ font-size:18px; font-weight:bold; color:#717070;}
.ne_xi_ti p{ padding:20px 0;}
.ne_nr{ padding:20px 10px; line-height:25px;}

.ne_nav{ width:100%; text-align:center; padding:0px 0 60px 0; }
.ne_nav li{ display:inline; padding-right:10px;}
.ne_nav li a{ padding:10px 18px;}
.ne_nav li a:hover{border:1px solid #4ca7e2; color:#4ca7e2;}
.ne_nav li .ts2{border:1px solid #4ca7e2; color:#4ca7e2;}
.ne_nr img{ max-width:100%;}

/*当页面大于1400px时*/
@media (min-width: 1441px) {

.ab01-le span{line-height:2;}

}

/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 992px) and (max-width: 1199px) {

}

/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 768px) and (max-width: 991px){

 
}

/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 480px) and (max-width: 767px) {
.ne-new-list dl dt{ float:none; margin:0 auto;}
.ne-new-list dl dd{ width:100%; float:none; margin-top:20px; padding-left:0;}
.banner-txt img{ width:20%;}
.slideBox{ padding-top:50px;}
.slideBox .hd{ display:none;}
.part01 dl{ width:30%; margin-right:3%;}
.part01 dl dt h1 img{ width:50%;}
.part01{ padding:30px 0;}
.part01 dl{ margin-bottom:20px;}
.part01 dl dd{ padding-top:10px; font-size:14px;}
.part02{ background-size:cover; padding:100px 0 0 0;}
.case-titile h1{ font-size:26px;}
.case-more{ margin:20px 0;}
.in-case dl{ width:94%;}
.in-new{ padding-top:30px;}
.new-ti h1{ font-size:26px;}
.in-new-le{ width:100%;}
.in-new-le dl dd{ font-size:14px;}
.in-new-le dl dt{ padding:10px 0;}
.in-new-ri{ width:100%; padding-top:20px;}
.in-new-ri dl dd h1{ padding:10px 0; font-size:14px;}
.in-new-ri dl dd p{ background-position:15% 7px}
.txt h1{ font-size:16px;}
.txt span{ font-size:14px;}
.banquan{ width:100%;}
.btn-select{ float:left; margin-top:20px;}
.ab01-le{ width:100%;}
.ab01-le p{ padding-left:0; background:none; height:30px; padding-top:0; font-size:16px;}
.ab01-le span{ font-size:14px;}
.ne-ti{ padding-bottom:20px; font-size:18px;}
.ab01{ padding-bottom:20px;}
.ne-xi{ padding:20px 0;}
.wh-txt p{ font-size:16px;}
.wh-txt span{ font-size:14px;}
.ry-list{ padding-bottom:30px;}
.ry-ys{ height:60px;}
.ne-banner img{ padding-top:50px;}
.fw-list dl dt,.fw-list dl dd{ width:100%;}
.fw-list dl dt h1{ font-size:16px; padding-bottom:10px;}
.fw-list dl dt p{ font-size:14px; line-height:1.6;}
.fw-list dl dt{ padding:20px 0;}
.yj-list dl{ width:100%; margin-right:0; margin-bottom:20px;}
.yj-list dl dt{ display:none;}
.yj-list dl dd{ width:90%;}
.yj-list dl dd h1{ font-size:16px;}
.yj-list dl dd p{ font-size:14px; padding:10px 0;}
.sideMenu h3{ font-size:16px;}
.sideMenu h3 em{ display:none;}
.sideMenu h3 li:nth-child(4){ display:none;}
.sideMenu h3 li{ width:50%;}
.join_xi p{ font-size:14px;}

}

/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {

.ne-new-list dl dt{ float:none; margin:0 auto;}
.ne-new-list dl dd{ width:100%; float:none; margin-top:20px; padding-left:0;}
.banner-txt img{ width:20%;}
.slideBox{ padding-top:50px;}
.slideBox .hd{ display:none;}
.part01 dl{ width:30%; margin-right:3%;}
.part01 dl dt h1 img{ width:50%;}
.part01{ padding:30px 0;}
.part01 dl{ margin-bottom:20px;}
.part01 dl dd{ padding-top:10px; font-size:14px;}
.part02{ background-size:cover; padding:100px 0 0 0;}
.case-titile h1{ font-size:26px;}
.case-more{ margin:20px 0;}
.in-case dl{ width:94%;}
.in-new{ padding-top:30px;}
.new-ti h1{ font-size:26px;}
.in-new-le{ width:100%;}
.in-new-le dl dd{ font-size:14px;}
.in-new-le dl dt{ padding:10px 0;}
.in-new-ri{ width:100%; padding-top:20px;}
.in-new-ri dl dd h1{ padding:10px 0; font-size:14px;}
.in-new-ri dl dd p{ background-position:15% 7px}
.txt h1{ font-size:16px;}
.txt span{ font-size:14px;}
.banquan{ width:100%;}
.btn-select{ float:left; margin-top:20px;}
.ab01-le{ width:100%;}
.ab01-le p{ padding-left:0; background:none; height:30px; padding-top:0; font-size:16px;}
.ab01-le span{ font-size:14px;}
.ne-ti{ padding-bottom:20px; font-size:18px;}
.ab01{ padding-bottom:20px;}
.ne-xi{ padding:20px 0;}
.wh-txt p{ font-size:16px;}
.wh-txt span{ font-size:14px;}
.ry-list{ padding-bottom:30px;}
.ry-ys{ height:60px;}
.ne-banner img{ padding-top:50px;}
.fw-list dl dt,.fw-list dl dd{ width:100%;}
.fw-list dl dt h1{ font-size:16px; padding-bottom:10px;}
.fw-list dl dt p{ font-size:14px; line-height:1.6;}
.fw-list dl dt{ padding:20px 0;}
.yj-list dl{ width:100%; margin-right:0; margin-bottom:20px;}
.yj-list dl dt{ display:none;}
.yj-list dl dd{ width:90%;}
.yj-list dl dd h1{ font-size:16px;}
.yj-list dl dd p{ font-size:14px; padding:10px 0;}
.sideMenu h3{ font-size:16px;}
.sideMenu h3 em{ display:none;}
.sideMenu h3 li:nth-child(4){ display:none;}
.sideMenu h3 li{ width:50%;}
.join_xi p{ font-size:14px;}
.f-link .ewm{ top:180px;}
}