*{ margin:0; padding:0;}
.width{ width:1100px; margin:0 auto;}
.clear{ clear:both; height:0;}
a{ text-decoration:none; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;color: #fff;}
a:hover{color: #000;}
img{ border:0; max-width:100%;}
.img{ width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
li{ list-style-type:none;}
body{ font-family:"微软雅黑"; overflow-x:hidden;}
html,body {position: relative;height: 100%;}
.top_bg{ height:40px; line-height:40px; background:#ddd; color:#666; font-size:14px;}
.top_bg a{ color:#666;}
.top_bg a:hover{ color:#00b039;}
.top1{ float:left;}
.top2{ float:right;}

.top_bg2{ height:80px;}
.logo{ float:left; font-size:0;width: 554px;height: 100px;}
.logo img{width: 100%}
.logo_p{ float:left; width:500px; color:#00b039;font-size: 33px;  margin-top:10px;position: relative;}
.logo_p span{color: #000;font-size: 15px;position: absolute;top: 40px;left: 0;}
.tel{ float:right; font-size:14px; color:#666; background:url(../newimages/tel.png) left center no-repeat; padding-left:60px; margin-top:18px;}
.tel span{ font-size:24px; font-weight:bold; color:#00b039;}




.bannernav{background-color: #00b039;width: 100%;height: 50px;margin-top: 20px;}
.bannernav .nav{margin: 0 auto;width: 1024px;height: 50px;}
.nav > li{ float:left;}
.nav > li > a{position:relative; display:block; line-height:50px; font-size:16px; color:#fff;padding: 0 2em;}
.nav > li > a::after{ content:''; position:absolute; z-index:999; width:0; height:3px; background:#00b039; left:0; bottom:5px; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.nav > li:hover > a{ color:#00b039; background:#fff;}
.nav > li:hover > a::after{ width:100%;}
.cur1 > a{  background:#fff !important;}
.cur1 > a{color: #00b039 !important;}
.cur1 > a::after{ width:100% !important;}
.nav > li:hover ul{ text-align: center;filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; pointer-events:auto;}
.nav ul{ position:absolute; z-index:998; width:auto; background:#fafafa; padding:10px /*22px*/0 10px 0;/* margin-left:-20px;*/ filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease; pointer-events:none; box-shadow:0 0 5px #999;margin-left: 0.5px;}
.nav ul li{ margin-bottom:1px;width: 128px;text-align: center;}
.nav ul a{ display:block; font-size:14px; color:#666;text-align: center; padding:10px 0;width: 100%;}
.nav ul a:hover{ background:#00b039; color:#fff;width: 100%;}
.cur2 a{ background:#0068b6; color:#fff !important;}







/*
.swiper{width: 100%;height: 500px;}*/
.swiper-slide {text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

.title{ text-align:center; font-size:30px; /*padding-top:20px;*/ color:#00b039; font-weight:bold; cursor:default;margin-top: 1em;}
.title2{ text-align:center; font-size:26px;padding:5px; color:#00b039; text-transform:uppercase; line-height:26px; cursor:default;}
.title3{ position:relative; width:310px; height:1px; background:#009e42; margin:15px auto 25px auto;}
.title3::after{ content:''; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-2.5px; width:60px; height:5px; background:#009e42;}

.ABOUT{width: 1100px;margin: 0 auto;height: 480px;}
.ABOUT_left{width: 50%;float: left;}
.ABOUT_left img{width: 95%;height: 320px;}
.ABOUT_right {width: 49%;float: right;margin-left: 5px;}
.ABOUT_right p{margin-bottom: 1em;font-size: 16px;}
.ABOUT_right span{background: #00b039;padding: 5px 20px;font-size: 20px;color: #fff;}
.ABOUT_right span:hover{color: #000;}



.PLANT_EQUIPMENT{width: 1200px;margin: 0 auto;height: 220px;padding-left: 6em;}
.PLANT_EQUIPMENT_left{width:200px;color: #fff;;font-size: 25px;padding: 15px;background-color: #00b039;float: left;}
.PLANT_EQUIPMENT_left ul li p{border-bottom: 1px solid #fff;padding: 10px;width: 170px;}
.PLANT_EQUIPMENT_left ul li:last-child{margin-top: 12px;}
.PLANT_EQUIPMENT_right{width: 850px;float: left;margin-left: 20px;/*height: 200px;*/}
/*.PLANT_EQUIPMENT_right img{width: 760px;height:200px;}*/
.PLANT_EQUIPMENT_right .mySwiper2{height: 195px;}
.PLANT_EQUIPMENT_right .swiper-slide{/*margin-right: -30px;*/}
.PLANT_EQUIPMENT_right .swiper-button-next{color: #fff;background-color:rgba(0,176,57,0.4);padding:80px 10px;margin: -100px -10px 0 0}
/*.PLANT_EQUIPMENT_right>.swiper-slide img{ }*/

.OUR_STRENGTHS{background: url(../newimages/index_strengthsbg.jpg);width: 100%;height: 400px;background-size:100% 400px;}
.OUR_STRENGTHS p{padding-top: 13px;}
.OUR_STRENGTHS span{color: #fff;}



.product{margin-bottom: 50px;}
.pro_nav{ text-align:center; font-size:0; margin-bottom:30px;float: left;}
.pro_nav a{ display:inline-block; vertical-align:top; min-width:70px; height:28px; line-height:28px; font-size:14px; color:#333; padding:0 15px; border:1px dashed #009e42; border-radius:20px; margin:0 15px;}
.pro_nav a:hover{ background:#009e42; color:#fff;}
.pro_nav .on{ background:#009e42; color:#fff;}
.pro1_bg{ position:relative; overflow:hidden; height:544px; width:1100px;}
.pro1_bg{text-align: center;}
.pro2_bg{ float:right; width:1100px;}
.pro2{ float:left; position:relative; display:block; width:267px; height:267px; border:1px solid #ddd; margin-bottom:6px; margin-left:6px;}
.pro2:hover .pro2_pic{ -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.pro2:hover p{ background:#009e42;}
.pro2_picbg{ width:100%; height:100%; overflow:hidden;}
.pro2_pic{ position:relative; width:100%; height:100%; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.pro2 p{ position:absolute; left:0; bottom:0; width:247px; padding:10px; background:#888; color:#fff; font-size:15px; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}

.search{ text-align:center; font-size:0; margin-top:50px;margin: right}
input{margin: -10px}
.s1{ display:inline-block; vertical-align:middle; width:400px; padding:0 20px; height:48px; line-height:48px; border:1px solid #ddd; border-radius:30px 0 0 30px ; outline:none;}
.s2{color: #fff;display:inline-block; vertical-align:middle; width:60px; height:50px; background:url(../newimages/fdj.png) center no-repeat #009e42; border:1px solid #009e42; border-radius: 0 30px 30px 0 ;outline:none; cursor:pointer; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.s2:hover{ background-color:#00b14a; border-color:#00b14a;}





.NEWS_CENTERbg{background-color: #ccc;}
.NEWS_CENTER{width: 1100px;margin: 0 auto;overflow:hidden;padding-bottom: 3em; /*padding: 0 200px 0 280px;background-color: #ccc;*/}
.NEWS_CENTER img{width: 130px;height: 98px;}
.NEWS_CENTER_left{width: 410px;height:530px;overflow:hidden; padding: 10px 10px 5px 10px;margin-right: 20px;float: left;background-color: #fff;}
.NEWS_CENTER_left img{width: 100%;height: 343px;}
.NEWS_CENTER_left img:hover{/*transform:scale(1.2);*/}
.NEWS_CENTER_left h3{padding: 4px 0;}
.NEWS_CENTER_left>.xian{width: 200px;border-bottom: 2px solid #000;margin: 5px 0;}
.NEWS_CENTER_left h3 a{font-size: 12px;color: #555;float: right;line-height:35px;}
.NEWS_CENTER_left p{padding: 4px 0;}
.NEWS_CENTER_left span{float: right;padding: 10px;color: #000;}
.NEWS_CENTER_left span:hover{color: #00b039}
.NEWS_CENTER_right{width: 650px;float: left;}
.NEWS_CENTER_right ul li:hover{background-color: #00b101;/*color: white;*/}
.NEWS_CENTER_right ul li{height:104px;width: 100%;margin-bottom: 16px;padding: 10px;background-color: #fff;}
.NEWS_CENTER_right_right{/*padding: 0 1em;*/width: 76%;float: right;margin-right: 10px;}
.NEWS_CENTER_right_right bdi{float: right;color: #555;padding-right: 11px;}
/*.NEWS_CENTER_right_right:hover bdi{color: #fff;}*/
.NEWS_CENTER_right_right p{margin: 0 0 6px 0;color: #000;}
.NEWS_CENTER_right_right ul li:hover .p{color: #fff}
.NEWS_CENTER_right_right .p{color: #555;background-color: none;}
/*.NEWS_CENTER_right_right:hover p{color: #fff;}*/
.NEWS_CENTER_right_right .xian{margin-top: -6px;margin-bottom: 6px;display: block;width: 50%;border-bottom: 2px solid #000;}
/*.NEWS_CENTER_right_right:hover .xian{border-bottom: 2px solid #fff;}*/





@media screen and (max-width: 1280px) {
    .bannernav .nav{margin-left: 10%;}
    .PLANT_EQUIPMENT{margin-left: -13px;}
    .OUR_STRENGTHS{height: 280px;background-size: 100% 100%;}
    .NEWS_CENTERbg{padding: 0 0px 3em 6.5%;}
    .NEWS_CENTER_left{width: 40%}
    .NEWS_CENTER_right{width: 49%;}
    .NEWS_CENTER_right ul li{width: 100%;padding: 9px 3px 6px 8px;}
}


/*手机端*/
@media screen and (max-width: 480px) {
    .top1{font-size: 0}
.top2{font-size: 5px;float: left;}
    @font-face{font-family: 'icomoon';src:url('fonts/icomoon.eot?mifisoh');font-weight: normal;font-style: normal;}
    .top_bg2{ height:43px;}
.logo{width: 80px;height: 80px;}
.logo_p{width:400px;font-size: 22px;  margin-top:7px;}
.logo_p span{color: #000;font-size: 12px;position: absolute;top: 30px;left: 0;}


.bannernav{width: 100%;height: 80px;}
.bannernav .nav{ float:left;width: 100%;height:80px;margin-top: -4.3%;margin-left: 2%}
.nav > li > a {line-height: 40px;font-size: 13px;padding: 0 10px;}



.title{font-size:20px;margin-top: 1em;}
.title2{font-size:14px;padding:0px;line-height:14px; }
.title3{width:200px;}



.ABOUT{width: 100%;margin: 0 auto;height: 480px;padding: 0 5%}
.ABOUT_left{width: 90%;}
.ABOUT_left img{width: 100%;height: 170px;}
.ABOUT_right {width: 90%;float: left; margin-bottom:30px;}
.ABOUT_right p{margin-bottom: 15px;font-size: 14px;}
.ABOUT_right span{background: #00b039;padding: 5px 20px;font-size: 20px;color: #fff;}
.ABOUT_right span:hover{color: #000;}


.PLANT_EQUIPMENT{width: 90%;margin: 0 auto;height: 180px;padding-left: 0em;}
.PLANT_EQUIPMENT_left{width:18%;font-size: 11px;padding: 10px;}

.PLANT_EQUIPMENT_left ul li:last-child{margin-top: 12px;}
.PLANT_EQUIPMENT_right{width: 72%;margin-left: 0px;}
.PLANT_EQUIPMENT_right .mySwiper2{height: 117px;}
.PLANT_EQUIPMENT_right .swiper-button-next{padding:80px 4px;margin: -100px -10px 0 0}

.OUR_STRENGTHS{background: url(../newimages/index_strengthsbg.jpg);width: 100%;height: 80px;background-size:100% 100%;}
.OUR_STRENGTHS .title{font-size:0px;}
.OUR_STRENGTHS .title2{font-size:0px;}

.pro_nav a{margin: 7px}
.width {width: 90%;}
.search{ text-align:center; font-size:0; margin-top:6px;margin: right}
.search form{display: none;}
.prouduct  .width {width: 100%;}
.pro1_bg{height:375px; width:100%;}
.pro2_bg{width:100%;}
.pro2{width:47%;height:182px;}
.pro2_picbg{ width:100%; height:100%; overflow:hidden;}
.pro2_pic{width:100%; height:100%;}
.pro2 p{width:161px;}


.NEWS_CENTER{width: 100%;margin-bottom: -4em}
.NEWS_CENTER img{width: 28%;height: 98px;}
.NEWS_CENTER_left{margin-bottom: 10px;width: 90%;}
.NEWS_CENTER_left img{width: 100%;height: 243px;}
.NEWS_CENTER_right{width: 92%;float: left;}
.NEWS_CENTER_right ul li{height:98px;width: 100%;overflow: hidden;}
.NEWS_CENTER_right_right{width: 67%;}
.NEWS_CENTER_right_right bdi{font-size: 2px}
.NEWS_CENTER_right_right p{font-size: 14px}
.NEWS_CENTER_right_right .xian{margin-top: -6px;margin-bottom: 6px;display: block;width: 50%;border-bottom: 2px solid #000;}




}