@charset "utf-8";

.ne-banner{
    width: 100%;
}
.ne-banner img{
    width: 100%;
    display: block;
}
.ne-menu{
    width: 100%;
    border-bottom: 1px solid #e5e5e5; 
    height: 68px;
}
.ne-menu li{
    float: left;
}
.ne-menu li a{
    display: block;
    padding:0 20px;
    line-height: 66px;
    font-size: 18px;
    color: #555;
    margin-right: 20px;
}
.ne-menu li a:hover{
    border-bottom: 2px solid #00a753;
    color: #00a753;
}
.ne-menu li .on{
    border-bottom: 2px solid #00a753;
    color: #00a753;
}
.ne-xi{
    width: 100%;
    background: #f5f5f5;
    padding:50px 0;
}
.ne-ti h1{
    font-weight: normal;
    font-size: 36px;
    color: #0056a9;
    z-index: 1;
    position: relative;
}
.new-ti{ width:100%; text-align:center; margin-bottom:30px;}
.new-ti h1{ font-weight:normal; color:#d3d3d3; font-size:24px; text-transform:uppercase;}
.new-ti span{ width:30px; height:3px; background:#b50708; margin:5px auto; display:block;}
.new-ti p{ font-size:24px; color:#525252;}
.ne-lx01{ background:#f3f3f3; border:1px solid #d8d8d8; padding:16px 0}
.ne-lx01 dl{ width:33%; text-align:center; border-right:1px solid #d8d8d8; float:left; padding:25px 0}
.ne-lx01 dl dt img{ display: inline;}
.ne-lx01 dl dd{ padding-top:20px;}
.ne-lx01 dl:nth-child(3){ border:none;}

#map{
  width: 100%;
 height:400px;
 margin-top:50px;
}
.lx-xi{ padding-top:20px;}
.lx-xi dl{ float:left; padding:0 0.5%; width:35%;}
.lx-xi dl dt{ font-size:16px; color:#0446a4; padding-bottom:10px;}
.lx-xi dl dd{ line-height:2;}
.lx-xi dl:nth-child(1){ width:25%;}
.ne-new-list dl{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e1e1e1;}
.ne-new-list dl dt{ width:289px; height:195px; 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(90% - 289px); width: -webkit-calc(90% - 289px); padding-left: 33px; float:left; box-sizing: border-box;}
.ne-new-list dl dd h4{ font-size:16px; color:#363636; font-weight:normal;}
.ne-new-list dl dd span{ display:block; background:url(../images/date.png) no-repeat left center; padding-left:30px; margin:13px 0 20px 0; height:20px;}
.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)}
.ff{ width:100%; text-align:center;}
.ff a{ display:inline-block; background:#e1e1e1; padding:4px 8px; margin-right:15px;}
.ff a:hover{ background:#02a854; color:#fff;}
.ff .on{ background:#02a854; color:#fff;}
.nr-ti h3{ text-align: center;color: #464646; font-size:18px; font-weight:normal;}
.nr-ti p{ text-align:center; padding:20px 0;}
.nr-zi{padding-top: 20px; border-top: 1px solid #ccc; line-height:1.8;}
.nr-zi img{ max-width:100%;}

.case-list dl{
  width: 24%;
  float: left;
  margin: 0 0.5% 20px;
  text-align: center;
}
.case-list dl dt{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background:#000;
}
.case-list dl dt img{
  width: 100%;
  transition-duration: 500ms;
  display:block;
}
.case-list dl dd{
  line-height: 48px;
  transition-duration: 500ms;
}
.case-list dl:hover dt img{
  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); opacity:0.5;
}
.case-list dl:hover dd{
  background: #0446a4;
  color: #fff;
}
.wl{ width:60%; margin:0 auto;}
.wl img{ max-width:100%;}
.ab-zi p{ text-indent:30px; line-height:2.5; padding-bottom:20px;}
.ab-tu{ width:30%;}
.ab-tu img{ width:100%;}
.ab-zi{ width:68%;}
.qywh{
    width: 90%;
    background: url(../images/qywh.jpg) no-repeat top center;
    background-size: cover;
    padding: 2% 5%;
    line-height: 32px;
    font-size: 16px;
}
.qywh span{ color:#00a753; font-size:16px; font-weight:bold;}
.zsk-list dl{ width:33.33%; float:left; margin-bottom:31px;}
.zsk-list dl dt{ float:left; background:#00a753; color:#fff; font-size:16px; width:25%; text-align:center; padding:20px 0; transition-duration:.5s;}
.zsk-list dl dd{ width:70%; float:right;}
.zsk-list dl dd h1{ font-weight:normal; color:#232323; font-size:16px; padding:20px 0 10px 0;}
.zsk-list dl dd p{ opacity:0.6; font-family:"Arial";}
.zsk-list dl:hover dt{ background:#00a753;}

.pro_left{ width:17%;}
.pro-ri{width:80%;}
.lm_t{ width:100%;}
.lm_t img{ width:100%; display:block;}
/*左侧下拉菜单样式*/
.subNavBox{width:99%;border:solid 2px #dcab4f; margin-bottom:30px;}
.subNav{border-bottom:solid 1px #dcab4f;cursor:pointer;font-weight:bold;font-size:14px;color:#00a753;line-height:50px;padding-left:10px;background:url(../images/on.png) no-repeat;background-position:95% 50%}
.subNav:hover{color:#00a753;}
.currentDd{color:#00a753}
.currentDt{background-image:url(../images/off.png);}
.navContent{display: none;}
.navContent li{border-bottom:solid 1px #dcab4f; line-height:50px;}
.navContent li a{display:block;width:100%;heighr:50px;text-align:center;font-size:14px;line-height:50px;color:#333}
.navContent li a:hover{color:#fff;background-color:#00a753}.ab_ner01 img{float:right;margin:0 0 15px 20px;}
.pro-list dl{ width:24%; /*float:left;*/ margin:0 0.2% 30px; display:inline-block; vertical-align:top}
.pro-list dl dt{ width:100%; border:1px solid #dfdfdf; overflow:hidden; height:170px; text-align:center;}
.pro-list dl dt img{ max-width:100%; transition-duration:.5s; height:170px;}
.pro-list dl dd{ width:100%; height:50px; line-height:50px; background:#00a753; color:#fff; text-align:center;}
.pro-list dl:hover dt img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); opacity:0.6;}

.pro-xi01-le{ width:540px;}
.picFocus2{ width:100%;  position:relative;  overflow:hidden;  zoom:1;}
		.picFocus2 .hd{ width:129px;  overflow:hidden; float:right }
		.picFocus2 .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; width:100%; }
		.picFocus2 .hd ul li{ float:left;  text-align:center; margin:0 0 4px 0;  width:96%;   border:1px solid #ddd; height:129px;  }
		.picFocus2 .hd ul li img{ width:100%; cursor:pointer; height:100%; display:block; }
		.picFocus2 .hd ul li.on{ background:url("../images/icoUp.gif") no-repeat center left;border-color:#f60;  }
		.picFocus2 .hd ul li.on img{  }
		.picFocus2 .bd { width:400px; float:left;}
		.picFocus2 .bd li{ vertical-align:middle;width:398px; border:1px solid #ddd;  }
		.picFocus2 .bd img{ width:400px;  display:block; height:400px; }

.pro_ti02{ font-size:22px; color:#202020;}
.pro-txt{ line-height:2.5; font-size:16px; color:#606060; padding:25px 0;}
.pro_zs li{ float:left; margin-right:1%; width:13%;}
.pro_zs li img{ width:100%; display:block;}
.zm_zi{ width:50%;}
.ne-xz li{ float:left; width:20%; text-align:center; background:#00a753; border-bottom:5px solid #00ba30; height:38px; line-height:38px; margin-right:2%; margin-top:30px;}
.ne-xz li a{ color:#fff;}
.pro-ts{ padding:33px 0;}
.pro-ttt{ font-size:18px; color:#024492; padding-bottom:10px;}
.pro-nr{ font-size:16px; line-height:2;}
.pro-menu{ width:100%; text-align:center; padding-bottom:50px;}
.pro-menu a{ display:inline-block; background:#166bcf; padding:8px 20px; color:#fff;}
.pro-menu a:hover{ background:#024492; color:#fff;}
.pro-menu .ttt{ background:#024492; color:#fff;}



.pro-fl{ padding-top:20px;}
.pro-fl dl{ margin-bottom:20px; clear:both; border-bottom:1px solid #e7e7e7; padding-bottom:10px;}
.pro-fl dl dt{ font-size:16px; color:#dc0500; padding-bottom:10px;}
.pro-fl dl dd{ background:url(../images/hfk.jpg) no-repeat left center; padding-left:5px; float:left; /*width:120px;*/ width:236px; margin-bottom:10px;}
.gai01{ float:left; width:50%;}
.case-gai{ padding-bottom:20px; border-bottom:1px solid #b2aeae; margin-bottom:20px;}
.gai01 dl{ width:100%;}
.gai01 dl dt{ background:url(../images/bg.png) no-repeat center center; float:left;  color:#fff; font-size:22px; width:140px; height:49px; text-align:center; line-height:49px;}
.gai01 dl dd{ float:left; padding-left:2%; width:100%;padding-top: 20px;}
.gai01 dl dd p{ font-size:16px; line-height:2; float:left; width:50%;}


.wb-link{padding: 20px 0;}
.yqlj{float: left;width: 7%;margin-left: 10%;font-size: 16px;color: #fff;font-weight: bold;}
.wb-link ul{float: left; display: block;width: 83%;padding-left: 20px;zoom: 1;box-sizing: border-box;}
.wb-link ul:after{display: block;content: '';clear: both;}
.wb-link ul li{float: left;width: 20%;opacity: 0.8;margin-bottom: 20px;}
.wb-link ul li a{font-size: 16px;color: #fff;}












@media (min-width: 1441x) {
     
    
}

/*在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-menu{
    height: 38px;
   }
.ne-menu li a{
    line-height: 36px;
    font-size: 14px;
    margin-right: 5px;
 }
.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;}
	.zsk-list dl{ width:50%;}
.pro-list dl{ width:32%;}
.pro-list dl dt{height:100px;}
.pro-list dl dt img{height:100px;}
}
/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
 .ne-menu{
    height: 38px;
   }
.ne-menu li a{
    line-height: 36px;
    font-size: 14px;
    margin-right: 5px;
	padding:0 2px;
 }
.ne-xi{
    padding:20px 0;
}
.ne-lx01 dl{ width:100%; border-bottom:1px solid #d8d8d8; padding:10px 0}
.ne-lx01 dl dd{ padding-top:10px;}
#map{ height:250px;margin-top:20px;}
.lx-xi dl{ float:left; padding:0 0 20px 0; width:100%;}
.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;}
	.ab-tu{ display:none;}
	.ab-zi{ width:100%;}
	.zsk-list dl {
    width: 100%;
    margin-bottom: 10px;
}
.pro-list dl{ width:48%;}
.pro-list dl dt{height:100px;}
.pro-list dl dt img{height:100px;}
.pro_left{ width:100%;}
.pro-ri{ width:100%;}
.zm_zi{ width:100%; padding-top:20px;}
.pro-txt{ padding:10px 0;}

.pro-xi01-le{ width:320px; margin:0 auto;}
		.picFocus2 .hd{ width:100px;  overflow:hidden; float:right }

		.picFocus2 .bd { width:200px; float:left;}
		.picFocus2 .bd li{ vertical-align:middle;width:198px; border:1px solid #ddd;  }
		.picFocus2 .bd img{ width:200px;  display:block; height:200px; }
		.picFocus2 .hd ul li{ height:63px;}
		.gai01{ width:100%;}
		.gai01 dl dd p{ width:100%;}
		
.yqlj{margin-left: 0;width: 100%;}	
.wb-link ul{width: 100%;}	
.wb-link ul li{width: 50%;}
}