@charset='utf-8';
/* 首页公共 */
body,html{ padding:0; margin:0; font-size:14px; color:#666; font-family: "微软雅黑","Microsoft Yahei","Hiragino Sans GB","SimHei","STHeiti" !important;}
ul,li,p,h1,h2,h3,dl,dt,dd,input{ padding:0; margin:0; list-style:none;}
a{ text-decoration:none; color:#666; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:hover{ color: #008c27 !important; text-decoration: none;  -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.demo{ -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.clear{ clear:both;}
img{ vertical-align:top !important; border:none;}
input{ font-family: "微软雅黑","Microsoft Yahei","Hiragino Sans GB","SimHei","STHeiti" !important;}
input:focus{ outline: none;}
textarea:focus{ outline: none; }
.center{position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.nav-btn{ display: none; }
.carousel-box{ display: none; }

/* 头部 */
.head-box{ width: 1200px; height: 110px; background: #fff; margin: 0 auto; }
.head-box .logo{ width: 260px; height: 110px; float: left; }
.head-box .tel{ width: 380px; height: 110px; box-sizing: border-box; padding-right: 110px; position: relative; float: right;}
.head-box .tel>img{ width: 60px; height: 60px; position: absolute; right: 0; top: 25px; }
.head-box .tel dl{ display: block; width: 100%; height: 80px; box-sizing: border-box; padding-left: 90px; position: relative; margin-top: 15px; }
.head-box .tel dl dt { display: block; width: 80px; height: 80px; position: absolute; left: 0; top: 0; }
.head-box .tel dl dd { display: block; width: 100%; height: 80px; }
.head-box .tel dl dd span{ font-size: 14px; display: block; width: 100%; padding-top: 15px;}
.head-box .tel dl dd b{ font-size: 25px; color:#f19500; }

/* 菜单 */
.menu{ width: 100%; height: 60px; background: #008c27; }
.menu .menu-box{ width: 1200px; height: 60px; margin: 0 auto; }
.menu .menu-box ul{ display: block; width: 840px; height: 60px; float:left; }
.menu .menu-box ul li { display: block; width: 120px; height: 60px; float: left; text-align: center; line-height: 60px; font-size: 15px; }
.menu .menu-box ul li a { color: #fff; }
.menu .menu-box ul li a:hover { color: #fff !important; }
.menu .menu-box .serch{ width: 230px; height: 60px; float: right; background: #008425; line-height: 60px;  padding: 0 15px;}
.menu .menu-box .serch input{ width: 200px; height: 60px; float: left; background: none; border:none; line-height: 60px; color: #fff; }
.menu .menu-box .serch input::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:    #fff;
}
.menu .menu-box .serch input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color:    #fff;
}
.menu .menu-box .serch input::-moz-placeholder { /* Mozilla Firefox 19+ */   color:    #fff;
}
.menu .menu-box .serch input:-ms-input-placeholder { /* Internet Explorer 10-11 */  color:    #fff;
}
.menu .menu-box .serch button{ width: 30px; height: 60px; float: left; border:none; background: url(../images/serchbtn.jpg) no-repeat; }

.bottom-box{ width: 100%; height: auto; padding: 40px 0; background: #1f1f1f; overflow:hidden; }
.bottom-box .bottom{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.bottom-box .bottom .bot-lft{ width: 360px; height: 180px; float: left;  color: #fff;}
.bottom-box .bottom .bot-lft h2{ display: block; width: 100%; height: auto; font-size: 18px; padding-bottom: 15px; }
.bottom-box .bottom .bot-lft ul li{ display: block; width: 100%; height: 30px; line-height: 30px; }
.bottom-box .bottom .bot-lft .mail{ width: 245px; height: 40px; text-align: center; line-height: 40px; background: #262626; margin-top: 20px; }
.bottom-box .bottom .bot-lft .mail img{ margin-top: 15px; margin-left: 18px;}
.bottom-box .bottom .bot-cent{ width: 370px; height: 180px; float: left; }
.bottom-box .bottom .bot-cent dl{ display: block; width: 124px; padding-left: 25px; padding-right: 35px; height: 180px; float: left; }
.bottom-box .bottom .bot-cent dl dt{ display: block; width: 124px; height: 124px; }
.bottom-box .bottom .bot-cent dl dt img{ display: block; width: 124px; height: 124px; }
.bottom-box .bottom .bot-cent dl dd{ display: block; width: 124px; height: 40px; line-height:40px; text-align: center; color: #fff; }
.bottom-box .bottom .bot-rht{ width: 470px; height: 180px; float: left; }
.bottom-box .bottom .bot-rht ul{ display: block; width: 180px; height: 180px; float: left; margin-left: 45px; }
.bottom-box .bottom .bot-rht ul li{ display: block; width: 100%; height: 40px; line-height: 40px; color: #008c27; }
.bottom-box .bottom .bot-rht ul a{ display: block; width: 100%; height: 35px; line-height: 35px; font-size: 12px; color: #747474; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.footer-box{ width: 100%; height: 50px; background: #262626; font-size: 12px;}
.footer-box .footer{ width: 1200px; height: 50px; margin: 0 auto; line-height: 50px; }
.footer-lft{ width: 600px; height: 50px; float: left; }
.footer-rht{ width: 600px; height: 50px; float: left; text-align: right; }