html,body {
    min-height: 100%;
}
.web,.web img{
    width:100%;
}
img{
    border:none;
    display:block;
}
p{
    margin:0;
}
.m-web-top{
    width:100%;
    background:rgba(220, 227, 241, 1);
}
.m-web-top-text{
    width:90%;
    margin:0 auto;
    padding-top:1rem;
    margin-bottom:0.2rem;
    text-align:center;
    
}
.m-web-top-text p{
    font-size: 0.4rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.6rem;
    margin-bottom:0.3rem;
    background: linear-gradient(0deg, #424242 0%, #848484 52.34375%, #424242 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.m-web-img{
    width:100%;
}
.m-web-img img{
    width:100%;
}
.m-web-block{
    width:100%;
    padding:0.3rem 0;
    background:rgba(83, 106, 169, 1);
}
.block-tit .block-after,.block-tit .block-after .block-afp {
    font-size: 0.42rem;
    line-height: 1;
    color: #fff;
    margin: 0;
    text-align: center;
    letter-spacing: 0.03rem;
    font-weight:bold;
}
.m-web-block .block-tit,
.m-web-new .block-tit,
.m-web-rru .block-tit,
.m-web-eap .block-tit
.m-web-rule .block-tit
.m-web-num .block-tit{
    margin:0;
    padding:0.8rem 0;
}
.m-web-more{
    width:90%;
    margin:0.5rem auto 0.2rem auto;
    font-size: 0.3rem;
    line-height:0.5rem;
    font-weight: 400;
    color: #2569AD;
    text-align:center;
}
.m-web-ul{
    width:80%;
    margin:0 auto;
    margin-bottom:1rem;
}
.m-web-ul .m-web-li{
    width:96%;
    line-height:0.3rem;
    padding:0.2rem 2%;
    background: #2569AD;
    border-radius:20px;
    font-size: 0.24rem;
    color: #FFFFFF;
    text-align:center;
    margin-bottom:0.2rem;
}
.m-web-cloud{
    width:70%;
    margin:0 auto;
}
.m-web-cloud img,
.m-web-con-img img,
.m-web-pico-img img,
.m-web-ru img,
.m-web-block-img img,
.m-web-nar-img img,
.m-web-block-li img,
.m-web-tel-img img,
.m-web-sys-cloud img,
.m-web-sys-arw-sml img,
.m-web-sys-mzone img,
.m-web-btm-app img,
.m-aka-rh-img img,
.m-aka-top-arw img,
.m-web-aka-telimg img,
.m-web-aka-tpimg img,
.m-web-aka-tparw img,
.m-aka-logimg img,
.m-aka-hlrimg img,
.m-mob-rh-img img{
    width:100%;
}
.m-web-center{
    font-size: 0.3rem;
    text-align:center;
    color: #666666;
    line-height: 0.6rem;
}
.m-web-fr{
    width:90%;
    margin:0 auto;
}
.center-both{
    width:50%;
}
.m-web-nar{
    width:88%;
    height:2.56rem;
    margin:0 auto;
    background: url('../images/m_web_04.png') no-repeat;
    background-size: cover;
    color: #FFFFFF;
    font-size: 0.24rem;
    text-align:center;
    line-height:2.3rem;
}
.m-web-bbu{
    width:86%;
    height:2.72rem;
    background: url('../images/m_web_05.png') no-repeat;
    background-size: cover;
    margin:0.35rem auto;
    position: relative;
    font-size: 0.24rem;
    color: #666666;
    line-height: 0.36rem;
}
.m-web-small{
    font-size:0.24rem;
}
.m-web-poslf{
    position: absolute;
    top:0.15rem;
    width:26%;
    left:0;
    text-align:right;
}
.m-web-poslr{
    position: absolute;
    top:0.15rem;
    right:0;
    width:29%;
    text-align:left;
}
.m-web-new{
    width:100%;
    padding:0.3rem 0;
    background:#5A86CC;
}
.m-web-sub{
    width:90%;
    padding:0.3rem 5%;
    background: #ABC4E8;
}
.m-web-sub-title{
    width:100%;
    margin-top:0.3rem;
    line-height: 1.06rem;
    text-align:center;
    color:#fff;
    background: #2569AD;
    font-size: 0.36rem;
}
.m-web-sub-text{
    width:100%;
    margin:0.1rem 0;
    line-height: 0.68rem;
    background: #508FCD;
    font-size: 0.22rem;
    color:#fff;
    text-align: center;
}
.m-web-sub-main{
    width:100%;
}
.m-web-sub-content{
    width:100%;
    background:rgba(255, 255, 255,0.8);
    font-size: 0.24rem;
    text-align:center;
    color: #2569AD;
    line-height:0.4rem;
    margin-bottom:0.3rem;
}
.m-web-sub-both{
    width:46%;
    padding:0 1%;
}
.m-web-sub-left{
    border-right:0.2rem solid #ABC4E8;
}
.m-web-sub-both .m-web-con-title{
    margin:0.4rem 0;
}
.m-web-sub-both .m-web-con-line{
    width: 62%;
    margin:0.2rem auto 0.1rem auto;
    height: 1px;
    background: #000000;
}
.m-web-sub-both .m-web-con-img{
    width:50%;
    margin:0 auto;
}
.m-web-con-img img{
    border:none;
    display:block;
}
.m-web-sub-both .m-web-sub-last{
    padding-bottom:0.3rem;
}
.m-web-sub-both .m-web-con-text{
    min-height:2.8rem;
}
.m-web-sub-both .m-web-last-img{
    margin-top:1.05rem;
}
.m-web-sub-last .m-web-con-text{
    min-height:0.8rem;
}
.m-web-rru{
    width:100%;
    padding:0.3rem 0;
    background:#8792C8;
}
.m-web-pico{
    width:100%;
    padding-bottom:0.3rem;
    background: url('../images/m_web_11.png') no-repeat;
    background-size: cover;
}
.m-web-pico-ul{
    width:94%;
    padding:0.4rem 0 0.4rem 2%;
    margin:0 auto;
    background: url('../images/m_web_14.png') no-repeat;
    background-size:100% 68%;
}
.m-web-pico-li{
    width:16.1%;
    height:1.68rem;
    text-align:center;
    font-size: 0.24rem;
    font-weight: bold;
    color: #508FCD;
    line-height: 0.3rem;
}
.m-web-pico-li:nth-child(1),.m-web-pico-li:nth-child(2),.m-web-pico-li:nth-child(4){
    margin-top:0.2rem;
}
.m-web-pico-li:nth-child(3n){
    line-height:1rem;
}
.m-web-pico-li:nth-child(5){
    margin-top:0.1rem;
}
.m-web-pico-img{
    width:70%;
    margin:0 auto;
}
.m-web-pico-btm{
    font-size: 0.24rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.7rem;
    text-align:center;
}
.m-web-ru{
    width:90%;
    padding:0.8rem 5%;
    background: #D7DBE1;
}
.m-web-ru-block{
    width:100%;
    font-size: 0.24rem;
    text-align:center;
    color: #333333;
    padding-bottom:0.5rem;
}
.m-web-ru-title{
    width:80%;
    margin:0.6rem auto;
    text-align:center;
    color:#fff;
    line-height: 0.86rem;
    background: #508FCD;
    border-radius: 25px;
    font-size: 0.3rem;
    font-weight: bold;
}
.m-web-block-img{
    width:3.73rem;
    height:0.93rem;
    margin:0 auto;
}
.m-web-block-text{
    line-height:0.4rem;
}
.m-web-block-nar{
    width:3.9rem;
    height:3.05rem;
    margin:0 auto;
    background: url('../images/m_web_18.png') no-repeat;
    background-size: cover;
}
.m-web-nar-left{
    width:30%;
    margin-left:10%;
}
.m-web-nar-img{
    width:100%;
    padding-top:0.4rem;
}
.m-web-block-ul{
    width:70%;
    margin:0.2rem auto 0 auto;
}
.m-web-block-li:not(:nth-child(2)){
    width:1.19rem;
    height:0.89rem;
}
.m-web-block-li:nth-child(2){
    width:54%;
}
.fb{
    font-weight: bold;
}
.m-web-block-md{
    width:5.43rem;
    height:4.45rem;
    margin:0 auto;
    margin-bottom:0.88rem;
    background: url('../images/m_web_16.png') no-repeat;
    background-size: cover;
}
.m-web-tel-img{
    width:2.28rem;
    height:2.98rem;
    margin:0 auto 0.2rem auto;
}
.m-web-eap{
    width:100%;
    padding:0.3rem 0;
    background: url('../images/m_web_22.png') no-repeat;
    background-size: cover;
}
.m-web-sim{
    width:80%;
    margin:0.6rem auto;
}
.m-web-sim-title{
    font-size: 0.3rem;
    line-height:0.4rem;
    padding:0.2rem 0;
    font-weight: bold;
    color: #2569AD;
    text-align:center;
}
.m-web-sim-ul{
    width:100%;
}
.m-web-sim-li{
    width:100%;
    margin-top:0.3rem;
    background: #2569AD;
    border-radius:0.5rem;
    font-size: 0.24rem;
    color:#fff;
    line-height:0.24rem;
    padding:0.22rem 0.1rem;
    text-align:center;
}
.m-web-rule{
    width:100%;
    padding:0.3rem 0;
    background: url('../images/m_web_23.png') no-repeat;
    background-size: cover;
}
.m-web-system{
    width:100%;
    background: #F2F7FC;
    color: #4E4E4E;
    padding-top:0.5rem;
}
.m-web-sys-cloud{
    width:4.46rem;
    margin:0 auto;
    position: relative;
}
.m-web-cloud-oth{
    width:42%;
    position: absolute;
    left:28%;
    top:48%;
    line-height:0.24rem;
    text-align:center;
    font-size: 0.16rem;
}
.m-web-cloud-rea{
    width:42%;
    position: absolute;
    left:28%;
    top:60%;
    text-align:center;
    font-size: 0.16rem;
}
.m-web-sys-text{
    width:75%;
    margin:0 auto;
    font-size:0.18rem;
    text-align:center;
    padding-top:0.1rem;
}
.m-web-sys-btm{
    width:45%;
    font-weight:bold;
    margin-left: -20px;
}
.m-web-sys-arw{
    width:3rem;
    margin:0 auto;
}
.m-web-sys-arw-sml{
    width:0.1rem;
}
.m-web-sys-mzone{
    width:80%;
    margin:0 auto;
    position: relative;
    font-size: 0.16rem;
    color: #4E4E4E;
}
.m-web-sys-mzone .m-web-sys-mzusr{
    position:absolute;
    right:30%;
    bottom:26%;
}
.m-web-sys-mzone .m-web-sys-mzsim{
    position:absolute;
    right:24%;
    bottom:20%;
}
.m-web-sys-title{ 
    width:80%;
    margin:0.1rem auto 0.3rem auto;
    text-align:center;
    font-size: 0.3rem;
    line-height:0.4rem;
    padding:0.3rem;
    font-weight: bold;
    color: #FFFFFF;
    background: #2569AD;
    border-radius: 0.5rem;
}
.m-web-sys-ul{
    width:80%;
    margin:0 auto;
    font-size:0.18rem;
    line-height:0.4rem;
    padding-bottom:0.8rem;
}
.m-web-sys-li{
    width:100%;
}
.m-web-sys-li .m-web-sys-sp{
    font-weight:bold
}
.m-web-sys-li p{
    margin-left:8px;
}
.m-web-num{
    width:100%;
    padding:0.3rem 0;
    background: url('../images/m_web_29.png') no-repeat;
    background-size: cover;
}
.m-web-bottom{
    width:100%;
    height:21.2rem;
    background: url('../images/m_web_28.png') no-repeat;
    background-size: cover;
    font-size:0.18rem;
    color:#fff;
    text-align:center;
}
.m-web-btm-top{
    width:92%;
    margin:0 auto;
}
.m-web-btm-top .m-web-btm-app{
    width:45%;
}
.m-web-btm-top img{
    margin:0.4rem 0 0.2rem 0;
}
.m-web-btm-title{
    width:90%;
    margin:0.5rem auto 0.3rem auto;
    font-size:0.3rem;
    font-weight:bold;
}
.m-web-btm-all{
    width:3.63rem;
    height:12.96rem;
    margin:1.5rem auto 0 auto;
    background: url('../images/m_web_39.png') no-repeat;
    background-size: cover;
    position: relative;
}
.m-web-btm-icon{
    width:1.9rem;
    line-height:0.36rem;
    position: absolute;
}
.m-web-btm-icon img{
    margin-bottom:0.14rem;
    width:100%;
}
.m-web-btm-icon btm-text{
    margin-bottom:0.1rem;
}
.m-web-btm-icon .btm-name{
    font-weight:bold;
    font-size:0.24rem;
}
.btm-icon-one{
    left:-0.58rem;
    top:-1.06rem;
}
.btm-icon-two{
    right:-0.66rem;
    top:-1.06rem;
}
.btm-icon-three{
    left:-0.58rem;
    top:3.04rem;
}
.btm-icon-four{
    right:-0.66rem;
    top:3.04rem;
}
.btm-icon-five{
    left:-0.58rem;
    top:7.3rem;
}
.btm-icon-six{
    right:-0.66rem;
    top:7.3rem;
}
.btm-icon-seven{
    left:0.9rem;
    bottom:-1.5rem;
}
.m-web-aka{
    width:100%;
    font-size:0.16rem;
    color: #508FCD;
}
.m-aka-top{
    width:100%;
    height:3rem;
    background: #E5EDF5;
}
.m-aka-top .m-aka-right{
    width:4.25rem;
    margin-top:0.95rem;
    position: relative;
}
.m-aka-top .m-aka-rh-img{
    width:3.7rem;
    height:1.1rem;
}
.m-aka-top .m-aka-rh-text{
    width:1.8rem;
    position: absolute;
    left:0.9rem;
    top:0.3rem;
    font-size: 0.16rem;
    text-align:center;
}
.m-aka-top .m-aka-dsy-ac{
    width:49%;
    display: inline-block;
    font-size: 0.18rem;
    line-height:0.32rem;
}
.m-aka-top .m-aka-dsy-name{
    width:38%;
    display: inline-block;
    text-align:center;
    font-size: 0.18rem;
    line-height:0.32rem;
}
.m-aka-top .m-aka-left{
    width:2.9rem;
    margin-top:0.8rem;
    padding:0 0.05rem 0 0.3rem;
    font-size: 0.18rem;
    color: #508FCD;
}
.m-aka-left .m-aka-lf-title{
    line-height:0.6rem;
    font-size: 0.24rem;
    font-weight: bold;
}
.m-web-aka-main{
    width:100%;
    height:6rem;
    position: relative;
}
.m-aka-main-top{
    font-size: 0.16rem;
    line-height:0.3rem;
    color: #508FCD;
    text-align:left;
}
.aka-top-left{
    width:3.59rem;
    text-align:right;
    padding-left:0.2rem;
}
.aka-top-right{
    width:3.2rem;
    padding-right:0.2rem;
}
.m-web-aka-main .m-aka-atp .m-aka-top-arw{
    width:0.28rem;
    height:1.1rem;
    position: absolute;
    left:3.79rem;
    top:-0.5rem;
}
.m-web-aka-btm .m-aka-atp .m-aka-top-arw{
    width:0.27rem;
    height:1.43rem;
    position: absolute;
    left:3.79rem;
    top:-0.5rem;
}
.m-web-aka-tfp{
    width:1.8rem;
    text-align:right;
    padding-left:0.2rem;
    font-size: 0.16rem;
    line-height:0.34rem;
    color: #508FCD;
    margin-bottom:0.2rem;
}
.m-web-aka-tfp .aka-tpf-red{
    color:#FF0000;
}
.m-web-aka-tel{
    width:2.6rem;
    margin-left:0.51rem;
    position: relative;
}
.m-web-aka-telimg{
    width:2.12rem;
    height:2.27rem;
}
.m-web-aka-tel .m-aka-tel-key{
    position: absolute;
    top:1.17rem;
    left:1.4rem;
    font-size: 0.14rem;
    color: #333333;
}
.m-web-aka-tel .m-aka-tel-name{
    margin-left:0.14rem;
    margin-top:0.3rem;
    font-size: 0.18rem;
    font-weight: bold;
    color: #508FCD;
}
.m-web-aka-tpimg{
    width:1.56rem;
    height:3.06rem;
    position: absolute;
    left:2.09rem;
    top:-0.6rem;
}
.m-web-aka-btm{
    width:100%;
    height:3rem;
    background: #E5E5E5;
    position: relative;
}
.aka-tfpimg-text{
    position: absolute;
    bottom:0;
}
.m-web-aka-tparw{
    position: absolute;
    width:1.58rem;
    height:3.09rem;
    left:2.09rem;
    bottom:-0.95rem;
    z-index:99;
}
.m-web-aka-rheld{
    position: absolute;
    top:0.8rem;
    right:0.55rem;
    width:3.7rem;
}
.m-web-aka-rheld .m-aka-rhtext{
    font-size: 0.18rem;
    line-height:0.34rem;
    font-weight: bold;
    color: #508FCD;
}
.m-web-aka-rheld .m-aka-rhimg,.m-web-aka-rheld .m-aka-rhimg img{
    width:100%;
}
.m-aka-rh-float{
    width:100%;
}
.m-aka-rh-float .aka-rhfl{
    width:55%;
    text-align:left;
}
.m-aka-rh-float .aka-rhfr{
    width:45%;
    text-align:right;
}
.m-aka-login{
    position: absolute;
    width:3.2rem;
    top:2.6rem;
    left:3.78rem;
}
.m-aka-login .m-aka-logimg{
    width:0.2rem;
    height:1.36rem;
}
.m-aka-login .m-aka-logtext{
    width:3rem;
    margin-top:0.5rem;
    font-size: 0.16rem;
    line-height:0.32rem;
    color: #508FCD;
}
.m-aka-hlr{
    position: absolute;
    width:3.2rem;
    bottom:0.7rem;
    left:3.41rem;
    color: #508FCD;
    font-size:0.32rem;
}
.m-aka-hlr-hss{
    width:1.15rem;
}
m-aka-hlr-hss .m-aka-hlrimg{
    width:1.15rem;
    height:1rem;
}
.m-aka-hlr-hss .m-aka-hlrname{
    text-align:center;
    font-size: 0.18rem;
    font-weight: bold;
    line-height:0.4rem;
}
.m-aka-hlrtext{
    width:1.8rem;
    margin-top:0.2rem;
    padding-left:0.1rem;
    font-size: 0.16rem;
}
.m-aka-mob{
    margin-top:0.75rem;
    color: #508FCD;
}
.m-mob-title{
    width:2.8rem;
    padding:0.2rem 0.05rem 0 0.3rem;
    font-size: 0.24rem;
    line-height:0.36rem;
    font-weight: bold;
    text-align:center;
}
.m-mob-right{
    width:4rem;
    font-size: 0.18rem;
    line-height:0.36rem;
    font-weight: bold;
    text-align:center;
}
.m-mob-rh-img{
    width:3.7rem;
    height:1.1rem;
}
.m-web-base{
    width:90%;
    margin:0 auto;
    text-align:center;
}
.m-base-dsy-fir{
    width:35%;
    height:0.2rem;
}
.m-base-dsy-ac{
    width:35%;
}
.m-base-dsy-name{
    width:30%;
}
.m-web-sys-tple{
    width:80%;
    margin:0 auto;
}
.m-web-sys-tple .m-web-tletxt{
    width:50%;
    text-align:center;
    font-size: 0.3rem;
    font-weight: bold;
    color: #4E4E4E;
    padding:0.5rem 0;
}