html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; font-weight: 400; font-style: normal; outline: 0; background: transparent;}
body { line-height: 1; font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; width: 7.5rem; margin: auto;}

.body{
    overflow: hidden;
    -webkit-transform: translateX(-4rem);
    -moz-transform: translateX(-4rem);
    -ms-transform: translateX(-4rem);
    -o-transform: translateX(-4rem);
    transform: translate(-4rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
a{ margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; color: #666;}
a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: none; text-decoration: none;}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
table,caption,tbody,tfoot,thead,tr,th,td { vertical-align: middle;}
li, dd{ list-style: none outside none;}
em,i { font-style: normal;}
table { border-spacing: 0; border-collapse: collapse;}
input,select { outline: none;}
table,caption,tbody,tfoot,thead,tr,th,td { vertical-align: middle;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block;}
::-webkit-input-placeholder{ color: #c7c7cd;}
:-moz-placeholder{ color: #999;}
::-moz-placeholder{ color: #999;}
:-ms-input-placeholder{ color: #999;}
.clearfix:after{ content:""; display: block; clear:both;}
.fix{ height: auto; overflow: hidden; zoom: 1;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{ float: left;}
.col-1{ width: 100%;}
.col-2{ width: 50%;}
.col-3{ width: 33.33333333%;}
.col-4{ width: 25%;}
.col-5{ width: 20%;}
.col-6{ width: 16.66666667%;}
.col-7{ width: 14.28571429%;}
.col-8{ width: 12.5%;}
.col-9{ width: 11.11111111%;}
.col-10{ width: 10%;}
.col-11{ width: 9.09090909%;}
.col-12{ width: 8.33333333%;}
.pic{ height: auto; overflow: hidden; zoom: 1;}
.pic img{ display: block; margin: auto; max-width: 100%;}
.hr{ width: 100%; height: .2rem; background: #f6f6f6;}
.hr1{ width: 100%; height: .25rem; background: #ebebeb;}
.hr2{ width: 100%; height: .3rem; background: #f0f0f0;}

.main{ height: auto; overflow: hidden; zoom: 1; overflow: hidden;}

/*footer*/
.header{ width: 7.1rem; position: fixed; top: 0; left: 50%; margin-left: -3.75rem; padding: 0 .2rem; z-index: 9; height: 1.2rem; background: #0b0b0b; background: rgba(11,11,11,.6);}
.logo{ height: 1.2rem; float: left; position: relative;  z-index: 9;}
.logo a{ height: 1.2rem; display: flex; justify-content: center; align-items: center;}
.logo img{ height: 70%;}
.nav{ width: .56rem; height: .4rem; position: relative; float: right; margin-top: .4rem;}
.navMargin{ position: fixed; top: 0; right: -3.8rem;}
.navchange{ width: .56rem; height: .4rem; position: relative; cursor: pointer; z-index: 11;}
.navchange span{ display: block; width: .56rem; height: .05rem; background: url("../images/icon/navimg.png") no-repeat center; -webkit-background-size: .56rem .05rem; background-size: .56rem .05rem; position: absolute; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.navchange .stop{ top: 0; left: 0;}
.navchange .scnt{ left: 0; top: .18rem;}
.navchange .sbtm{ bottom: 0; left: 0;}
.navswp .stop{ -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.navswp .scnt{ opacity: 0;}
.navswp .sbtm{ -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(-45deg);}

.navlist{ width: 100%; height: 100%; position: fixed; background: #000; background: rgba(0,0,0,.5); top: 0; right: -100%; z-index: 99;}
.navtit{ height: 1.4rem; padding: 0 .25rem; background: #fff; display: flex; align-items: center;}
.navtit a img{ width: 1.2rem;}
.navtit span{ font-size: .34rem; color: #000; padding-left: .3rem;}
.navlie{ height: calc(100% - 1.4rem); background: #fff; width: 4.6rem; float: right; padding: 0 .3rem; position: relative;}/*5.2rem*/
.navlie ul li{ border-bottom: 1px solid #e6e6e6;}
.navlie ul li a{ display: block; line-height: .9rem; font-size: .3rem; color: #141414; padding: 0 .88rem;}
.navlie ul li:nth-child(1){ background: url("../images/icon/navicon1.png") no-repeat .1rem; -webkit-background-size: .28rem; background-size: .4rem;}
.navlie ul li:nth-child(2){ background: url("../images/icon/navicon2.png") no-repeat .16rem; -webkit-background-size: .4rem; background-size: .28rem;}
.navlie ul li:nth-child(3){ background: url("../images/icon/navicon3.png") no-repeat .1rem; -webkit-background-size: .4rem; background-size: .4rem;}
.navlie ul li:nth-child(4){ background: url("../images/icon/navicon4.png") no-repeat .1rem; -webkit-background-size: .4rem; background-size: .4rem;}
.navlie ul li:nth-child(5){ background: url("../images/icon/navicon5.png") no-repeat .1rem; -webkit-background-size: .4rem; background-size: .4rem;}
.navlie ul li:nth-child(6){ background: url("../images/icon/navicon6.png") no-repeat .1rem; -webkit-background-size: .4rem; background-size: .4rem;}
.navlie ul li:nth-child(7){ background: url("../images/icon/navicon7.png") no-repeat .1rem; -webkit-background-size: .4rem; background-size: .4rem;}
.navlie ul li:nth-child(8){ background: url("../images/icon/navicon8.png") no-repeat .1rem; -webkit-background-size: .4rem; background-size: .4rem;}
.navAddres .p1{ font-size: .4rem; color: #4e4e4e; margin-top: .3rem; letter-spacing: 2px;}
.navAddres .p2, .navAddres .p3{ margin-top: .2rem; line-height: .44rem; color: #1c1c1c; font-size: .24rem}
.navAddres .p3{ margin-top: 0;}
.navSer{ margin-top: .2rem;}
.navSer a{ display: inline-block; float: left; color: #4e4e4e; line-height: .4rem; margin-right: .4rem;}
.aQQ{ background: url("../images/icon/qq.png") no-repeat left !important; -webkit-background-size: .3rem !important; background-size: .3rem; !important; padding-left: .36rem;}
.aBaidu{ background: url("../images/icon/baidu.png") no-repeat left !important; -webkit-background-size: .3rem !important; background-size: .3rem; !important; padding-left: .38rem;}
.batu{ width: .28rem; height: .28rem; background: url("../images/icon/navbg.png") no-repeat center; -webkit-background-size: .28rem; background-size: .28rem; position: absolute; top: 0; left: -.28rem;}
.folft{ height: auto; overflow: hidden; zoom: 1; position: absolute; left: 0; bottom: .3rem; padding: 0 .3rem;}


/*footer*/
.footer{ height: 1.5rem; background: #2f3031; padding: 0 .25rem; overflow: hidden;}
.ft-one{ display: flex; justify-content: space-between; margin-top: .3rem;}
.one-l, .one-r{ height: auto; overflow: hidden;}
.one-l a{ display: block; float: left; color: #dadada; line-height: .44rem; margin-right: .8rem;}
.one-r a{ display: block; width: .44rem; height: .44rem; float: left; -webkit-background-size: .44rem !important; background-size: .44rem !important; margin-left: .3rem;}
.one-r a.a1{ background: url("../images/icon/icon-wx.png") no-repeat center;}
.one-r a.a2{ background: url("../images/icon/icon-zfb.png") no-repeat center;}
.ft-two{ color: #8a8a8a; font-size: .24rem; margin-top: .2rem;}
.ft-two span{ padding-left: .1rem;}


/*page header*/
.pageHeader{ width: 7rem; position: fixed; top: 0; left: 50%; margin-left: -3.75rem; padding: 0 .25rem; z-index: 9; height: 1.2rem; border-bottom: 1px solid #ebebeb; background: #fff;}
.navBG span{background: url("../images/icon/navimg1.png") no-repeat center; -webkit-background-size: .56rem .05rem; background-size: .56rem .05rem;}
.nulhBG{ background: #fff;}
.return{ width: .2rem; height: 1.2rem; float: left;}
.return a{ display: block; width: .4rem; height: 1.2rem; background: url("../images/icon/fanhjt.png") no-repeat left; -webkit-background-size: .2rem; background-size: .2rem;}
.ftCnt{ width: 5.9rem; text-align: center; line-height: 1.2rem; float: left; margin-left: .3rem; font-size: .32rem;}
.headerNull{ height: 1.2rem;}

.ftCntColor{ color: #fff;}
.returnBG a{background: url("../images/icon/fanhjt1.png") no-repeat left; -webkit-background-size: .2rem; background-size: .2rem;}

.supesion{ width: .8rem; height: auto; position: fixed; bottom: 2rem; right: 10px; z-index: 99;}
.supesion > div{ margin-top: 5px;}
.supesion > div a img{ width: .8rem;}
#newBridge #nb_icon_wrap .nb-icon-customer{ background: url("../images/icon/icon-kf.png") no-repeat center !important; -webkit-background-size: .8rem !important; background-size: .8rem !important;}
#newBridge .nb-icon-wrap-0{ top: inherit !important; bottom: 2.8rem !important; right: 10px !important; left: inherit !important; width: .8rem !important;}