/*-----------------[初始化]--------------*/
*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
body{color: #333;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;}
img{max-width: 100%;}
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;}

.ani{
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
a {color: #333;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
a:hover {color: #f97020;}

@font-face {
    font-family: 'imp';
    src: url('../font/Impact.TTF');
}

/*布局*/
.wp{margin: 0 auto;width: 100%;max-width: 1200px;}
/*******************************
  -------[=头部]-------
********************************/
#hd .top {height: 41px;line-height: 40px;border-bottom: 1px solid #ddd;background-color: #f5f5f5;font-size: 12px;}
#hd .top .txt {color: #555;}
#hd .top .lang {float: right;}
.lang a {margin-left: 10px;display: inline-block;width: 33px;height: 18px;vertical-align: middle;}
.lang a.en {background-image: url(../images/img-en.jpg);}
.lang a.cn {background-image: url(../images/img-cn.jpg);}
#hd .top .link {padding-right: 14px;float: right;color: #e0e0e0;}
#hd .top .link a {padding: 0 12px;color: #555;}
#hd .top .link a:hover {color: #f97020;}
#hd .top .hotline {padding-right: 14px;float: right;color: #555;}
#hd .top .hotline em {font-size: 14px;color: #f97020;font-weight: bold;font-style: italic;}
#hd .hd-cont {padding: 19px 0 12px;overflow: hidden;}
#hd .logo img {float: left;display: inline-block;height: 52px;vertical-align: middle;}
#hd .hd-cont .txt {margin-left: 23px;padding: 12px 0 12px 15px;float: left;border-left: 1px solid #555;line-height: 1;}
#hd .hd-cont .txt .p1 {padding-bottom: 8px;color: #f97020;font-size: 18px;font-weight: bold;}
.box-search {position: relative;margin-top: 18px;width: 90%;max-width: 292px;}
.box-search .inp-search {padding: 0 50px 0 15px;display: block;width: 100%;height: 40px;line-height: 36px;border: 2px solid #ddd;outline: none;}
.box-search .btn-search {position: absolute;top: 0;right: 0;display: block;width: 40px;height: 40px;background: url(../images/ico-search.png) center center no-repeat #f97020;border: none;outline: none;}
#hd .hd-cont .box-search {float: right;}
/*******************************
    -------[=导航]-------
********************************/
#nav {height: 55px;background-color: #f97020;}
#nav li {position: relative;float: left;width: 11.11%;border-right: 1px solid #fb9b63;}
#nav li:last-child,#nav li.last {border-right: none;}
#nav .par {display: block;width: 100%;height: 55px;line-height: 55px;color: #fff;text-align: center;}
#nav .on .par,#nav .par.on,#nav .par:hover {background-color: #eb5700;}
#nav .sub {position: absolute;top: 80px;left: 0;padding: 15px;width: 100%;background-color: #eb5700;opacity: 0;visibility: hidden;z-index: 98;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
#nav .sub:before {position: absolute;top: -10px;left: 50%;margin-left: -10px;display: block;width: 19px;height: 13px;background: url(../images/ico-triggle.png) center center no-repeat;content: '';}
#nav .sub a {display: block;width: 100%;height: 41px;line-height: 40px;text-align: center;color: #fff;border-bottom: 1px dashed #f19674;}
#nav .sub a:hover {color: #f19674;}
#nav .sub a:last-child,#nav .sub a.last {border-bottom: none;}
#nav .on .sub {top: 70px;opacity: 1;visibility: visible;}
.menuBtn {position: absolute;top: 28px;right: 20px;width: 30px;height: 20px;display: none;cursor: pointer;z-index: 100;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.menuBtn em {margin-bottom: 10px;display: block;height: 2px;background-color: #f97020;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
.menuBtn.on em {display: none;margin: -2px 0 0;position: absolute;left: 5px;top: 50%;width: 24px;}
.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);}

#aside {position: fixed;top: 0;left: -240px;bottom: 0;width: 240px;
    background-color: #000;z-index: 110;overflow-y: auto;}
#aside.open {left: 0;}
#aside .menu {margin-top: 50px;}
#aside .menu .v1 {padding-left: 30px;display: block;width: 100%;height: 41px;line-height:40px;font-size: 16px;color: #fff;border-bottom: 1px solid #191919;}
#aside .menu .v1:hover,#aside .menu .v1.on {color: #f97020;background-color: #1c1c1c;}
#aside .menu .sub {padding: 10px 0;display: none;}
#aside .menu .sub a {padding-left: 46px;display: block;width: 100%;height: 36px;line-height: 36px;color: #fff;font-size: 14px;}
#aside .menu .sub a:hover,#aside .menu .sub a.on {color: #f19674;background-color: #1c1c1c;}
#aside .lang {margin-top: 20px;float: none;display: block;text-align: center;}
#aside .lang a {margin: 0 10px;}
#aside .box-search {margin: 20px auto 0;float: none;}
/*******************************
  -------[=底部]-------
********************************/
#fd {background: url(../images/bg-fd.jpg);}
#fd .wp {position: relative;padding: 66px 0 36px;}
#fd .fd-menu {position: absolute;top: -30px;left: 0;padding: 0 60px;width: 100%;background-color: #f97020;height: 60px;line-height: 60px;z-index: 97;}
#fd .fd-menu:before,#fd .fd-menu:after {position: absolute;display: block;content: '';}
#fd .fd-menu:before {top: 0;left: 0;width: 28px;height: 28px;background: url(../images/bg-fd-menu-1.png) center center no-repeat;}
#fd .fd-menu:after {right: 0;bottom: 0;width: 31px;height: 31px;background: url(../images/bg-fd-menu-2.png) center center no-repeat;}
#fd .fd-menu a {float: left;display: block;width: 11.11%;height: 60px;line-height: 60px;text-align: center;color: #fff;}
#fd .fd-menu a:hover {background-color: #eb5700;}
#fd .fd-info {overflow: hidden;}
#fd .col-l {width: 30%;border-right: 2px dashed #383838;}
#fd .col-c {padding: 26px 0 22px 77px;float: left;width: 45%;border-right: 2px dashed #383838;color: #aaa;font-size: 12px;line-height: 1.67;}
#fd .col-r {padding: 26px 110px 20px 0;width: 25%;text-align: right;background: url(../images/img-qrcode.png) right center no-repeat;line-height: 1.67;color: #aaa;font-size: 12px;}
#fd .col-l .tel {padding: 30px 0 36px 52px;background: url(../images/ico-tel.png) left center no-repeat;line-height: 1;}
#fd .col-l .tel .p1 {padding-bottom: 8px;color: #fff;}
#fd .col-l .tel .p2 {color: #f97020;font-size: 24px;font-weight: bold;font-family: Arial;}
#fd .col-c a {color: #aaa;}
#fd .col-c a:hover {color: #f97020;}
.goTop {position: fixed;right: 10px;bottom: 68px;display: block;width: 40px;height: 40px;background: url(../images/ico-gotop.png) center center no-repeat;opacity: 0;visibility: hidden;}
.goTop:hover {opacity: .6;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';}
.goTop.show {opacity: 1;visibility: visible;}
/*******************************
    -------[=正文]-------
********************************/
.g-tit-1 {position: relative;text-align: center;}
.g-tit-1:before {position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: #eee;content: '';}
.g-tit-1 .txt {position: relative;padding: 18px 20px 0;display: inline-block;background-color: #fff;}
.g-tit-1 .txt .en {font-size: 50px;color: #eee;font-family: Arial;font-weight: bold;line-height: 1;}
.g-tit-1 .txt .cn {font-size: 24px;color: #f97020;font-weight: bold;}
.g-tit-1 .txt:before,.g-tit-1 .txt:after {position: absolute;top: 50%;margin-top: -16px;display: block;width: 22px;height: 32px;background: url(../images/bg-title.png) center center no-repeat;content: '';}
.g-tit-1 .txt:before {left: -11px;}
.g-tit-1 .txt:after {right: -11px;}
/*内页banner*/
.banner-inner {height: 348px;}
.banner-inner .mask {position: relative;height: 100%;background-color: rgba(0, 0, 0, .75);background-image: url(../images/bg-mask.png) \9;}
.banner-inner .txt {position: absolute;top: 38%;left: 0;width: 100%;color: #fff;text-align: center;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner-inner .cn {position: relative;padding-bottom: 30px;font-size: 30px;font-weight: bold;line-height: 1;}
.banner-inner .cn:after {position: absolute;bottom: 10px;left: 50%;margin-left: -30px;display: block;width: 60px;height: 5px;background-color: #fff;content: '';}
.banner-inner .en {font-size: 18px;font-family: Arial;text-transform: uppercase;line-height: 1;}
/*子页公用子分类*/
.g-subclass-1 {position: relative;top: -96px;padding-top: 28px;background-color: #fff;height: 96px;text-align: center;overflow: hidden;overflow-x: auto;white-space: nowrap;}
.g-subclass-1:after {position: absolute;top: 50%;left: 0;display: block;width: 100%;height: 1px;background-color: #ddd;content: '';}
.g-subclass-1 a {position: relative;margin: 0 8px;padding: 0 40px;display: inline-block;height: 40px;line-height: 38px;text-align: center;color: #666;border: 1px solid #ddd;background-color: #fff;z-index: 1;}
.g-subclass-1 a:hover,.g-subclass-1 a.on {color: #fff;background-color: #f97020;border-color: #f97020;}
/*分页*/
.pages {position: relative;height: 36px;font-size: 12px;}
.pages .page {position: absolute;top: 0;left: 0;height: 36px;line-height: 36px;color: #aaa;}
.pages .list {text-align: right;}
.pages .list a {margin-left: 30px;padding: 0 4px;display: inline-block;min-width: 36px;height: 36px;line-height: 34px;color: #666;border-bottom: 2px solid #ddd;text-align: center;}
.pages .list a:hover,.pages .list a.on {color: #fff;background-color: #f97020;border-color: #f97020;}
/*上一页下一页*/
.preandnext {position: relative;height: 45px;}
.preandnext .goback {position: absolute;top: 0;left: 50%;margin-left: -75px;padding-left: 36px;display: block;width: 150px;height: 45px;line-height: 45px;color: #fff;background: url(../images/ico-back.png) right 22px center no-repeat #f97020;}
.preandnext .goback:hover {opacity: .7;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';}
.preandnext div {height: 45px;line-height: 45px;color: #aaa;font-size: 12px;}
.preandnext .prev {float: left;}
.preandnext .next {float: right;}
.preandnext div a {color: #222;font-size: 14px;}
.preandnext div a:hover {color: #f97020;}

/*遮罩*/
.fixme {height: 100%;overflow: hidden;}
.overlay {position: fixed;position: absolute \9;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0, 0, 0, .75);background-image: url(../images/bg-mask.png) \9;z-index: 110;}