/*common.css*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:400;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
li,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
td,th{vertical-align:middle}
a{outline:0;color:#000;text-decoration:none;-webkit-backface-visibility:hidden}
a:focus{outline:0}
input:focus,select:focus,textarea:focus{outline:-webkit-focus-ring-color auto 0}

img{width:100%;display:block}
.tip{position:absolute;top:1.2rem;left:.2rem;width:.85rem;height:1.03rem}
.footer{width:100%;background:#263442;text-align:center;position:relative;font-size:.15rem;color:#cfcfcf;padding:.2rem 0;box-sizing:border-box}
.footer>img{width:4.17rem;height:.83rem;margin:auto}
.footer .link a{color:#eae3e3}
.footer .contact{position: absolute; left: 0; right: 0; top: -3.1rem; width: 6.32rem; margin: 0 auto; margin-top: 1.2rem; margin-bottom: .2rem; display: flex ; justify-content: space-between; align-items: center; flex-direction: column;}
.footer .contact .contact-btn{    margin: 0 auto;width:1.3rem;height:1.71rem}
.pop{position:fixed;left:0;right:0;top:0;bottom:0;margin:0;z-index:999;display:none;background:rgba(0,0,0,.7)}
.pop .popbg{position:absolute;left:0;right:0;top:0;bottom:0;width:4.65rem;height:5.2rem;margin:auto;display:none;background:url(../image/pop-bg.png) no-repeat center;background-size:100% 100%}
.pop .popbg p{font-size:.28rem;text-align:center;font-weight:700;margin-bottom:.1rem}
.pop .close{position:absolute;right:-.77rem;top:-.45rem;width:.77rem;height:.77rem}
.pop .pop-wx .code{width:2.64rem;height:2.64rem;margin:.3rem auto auto}
.pop .pop-kf .kf{width:2rem;height:2rem;margin:.4rem auto auto}
.pop .pop-kf2 .kf{width:2rem;height:2rem;margin:.4rem auto auto}
.pop .pop-activity{padding-top:1rem;box-sizing:border-box}
.pop .pop-act{width:2.99rem;margin:auto}
.pop .pop-act img{display:none}
.pop .video{position:absolute;width:100%;height:4.26rem;top:35%;border:1px #fff solid;box-sizing:border-box;display:none}
.pop .video video{width:100%;height:100%;object-fit:fill}
.pop .video .close{right:0;left:0;margin:auto;top:4.5rem}
.pop .bigImg{position:absolute;left:0;right:0;top:50%;display:none;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);max-width:6rem;width:auto;height:auto;margin:0 auto;text-align:center}
.pop .bigImg .close{position:relative;right:0;left:0;margin:.8rem auto auto}
.pop .attributes{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:3.89rem;height:6.48rem;display:none;background:url(../image/attributes-bg.png) no-repeat center;background-size:100% 100%;font-size:.24rem;color:#7a8ba5;text-align:center;padding-top:.87rem;box-sizing:border-box;font-weight:700}
.pop .attributes p{margin-bottom:.1rem}
.pop .attributes .attr-title{color:#000;font-weight:700}
.pop .attributes .attr-title2{margin-top:.25rem}
.pop .pop-tip{position:absolute;left:0;right:0;top:0;bottom:0;display:none;margin:auto;width:7rem;height:7rem;line-height:2em;padding:.3rem;color:#888;font-size:.16rem;box-sizing:border-box;background:url(../image/pop-tip.png) no-repeat center;background-size:100% 100%}
.pop .pop-tip .pop-tip-title{text-align:center;font-size:.2rem;color:#605252}
.pop .pop-tip .close{right:0;left:0;margin:auto;top:7.1rem}
.pop .pop-tip2{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:7rem;height:7rem;line-height:2em;padding:.3rem;color:#000;font-size:.16rem;box-sizing:border-box;background:url(../image/pop-tip.png) no-repeat center;background-size:100% 100%}
.pop .pop-tip2 .pop-tip-text2{height:94%;overflow:hidden;overflow-y:auto}
.pop .pop-tip2 .pop-tip-title2{text-align:center;font-size:.2rem;color:#000}
.pop .pop-tip2 .close{right:0;left:0;margin:auto;top:7.1rem}
.pop .pop-tip2 .pop-tip-text2 a{color:#00e}

/*index.css*/
img{width:100%;display:block}.top{position:fixed;z-index:99;width:100%;height:1.14rem;background:#2a4862}.top>a{display:block;width:.86rem;height:.86rem;margin:.13rem 0 0 .15rem;float:left}.top .title{color:#fff;font-size:.2rem;float:left;margin:.2rem 0 0 .12rem}.top .title .T{font-size:.35rem;font-weight:700}.top .download,.top .subscribe{margin-top:.24rem;display:block;float:right;width:1.71rem;height:.67rem}.top .nav-btn{width:.41rem;height:.43rem;margin:.35rem .17rem 0 .17rem;float:right;background:url(../image/nav-btn-open.png) no-repeat center;background-size:100% 100%}.top .nav-btn.close{background:url(../image/nav-btn-close.png) no-repeat center;background-size:100% 100%}.header{width:100%;height:10.7rem;position:relative}.header .slogan{position:absolute;left:0;right:0;bottom:1.5rem;width:6.71rem;height:2.92rem;margin:auto}.header .paly{width:1.2rem;height:1.2rem;position:absolute;z-index:2;top:7.5rem;left:3.35rem;margin:auto}.content{position:relative;margin-top:-1.4rem;z-index:0;overflow:hidden}.content .bg{position:absolute;width:100%;z-index:-1}.content .p1{overflow:hidden;margin-bottom:.3rem}.content .p1 .title{margin-top:2rem;margin-bottom:.3rem}.content .p1 .p1-nav{width:7.1rem;height:.47rem;margin:auto;margin-bottom:.3rem;border-bottom:1px solid #c7d0dc;font-size:.22rem;position:relative}.content .p1 .p1-nav li{width:.67rem;height:.47rem;line-height:.47rem;float:left;margin-right:.65rem;color:#8ba2c0;font-weight:700;text-align:center;position:relative}.content .p1 .p1-nav li.on{color:#324659}.content .p1 .p1-nav li.on::before{content:'';display:block;width:.67rem;height:2.5px;position:absolute;bottom:-.035rem;background:#324659}.content .p1 .p1-nav .more{width:.66rem;height:.23rem;position:absolute;right:0;top:0;bottom:0;margin:auto}.content .p1 .news{width:7.1rem;margin:auto}.content .p1 .news .news-item li{width:3.43rem;height:2.66rem;float:left;background:#fff;box-shadow:0 0 1px #324659}.content .p1 .news .news-item li:nth-child(odd){margin-right:.23rem}.content .p1 .news .news-item li:nth-child(1){margin-bottom:.23rem}.content .p1 .news .news-item li p{margin-top:.1rem;padding:0 .05rem;font-size:.18rem;color:#324659;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.content .p1 .news .news-item li img{height:1.93rem}.content .p2{position:relative;margin-bottom:.3rem;overflow:hidden}.content .p2 .title{margin-top:.55rem;margin-bottom:.3rem}.content .p2 .more{width:.66rem;height:.23rem;position:absolute;right:.5rem;top:.72rem;margin:auto;display:block}.content .p2 .banner-video{width:7.1rem;height:3.86rem;margin:auto;position:relative}.content .p2 .banner-video .swiper-container{width:3.87rem;height:3.86rem}.content .p2 .banner-video .play{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:.89rem;height:.88rem}.content .p2 .banner-video .swiper-button-next,.content .p2 .banner-video .swiper-button-prev{width:.71rem;height:.71rem;background:0 0;outline:0}.content .p3{position:relative;overflow:hidden}.content .p3 .title{margin-top:.55rem;margin-bottom:.3rem;position:relative;z-index:5}.content .p3 .role{width:100%;height:11.28rem;margin:auto;position:relative}.content .p3 .role .role-img{width:100%;position:absolute;top:-.5rem;height:11.28rem}.content .p3 .role .role-img .left{position:relative;z-index:5;overflow:hidden;opacity:0;transition:all .8s;-webkit-transition:all .8s;-webkit-transform:translateX(-3rem);-moz-transform:translateX(-3rem);transform:translateX(-3rem)}.content .p3 .role .role-img .left .name{margin-top:.1rem;margin-left:.34rem;width:2.83rem}.content .p3 .role .role-img .left .text{width:2.18rem;margin-top:-.75rem;margin-left:.73rem}.content .p3 .role .role-img .left .sx{width:2.84rem;position:relative;z-index:5;margin-left:.34rem;margin-top:.3rem}.content .p3 .role .role-img .left .role-play{width:2.3rem;margin-left:.65rem;margin-top:.1rem;position:relative;z-index:20}.content .p3 .role .role-img .right{position:absolute;right:0;top:0;z-index:2;opacity:0;transition:all .8s;-webkit-transition:all .8s;-webkit-transform:translateX(3.2rem);-moz-transform:translateX(3.2rem);transform:translateX(3.2rem)}.content .p3 .role .role-img .fx{width:5.64rem;height:8.69rem;top:.5rem}.content .p3 .role .role-img .ly{width:4.33rem;height:10rem}.content .p3 .role .role-img .qs{width:7.5rem;height:9.73rem}.content .p3 .role .role-img .lb{width:6.24rem;height:11.28rem}.content .p3 .role>.on{display:block;z-index:9}.content .p3 .role>.on .left,.content .p3 .role>.on .right{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}.content .p3 .role-btn{position:absolute;z-index:10;left:.23rem;top:8rem;width:3.4rem;height:.9rem;background:url(../image/role-nav.png) no-repeat center;background-size:100% auto;background-position:0 0}.content .p3 .role-btn li{float:left;width:.8rem;height:.8rem;position:relative}.content .p3 .role-btn li:not(:first-child){margin-left:.03rem}.content .p3 .role-btn li.on{background:url(../image/role-nav.png) no-repeat center;background-size:3.39rem auto;background-position:0 -.9rem}.content .p3 .role-btn li.on p{color:#5c7185}.content .p3 .role-btn li:nth-child(1){background-position:0 -.9rem}.content .p3 .role-btn li:nth-child(2){background-position:-.825rem -.9rem}.content .p3 .role-btn li:nth-child(3){background-position:-1.65rem -.9rem}.content .p3 .role-btn li:nth-child(4){background-position:-2.475rem -.9rem}.content .p3 .role-btn li p{position:absolute;bottom:-.35rem;width:100%;color:#95abc5;font-size:.2rem;text-align:center;font-weight:400}

/*.content .p4{position:relative;padding-bottom:3rem;overflow:hidden;margin-top:-2rem}.content .p4 .title{margin-top:.55rem;margin-bottom:.6rem}.content .p4 .role-nav{width:6.45rem;margin:auto;margin-bottom:.28rem;overflow:hidden}.content .p4 .role-nav li{width:.9rem;height:.25rem;font-size:.25rem;line-height:.25rem;float:left;color:#91a7c3;text-align:center;font-weight:700}.content .p4 .role-nav li:not(:last-child){border-right:1px solid #91a7c3}.content .p4 .role-nav li:first-child{border-left:1px solid #91a7c3}.content .p4 .role-nav li.on{color:#3f4d7a}.content .p4 .role-nav .tohero{float:right;width:.9rem;height:.25rem;font-size:.25rem;line-height:.25rem;color:#91a7c3;text-align:center;font-weight:700}.content .p4 .role-nav .all{display:block;width:.67rem;height:.25rem;margin-left:.17rem}.content .p4 .role-nav .all img{width:100%}.content .p4 .banner-role{width:100%;height:5.06rem;margin:auto;position:relative;display:none}.content .p4 .banner-role.on{display:block}.content .p4 .swiper-container{width:6.7rem}.content .p4 .swiper-slide{width:1.36rem!important;margin:0 .15rem}.content .p4 .swiper-slide img{width:1.36rem!important}.content .p4 .swiper-button-next,.content .p4 .swiper-button-prev{width:.32rem;height:.45rem;background:0 0;outline:0}*/
.mask{position:fixed;left:0;right:0;top:0;bottom:0;z-index:98;display:none;background:url(../image/mask.png) no-repeat center;background-size:100% 100%}.mask .mask-nav{width:4.5rem;height:6.2rem;margin:1.14rem auto auto;background:url(../image/mask-nav-bg.png) no-repeat center;background-size:100% 3.5rem}.mask .mask-nav a{display:block;height:1.55rem;line-height:1.55rem;font-size:.25rem;color:#85a0b2;text-align:center}.mask .mask-nav a.on{color:#fff;background:url(../image/nav-bg.png) no-repeat center;background-size:3.12rem .23rem}
/*m特色*/
.content .p4{    padding-bottom: 2.33rem;margin-top:.8rem}.content .p4 .title{margin-bottom:.2rem}.content .p4 .char-info{width:7.14rem;margin:auto}.content .p4 .char-info img{height:0;opacity:0;transition:all .4s;-webkit-transition:all .4s}.content .p4 .char-info.on img{opacity:1;height:4.02rem}.content .p4 .char-btn{width:7.14rem;height:1.08rem;margin:auto}.content .p2 .char-btn:not(:last-child){margin-bottom:.1rem}.content .p2 .char-btn-1{background:url(../image/char-btn-1.png) no-repeat center;background-size:100% 100%}.content .p4 .char-btn-2{background:url(../image/char-btn-2.png) no-repeat center;background-size:100% 100%}.content .p4 .char-btn-3{background:url(../image/char-btn-3.png) no-repeat center;background-size:100% 100%}.content .p4 .char-btn-4{background:url(../image/char-btn-4.png) no-repeat center;background-size:100% 100%}