.medianavBox{display:none}
.mdshow{display:block}
.pcshow{display:block}
.pchide{display:none}
@media (max-width:750px){.pchide{display:none}
.mdshow{display:block}
.mdhide{display:none}
html{width:100%;overflow-x:hidden}
body{width:100%;overflow-x:hidden}
.medianavBox{display:block}
.hei130{height:1.3rem;width:100%}
.media_nav{overflow:hidden;position:fixed;z-index:100;background-color:#0f1538;width:100%;height:1.3rem;top:0}
.mdlogo{width:auto;height:.7rem;float:left;margin:.36rem 0 .4rem .3rem}
.mena{float:right;width:.45rem;height:auto;margin:.4rem .3rem 0 0}
.media_navtext{margin-top:0}
.media_navtext h3{font-size:.54rem;font-weight:700;line-height:.7rem;color:#fff;margin:0;margin-left:.3rem}
.media_navBox{width:100%;height:100%;background-color:#0f1538;overflow:hidden;position:fixed;top:0;left:0;z-index:2000;display:none}
.navTit{overflow:hidden;border-bottom:1px solid #444}
.navTit .del{width:.6rem;height:.6rem;float:right;margin-top:.45rem;margin-right:.3rem}
.navMe{width:90%;margin:0 auto}
.navMe a{font-size:.3rem;color:#fff;line-height:1.2rem;text-align:left;display:block;border-bottom:1px solid #444}
.navMe a:hover{color:#7e58eb}
.media_navBox a.on{color:#7e58eb;font-weight:700}
.bg1{width:4rem;height:auto;top:0;left:0}
.bg2{width:4rem;height:auto;top:2rem;right:0;opacity:.7}
.header{padding-top:0}
.header .logo{width:1.1rem;height:1.1rem;margin-top:1rem}
.tit{font-size:.5rem;line-height:1rem;margin-top:.6rem}
.twoTit{font-size:.24rem;line-height:.4rem}
.header .btn{width:100%;margin-top:.4rem}
.header .btn a{width:42%;margin-left:28%;margin-bottom:.4rem}
.header .btn a img{width:100%;height:auto;margin:0 auto}
.header .tu1{width:100%;margin:0 auto;margin-top:1rem}
.twoBox{margin-top:0}
.twoBoxbg{width:90%;height:auto;margin:0 auto;background:rgba(255,255,255,.07);border-radius:.2rem;border:none;margin-top:1rem;padding-bottom:.4rem;overflow:hidden}
.twoBoxbg .twoLeft{margin-top:.5rem;margin-left:.3rem}
.twoLeft h4{font-size:.32rem;line-height:.6rem}
.twoBox{height:auto;margin-bottom:50px}
.twoLeft p{font-size:.24rem;line-height:.48rem;width:96%;opacity:.8}
.twoLeft img{width:4rem;height:auto;margin-top:.2rem}
.tu2{width:70%;height:auto;float:right;margin-top:40px;margin-right:15%}
.threeBox{margin-top:.4rem}
.threeSmall{width:100%;margin:.6rem auto}
.threeSmall ul li{background:url(../images/bg3.png) no-repeat top left;background-size:cover;display:inline-block;width:45%;margin:.3rem 1%;padding:.4rem 0}
.threeSmall ul li img{width:.9rem;height:.9rem;display:block;margin:0 auto}
.threeSmall ul li p{font-size:.24rem;line-height:.4rem;margin-top:.2rem}
.fourSmall{width:100%;margin:.5rem auto;overflow:hidden}
.fourLeft{float:left;width:90%;margin-left:5%;margin-top:.3rem}
.fourImg{width:80%;height:auto;float:right;margin-right:10%}
.fourLeft h4{font-size:.46rem;line-height:.8rem;color:#fff;text-align:center}
.fourLeft p{font-size:.24rem;line-height:.4rem;text-align:center;font-weight:200;margin-top:.3rem;margin-bottom:.6rem}
.downBtn img{width:100%;height:auto}
.downBtn a{width:46%;margin:10px 2%;margin-right:0}
.downBtn a:last-child{margin-left:25%}
.bottBox{width:90%;margin:0 auto;overflow:hidden}
.boot{width:100%;background:rgba(0,0,0,.4);height:2rem;overflow:hidden}
.bottLeft{float:left;width:100%;height:1rem;border-bottom:1px solid #333}
.bottLeft *{float:left;font-size:.24rem;line-height:1rem;color:#fff;margin-right:.3rem}
.bottLeft a:hover{opacity:.6}
.bottRight{float:left;font-size:.2rem;line-height:1rem;color:#fff;opacity:.4}
.content2{width:100%;margin:0 auto;overflow:auto}
.aboutLeft{width:90%;height:auto;background:rgba(255,255,255,.1);float:left;margin-left:5%;padding:0;border-radius:.3rem;margin-bottom:1rem}
.aboutHea{margin-bottom:.2rem}
.aboutHea h3{font-size:.46rem;line-height:.6rem;margin-top:.2rem;margin:.5rem 0 .3rem .4rem}
.aboutHea img{width:.7rem;height:.7rem;float:right;margin:.4rem .4rem 0 0}
.aboutLeft h4{width:90%;font-size:.3rem;color:#fff;line-height:.6rem;font-weight:400;margin-left:5%}
.aboutLeft p{width:90%;font-size:.22rem;color:#fff;line-height:.4rem;opacity:.6;font-weight:200;margin-bottom:.5rem;margin-left:5%}
.con100{height:auto;overflow-y:scroll}
.foot{position:fixed;bottom:0;left:0}
.aboutRight{float:right;width:80%;height:auto;margin:1rem 10% .8rem 0;transform:rotate(-10deg)}
.bottom{width:100%}
.bottLeft img.botlogo{width:2rem;height:auto;margin-left:.2rem;margin-top:.2rem}
.bottLeft img{width:2rem;height:auto;margin-left:.2rem}
.iconLink{float:right}
.iconLink a{line-height:0;float:left;margin:0 0;margin-top:.3rem}
.bottomTitle{width:100%;margin:0}
.bottLeft p{width:50%;font-size:.22rem;color:#000;opacity:.7;margin-top:0}
.bottomBox{width:90%;margin-left:5%;margin-bottom:.2rem}
.bottomT{width:50%;margin-top:.3rem}
.bottomT p:first-child{margin-bottom:.3rem;margin-top:.2rem;font-weight:700}
.bottomT p{font-size:.28rem;line-height:.4rem;color:#fff}
.wid100{width:100%}
.copy{width:100%;font-size:.24rem;line-height:.8rem;color:#fff;text-align:center;margin-top:.2rem;border-top:1px solid #333}
.uubotshark{width:100%}
.uubotBot{width:100%;overflow:hidden;float:left;margin-left:3%}
.uubotBot a{height:auto;width:44%;float:left;margin-right:3%;margin-top:16px}
.iconLink a img{width:.3rem;height:.3rem;display:block;color:#fff;opacity:.5}
.assistBox{width:90%;margin:0 auto;margin-top:1.8rem}
.assistBox h2{font-size:.5rem;line-height:.9rem;color:#fff;text-align:center;margin-top:.6rem;margin-bottom:.3rem}
.assistBox p{font-size:.28rem;line-height:.5rem;color:#fff;opacity:.7;font-weight:300;margin-top:.2rem;text-align:justify}
.assistBox h3{font-size:.4rem;line-height:.8rem;color:#fff;margin-top:.2rem}
}
