*{ 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;}




.banner{background: url(../newimages/contact_banner.jpg) repeat;background-size: 100% 100%;width: 100%;height: 300px;position: relative;}
.bannerbrief_introduction{position: absolute;top: 80px;left: 410px;}
.bannerbrief_introduction h2{color:#fff;font-size: 50px}
.bannerbrief_introduction h3{color: #00b039;width:400px;}





.main{height: 710px;width: 1100px;margin: 0 auto;margin-top: 2em;margin-bottom: 2em;}
.main p,.main ul li{color: #777}
.main_left{width: 300px;height: 600px;float: left;}
.main_left_top{border-radius: 14px 14px 0 0;height: 290px;margin-bottom: 20px;background: #edecec;}
/*.main_left_top{height: 10px;background: #00b039;}*/
.main_left_top p{height: 20px;background: #00b039;border-radius: 14px 14px 0 0;}
.main_left_top h3{margin-left: 10px;color:#00b039;font-size: 27px;padding-top: 5px;}
.main_left_top span{color: #999;font-size:22px;}
.main_left_top ul li:last-child{background: #00b039 ;color: #fff}
.main_left_top ul li:first-child{background: #fff ;color: #00b039}
.main_left_top ul li{margin-left: 10px;font-size: 27px;padding: 10px 0;width: 280px;background: #fff;margin-top: 5px;text-align: center;color: #00b039;}
.main_left_top ul li:hover{background-color:#00b039;color: #fff;}
.main_left_botoom{height: 330px;background: #edecec;padding-left: 8px;}
.main_left_botoom h4{color: #00b039;padding: 20px 0;font-size: 19px;}
.main_left_botoom p{color: #000;width: 250px;border: 1px solid #fff;margin-bottom: 20px;}
.main_left_botoom ul li{font-size: 20px;padding-bottom: 5px;}



.main_right{width: 780px;height: 670px;float: right;/*border:1px solid #000;*/}
.main_right h4,.main_right h2{color:#00b039; margin-top: 10px;}
.main_right h4>a{/*border:1px solid ;*/ width: 10px;height: 50px;background-color: #00b039;border-radius: 9px;}
.main_right h4>span{color: #000;float: right;}
.main_right hr{margin: 10px 0;}
.main_right h2{color: #00b039;margin-top: 30px;}
.main_right ul li{margin: 10px 0;line-height: 23px;}







@media screen and (max-width: 1280px) {
    .bannernav .nav{margin-left: 10%;}
    .PLANT_EQUIPMENT{margin-left: -13px;}
    .footer{padding: 0 6.5%;}
}
/*手机端*/
@media screen and (max-width: 480px) {

.banner{height: 200px;position: relative;}
.bannerbrief_introduction{position: absolute;top: 65px;left: 100px;}
.bannerbrief_introduction h2{font-size: 22px;}
.bannerbrief_introduction h3{width: 200px;font-size:12px }


.main,.main_right_mobile{width: 350px;}
.main_right{display: none;}
.main_right_mobile ul li{line-height: 26px}
}