*{font-family:"微软雅黑";}
body{margin: 0; padding: 0;background-color:#022c76;}
ul,li,dl,dt,dd,a{bodrder:0;margin: 0;padding: 0;}
div{bodrder:0;margin: 0;padding: 0;}
div.maindiv{width:100%;background-color:#022c76;display: block; }
div.bodydiv{width:100%;}
.mainheight{height:976px;}
.fontheight{height: auto;}
div.header{width:1600px;;height:106px;margin:0 auto;border-bottom:0;}
.header .logo{width: 103px;height:67px; background: url(../img/logo.png) no-repeat;margin-left:5px;margin-top:20px;float:left;}
.header .menudiv{width: 480px;height:106px;float:right;}
.header .menudiv a{width: 120px;height:106px;line-height:106px;font-family:"微软雅黑"; font-weight: 400; font-size:16px;text-align:center;text-decoration:none;display:block; float: left;}
.header .menudiv a{text-decoration:none;color:#5d81c2; border: 0;font-family:"微软雅黑";}
.header .menudiv a.setting{color: #fff; font-weight: 700;font-family:"微软雅黑";}
.header .menudiv a.setting:hover{text-decoration: none;}
.header .menudiv a:hover{color:#ffffff;text-decoration:none; border: 0;}
.bgdiv{width:100%;height:870px; background:url(../img/bg.jpg) top left no-repeat; }
.pbgdiv{ display: none;}
.bgdiv .centediv{font-family:"微软雅黑";text-align: left;font-size: 48px;color: #fff;line-height: 60px;width: 460px;height:auto;margin-left: 222px;padding-top: 232px;}
.bgdiv .centediv .btn{width: 100%;height: auto;display: block; padding-top: 20px;}
.bgdiv .centediv .btn a{width:30%;min-width:100px; height:60px;font-size: 16px;background-color: #f00;color: #fff; text-decoration: none; padding-left:60px; margin-bottom: 20px; text-align: left;line-height:60px;float: left;display:block;margin-right:4%;-webkit-border-radius: 2vw;
    -moz-border-radius: 2vw;border-radius: 2vw; }
.iosbg{background: url(../img/iphone.png) 25px center no-repeat;}
.androidbg{background: url(../img/android.png) 25px center no-repeat;}
.bgdiv .centediv .btn button.joinus{background-color: #f00;border: 2px solid #f00;color: #fff;}
.clearfix::after {content: "";height:0;display: block; visibility: hidden;clear: both;}
.footerdiv{width: 100%;height: 60px; line-height: 60px;font-size: 14px;color: #d1d9e7; background-color: #061f4a;  text-align: center; display: block;}
.footerdiv a{ padding: 0 30px; text-decoration: none; color: #d1d9e7;}
.footerdiv a:hover{text-decoration: underline;}
.pmenu{ display: none;}

.pagediv{height:auto; color: #fff; background-color:#022c76;font-family:"微软雅黑"; min-height: 100vh;}
.topdiv{width: 100%; height: auto; text-align: center; opacity: 1; font-size: 16px; line-height: 32px; padding: 10px 0; font-weight: 700; border-bottom: 1px solid #6780ad; margin-bottom: 0;}
.topdiv a{ position: absolute; left:3%; top:16px; line-height: 32px; height: 32px; color: #6780ad; display: block; text-decoration: none; padding: 0 16px;}
.upBigdiv{display: none;}
@media(min-width: 765px) {
    .fontdiv {
        padding:0 5.85rem;
    }
}

.fontdiv{ width: 980px; height:auto; margin: 0 auto;font-size: 14px; line-height: 30px; color: #fff; padding-top: 30px;}
.fontdiv b{ color: #f00;}
.fontdiv h2{font-size: 16px; margin: 0; padding: 0;}
.fontdiv a{color: #fff; text-decoration: underline;}
.hidden{display: none;}
@media (max-width: 765px) {
    div.header{width:100%;height:66px;margin:0 auto 20px; border-bottom: 1px solid #b0cdff;}
    .header .logo{width: 103px;height:57px; background: url(../img/logo.png) no-repeat;background-size: 70% auto;margin-left:15px;margin-top:5px;float:left;}

    div.maindiv{width:100%;background-color:#022c76;display: block; }
    div.bodydiv{width:100%;}
    .mainheight{height:100vh;}
    .header .menudiv{width: 480px;height:66px;float:right; display: none;}
    .pmenu{ display: block; float: right; width: 45px; height: 32px; background: url(../img/menu.png) no-repeat;background-size: 70% auto; margin-top: 22px; margin-right: 25px; border: 0;}
    .menubgp{ width: 100%; height: 100%; position: absolute; z-index: 8;background-color:rgba(0, 0, 0, 0.8); left: 0; top: 0;}
    .setmenu{ width: 100%; height: auto; position: absolute; background-color:rgba(0, 0, 0, 0.9); color: #fff; z-index: 10;}
    .setmenu a{ font-size: 16px; color: #fff; width: 100%; line-height: 80px; border-bottom: 1px solid #b3b4b6;text-indent: 2em; text-decoration: none; display: block;}
    .setmenu a:hover{ text-decoration: none;}
    .setmenu a.last{ border-bottom: 0;}
    .setmenudiv{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; z-index: 8;background-color:rgba(0, 0, 0, 0.5);}
    .bgdiv{width:100%;height:100vh; min-height: 631px; background:url(../img/phonebg.jpg) bottom left no-repeat; background-size: 100% auto;}
    .pbgdiv{ position: absolute; z-index:0; width: 100%;  background:url(../img/phoneimg.png) bottom right no-repeat; background-size: 90% auto; right: 10px; bottom:5%;  display: block;min-height:600px;}
    .bgdiv .centediv{font-family:"微软雅黑";text-align: left;font-size: 36px;color: #fff;line-height: 50px;width: 460px;height:auto;margin-left: 15px;padding-top: 0; z-index: 2; position: absolute; left: 0;  top: 156px;}
    .bgdiv .centediv .btn{width: 200px;height: 180px;display: block; padding-top: 20px;}
    .bgdiv .centediv .btn a{width: 122px;height:52px;font-size: 16px; margin-right: 0; margin-bottom: 10px; cursor: pointer;background-color: #f00;color: #fff; text-align: left;line-height: 52px;float: left;padding-left:60px; -webkit-border-radius:60px ;
        -moz-border-radius: 60px;border-radius:60px; }

    .topdiv{ margin-bottom: 15px;}
    .fontdiv {padding:0 2.5%; width: 95%; display: block;}
    .footerdiv{ display: none;}
    .upBigdiv{ width: 100%; height: 100%; position: absolute; left: 0;bottom: 0;background-color:rgba(0, 0, 0, 0.6); background-image: url(../img/up.png); background-repeat: no-repeat; background-position: right top; background-size: 73%; display: block; z-index: 99;}