@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;font-weight: normal;}body,button,input,select,textarea{-webkit-text-size-adjust:none;font:12px/1.5 Arial,microsoft yahei,sans-serif}h1,h2,h3,h4,h5,h6{font-weight: normal; font-size:100%}em{font-style:normal}ul,ol,li{list-style:none}a{text-decoration:none}img{border:0;vertical-align:top;}header,footer{display:block;}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:underline}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}
*,*:before,*:after{box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body { position:relative; color:#333; background:#eee;padding-bottom: 20px;}
a { color: inherit;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
a:hover {text-decoration:none;color: #179739;}
.wrap { position:relative; width:1200px; margin:0 auto; clear:both;}
.header,.container,.footer { position:relative; margin:0 auto;}
.fl { float: left !important;}
.fr { float: right !important;}


.header{width: 100%; height: 80px;background-color: #fff;}
.header .logo{float: left;height:80px;padding: 9px 0 0 15px;}
/* search */
:-moz-placeholder {color: #888;}
::-moz-placeholder {color: #888;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #888;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #888;}
.search-box{margin-top: 10px;margin-bottom: 8px;display:block;float: right;width:200px; height:22px;background-color: #eee;border-radius: 50px;}
input[required]:invalid, input:focus:invalid, textarea[required]:invalid, textarea:focus:invalid{box-shadow: none;}
.search-box input{float: left; font-size: 12px; color: #888; line-height:22px;padding-left: 15px; width:170px;border: none; background: none;outline: none;}
.search-box input:focus,.search-box input:active{box-shadow: none;}
.search-box button{float: left; width: 29px; height:22px; background:url(../images/btn.jpg) no-repeat 5px center; cursor: pointer;border:none;text-indent:-999em;outline: none;}
/*导航*/
.nav {float: right;clear: right;}
.nav li {float:left;position: relative;}
.nav li>a {display:block; font-size: 14px; line-height:40px;color: #179739;padding: 0 30px;background: url(../images/line.jpg) no-repeat right center;position: relative;z-index: 2;}
.nav li>a:before{content: '';display: block;width: 100%;height:0%;position: absolute;left: 0;bottom: 0;background: #179739;z-index: -1;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;}
.nav li.current>a,.nav li:hover>a{color: #fff}
.nav li.current>a:before,.nav li:hover>a:before{height: 100%;}

.subNav{display: none; width: 100%;position: absolute;left: 0;top: 40px;z-index: 4;background-color:rgba(255,255,255,.8);color: #179739;text-align: center;}
.subNav dl{padding: 10px 0}
.subNav dd a{display: block;font-size: 14px;line-height:38px;}
.subNav dd a:hover{background-color: #179739;color: #fff}

/*footer*/
.footer{width: 100%;}
.footer .wrap{background-color: #Fff;}
.footer-box{width:960px;float: left;padding-left: 19px;padding-top: 17px; height: 68px; overflow: hidden;}
.footer-ul{overflow: hidden;margin-left: -10px;margin-bottom: 11px;}
.footer-ul li{float: left;font-size:12px;line-height: 12px;height: 12px;color: #555;padding: 0 10px;border-right: 1px solid #555}
.footer-copy{clear:left;font-size: 12px;line-height:12px;color: #888;}
.footer-copy a{margin-left: 12px}
.footer-link{padding-top: 19px;padding-right: 20px;}
.footer-link a{display:block;float:left; margin-left: 20px;width: 30px;height: 30px;background-position: center;background-repeat: no-repeat;}
.footer-link a.qq{background-image: url(../images/qq.png);}
.footer-link a.wx{background-image: url(../images/wx.png);position: relative;}
.footer-link a.wb{background-image: url(../images/wb.png);}
.footer-link a.wx img{position: absolute;left: -36px;top: -60px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);}
.footer-link a.wx:hover img{top: -119px; transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
/**/