@charset "utf-8";
/* CSS Document */
.banner a{ display: block; width: 100%; height: 512px; }

.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:512px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{ overflow:hidden; width:100%; position:absolute; left:0; bottom:30px; text-align:center;z-index: 99;}
#flashs .btn span{ color:#fff;  background:#717174; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;opacity: 0.7;border-radius:50%;}
#flashs .btn span.cur {background: #1a5faa;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}


/*搜索*/
.ss{ display: inline-block;  width:100%; background-color:#fff;;}
.ss p{ font-size:13px; line-height:60px;float:left; color:#4a4a4a}
.ss p a{ color:#4a4a4a; padding:0 5px;}
.ss p a:hover{ color: #c30101}
.ss .ssk{ float:right; width:265px;  height:25px; margin-top:17px;}
.ss .ssk input{ width:214px; height:23px; line-height:33px; font-size:13px; color:#a3a3a3;background:#fff; border:1px solid #e5e5e5; border-right:none; outline:none; float:left; padding: 0 10px;}
.ss .ssk a{ display:block; width:30px; height:25px; float:right; background:url(../images/Index/ssFdj.png) no-repeat center;}
.ssBox{ margin-top:60px;}


/*基地*/
.jdBox{position: relative;width: 1000px;margin: 0 auto;}
.jdBox .jdUl{position: absolute;height: 177px;left:0;top: -138px;width: 1000px;z-index:200;}
.jdBox .jdUl li{width: 238px;background-color: #fff;margin-left: 18px;text-align: center;float: left;height: 175px;position: absolute;bottom: 0;box-shadow: 0  0 5px #aaa;overflow: hidden; transition: all 0.5s;}
.jdBox .jdUl li a.img_a{width: 238px;height: 136px;display: block;overflow: hidden;}
.jdBox .jdBoxUl li a.img_a img{ display: block; width: 238px; height: 136px}
.jdBox .jdUl li h3{font-size: 20px;color: #c30101;margin-top: 4px;text-align: left;padding: 0 10px;}
.jdBox .jdUl li h3 a{  color: #c30101}
.jdBox .jdUl li  p{ line-height: 20px; margin-top: 10px; font-size: 13px; color: #333333;  overflow:hidden; padding: 0 10px; text-align: left;}
.jdBox .jdUl li:first-child{ margin-left: 0}
.jdBox .jdUl li:hover a.img_a img{ opacity: 0.8;}
.jdBox .jdUl li.jd1{ left:0}
.jdBox .jdUl li.jd2{ left:250px}
.jdBox .jdUl li.jd3{ left:500px}
.jdBox .jdUl li.jd4{ right:0}
.jdBox .jdUl li:hover{ height: 230px;}

/*产品*/
.pro{ overflow: hidden; width: 100%; background-color: #fff; padding-top: 30px; padding-bottom: 45px;}
.pro .proLt{ float: left; overflow: hidden; width: 245px;}
.pro .proLt h2{ background: url("../images/Index/pro_ltH2Bg.png") no-repeat center; width: 245px; height: 121px; overflow: hidden; color: #fff}
.pro .proLt h2 a{ display: block; margin-top: 30px; font-size: 30px; color: #fff; text-indent: 20px;}
.pro .proLt h2 p{ font-size: 18px;text-transform: uppercase; text-indent: 20px; font-weight: normal}
.pro .proLtBox{ border-left:2px solid #118c3c; border-right:2px solid #118c3c; overflow: hidden; padding-top: 15px;}
.pro .dl{overflow: hidden;padding: 0 5px;margin-bottom: 8px;}
.pro .dl dt{ background: url("../images/Index/pro-first.png") no-repeat center; width: 232px; height: 44px; line-height:44px; text-indent: 20px; font-size: 16px; color: #303030; font-weight:normal; margin-bottom:5px;}
.pro .dl dt a{ color: #303030}
.pro .dl dd{margin: 20px 15px 25px 15px;background: url("../images/Index/pro_line.png") repeat-y left center;overflow: hidden;}
.pro .proTwo{ overflow: hidden; width: 100%; }
.pro .proTwo>a{ font-size: 13px; color: #118c3c; font-weight: bold; background: url("../images/Index/pro_line_h.png") repeat-y left center; padding-bottom: 5px; display: block; text-indent: 15px; line-height: 25px;}
.pro .proThr a{background: url("../images/Index/pro_thrBg.png") no-repeat left top;height: 20px;margin: 11px 0;font-size: 12px;color: #303030;text-decoration: none;display: block;text-indent: 35px;line-height: 20px;}
.pro .proThr a:hover{ background-position: left bottom}
.pro .proThr a:last-of-type{ margin-bottom: 0}
.pro .proPhone{ overflow: hidden; background: url("../images/Index/proLtBg.png") no-repeat center; width: 245px; height: 134px;  color: #fff}
.pro .proPhone h4{ background: url("../images/Index/pro_hone.png") no-repeat left center; font-size: 17px;padding-left: 40px; margin-left: 30px; margin-top: 15px;}
.pro .proPhone h4 p{ font-size: 13px;}
.pro .proRt{ float: right; width: 730px;}
.pro .proDiv{ overflow: hidden; width: 100%;}
.pro .proTit{ overflow: hidden; width: 100%; background-color: #eaeaea; height: 45px; line-height: 45px;}
.pro .proTit h3{ background: url("../images/Index/pro-h3Bg.png") no-repeat center; width: 155px; height: 45px; font-size: 16px; float: left;}
.pro .proTit h3 a{ text-indent: 30px; color: #fff; display: block}
.pro .proTit a.more{ float: right; display: block; font-size: 14px; color: #393939; margin-right: 10px;}
.pro .list{ overflow: hidden; width: 100%; margin-top: 20px;}
.pro .list li{ width:224px; float: left; margin-right: 28px; margin-bottom: 20px;}
.pro .list li:nth-child(3n){ margin-right:0px;} 
.pro .list li a.img_a{ width: 222px; height:222px; overflow: hidden; border: 1px solid #e0e0e0; display: block}
.pro .list li img{ display: block; width: 222px; height: 222px;}
.pro .list li a.wen{ font-size: 14px; color: #303030 ;display: block; width: 100%; margin-top: 5px; text-align: center;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


/*广告*/
.gg{ overflow: hidden; background: url("../images/Index/gg01.png") no-repeat center; height: 145px}
.gg img{ display: block}
.gg .btn{width: 160px;margin-right: 20px;float: right;margin-top: 26px;}
.gg .btn a{ display: block; margin-top: 10px;}

/*标题*/
.title{ width: 100%; overflow: hidden; margin-top: 50px; text-align: center}
.title h2{ font-size: 38px;  color: #000; font-weight: normal}
.title h2 a{ color: #000}
.title p{ font-size: 14px; color: #acacac; text-transform: uppercase; margin-top: 2px;}

/*关于我们*/
.aB{ overflow: hidden; width: 100%; background-color: #fff; padding-bottom: 70px;}
.aB .abDl{ margin-top: 20px; overflow: hidden; width: 100%;}
.aB .abDl dt{float: left;width: 492px;height: 277px;border-radius: 8px;overflow: hidden;}
.aB .abDl dd{ float: right;  width: 475px;}
.aB .abDl dd h3{ font-weight: normal; font-size: 18px; margin: 20px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.aB .abDl dd h3 a{ color: #000}
.aB .abDl dd p{ line-height: 25px; height: 125px; overflow: hidden; font-size: 13px; color: #000; overflow: hidden}
.aB .ab_a{ overflow: hidden; width: 100%; margin-top: 40px;}
.aB .ab_a a{ display: block; width: 120px; height: 36px; text-align: center; font-size: 16px; color: #000; line-height: 36px; background-color: #dfdfdf; margin-right: 14px; float: left;}
.aB .ab_a  a:hover{ background-color: #118c3c; color: #fff; text-decoration: none}
.aB .ab_a  a:first-child{ background-color: #118c3c; color: #fff; text-decoration: none}

/*客户*/
.Customer{ overflow: hidden; width: 100%; background: url("../images/Index/jdBg.png") repeat center; padding-bottom: 45px;}
.Customer .cusBox{ width: 1000px; position: relative; height: 125px; overflow: hidden; margin-top: 35px;}
.Customer .list{ position: absolute}
.Customer .list li{ width: 113px; margin-right: 8px; float: left;}
.Customer .list li img{ display: block; border: 1px solid #d4d4d4; width:113px; height:86px;}
.Customer .list li span{ display: block; text-align:center; color: #000; margin-top: 16px; font-size: 13px}
.Customer .list li:hover img{ display: block; opacity: 0.8}

/*动态*/
.new{ overflow: hidden; width: 100%; background: #fff; padding: 60px 0 50px;}
.new .newLt{float: left;width: 526px;height: 361px;border: 1px solid #e7e7e7;border-top:3px solid #118c3c;padding: 0 15px;}
.new .newNav{ overflow: hidden; width: 100%; margin: 20px 0;}
.new .newNav li{ float: left; width: 110px; text-align: center; font-size: 18px;}
.new .newNav li a{ color: #000}
.new .newNav li:first-child{ border-right: 1px dotted #d4d4d4}
.new .newNav li:hover, .new.new .newNav li.cur{ font-weight: bold}
.new .newNav li:hover a, .new.new .newNav li.cur a{  color: #118c3c; text-decoration: none}
.new .newBox{ width: 100%; height: 280px; position: relative}
.new .newCon{ position: absolute; top:0; width: 100%; display: none}
.new .newCon:first-child{ display: block;}
.new .dl{ overflow: hidden; width: 100%;}
.new .dl dt{ width: 210px; height:128px; overflow: hidden; float: left;}
.new .dl dt img{ width: 210px; height:128px; display: block}
.new .dl dd{float: right;width: 302px;text-align: justify;}
.new .dl dd h3{font-weight: normal; font-size: 18px; margin: 5px 0 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.new .dl dd h3 a{ color: #000}
.new .dl dd p{line-height: 22px; height: 88px; overflow: hidden; font-size: 13px; color: #000;}
.new .list{overflow: hidden;width: 100%;margin-top: 14px;}
.new .list  li{overflow: hidden;background: url("../images/Index/new_li.png") no-repeat left center;line-height: 30px;padding-left: 15px;font-size: 13px;color: #000;width: 96%; *line-height: 25px;}
.new .list li a{  width: 350px; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#000; float: left}
.new .list li span{text-align: right;width: 100px;display: block;float: right;}
.new .newRt{ float: right; width: 410px;  background-color: #f6f6f6; padding: 0 10px; height: 365px; position: relative}
.new .newRt h3{margin-top: 20px;font-size: 36px;color: #118c3c;text-indent: 5px;}
.new .newRt p{font-size: 18px;color: #3c3c3c;line-height: 28px;margin-top: 10px;padding-left: 5px;}
.new .newLy{ overflow: hidden; width: 100%; margin-top: 22px;}
.new fieldset{ width: 198px; height: 41px; border: 1px solid #aeaeae; background-color: #fff; margin-bottom: 10px; display: block}
.new fieldset label{ width: 41px; float: left;}
.new fieldset label img{ display: block; }
.new fieldset input{width: 135px;line-height: 41px;height: 41px;font-size: 13px;color: #000;padding:0 10px;border: none;background: none;outline: none;float: right;}
.new .last{ height: 112px; width: 408px; margin-bottom: 0}
.new .last textarea{width: 346px;height: 92px;padding: 10px;border: none;background-color: #fff;outline: none;font-size: 13px;color: #000;float: right;resize: none;}
.new a.more{ display: block}
.new a.more img{ display: block}
.new  img.lyImg{ position: absolute; right: 0; top:0}
.new .dl:hover img{ opacity: 0.85}



/*footer*/
.footer{ overflow: hidden; width: 100%; background: url("../images/Common/ftBg.png") repeat center; padding-bottom: 40px;}
.footer .ftNav{ overflow:hidden; width:100%;padding: 20px 0; background-color: #383838}
.footer .ftUl{text-align: center;}
.footer .ftUl li{font-size: 13px;background: url("../images/Common/ft_line.png") no-repeat left center;padding: 0 29px;display: inline-block;}
.footer .ftUl li a{ color: #fff}
.footer .ftUl li{ *display: inline}
.footer .ftUl li:first-child{ background: none;}
.footer .ftBox{ overflow: hidden;  padding: 33px 0}
.footer .ftDl{ float: left; width: 680px;}
.footer .ftDl dt{ float: left; margin-right: 20px;}
.footer .ftDl dt img{ display: block; margin-top: 65px;}
.footer .ftDl dd{ padding-left:40px; border-left:1px solid #d2d2d2; height: 165px; float: left; width: 195px;}
.footer .ftDl dd h3{ font-weight: normal; color: #333; margin-bottom: 18px;}
.footer .ftDl dd p{ line-height: 24px; font-size: 13px; color: #333333;}
.footer .ftDl dd p.p{ margin-top: 40px;}
.footer .ewm{ float: right; width: 180px; margin-right: 40px;}
.footer .ewm dt { float: left;}
.footer .ewm dt p{ font-size: 18px; color: #333333; margin-bottom: 15px;}
.footer .ewm dd{ float: right; width: 40px; text-align: right}
.footer .ewm dd p{ font-size: 13px; color: #000; line-height: 22px; margin-top: 50px;}
.footer .ewm dd img{ display: block; margin-top: 20px;}
.footer .ftLink{ overflow: hidden; width: 100%; border-top:1px solid #d2d2d2;; padding: 20px 0}
.footer .ftLink h3{ font-size: 18px; color: #333333; width: 90px; float: left; font-weight: normal; margin-top: 2px;}
.footer .ftLink h3 a{ color: #333}
.footer .lick{ float: right; width: 910px;}
.footer .lick li{ float: left;; padding: 0 11px; font-size: 13px;  border-right: 1px solid #707070; margin: 6px 0; white-space: nowrap}
.footer .lick li a{  color: #333333; white-space: nowrap}
.footer .lick li:last-of-type{ border-right: none}