/*
html > reset > css
*/
@charset "utf-8";
.left{float:left;}
.right{float:right;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.clearfix{ zoom:1; }
a{ text-decoration: none; color: #696969; }
.web-h1{ display: none; }
.tybody{ padding-top: 66px; }
.fl{ float: left; }
.fr{ float: right; }
/* flex */
.flex-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex1 { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
/* scroll style */
/*::-webkit-scrollbar { width: 6px; height: 16px; background: #7eb62d; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); border-radius: 6px; background: #7eb62d; }
::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2); background:rgba(0,0,0,.1); }*/
/* header */
.header-wrap{ width: 100%; height: 66px; background: #fff; position: fixed; z-index: 9999999; top: 0; left: 0; }
.header-main{ width: 100%; height: 66px; margin: 0 auto; position: relative; overflow: hidden; }
.logo{ display: block; width: 130px; height: 40px; position: absolute; z-index: 1; top: 0px; left: 0; }
.logo img{ width: 100%; } 
.logo:hover{ opacity: .8; }
.header-shadow{ -webkit-box-shadow: 3px 3px 10px #999; -moz-box-shadow: 3px 3px 10px #999; -ms-box-shadow: 3px 3px 10px #999; box-shadow: 3px 3px 10px #999; }
/* nav */
.nav{ height: 38px; position: absolute; z-index: 11; top: 15px; left: 160px; text-align: left; }
.nav a{ display: inline-block; height: 38px; line-height: 38px; margin-left: 40px; position: relative; font-size: 14px; color: #333; -webkit-transition: color .4s ease-in; -moz-transition: color .4s ease-in; -ms-transition: color .4s ease-in; }
.nav a:hover i,.nav a:hover,.nav a.cur{ color: #7eb62d; }
.nav a.cur{ font-weight: bold; }
.nav a i{ display: block; width: 0px; height: 3px; position: absolute; z-index: 1; bottom: 0; background: #7eb62d; overflow: hidden; }
.nav a.cur i{ width: 100%; left: 0; }
.header-wrap.fixedAnimate{ box-shadow: 0 0 5px 1px #ccc; }
/* title */
.index-title{ width: 100%; }
.index-title strong{ display: block; text-align: center; font-size: 18px}
.index-title em{ display: block; text-align: center; }
.index-title span{font-size:14px; width: 350px; padding: 5px; margin: 0 auto; font-size: 12px; color: #999; border-top: 1px solid #7eb62d; text-align: center;}
/* footer */
.footer{ background: #3d434f; }
.footer-top{ width: 100%; border-bottom: 1px solid #474a59; padding: 10px 0; }
.footer-top span{ display: inline-block; height: 46px; line-height: 46px; margin-left: 10px; font-size: 14px; color: #c3c4c6; }
.footer-bottom{ width: 100%; padding: 50px 0; }
.footer-bottom .footer-main{ padding: 0 55px; }
.footer-dl-left{ display: inline-block; float: left; margin-right: 80px;}
.footer-dl-right{ display: inline-block; float: right; }
.footer-dl-right dd.img-1{ padding-left: 30px;  background: url(../images/index-footicon-2.png) no-repeat left center; -webkit-background-size: 18px; -moz-background-size: 18px; -ms-background-size: 18px; background-size: 18px; }
.footer-dl-right dd.img-2{ padding-left: 30px;  background: url(../images/index-footicon-3.png) no-repeat left center; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; background-size: 20px; }
.footer-main{ width: 100%; margin: 0 auto; padding: 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.footer-main dt{ margin-bottom: 20px; font-size: 16px; color: #fff; }
.footer-main dd,.footer-main dd a{ font-size: 14px; color: #c3c4c6; line-height: 30px; }
.footer-main dd a:hover{ color: #7eb62d; -webkit-transition: color .4s ease-in; -moz-transition: color .4s ease-in; -ms-transition: color .4s ease-in; }
.footer-main img{ width:100px; height: 36px;}
.footer-copyright{ margin-bottom: 15px; font-size: 12px; color: #fff; text-align: center; }
/*.footer-dl{ display: inline-block; width: 33.33%; float: left; }
.footer-title{ padding-bottom: 20px; font-size: 16px; color: #fff; font-weight: bold; }
.footer-text{ padding-bottom: 15px; font-size: 12px; font-weight: bold; color: #fff; }
.footer-text a{ display: inline-block; padding-left: 30px; color: #ececec;}
.footer-text a:hover{ color: #7eb62d; -webkit-transition: color .4s ease-in; -moz-transition: color .4s ease-in; -ms-transition: color .4s ease-in; }
.footer-text .img-1{ background: url(../images/index-footicon-1.png) no-repeat left 3px; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; background-size: 20px;}
.footer-text .img-2{ background: url(../images/index-footicon-2.png) no-repeat left center; -webkit-background-size: 18px; -moz-background-size: 18px; -ms-background-size: 18px; background-size: 18px; line-height: 26px;}
.footer-text .img-3{ background: url(../images/index-footicon-3.png) no-repeat left center; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; background-size: 20px;}
.footer-text .img-4{ background: url(../images/index-footicon-4.png) no-repeat left center; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; background-size: 20px;}
.footer-text .img-5{ background: url(../images/index-footicon-5.png) no-repeat left center; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; background-size: 20px;}
.footer-text .img-6{ background: url(../images/index-footicon-4.png) no-repeat left center; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; background-size: 20px;}
.footer-text .img-7{ background: url(../images/index-footicon-4.png) no-repeat left center; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; background-size: 20px;}
.footer-text .img-8{ background: url(../images/index-footicon-6.png) no-repeat left center; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; background-size: 20px;}
.footer-text .img-9{ background: url(../images/index-footicon-7.png) no-repeat left 3px; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; background-size: 20px;}
.footer-text .img-10{ background: url(../images/index-footicon-7.png) no-repeat left 3px; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; background-size: 20px;}*/