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

 *{ margin:0; padding:0;}
 body{ color:#333; font-size:14px; font-family:微软雅黑; }
 li{ list-style:none; float: left;}
 a{ text-decoration:none; color:#333}
 .f1{ width:100%;margin:0 auto;}
 .f2{ width:1000px; margin:0 auto;}
 .clear{ clear:both}
 img{ border:0;}

.banner{ height:537px; background:#ccc; position:relative}
#kinMaxShow{visibility:hidden;width:100%; height:450px; overflow:hidden;}
.top{height:120px; padding-top:30px; position:absolute; top:0; left:50%; margin-left:-500px; z-index:999}
.top .logo{ background:url(../images/logo.png) center no-repeat; height:62px}
.top .menu{ height:50px; margin-top:10px; background:#057e13; border-radius:5px;}
.top .menu ul{ width:990px; height:50px; line-height:50px; text-align:center; margin:0 auto; }
.top .menu ul li{ width:110px; }
.top .menu ul li a{ color:#fff; display:block}
.top .menu ul li:hover { background:#fff; }
.top .menu ul li:hover a{ color:#057e13}


.about{ height:320px; padding:24px 0; }
.about .title{ height:94px; background:url(../images/ab.jpg) center right no-repeat #057e13; margin-bottom:15px }
.about .title .tit_con{ width:258px; height:60px; text-align:right; color:#fff; padding:17px 0}
.about .title .tit_con p{ font:26px/40px 微软雅黑}
.about .title .tit_con span{ font:20px/20px 微软雅黑; text-transform:uppercase}

.about .ab_left{ width:276px; height:210px; float:left; background:#057e13}
.about .ab_right{ width:684px; height:210px; padding:0 20px; float:right;line-height:26px; }
.about .ab_right .ab_txt{ width:684px; height:160px;  }
.about .ab_right .ab_p{ margin-top:15px}
.about .ab_right .p1{ width:150px; height:35px; line-height:35px; text-align:center; background:#057e13; display: inline-block; margin-right:15px;border:1px solid #fff}
.about .ab_right .p2 { border:1px solid #057e13;width:150px; height:35px; line-height:35px; text-align:center;  display: inline-block }
.about .ab_right .p1 a{ color:#fff; display:block}
.about .ab_right .p2 a{ color:#333;display:block}
.about .ab_right .p1:hover { background:#fff;border:1px solid #057e13; transition:all 0.3s linear}
.about .ab_right .p1:hover a { color:#333}
.about .ab_right .p2:hover { background:#057e13; transition:all 0.3s linear}
.about .ab_right .p2:hover a { color:#fff}

.prod{ height:440px; padding:20px 0 }
.prod .tit_p p{ text-align:center; font:30px/45px 微软雅黑; color:#057e13}
.prod .tit_p span{ text-align:center; font:18px/20px 微软雅黑; text-transform:uppercase; display:block; color:#94bb96; background:url(../images/xian.png) center no-repeat;}

.prod  .pro_sty{  height:54px; margin:15px auto 20px auto;  width:680px; }
.prod  .pro_sty ul li{ padding:10px 26px ; text-align:center; margin-left:20px; background:#057e13; font-size:15px; border:1px solid #fff;}
.prod  .pro_sty ul li a{ color:#fff; display:block}
.prod  .pro_sty ul li:hover { background:#fff; border:1px solid #057e13}
.prod  .pro_sty ul li:hover  a{ color:#057e13}


/*案例展示*/
#ISL_Cont_1{ margin:0px auto 40px;height:260px;float:left; overflow:hidden; width:999px  }
#ISL_Cont_1 .product{width:308px; height:248px; float:left; text-align:center;overflow:hidden; position:relative; border-bottom:1px solid #057e13;border-top:1px solid #057e13;border-left:1px solid #057e13}
#ISL_Cont_1 .product
#ISL_Cont_1 .product a{width:308px; height:248px; float:left; text-align:center; color:#fff}
#ISL_Cont_1 .product img{width:98%; height:98%; margin:1% }

#ISL_Cont_1 .product a p{ width:80%; height:60px; background:rgba(5,126,19,0.45); margin:10px 10%;position:absolute; bottom:10px;transition:all 0.3s ease-in}
#ISL_Cont_1 .product a p span{width:97%;height:54px; line-height:56px; text-align:center;  display:block; border:1px solid #fff; margin:2px 1.7% 2px 1.3%; color:#fff;transition:all 0.3s ease-in}	


#ISL_Cont_1 .product:hover a p{ width:80%; height:200px;transition:all 0.3s ease-in }
#ISL_Cont_1 .product:hover  a p span{width:97%;height:194px; line-height:196px; transition:all 0.3s ease-in }	
	 			
#Leftarr{float:left;margin-top:100px; margin-right:5px;width:27px;height:23px;cursor:pointer;display:inline;}
#Rightarr{float:left;margin-top:100px;margin-left:0px;width:27px;height:23px;cursor:pointer;display:inline;}





.sid{ height:410px; background:url(../images/baoz.png) center no-repeat #e4f1e5;}

.pengr{ height:480px; padding:40px 0}
.pengr .tit_p p{ text-align:center; font:30px/45px 微软雅黑; color:#057e13}
.pengr .tit_p span{ text-align:center; font:18px/20px 微软雅黑; text-transform:uppercase; display:block; color:#94bb96; background:url(../images/xian.png) center no-repeat;}
.pengr ul { margin-top:20px}

.pengr ul li{ width:327px; height:190px; background:#c4e5c6;margin-left:8px; margin-bottom:9px; position:relative;transition:all 0.3s ease-out; top:0}
.pengr ul li .img{  width:140px; height:140px; border-radius:50%; margin:25px 10px 25px 15px ; overflow:hidden;float:left}
.pengr ul li .img img{ width:100%; height:100%;border-radius:50%; }
.pengr ul li .p_txt{ width:150px; height:auto; float:right; padding-top:25px ; margin-right:12px }
.pengr ul li  p{ text-align:center; font:bold 15px/30px 微软雅黑;}
.pengr ul li .sp1{  font: 13px/20px 微软雅黑; display:block; height:73px}
.pengr ul li .sp2{ text-align:center; font: 13px/20px 微软雅黑; width:120px; height:20px; display:block; background:#fff; line-height:20px; border-radius:5px; margin:8px 0px}
.pengr ul li .sp2 a{ color:#057e13}
.pengr ul li .sp2:hover { background:#057e13; display:block}
.pengr ul li .sp2:hover  a{ color:#fff}

.pengr ul li:hover { top:-5px; transition:all 0.3s ease-out}


.pengr ul li:nth-child(1){ width:330px; height:390px; background:#c4e5c6;margin-left:0px}
.pengr ul li:nth-child(1) .img{ width:200px; height:200px; border-radius:50%; margin:23px 65px; overflow:hidden; float:left}
.pengr ul li:nth-child(1) .img img{ width:100%; height:100%;border-radius:50%; }
.pengr ul li:nth-child(1) .p_txt{ width:240px; height:auto; float:right; margin-right:45px; padding:0 }
.pengr ul li:nth-child(1) p{ text-align:center; font:bold 15px/30px 微软雅黑;}
.pengr ul li:nth-child(1) .sp1{ text-align:center; font: 13px/20px 微软雅黑; display:block; height:60px}
.pengr ul li:nth-child(1) .sp2{ text-align:center; font: 13px/20px 微软雅黑; width:120px; height:20px; display:block; background:#fff; line-height:20px; border-radius:5px; margin:8px 60px}
.pengr ul li:nth-child(1) .sp2 a{ color:#057e13}

.pengr ul li:nth-child(1) .sp2:hover { background:#057e13; display:block}
.pengr ul li:nth-child(1) .sp2:hover  a{ color:#fff}



.news{ height:340px; }
.news .tit_p p{ text-align:center; font:30px/45px 微软雅黑; color:#057e13}
.news .tit_p span{ text-align:center; font:18px/20px 微软雅黑; text-transform:uppercase; display:block; color:#94bb96; background:url(../images/xian.png) center no-repeat;}
.news ul{ margin-top:60px; }
.news ul li{ width:320px; height:210px; background:#c4e5c6; margin-left:20px; position:relative;}
.news ul li:nth-child(1){ margin-left:0;}

.news ul li dl dt{ width:90%; height:83px; padding:0 10%;}
.news ul li dl dt img{  width:110px; height:110px; border-radius:50%; border:3px solid #fff; position:absolute; top:-35px; left:30px;}
.news ul li dl dt p{ float:right; font-size:15px;line-height:20px;padding-top:25px; margin-right:10px; width:150px; }
.news ul li dl dd p{ width:280px; height:65px; margin:15px 20px 10px ;}
.news ul li dl dd span{ width:120px; height:26px; line-height:26px; text-align:center; margin:0 auto; display:block; background:#fff; border-radius:5px}
.news ul li dl dd span a{ display:block}
.news ul li dl dd span:hover { background:#c4e5c6}
.news ul li:hover {  color:#fff; }
.news ul li:hover { background:#057e13; }
.news ul li:hover dl dt img{ animation: img4 0.8s linear infinite alternate; -webkit-animation: img4 1s linear infinite alternate;}
@keyframes img4 {0% { top:-30px;} 100% { top:-40px;}}




.foot{ height:80px; background:#057e13; position:relative; margin-top:70px}
.foot .link{ height:75px; background:#fff; border-radius:10px; position:absolute; top:-37px; box-shadow:0 0 2px #ccc; line-height:75px; text-indent:10px }
.foot .link p{ font-weight:bold; display:inline-block}
.foot .link a{ display:inline}
.foot .link span{ padding:0 15px}
.foot .link a:hover{ color:#057e13}
.foot .txt{ padding-top:37px; text-align:center; line-height:43px; color:#fff;}
.foot .txt a{ color:#fff;}

/*内页*/
.conter{ height:auto; padding:20px 0;}
.conter .shouy a:hover{ color:#057e13;}
.conter .shouy { line-height:30px;}
.nfir-tit{padding-top: 20px;text-align: center; width:330px; height:40px; margin:0 auto}
.nfir-tit span.linebd{float: left;display: inline-block;width: 66px;height: 1px;background: #666;opacity: 0.32;position: relative;top: 31px;}
.nfir-tit strong{float: left;display: inline-block;font-weight: bold;font-size: 30px;line-height: 64px;color: #666;font-family: "Microsoft yahei";padding: 0 19px;}
.con_txt{ width:960px; padding: 0 20px; line-height:30px;}
.con_txt1{ width:1000px; padding: 0 20px; line-height:30px;}
.ndetail-top{padding: 30px 0px 10px 0;text-align: center;border-bottom: 1px solid #dbdbdb;position: relative;}
.ndetail-top h2{display: block;font-weight: bold;font-size: 24px;line-height: 42px;color: #666;font-family: "Microsoft yahei";}


.con_txt ul li{ width:940px; padding:10px ; border:1px solid #f5f5f5 }
.con_txt ul li .ndate{float: left;width: 98px;text-align: center;}
.con_txt ul li .ndate:hover{color:#FFF;}
.con_txt ul li .ndate span.nbig{display: block;padding-top: 10px;font-size: 26px;line-height: 26px;color: #666;opacity: 0.68;*color: #b3b3b3;font-family: Arial;}
.con_txt ul li:hover .ndate span.nbig{color: #057e13;opacity: 1;}
.con_txt ul li .ndate span.nsmall{display: block;font-size: 12px;line-height: 18px;color: #666;opacity: 0.6;color: #b3b3b3;font-family: Arial;}
.con_txt ul li:hover .ndate span.nsmall{color: #057e13;opacity: 1;}

.con_txt ul li:hover{border:1px solid #057e13}
.con_txt ul li.ntit{float: right;display: inline-block;width: 864px;padding-left: 38px;}
.con_txt ul li .ntit a{display: block;font-size: 14px;line-height: 65px;color: #666;font-family: "Microsoft yahei";}
.con_txt ul li .ntit a:hover , .con_txt ul li .ntit a.hover{color: #057e13;}



.new-column{width: 1000px;text-align: center;}
.new-column ul{ margin:0 auto;}
.new-column ul li{float: left;display: inline-block;width: 184px;height: 47px;margin: 0 6px 10px 0;}
.new-column ul li a{display: inline-block;width: 184px;height: 47px;font-size: 16px;line-height: 47px;color: #666;font-family: "Microsoft yahei";text-align: center; border:1px solid #ccc;}
.new-column ul li a:hover , .new-column ul li a.hover{color: #fff;background:#057e13;}



.new-recom{
padding-top: 44px;position: relative;}
.new-recom ul li{float: left;display: inline;width: 327px;height: 299px;overflow: hidden;margin-right: 6px;margin-bottom: 6px; border-bottom:3px solid #c4e5c6}
.new-recom ul li.mg6{margin-right: 0px;}
.new-recom ul li .new-Img{width: 329px;height: 239px;overflow: hidden;position: relative;}
.new-recom ul li .new-Img img{float: left;display: inline;width: 329px;height: 239px;overflow: hidden;top: 239px;}
.new-recom ul li h2{display: block;font-weight: 100;line-height: 20px;padding-left: 29px;margin-top: 20px;margin-bottom: 10px;transition:all 0.5s linear}
.new-recom ul li h2 a{font-size: 14px;color: #000;opacity: 0.86;color: #434343;font-family: "Microsoft yahei";}
.new-recom ul li p{padding-left: 29px;padding-right: 60px;font-size: 12px;line-height: 18px;}
.new-recom ul li p a{font-size: 12px;line-height: 18px;color: #000;opacity: 0.6;*color: #d1d1d1;font-family: "Microsoft yahei";}

.new-recom ul li:hover h2{ padding-left: 130px; transition:all 0.5s linear; }
.new-recom ul li:hover h2 a{ color:#057e13;transition:all 0.5s linear;}
.new-recom ul li:hover {border-bottom:3px solid #057e13;transition:all 0.5s linear;}






/*留言样式*/
fieldset{ border:none}
.msg_ul{width:480px;height:auto;overflow:hidden;margin:20px auto;}
.msg_ul li{width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:6px;}
.msg_ul li p{width:90px; float:left;height:36px;font:14px/36px "microsoft yahei";color:#333;vertical-align: top;  text-align:right; margin: 0 6px 0 0;}
.msg_ul li p span{color:red;margin-top:2px;vertical-align: middle;font-weight: bold}
.msg_input{width:264px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;}
.msg_textarea{border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;}
.msg_pin{width:164px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;float:left;}
.msg_pin img{float:left;margin-left:14px;}
.msg_textarea{width:264px;height:80px;border:1px solid #d9d9d9;border-radius:2px;padding:10px;resize: none}
.msg_submit{width:286px;height:36px;margin:20px auto;border-radius:3px;border:0;text-align:center;font:18px/36px "microsoft yahei";color:#fff;cursor: pointer}



.dn{display: none;}
/* 返回顶部 */
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png?);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -350px;}
.go-top .qq{background-position: 0 -50px;}
.go-top .qq:hover{background-position: 0 -200px;}
/*
.go-top .share{background-position: 0 -50px;}
.go-top .share:hover{background-position: 0 -200px;}
*/
.go-top .uc-2vm-pop{
	position: absolute;right: 60px;top: -100px;
	width: 240px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);
	background: #fff;
}
.go-top .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;}




.page {display:block;height:30px;text-align:center; padding-top:20px; padding-bottom:20px;}
.page a,.page span {background:#efefef;color:#4f4e49;height:auto;line-height:18px;margin:0px 0px 0px 8px;padding:3px 7px;width:auto;}
.page a:hover,.page .cur {background:#057e13;border-color:#057e13;color:#fff;text-decoration: none;}
.abc{ color:#333 ; line-height:30px}
.abc:hover { color:#057e13}