html,body{margin:0px;padding:0px;color:#333}
h1,h2,h3,h4,p{font-style:normal;padding:0px;margin:0px}
a{color:#333;text-decoration:none;}

.body-pc{display:none;}
.body-mb{display:none;}
@media (min-width: 751px){
    .body-pc{width:100%;}
    /* .body-mb{display:none;} */
}
@media (max-width: 750px){
    body{width:750px;}
    /* .body-pc{display:none;} */
    .body-mb{width:100%;}
}
.clear{clear:both}
.pos-re{position: relative;}
.pos-ab{position: absolute;}
.bgf6f6f6{background-color:#f6f6f6}
.h600{height:600px;}
.h744{height:744px;}
.body-pc{}
.body-pc .top{width: 100%;height: 650px;background: linear-gradient( 180deg, #D7EBFF 0%, rgba(196,230,255,0) 100%);}
.body-pc .body{width:1240px;margin:0px auto}
.body-pc .logo{background:url(../images/logo.png) left center no-repeat;background-size:44px 44px;float:left;font-size:18px;height:44px;line-height: 44px;padding-left:56px;font-weight:bold;text-align:left;margin-top:22px;}
.body-pc .policy{float:right;margin-top:22px;font-size:18px;line-height:44px;height:44px;color:#333}
.body-pc .policy:hover{color:#126ddc}
.body-pc .word1{top:113px;left:0px;font-size: 50px;}
.body-pc .word2{top:209px;left:0px;font-size: 44px;line-height: 50px;width: 588px;}
.body-pc .nav1{width:371px;height:349px;right:50px;top:48px;background:url(../images/pc-nav1.png) center center no-repeat;background-size:100% 100%}
.body-pc .lefttitlepic{top:506px;left:228px;background:url(../images/pc-pic.png) center center no-repeat;width:160px;height:16px;}
.body-pc .lefttitlepic.righttitlepic{transform: rotate(180deg);right:228px;left:auto !important}
.body-pc .title{top:490px;left:calc(50% - 215px);width:430px;height:44px;line-height:44px;font-size:40px;font-weight: bold;text-align: center;}
.body-pc .googlehref{left:0px;height:103px;width:295px;top:342px;background:url(../images/googoeplay.png) center center no-repeat;}
.body-pc .googlehref:hover{background:url(../images/googoeplay2.png) center center no-repeat;}

.body-pc .middle{width:100%;}
.body-pc .middle .middlepic{margin-top:42px;margin-bottom:80px}
.body-pc .middle .middlepic div{width:350px;height:622px;float:left;margin-left:63px}
.body-pc .middle .middlepic div.pic1{background:url(../images/pc-pic1.png) center center no-repeat;background-size:100% 100%}
.body-pc .middle .middlepic div.pic2{background:url(../images/pc-pic2.png) center center no-repeat;background-size:100% 100%}
.body-pc .middle .middlepic div.pic3{background:url(../images/pc-pic3.png) center center no-repeat;background-size:100% 100%}

.body-pc .info1 span{left:83px;top:160px;font-weight:bold;font-size:60px;width:518px;line-height: 70px;}
.body-pc .info1 p{left:83px;top:354px;font-size:34px;line-height: 40px;}
.body-pc .info1 .pic4{right:0px;top:80px;width:350px;height:520px;background:url(../images/pc-pic4.png) center center no-repeat;background-size:100% 100%}

.body-pc .info2 span{left:613px;top:140px;font-weight:bold;font-size:60px;width:660px;line-height: 70px;}
.body-pc .info2 p{left:613px;top:334px;font-size:34px;line-height: 40px;width: 718px}
.body-pc .info2 .pic5{left:0px;top:100px;width:481px;height:439px;background:url(../images/pc-pic5.png) center center no-repeat;background-size:100% 100%}

.body-pc .footer{width:100%;background-color:#041427;height:46px;line-height: 46px;color:#ffffff;text-align:center;font-size:20px;}


.body-mb{max-width:750px;margin:0px auto;}
.body-mb .head{width: 100%;height: 600px;background: linear-gradient( 180deg, #D7EBFF 0%, rgba(196,230,255,0) 100%);}
.body-mb .head h2{left:40px;top:180px;font-size:50px;font-weight:bold;}
.body-mb .head p{left:40px;top:276px;font-size:30px}
.body-mb .head .navpic{right:20px;top:118px;width:308px;height:292px;background:url(../images/pc-nav1.png) center center no-repeat;background-size:308px 292px;}
.body-mb .head .lefttitlepic{top:546px;left:50px;background:url(../images/pc-pic.png) center center no-repeat;width:160px;height:16px;background-size:100% 100%;}
.body-mb .lefttitlepic.righttitlepic{transform: rotate(180deg);left:540px;top:474px;}
.body-mb .title{top:490px;left:0px;width:100%;height:44px;line-height:44px;font-size:50px;font-weight: bold;text-align: center;}

.body-mb .middle.piclay div{float:left;width:222px;height:395px;margin-top:26px;margin-bottom:80px;}
.body-mb .middle.piclay .pic1{margin-left:30px;background:url(../images/pc-pic1.png) center center no-repeat;background-size:100% 100%}
.body-mb .middle.piclay .pic2{margin-left:12px;background:url(../images/pc-pic2.png) center center no-repeat;background-size:100% 100%}
.body-mb .middle.piclay .pic3{margin-left:12px;background:url(../images/pc-pic3.png) center center no-repeat;background-size:100% 100%}

.body-mb .middle.info1{}
.body-mb .info1 span{float:left;width:100%;margin-top:80px;font-weight:bold;font-size:60px;line-height: 70px;text-align:center;}
.body-mb .info1 p{float:left;width:100%;margin-top:40px;font-size:28px;line-height: 40px;text-align:center;}
.body-mb .info1 .pic4{float:left;margin-top:84px;margin-left:calc(50% - 214px);width:428px;height:635px;background:url(../images/pc-pic4.png) center center no-repeat;background-size:100% 100%}

.body-mb .info2 span{float:left;width:100%;margin-top:100px;font-weight:bold;font-size:60px;line-height: 70px;text-align:center;}
.body-mb .info2 p{float:left;width:100%;margin-top:40px;font-size:24px;line-height: 32px;text-align:center;color:#888}
.body-mb .info2 .pic5{float:left;margin-top:80px;width:610px;height:610px;background:url(../images/pc-pic5.png) center center no-repeat;background-size:100% 100%}

.body-mb .footer{width:100%;background-color:#041427;height:46px;line-height: 46px;color:#ffffff;text-align:center;font-size:20px;}