@charset "UTF-8";
@font-face{font-family:dashu;src:url(dashu.otf) format("opentype");font-weight:400}
.dashu{font-family:dashu;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;font-family:"Microsoft YaHei";}
.left{width:50%;float:left;background:linear-gradient(45deg,#003aff 0%,#00b9ff 100%);height:100vh;position:relative;}
.right{width:50%;float:right;}
.ipic{position:absolute;top:50%;left:50%;margin:-160px 0 0 -200px;width:400px;height:320px;background:url(app.png);box-shadow:0 0 0 0 rgba(0,0,0,0.30),0 23px 38px 0 rgba(0,0,0,0.43),0 25px 65px 0 rgba(0,0,0,0.10);border-radius:5px;}
.contentbox{margin:auto;padding:26vh 18vh 10vh 18vh;}
.zhuyao h2{font-size:18px;color:#006fff;font-weight:inherit;margin:0px 0px 10px 0px;font-family:dashu;}
.zhuyao h1{font-size:60px;color:#000000;margin-bottom:10px;margin:0px;font-weight:bold;}
.zhuyao p{color:#9a9696;line-height:32px;font-size:18px;font-weight:500;font-family:dashu;margin-bottom:30px;}
.down{width: 220px;background:#007aff;height:44px;line-height:44px;display:block;color:#fff;text-decoration:none;overflow:hidden;text-align:center;position:relative;-webkit-transition:all 300ms linear 0s;-o-transition:all 300ms linear 0s;transition:all 300ms linear 0s;z-index:2;border-radius:5px;border-bottom: 3px solid #0053ff;font-family: dashu;}
.down i{margin-right:10px;}
.banquan{}
.banquan p{margin-top:40px;color:#9a9696;font-size:16px;font-weight:500;font-family:dashu;}
.banquan p a{
    color: #7d7d7d;
}
.down:before{content:"";position:absolute;z-index:-1;background:#0090ff;height:280px;width:330px;border-radius:50%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:100%;-webkit-transition:all .7s;-o-transition:all .7s;transition:all .7s;z-index:-1;}
.down:hover:before{bottom:-50px;}
@media (max-width:1200px){
    .left{width:100%}
    .right{width:100%}
    .contentbox{padding:8vh;}
}