@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:#666; background:#fff; }
a { color: inherit;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
a:hover {text-decoration:none;color: #068120;}
.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: 76px;position: absolute;left: 0;top: 0;z-index:3;}
.header .logo{float: left;height:76px;padding-top: 25px;}
.nav-box{float: right;padding-top: 28px}
.nav-box .nav-btn{float: right;display:block;width: 92px;height: 28px;border: 1px solid #fff;border-radius: 50px;padding-left: 16px;font-size: 12px;line-height: 28px;font-weight:bold;color: #fff;cursor: pointer;position: relative;}
.nav-box .nav-btn span{display: block;width: 16px;height: 1px;background-color: #fff;position: absolute;right: 16px;top: 13px}
.nav-box .nav-btn span:before,.nav-box .nav-btn span:after{content: '';display: block;width: 100%;height: 1px;background-color: #fff;position: absolute; top:-4px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.nav-box .nav-btn span:after{top: 4px}
.nav-box .nav-btn.on span{visibility: hidden;}
.nav-box .nav-btn.on span:before,.nav-box .nav-btn.on span:after{visibility: visible;transform:rotate(45deg);transform-origin:16% 0%;}
.nav-box .nav-btn.on span:after{transform:rotate(-45deg);transform-origin:15% 0%;}
.nav-box .nav {float: right;margin-right: 20px;width:340px;height: 28px; padding-left: 340px; overflow: hidden;}
.nav-box .nav li {float:left;margin: 0 16px}
.nav-box .nav li a {display:block; font-size: 14px; line-height: 28px;color: #fff;padding: 0 6px;position: relative;}
.nav-box .nav li a:after{content: '';display: block;width: 0%;height: 1px;background-color: #fff;position: absolute;left:50%;bottom: 0;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.nav-box .nav li a:hover:after,.nav-box .nav li.current a:after{left: 0%;width: 100%;}

.footer{padding: 20px 0}
.footer .aic{width: 336px;padding-left: 6px;position: relative;}
.footer .aic img{display: block; margin-bottom: 6px}
.footer .aic p{font-size: 12px;line-height: 18px;color: #888}
.footer .fnav{width: 750px}
.footer .fnav dl {clear: left;}
.footer .fnav dl dt,.footer .fnav dl dd{float: left;display: inline-block;}
.footer .fnav dl dt{font-size: 16px;line-height: 31px;color: #209238;width: 101px;}
.footer .fnav dl dd a{font-size: 14px; line-height: 31px; color: #777777; margin-right: 37px; padding-left: 13px; position: relative;}
.footer .fnav dl dd a:before{content: '';display: block;width: 3px;height: 5px;background: url(../images/arrow.png) no-repeat 0 0;position: absolute;left: 0;top: 4px}
.footer .fnav dl dd a:hover{color: #068120}
.footer .fnav dl dd a:hover:before{background-position: -3px 0;}
.footer .cn-en{position: absolute;right: 0;bottom:9px;width: 62px;height: 20px;}
.footer .cn-en a{display: block;float: left;width: 31px;height: 20px;font-size: 12px;line-height: 18px;color: #999;border: 1px solid #ccc;background-color: #fff;text-align: center;border-left: none;}
.footer .cn-en a.on,.footer .cn-en a.on:hover{background-color: #999;color: #fff;border: 1px solid #999;}
.footer .cn-en a:hover{color: #068120}

/*bound*/
.forbiden{overflow: hidden;height: 100%;}
.bound{position: fixed;display: table; left: 0;top: 0;height: 100%;width: 100%;background: rgba(0,0,0,.6);opacity:0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:9999;}
.bound.vis{opacity:1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.bound-inner{width: 100%;height: 100%;display: table-cell;vertical-align: middle;}
.vis .bound-con {-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);}
.bound-con {width:1054px;margin: 0 auto; -webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-o-transform: translateY(-30px);transform: translateY(-30px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;overflow: hidden;border: none;box-shadow: none;-webkit-box-shadow: none;position: relative;background-color: #fff;padding:40px 52px;border-radius: 4px}

.abanner .bd { text-align:center; }