/*-----------------[初始化]--------------*/
*,*:before,*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
body {color: #fffefe;font-size: 16px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;-webkit-font-smoothing: antialiased;}
img {max-width: 100%;border: none;}
input,textarea,select {font-size: 14px;color: #333;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
::-ms-input-placeholder {color: #999;}
select::-ms-expand {display: none;}

a {color: #fffefe;text-decoration: none;}

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;}

em {font-style: normal;}

/*布局*/
.wp {margin: 0 auto;width: 100%;max-width: 1200px;}
/*******************************
    -------[=头部]-------
********************************/
.header{position: fixed;top: 0;left: 0;right: 0;z-index: 900;background: url(../images/img-head-bg.png) left center no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%;}
.header:after{content: '';position: absolute;bottom: 0;left: 0;right: 0;z-index: 10;height: 1px;background-color: #fff;opacity: .23;}
.header .wp{max-width: 1620px;}
.header .logo{float: left;padding-top: 18px;}
.header .logo *{display: block;}
.header .logo img{height: 66px;}
.header .logo .lg2{display: none;}
.header .navig{float: left;margin-left: 220px;}
.header .navig li{float: left;padding: 0 20px;}
.header .navig a{position: relative;z-index: 10;display: block;padding: 40px 22px 36px;}
.header .navig a:after{content: '';position: absolute;bottom: -1px;left: 0;right: 0;z-index: 100;background-color: #fff;}
.header .navig li.on a:after{height: 2px;}
.header .links{float: right;padding-top: 24px;}
.header .links .li{float: left;}
.header .links a{display: block;padding-top: 47px;font-size: 14px;background-repeat: no-repeat;background-position: center top;color: #fff;}
.header .links .li-sq{margin-right: 70px;}
.header .links .li-sq a{background-image: url(../images/ico-hd-1.png);}
.header .links .li-wx a{background-image: url(../images/ico-hd-2.png);}

.header-fixed{background-color: #fff;}
.header-fixed .navig a{color: #333;}
.header-fixed .navig li.on a{color: #d84e43;}
.header-fixed .navig li.on a:after{background-color: #d84e43;}
.header-fixed .logo .lg1{display: none;}
.header-fixed .logo .lg2{display: block;}
.header-fixed .links a{color: #666;}
.header-fixed .links .li-wx a{background-image: url(../images/ico-hd-2f.png);}

/*******************************
    -------[=导航]-------
********************************/
.menuBtn {position: absolute;top: 50%;right: 2%;width: 30px;height: 22px;display: none;cursor: pointer;z-index: 910;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menuBtn em {margin-bottom: 8px;display: block;height: 2px;background-color: #fff;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
.header-fixed .menuBtn em{background-color: #d84e43;}
.menuBtn em:last-child {margin-bottom: 0;}
.menuBtn.on em {display: none;margin: -2px 0 0;position: absolute;left: 5px;top: 50%;width: 30px;}
.menuBtn.on em:first-child {display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.on em:last-child {display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);}

.overlay{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 880;background-color: rgba(0,0,0,.4);}
#aside {
    position: fixed;top: 100px;right: -290px;bottom: 0;
    width: 290px;
    background-color: #050303;z-index: 900;
    overflow-y: auto;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
#aside.open {right: 0;}
#aside .menu {margin: 30px 15px 0;border-top: 1px solid #2a2929;}
#aside .menu a {display: block;width: 100%;height: 41px;line-height:44px;font-size: 16px;color: #fff;border-bottom: 1px solid #2a2929;}
#aside .menu li.on {background-color: #2b2b2b;}
#aside .menu li.on a  {color: #d84e43;}
/*******************************
    -------[=底部]-------
********************************/
.footer{overflow: hidden;padding: 46px 0;font-size: 14px;background-color: #565252;color: #989797;}
.footer .col-l,.footer .col-r{width: 50%;}
.footer .col-r{padding-top: 3px;text-align: right;}
.footer .tel{padding-bottom: 8px;font-weight: normal;font-size: 16px;}
.footer .link{padding-bottom: 9px;margin-right: -26px;color: #6b6a6a;}
.footer .link a{display: inline-block;padding: 0 26px 0 21px;}
.footer .copyright *{display: inline-block;}
.footer a{color: #989797;}
.footer a:hover{color: #fffefe;}
/*******************************
    -------[=公用]-------
********************************/
/*标题*/
.g-tit-1{font-size: 34px;text-align: center;color: #fff;}
.g-tit-1 .en{display: inline-block;padding-left: 5px;font-size: 30px;font-weight: normal;text-transform: uppercase;}
.g-tit-1.red{color: #d84e43;}
.g-tit-2{font-weight: normal;font-size: 24px;text-align: center;color: #fff;}
.g-tit-2 span{display: inline-block;}
.g-tit-2 span:after,.g-tit-2 span:before{content: '';display: inline-block;width: 28px;height: 1px;vertical-align: 8px;background-color: #fff;}
.g-tit-2 span:after{margin-left: 21px;}
.g-tit-2 span:before{margin-right: 21px;}