/*-----------------[初始化]--------------*/
*,*:before,*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
}
body{color: #666;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea,select{font-size: 14px;color: #666;font-family: 'Microsoft Yahei';outline: 0;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {display: none;}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #888;}
::-moz-placeholder {color: #888; }
::-ms-input-placeholder {color: #888;}

ul {list-style: none;}
.fix{*zoom:1;}
.fix:after,.fix:before{display:block;content:"";height:0;clear:both;}
table{border-collapse:collapse; border-spacing:0;}
.c {clear: both;}

.col-l {float: left;}
.col-r {float: right;}

img {max-width: 100%;border: none;}

a,.ani{
    color: #666;
    text-decoration: none;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
a:hover {color: #9cc931;}

/*布局*/
.wp {margin: 0 auto;width: 100%;max-width: 1400px;}
/*******************************
  -------[=头部]-------
********************************/
.header {position: fixed;top: 0;left: 0;width: 100%;height: 130px;overflow: hidden;z-index: 13;background-color: rgba(0,0,0,0);}
.header.on {background-color: rgba(0,0,0,.6);}
.header .logo {float: left;height: 130px;font-size: 0;}
.header .logo:after {display: inline-block;width: 0;height: 100%;vertical-align: middle;content: '';}
.header .logo a {display: inline-block;height: 68px;vertical-align: middle;}
.header .logo img {display: inline-block;}
.header .logo .txt {padding-top: 14px;padding-left: 50px;display: inline-block;height: 66px;color: #fff;line-height: 1.43;background: url(../images/img-line.png) 23px center no-repeat;vertical-align: middle;font-size: 14px;}
.header .hd-r {margin-top: 46px;float: right;text-align: right;font-size: 0;}
.header .hd-r .menu {padding-left: 53px;display: inline-block;width: 110px;height: 38px;line-height: 38px;background: url(../images/ico-menu.png) 15px center no-repeat #58687f;color: #fff;font-weight: bold;text-align: left;font-size: 14px;}
.header .hd-r .menu:hover,.header .hd-r .menu.on {background-color: #9cc931;}
.header .hd-r .cn,.header .hd-r .en {display: inline-block;width: 38px;height: 38px;line-height: 38px;text-align: center;color: #fff;background-color: #9f9fba;font-size: 14px;}
.header .hd-r .cn:hover,.header .hd-r .en:hover,.header .hd-r .cn.on,.header .hd-r .en.on {background-color: #9cc931;}
/*******************************
    -------[=导航]-------
********************************/
.fixed {height: 100%;overflow: hidden;}
.overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,.8);z-index: 11;opacity: 0;visibility: hidden;}
.overlay.show {opacity: 1;visibility: visible;}
.box-pop {position: fixed;top: 10%;left: 0;padding-top: 50px;width: 100%;z-index: 12;background: url(../images/bg-2.png) left top repeat-x #fff;opacity: 0;visibility: hidden;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.box-pop.show {top: 50%;opacity: 1;visibility: visible;}
.box-pop .wp {padding: 0 50px;}
.nav {overflow: hidden;}
.nav a {padding-top: 100px;float: left;width: 12.5%;height: 160px;line-height: 1em;font-size: 20px;border-right: 1px solid #d7d7d7;text-align: center;background-position: center 22px;background-repeat: no-repeat;}
.nav a.a8 {border-right: none;}
.nav a.a1 {background-image: url(../images/ico-nav-1.png);}
.nav a.a2 {background-image: url(../images/ico-nav-2.png);}
.nav a.a3 {background-image: url(../images/ico-nav-3.png);}
.nav a.a4 {background-image: url(../images/ico-nav-4.png);}
.nav a.a5 {background-image: url(../images/ico-nav-5.png);}
.nav a.a6 {background-image: url(../images/ico-nav-6.png);}
.nav a.a7 {background-image: url(../images/ico-nav-7.png);}
.nav a.a8 {background-image: url(../images/ico-nav-8.png);}
.nav a.a1:hover {background-image: url(../images/ico-nav-1-on.png);}
.nav a.a2:hover {background-image: url(../images/ico-nav-2-on.png);}
.nav a.a3:hover {background-image: url(../images/ico-nav-3-on.png);}
.nav a.a4:hover {background-image: url(../images/ico-nav-4-on.png);}
.nav a.a5:hover {background-image: url(../images/ico-nav-5-on.png);}
.nav a.a6:hover {background-image: url(../images/ico-nav-6-on.png);}
.nav a.a7:hover {background-image: url(../images/ico-nav-7-on.png);}
.nav a.a8:hover {background-image: url(../images/ico-nav-8-on.png);}
.box-pop .info {position: relative;margin-top: 24px;padding: 9px 4px 9px 16px;line-height: 30px;font-size: 12px;}
.box-pop .info:after {position: absolute;top: 0;left: 0;width: 100%;height:1px;background-color: #d7d7d7;content: '';}
.box-pop .info .btn {display: inline-block;width: 124px;height: 30px;line-height: 30px;text-align: center;color: #fff;background-color: #b4b4ce;border-radius: 5px;}
.box-pop .info .btn:hover {background-color: #9cc931;}
.box-pop .info .btn-mess {float: right;}
.box-pop .info .btn-map {margin-left: 24px;}
.box-pop .info span {padding: 0 16px;display: inline-block;}
.box-pop .info .btn2 {display: none;}
/*******************************
  -------[=底部]-------
********************************/
.footer {padding: 12px 0 14px;background-color: #999;border-top: 1px solid #fff;color: #fff;font-size: 12px;line-height: 2.17;overflow: hidden;}
.footer.footer-index {position: static;bottom: 0;left: 0;width: 100%;background-color: transparent;background-image: url(../images/bg-1.png);border-top: none;}
.footer a {color: #fff;}
.footer a:hover {color: #9cc931;}
.footer span {padding: 0 6px;display: inline-block;}
.footer .txt1 {float: left;}
.footer .txt2 {float: right;text-align: right;}

/*******************************
    -------[=公用]-------
********************************/
/*侧边*/
.box-side-fix {position: fixed;top: 25%;right: 0;width: 46px;background-image: url(../images/bg-1.png);z-index: 9;}
.box-side-fix a {padding-top: 46px;display: block;width: 46px;height: 70px;color: #fff;font-size: 12px;line-height: 1em;text-align: center;background-position: center 16px;background-repeat: no-repeat;}
.box-side-fix a:hover {background-color: #9cc931;}
.box-side-fix a.a1 {background-image: url(../images/ico-tel.png);}
.box-side-fix a.a2 {background-image: url(../images/ico-mess.png);}
.box-side-fix a.a3 {background-image: url(../images/ico-pos.png);}
/*分页*/
.pages {margin: 26px 0;font-size: 0;line-height: 1;text-align: center;}
.pages a {margin: 0 19px;padding: 0 32px;display: inline-block;height: 38px;line-height: 38px;color: #fff;font-size: 18px;background-color: #a2a2a2;border-radius: 5px;}
.pages a:hover {color: #9cc931;}