@charset "utf-8";
*{margin:0;padding:0;}
body {font-size:.24rem;font-family:"Microsoft YaHei",Arial,sans-serif;-webkit-tap-highlight-color:transparent;}
button,input[type=button],input[type=file],input[type=submit]{outline:0;cursor:pointer;-webkit-appearance:none;}
:focus {outline:0;}
a{text-decoration:none;}
li,ul {list-style:none;}
.w640 {box-sizing:border-box;margin:0 auto;width:6.4rem;}
.pdh10 {padding:0 .1rem;}
.pdh20 {padding:0 .2rem;}
.pdh30 {padding:0 .3rem;}
.pdv10 {padding:.1rem 0;}
.pdv20 {padding:.2rem 0;}
.pdv30 {padding:.3rem 0;}
.pd5{padding:.05rem;}
.pd5-10{padding:.05rem .1rem;}
.pd5-20{padding:.05rem .2rem;}
.pd10{padding:.1rem;}
.pd20{padding:.2rem;}
.pd30{padding:.3rem;}
.pd35{padding:.35rem;}
.wdp10{width:10%;}
.wdp20{width:20%;}
.wdp30{width:30%;}
.wdp70{width:70%;}
.wdp80{width:80%;}
.wdp90{width:90%;}
.hd10{height:.1rem;}
.hd20{height:.2rem;}
.hd30{height:.3rem;}
.hd40{height:.4rem;}
.hd50{height:.5rem;}
.hd60{height:.6rem;}
.hd64{height: 0.64rem;}
.hd72{height:.72rem;}
.hd75{height:.75rem;}
.hd80{height:.8rem;}
.hd100{height:1rem;}
.hdp100{height:100%;}
.lhd150{line-height:150%;}
.lhd200{line-height:200%;}
.lhd300{line-height:300%;}
.lhd36{line-height:.36rem;}
.lhd75{line-height:.75rem;}
.lhd48{line-height: .48rem;}
.lhd60{line-height: .60rem;}
.lhd64{line-height: .64rem;}
.lhd72{line-height: .72rem;}
.ft0{font-size:0;}
.ft12{font-size:.12rem;}
.ft14{font-size:.14rem;}
.ft16{font-size:.16rem;}
.ft18{font-size:.18rem;}
.ft20{font-size:.2rem;}
.ft24{font-size:.24rem;}
.ft28{font-size:.28rem;}
.ft30{font-size:.3rem;}
.ft32{font-size:.32rem;}
.ft36{font-size:.36rem;}
.ft40{font-size:.4rem;}
.ft44{font-size:.44rem;}
.ft48{font-size:.48rem;}
.ft52{font-size:.52rem;}
.ft60{font-size:.6rem;}
.ft80{font-size:.8rem;}
.ft100{font-size:1rem;}
.ftb,.fwb{font-weight:bold;}
.bgred{background-color:red;}
.bgfff{background-color:#fff;}
.bg000{background-color:#000;}
.bg333{background-color:#333;}
.bg666{background-color:#666;}
.bg999{background-color:#999;}
.bgeee{background-color:#eee;}
.bgf5f5f5{background-color:#f5f5f5;}
.bgf6f9fe{background-color:#f6f9fe;}
.bgf8f8f8{background-color:#f8f8f8;}
.bgD90000{background-color: #D90000;}
.bg0b68c8{background-color: #0b68c8;}
.bg1D4E9D{background-color: #1D4E9D;}
.bgee7602{background-color: #ee7602;}
.colorred{color:red;}
.color000{color:#000;}
.color222{color:#222;}
.color333{color:#333;}
.color666{color:#666;}
.color999{color:#999;}
.colorbbb{color:#bbb;}
.colorddd{color:#ddd;}
.colorfff{color:#fff;}
.colorf60{color: #f60;}
.color-f00{color: #f00;}
.colorff8703{color:#ff8703;}
.z-index1{z-index: 1;}
.z-index2{z-index: 2;}
.z-index3{z-index: 3;}
.z-index4{z-index: 4;}
.z-index5{z-index: 5;}
.text-indent{text-indent:2em;}
.max-img img{max-width:100%;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.textleft{text-align:left;}
.uppercase{text-transform:uppercase;}
.nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.block{display:block; position: relative; position:absolute}
.box-sizing{box-sizing: border-box;}
.inline-block{display:inline-block;}
.display-block{display: block;}
.display-none{display: none;}
.relative{position: relative;}
.absolute{position:absolute;}

.radius-10{border-radius: 0.1rem;}

.letter-spacing-2{letter-spacing:.02rem;}
.letter-spacing-3{letter-spacing:.03rem;}
.letter-spacing-4{letter-spacing:.04rem;}
.letter-spacing-5{letter-spacing:.05rem;}
.line1{width:100%;height:0.01rem;border-bottom:solid 0.01rem #f1f1f1;}
.fl{float:left;}
.fr{float:right;}
.ofhd{overflow:hidden;}
.clear{clear:both;}
.pdimg4-3 .img{overflow:hidden;padding-top:75%;background-position:center;background-size:auto 100%;background-repeat:no-repeat;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
.pdimg4-3 .img a{position:relative;display:block;margin-top:-75%;padding-top:75%;width:100%;}
.pdimg4-3 .img img{display:none;}
.pdimg1-1 .img{padding-top:100%;background-position:center;background-size:auto 100%;background-repeat:no-repeat;}
.pdimg1-1 .img a{position:relative;display:block;margin-top:-100%;padding-top:100%;width:100%;}
.pdimg1-1 .img img{display:none;}
.pdimgw4-3 .img{padding-top:75%;background-position:center top;background-size:100% auto;background-repeat:no-repeat;}
.pdimgw4-3 .img a{position:relative;display:block;margin-top:-75%;padding-top:75%;width:100%;}
.pdimgw4-3 .img img{display:none;}
.pdimgw2-1 .img{padding-top:50%;background-position:center;background-size:100% auto;background-repeat:no-repeat;}
.pdimgw2-1 .img a{position:relative;display:block;margin-top:-50%;padding-top:50%;width:100%;}
.pdimgw2-1 .img img{display:none;}
.pdimgw1-1 .img{padding-top:100%;background-position:center;background-size:100% auto;background-repeat:no-repeat;}
.pdimgw1-1 .img a{position:relative;display:block;margin-top:-100%;padding-top:100%;width:100%;}
.pdimgw1-1 .img img{display:none;}
.pdimg1-2 .img{padding-top:200%;background-position:center;background-size:auto 100%;background-repeat:no-repeat;}
.pdimg1-2 .img a{position:relative;display:block;margin-top:-200%;padding-top:200%;width:100%;}
.pdimg1-2 .img img{display:none;}
.li-4 li{float:left;margin:.1rem 2%;width:21%;}
.li-3 li{float:left;margin:.1rem 2%;width:29.33%;}
.li-33 li{float:left;margin:.1rem 0;width:33.33%;}
.li-2 li{float:left;margin:.1rem 2%;width:46%;}


@media only screen and (min-width:641px) {html {font-size:100px;}
}
@media only screen and (max-width:640px) {html {font-size:100px;}
}
@media only screen and (max-width:608px) {html {font-size:95px;}
}
@media only screen and (max-width:600px) {html {font-size:93.75px;}
}
@media only screen and (max-width:576px) {html {font-size:90px;}
}
@media only screen and (max-width:560px) {html {font-size:87.5px;}
}
@media only screen and (max-width:544px) {html {font-size:85px;}
}
@media only screen and (max-width:540px) {html {font-size:84.375px;}
}
@media only screen and (max-width:512px) {html {font-size:80px;}
}
@media only screen and (max-width:500px) {html {font-size:78.125px;}
}
@media only screen and (max-width:480px) {html {font-size:75px;}
}
@media only screen and (max-width:464px) {html {font-size:72.5px;}
}
@media only screen and (max-width:448px) {html {font-size:70px;}
}
@media only screen and (max-width:425px) {html {font-size:66.25px;}
}
@media only screen and (max-width:422px) {html {font-size:65.9375px;}
}
@media only screen and (max-width:414px) {html {font-size:64.6875px;}
}
@media only screen and (max-width:412px) {html {font-size:63.375px;}
}
@media only screen and (max-width:408px) {html {font-size:63.75px;}
}
@media only screen and (max-width:404px) {html {font-size:63.125px;}
}
@media only screen and (max-width:400px) {html {font-size:62.5px;}
}
@media only screen and (max-width:393px) {html {font-size:61.40625px;}
}
@media only screen and (max-width:390px) {html {font-size:60.9375px;}
}
@media only screen and (max-width:386px) {html {font-size:60.3125px;}
}
@media only screen and (max-width:384px) {html {font-size:60px;}
}
@media only screen and (max-width:380px) {html {font-size:59.375px;}
}
@media only screen and (max-width:375px) {html {font-size:58.5938px;}
}
@media only screen and (max-width:370px) {html {font-size:57.8125px;}
}
@media only screen and (max-width:360px) {html {font-size:56.25px;}
}
@media only screen and (max-width:352px) {html {font-size:55px;}
}
@media only screen and (max-width:320px) {html {font-size:50px;}
}