@charset "utf-8";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,i{margin:0; padding:0;}
li,i{list-style:none;  font-style: inherit;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
em{font-style: initial;}
dl,dt,dd{margin: 0px; padding: 0px; list-style: none;}
.cl,.clear{height:0; overflow:hidden; clear:both;}
.fl{ float:left}
.fr{ float:right}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body,td,th{font-size: 14px;color:#333333;}
body{font-family:Microsoft YaHei; font-size: 14px; min-width:1400px; color:#333333;}
a{font-size:14px; color:#333333;}
.w1400 { width:1300px; margin:auto;}
.mar50{ margin:50px auto;}
.bottom30{margin-bottom:50px;}
.dis{ display: none;}
.w1000{width:1000px; float:right;}

.weixing-container .weixing-show{ display:block !important;}
.weixing-txt{font-size:0px !important;width: 72px !important;}
.weixing-txt::before{content: "微信扫一扫立即咨询"; display: block; font-size:13px; color:#333;}

.top{height: 40px; background: url(images/1.jpg) no-repeat center; line-height: 40px; color: #999;}
.top .fr{ width: 298px; display: flex; justify-content: center;}
.top .fr a{ color: #fff; background: url(images/2_03.png) no-repeat left center; display: inline-block; padding-left: 25px; margin: 0px 15px; position: relative;}
.top .fr a:first-child{background: url(images/2_04.png) no-repeat left center;}
.top_erm{ position: absolute; left: -28px; top: 40px;}
.top_erm img{ width: 145px; }

.top1{ padding: 40px 0px;}
.top1_one{ margin-left: 30px;}
.top1_one strong{ font-size: 30px;}
.top1_one strong span{ color: #40b023;}
.top1_one p{ font-size: 16px; color: #777777;}
.top1_tel{ font-size: 28px; color: #0175cd; background: url(images/4_03.png) no-repeat left 5px; padding-left: 65px; line-height: 29px; font-weight: bold;margin-top: 7px;}

.nav{ height: 80px; background: #0175cd;}
.nav li{ float: left; width: 12.5%; position: relative;}
.nav li a{display: block; color: #fff; line-height: 80px; font-size: 16px; text-align: center; position: relative; z-index: 1;}
.nav li::before{content:""; display: block; background: #40b023; width: 100%; height: 0%; position: absolute; left: 0; top: 0; transition: all 0.3s; z-index: 0;}
.nav li.cur::before, .nav li:hover::before{ height: 100%;}


.title{ text-align: center; margin: 62px auto 35px;}
.title span{ font-size: 40px;}
.title span strong{ color: #0175cd;}
.title p{ font-weight: 100; font-size: 16px; color: #999; margin-top: 3px;}

.services{margin-bottom: 70px;}
.services ul{ display: flex;}
.services li{width: 20%; border: 1px solid #eee; box-sizing: border-box; height: 381px; border-left: none; text-align: center; position: relative;}
.services li:first-child{ border-left: 1px solid #eee;}
.services li img{ display: block; margin: 26px auto 24px; position: relative; z-index: 1;}
.services li strong{ font-size: 24px;position: relative; z-index: 1;}
.services li .ser_xt{ width: 20px; height: 3px; background: #40b023; margin: 18px auto 14px;position: relative; z-index: 1; transition: all 0.3s;}
.services li p{ font-size: 15px; color: #777; line-height: 24px; width: 85%; margin:0 auto;position: relative; z-index: 1;}
.services li::before{ content:""; display: block; background: #0175cd; width: 100%; height: 0%; position: absolute; left: 0; top: 0; transition: all 0.3s; z-index: 0;}
.services li:hover::before{ height: 100%;}
.services li:hover strong{ color: #fff;}
.services li:hover .ser_xt{background: #40b023; width: 30px;}
.services li:hover p{ color: #7ab7e6;}




.pro_l a:nth-child(2){ display:none;}
.products{ height: 1206px; overflow: hidden; background: url(images/10.jpg) no-repeat center;}
.pro_l{width: 270px; overflow: hidden;}
.pro_t{ width: 250px; height: 111px; background: url(images/12_04.jpg); padding-left: 20px; overflow: hidden;}
.pro_t strong{ font-size: 24px; color: #fff;display: block; margin: 29px 0px 7px;}
.pro_t span{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-transform: uppercase;}
.pro_l a{ display: block; width: 210px; padding-left: 60px; line-height: 55px; margin-bottom: 1px;  font-size: 16px; background:#eeeeee  url(images/27_03.png) no-repeat 20px center; transition: all 0.3s;}
.pro_l a:hover{ color: #fff; background:#0175cd  url(images/28_03.png) no-repeat 20px center;}
.pro_tel{ line-height: 22px; padding: 18px 0px; background: #eee; padding-left: 25px; width: 245px;}
.pro_t1{ background: url(images/13_03.jpg);}
.pro_r{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.pro_r a{ display: block; width: 320px;}
.pro_img{ width: 320px; height: 240px; overflow: hidden; box-sizing: border-box; border: 1px solid #eee; border-bottom: none;}
.pro_img img{ width: 100%; transition: all 0.3s;display: block;}
.pro_txt{ height: 67px; width: 100%; background: #eee; text-align: center; overflow: hidden; position: relative;}
.pro_txt em{ font-size: 17px; margin: 10px 0px 5px; display: block; position: relative; z-index: 1;}
.pro_txt p{ font-weight: 100; color: #999999; width: 90%; margin: 0 auto; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative; z-index: 1;}
.pro_txt::before{ content:""; display: block; background: #0175cd; width: 100%; height: 0%; position: absolute; left: 0; top: 0; transition: all 0.3s; z-index: 0;}
.pro_r a:hover img{ transform: scale(1.1);}
.pro_r a:hover .pro_txt::before{ height: 100%;}
.pro_r a:hover .pro_txt em{ color: #fff;}
.pro_r a:hover .pro_txt p{ color: #7ab7e6;}
.pro_r a:nth-child(n+4){ margin-top:20px;}


.advantage{overflow: hidden; height: 961px; background: url(images/14_02.jpg) no-repeat;}
.advantage .title span, .advantage .title strong{ color: #fff;}
.advantage .title p{ color: #7ab7e6;}
.adv_nav{ display: flex;margin-bottom: 30px;}
.adv_nav li{ width: 25%; height: 131px; background: #fff; margin-left: 1px;text-align: center;}
.adv_nav li:first-child{ margin-left: 0;}
.adv_nav li strong{ font-size: 24px; display: block; margin: 33px 0px 5px;}
.adv_nav li span{ font-size: 20px; color: #777;}
.adv_nav li.on{ background: #40b023;}
.adv_nav li.on strong, .adv_nav li.on span{ color: #fff;}
.adv_con{ height: 555px; width:1300px;  margin: 0 auto; }
.adv_con dl{height: 555px; background: #fff;padding:0px 50px; width: 1200px;}
.adv_con dt{ float: right;margin-top: 50px;}
.adv_con dd{ width: 510px; float: left; }
.adv_til{ margin: 84px 0px 33px;}
.adv_til strong{ display: block; font-size: 27px; color: #0175cd; margin-bottom: 3px;}
.adv_til span{ color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-transform: uppercase;}
.adv_ico{ width: 55px; height: 55px; border: 1px solid #eee; background: url(images/18_03.png); border-radius: 50%;margin-top: 87px;}
.adv_xt{ width: 100%; height: 1px; background: #eee; margin-bottom: 26px;}
.adv_con dl p{ font-size: 15px; color: #777; line-height: 27px; background: url(images/19_03.png) no-repeat left 8px; padding-left: 30px; margin-bottom: 16px;}
.adv_con ul{display: flex; justify-content: left;margin-top: 32px;}
.adv_con li{ width: 118px; height: 92px; background: url(images/20_03.png) no-repeat; color: #fff; line-height: 27px; margin-right: 30px; font-size: 18px; text-align: center; overflow: hidden;padding-top: 22px; }
.advantage .tempWrap{ margin: 0 auto;}
.adv_con dl:nth-child(2) .adv_ico{background: url(images/17_03.png);}
.adv_con dl:nth-child(3) .adv_ico{background: url(images/16_03.png);}
.adv_con dl:nth-child(4) .adv_ico{background: url(images/15_03.png);}


.case{overflow: hidden; background: url(images/11_02.jpg) no-repeat center top;}
.case_box{ display: flex; justify-content: space-between;}
.case_box a{ width: 420px; position: relative;}
.case_img{ width: 420px; height: 315px; overflow: hidden;}
.case_img img{ width: 100%; display: block; transition: all 0.3s;}
.case_box a:hover img{ transform: scale(1.1);}
.case_txt{ width: 350px; height: 120px; position: relative; background: #fff; margin: -40px auto 0px; text-align: center; overflow: hidden; transition: all 0.3s;}
.case_txt em{ font-size: 17px; display: block; margin: 22px 0px 10px;}
.case_txt p{ font-size: 14px; font-weight: 100; color: #999; width: 80%; margin: 0 auto; line-height: 22px;    height: 43px;overflow: hidden;text-overflow: ellipsis;}
.case_box a:hover .case_txt{ background: #0175cd; transform:translateY(-10px);}
.case_box a:hover em{ color: #fff;}
.case_box a:hover p{ color: #7ab7e6;}
.case_a{ width: 210px; height: 45px; line-height: 45px; text-align: center; background: #0175cd; display: block; color: #fff; font-size: 15px; margin: 20px auto 70px; transition: all 0.3s;}
.case_a:hover{ width: 420px; background: #40b023;}


.company{overflow: hidden; background: #f5f5f5; padding-bottom: 50px;}
.com_con{ width: 600px; overflow: hidden;}
.com_con strong{ font-size: 30px; color: #0175cd; display: block; background: url(images/11_03.png) no-repeat; padding-top: 45px; margin: 40px 0 5px;}
.com_con span{ font-size: 20px; color: #333; display: block; margin-bottom: 20px;}
.com_con p{ font-size: 15px; font-weight: 100; color: #999; line-height: 29px; margin-top: 8px;}
.com_con a{ display: inline-block; margin-right: 20px; width: 130px; line-height: 40px; border: 1px solid #e8e8e8; box-sizing: border-box; text-align: center; font-size: 14px; color: #333; margin-top: 35px; }
.com_con a:hover{ background: #0175cd; color: #fff;}

.plant{display: flex; justify-content: space-between;margin-top: 30px}
.plant li{margin-right: 20px; width: 335px; text-align: center;}
.plant li a{ font-size: 16px; color: #333;line-height: 50px;display:block;}
.plant li img{ width: 100%; display:block;}



.new{overflow:hidden; background:#f5f5f5;}
.new_list{ width:485px; margin: auto; height:44px; margin-top: 25px; margin-bottom: 25px; position:relative; line-height:53px;}
.new_list li a{ font-size:16px; color:#222; display:block;}
.new_list li { background:#f5f5f5; float:left; margin-left:10px; margin-right:10px; width:140px; height:44px; line-height:44px; text-align:center; overflow:hidden;}
.new_list li.on { background:#0175cd;}
.new_list li.on a { color:#fff;}
.new_cont { margin-bottom:70px; overflow:hidden; }
.new_cont .news_item .news_item_title a { font-size:20px;}
.new_cont .news_item:nth-child(1){ width:640px; height:640px; position:relative; background:#f5f5f5; float:left;}
.new_cont .news_item:nth-child(1) .news_item_title { font-size:22px;}
.new_cont .news_item:nth-child(1) .news_body{ font-size:14px; line-height:30px; color:#666; margin-top:10px;}
.new_cont .news_item:nth-child(1) .news_date{ background:url(images/100.png) left no-repeat; position:absolute; left:40px; top:40px; font-size:12px; padding-left:15px; color:#999;}
.new_cont .news_item:nth-child(1) .news_date div{ float:left; margin-top:1px;}
.new_cont .news_item:nth-child(1) .news_image{ width:566px; height:385px; position:absolute; left:50%; margin-left:-282px; top:215px; }
.new_cont .news_item:nth-child(1) .news_content { width:566px; height:120px; position:absolute; left:40px; top:80px;}
.new_cont .news_item:nth-child(n+2){ float:right; width:640px; height:200px; position:relative; background:#f5f5f5 url(images/101.png) no-repeat; background-position:25px 150px; margin-bottom:20px; overflow:hidden;}
.new_cont .news_item:nth-child(n+2) .news_item_a{ font-size:20px; position:absolute; top:35px; left:25px; width:440px;height: 110px;}
.new_cont .news_item:nth-child(n+2) .news_body{ font-size:14px; color:#666; line-height:28px; left:25px; width:595px; top:72px; position:absolute;max-height: 56px;overflow: hidden;}
.new_cont .news_item:nth-child(n+2) .news_date { background:url(images/100.png) left no-repeat; position:absolute; right:25px; top:40px; font-size:12px; padding-left:15px; color:#999;}
.new_cont .news_item:nth-child(n+2) .news_date div { float:left; margin-top:1px;}
.new_cont .news_item:nth-child(n+2) .news_image { display:none;}
.new_cont .news_item:nth-child(4){    margin-bottom: 0;}
.new_cont .news_item:hover .news_item_a{ color:#0175cd;}
.box{width: 1300px;height: auto;margin: 0 auto;position: relative;}