*{margin:0;padding:0;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
a { text-decoration: none; }
.clear{clear: both;}

@media screen and (min-width:1170px) {
html{font-size:16px;}
body{font-size:16px;}
.header{width:100%;background:url(../images/bg.png) no-repeat top center;height:1088px;}
.headercc{clear:both;width:1168px;margin:auto;}
.wrap{width:1410px;margin:auto;}
.headercc2,.bigdownbtnbox,.wap{display:none;}
.bignav{display:none;}
.headercc{padding-top:77px;}
.logo{width:215px;height:82px;display:block;background:url(../images/logo.png) no-repeat;overflow:hidden;}
.logo h1{text-indent:9999rem;width:100%;overflow:hidden;height:100%;line-height:80px;}
.top_ad{width:100%;padding-top:125px;}
.top_ad h2{width:100%;height:80px;display:block;font-size:65px;color:#fff;}
.top_ad h3{font-size:67px;color:#fff;margin-top:34px;}
.top_ad h4{font-size:47px;color:#fff;margin-top:25px;font-weight:normal;}
#down_btn{display:block;}
#down_btn2{display:none;}
.down_btn{padding-top:84px;width:533px;}
.down_btn a{width:233px;height:68px;display:block;line-height:68px;padding-left:82px;font-size:20px;color:#333;margin-bottom:24px;background:#fff url(../images/do-windows.png) no-repeat 35px center;background-size:35px auto;}
.down_btn a.a2{background:#fff url(../images/ios.png) no-repeat 35px center;background-size:35px auto;}
.down_btn a.a3{background:#fff url(../images/android.png) no-repeat 35px center;background-size:35px auto;}
.down_btn a.a4{background:#fff url(../images/mac.png) no-repeat 35px center;background-size:35px auto;}
.down_btn a:hover{box-shadow:0px 2px 5px 5px rgba(255,255,255,0.5)}

.bigdownbtn{clear:both;width:210px;height:60px;display:block;background:#e24b2d;color:#fff;line-height:60px;text-align:center;margin-top:180px;border-radius:30px;font-size:24px;}
a.bigdownbtn:hover{font-style:bold; color:#fff;box-shadow:0px 2px 5px 5px rgba(255,255,255,0.5)}

.setion0{padding-top:56px;}
.box{}
.box .head{}
.box .head h2{text-align:center;padding-top:100px;font-size:58px;color:#263238;font-weight:bold;}
.box .head h3{padding-top:80px;font-size:35px;text-align:center;line-height:58px;font-style:normal;color:#546e7a;width:986px;margin:auto;}
.box .body{padding-top:100px;}

.setion1{}
.box1 h2{background:url(../images/sd_35.jpg) no-repeat left top;text-align:left;padding-top:140px;font-size:36px;color:#3b1eaa;margin-top:127px;}
.box1 h3{font-size:24px;line-height:40px;margin-top:56px;}
.box1 a{width:358px;height:78px;font-size:24px;line-height:78px;display:block;background:#00154b;color:#fff;border-radius:13px;text-align:center;}
.box1 a:hover{background:#052780;box-shadow:0px 2px 5px 5px rgba(255,255,255,0.5)}

.setion2{height:1599px;background:url(../images/wp_06.png) no-repeat center top;}
.setion2 .box1 h2{background:url(../images/sd_39.jpg) no-repeat left top;text-align:left;padding-top:132px;font-size:36px;color:#3b1eaa;margin-top:0;}
.setion2 .box1 h3{font-size:24px;line-height:40px;margin-top:41px;}
.setion2 img{float:right;}
.setion2 .layui-col-md8,.setion2 .layui-col-md4{float:right !important;}

.tit{background:url(../images/sd_12.jpg) no-repeat center top;text-align:center;padding-top:90px;font-size:36px;color:#3b1eaa;}
.ftit{font-size:24px;line-height:100px;text-align:center;font-weight:normal;color:#9899a3;}

.setion4{height:795px;background:url(../images/wp_05.png) no-repeat center top;}
.choseus{padding-top:26px;margin-bottom:50px;}
div.choseus:nth-child(2){margin-top:80px;}
.choseus h4{font-size:24px;line-height:30px;height:103px;padding-left:110px;background:url(../images/sd_19.jpg) no-repeat left center;margin-bottom:25px;}
.choseus  p{font-size:18px;line-height:30px;padding-left:110px;margin-top:-80px;}
.choseus .layui-col-md4:hover h4{color:#194cd2;}
.choseus .layui-col-md4:hover p{color:#194cd2;}
.choseus h4.hh2{background:url(../images/sd_21.jpg) no-repeat left center;}
.choseus h4.hh3{background:url(../images/sd_16.jpg) no-repeat left center;}
.choseus h4.hh4{background:url(../images/sd_26.jpg) no-repeat left center;}
.choseus h4.hh5{background:url(../images/sd_27.jpg) no-repeat left center;}
.choseus h4.hh6{background:url(../images/sd_28.jpg) no-repeat left center;}

.layui-col-space5 > * {
    padding: 12px;
}

.setion5{margin-top:110px;padding-top:118px;background:#4325b3;padding-bottom:150px;}
.setion5 .tit{background:url(../images/sd_47.jpg) no-repeat center top;color:#fff;}
.replaybox{padding-top:70px;}
.replaybox .layui-col-space5{margin: -18px;}
.replaybox .layui-col-space5 .layui-col-md4{padding:18px !important;}
.box3{background:#fff;border:1px solid #ededed;border-radius:5px;padding:35px;}
.box3 .head{margin-bottom:30px;}
.box3 .head b{font-weight:normal;color:#00aaa4;display:block;background:url(../images/sd_51.jpg) no-repeat center top;text-align:center;padding-top:127px;}
.box3 .head b.b2{background:url(../images/sd_54.jpg) no-repeat center top;}
.box3 .head b.b3{background:url(../images/sd_57.jpg) no-repeat center top;}
.box3 .head b.b4{background:url(../images/sd_59.jpg) no-repeat center top;}
.box3 .body{height:240px;overflow:hidden;}
.box3 .body p{font-size:16px;line-height:30px;}
.box3:hover{box-shadow:0px 2px 5px 5px rgba(162,162,162,0.5);}
.box3 .bottom{line-height:24px;font-size:12px;text-align:center;margin-top:20px;}
.box3 .bottom .star{width:140px;height:43px;background:url(../images/sd_66.jpg) no-repeat left center;display:block;margin:auto;}

.setion6{padding:170px 0 84px;}
.setion6 a:hover img{box-shadow:0px 2px 5px 5px rgba(111,111,111,0.5)}

.footer{background:#bd5498 url(../images/wp_17.png) repeat-x left top;padding-top:135px;padding-bottom:156px;color:#fff;}
.shejiao{width:500px;float:right;padding-top:47px;}
.shejiao img{width:41px;height:41px;display:block;float:right;margin-left:8px;}
.shejiao img:last-child{margin-left:0;}
.webyuyan{color:#999;margin-bottom:50px;}
.col-light li a{line-height:50px;color:#fff;}
.col-light p{padding-top:60px;}
.footer .tca{width:480px;float:right;}
.footer .tca a{color:#fff;display:block;margin-bottom:20px;}
}


@media screen and (max-width:1169px) {
html{font-size:100px;}
body{font-size:100px;max-width:750px;margin:auto;}
.header{width:100%;min-height:12.7rem;}
.wrap{clear:both;width:100%;margin:auto;}

.layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9 {
    float: none;width:100%;padding:0.5rem;
}
.layui-row img,.wrap img{max-width:100%;}
.layui-col-md6-yx {
    width: 50%;float: left;
}
.layui-col-md6{float:none;width:100%;}
img{max-width:100%;}
.bignav{display:block;background:#fff;border-top:1px solid #ddd;height:1rem;position:fixed;z-index:9999;bottom:0;left:0;width:100%;}
.headercc,.pc,.setion6{display:none !important;}
.logo{height:0.68rem;display:block;text-align:center;line-height:0.68rem;}
.logo h1{line-height:0.68rem;font-size:0.68rem;color:#fff;font-weight:bold;}
.bignav .logo h1{text-indent:9999px;width:100%;overflow:hidden;height:100%;line-height:80px;font-size:1px;}
.bignav .logo{width:50%;height:0.8rem;background:url(../images/logo2.png) no-repeat;background-size:auto 0.8rem;margin-left:0.15rem;margin-top:0.1rem;display:block;float:left;}
.bignav .downnow{width:2.05rem;height:0.8rem;display:block;line-height:0.8rem;font-size:0.25rem;color:#fff;float:right;background:#d3527d;border-radius: 0.4rem;text-align:center;margin-top:0.1rem;margin-right:0.2rem;font-weight:bold;float:right;}

.top_ad{width:100%;padding-top:0rem;background:url(../images/ho_01.png) no-repeat;background-size:auto 4.27rem;height:4.27rem;padding-top:0.88rem;}
.top_ad h1{width:100%;height:0.8rem;display:block;font-size:0.65rem;text-align:center;color:#fff;}
.top_ad h2{width:100%;height:0.8rem;display:block;font-size:0.65rem;text-align:center;color:#fff;}
.top_ad h3{font-size:0.46rem;color:#fff;margin-top:0.3rem;font-weight:normal;text-align:center;}
.top_ad h4{font-size:0.41rem;color:#fff;margin-top:0.25rem;font-weight:normal;text-align:center;display:none;}
#down_btn{display:None;}
#down_btn2{display:block;}
.down_btn{padding-top:0.84rem;width:100%;margin:auto;}
.down_btn a{width:2.85rem;height:0.8rem;display:block;line-height:0.8rem;padding-left:0.9rem;font-size:0.25rem;color:#333;margin:auto;margin-bottom:0.2rem;background:#fff url(../images/do-windows.png) no-repeat 0.3rem center;background-size:0.5rem auto;border-radius: 0.4rem;}
.down_btn a.a2{background:#fff url(../images/ios.png) no-repeat 0.3rem center;background-size:0.5rem auto;}
.down_btn a.a3{background:#fff url(../images/android.png) no-repeat 0.3rem center;background-size:0.5rem auto;}
.down_btn a.a4{background:#fff url(../images/mac.png) no-repeat 0.3rem center;background-size:0.5rem auto;}
.down_btn a:hover{box-shadow:0px 2px 5px 5px rgba(255,255,255,0.5)}

.bigdownbtn{background:url(../images/ho_04.png) no-repeat left top;background-size:100% auto;display:block;width:100%;height:1.49rem;}
.setion{padding-top:0.6rem;}
.box1 h2{font-size:0.45rem;line-height:0.6rem;margin-bottom:0.6rem;font-weight:bold;text-align:center;}
.box1 h3{font-size:0.24rem;line-height:0.4rem;margin-bottom:0.6rem;color:#546e7a;}
.box1 a{width:3.58rem;height:0.78rem;font-size:0.24rem;line-height:0.78rem;display:block;background:#00154b;color:#fff;border-radius:0.13rem;text-align:center;margin:auto;}

.setion0{padding-top:0.45rem;}
.box .head h2{text-align:center;padding-top:0px;font-size:0.36rem;color:#263238;font-weight:bold;}
.box .head h3{font-size:0.24rem;text-align:center;line-height:0.42rem;font-style:normal;margin:0.3rem 0.7rem;color:#546e7a;}

.layui-col-space5{margin:0.35rem;}

.footer{background:#d3527d url(../images/hofooter.png) no-repeat left bottom;background-size:100% auto;padding-top:0;padding-bottom:1.3rem;color:#fff;font-size:0.24rem;}
.footer .wrap{background:url(../images/ho_14.png) no-repeat left top;background-size:100% auto;padding:0.35rem;padding-top:0.42rem;}
.shejiao{width:5rem;padding-top:0.34rem;margin:auto;}
.shejiao img{width:0.41rem;height:0.41rem;display:inline-block;margin-left:0.02rem;margin-bottom:0.08rem;}
.shejiao img:last-child{margin-left:0;}
.webyuyan{color:#999;margin-bottom:0.5rem;margin-top:0.3rem;}
.col-light li{float:left;margin-right:0.3rem;}
.col-light li a{line-height:0.5rem;color:#fff;}
.col-light p{padding-top:0.3rem;text-align:center;}
.footer .layui-row .layui-col-md6 .layui-row{display:none;}
.footer .tca{padding-top:0.24rem;text-align:center;}
.footer .tca a{color:#fff;margin:0 0.2rem;}
}

@media screen and (min-width:640px) {
.fixA{display: none;}
}

@media screen and (max-width:639px) {
.fixA{width: 2rem;height: 1rem;border-radius: 1rem 0 0 1rem;background-color: #df5f76;position: fixed;z-index: 9999;font-size: 0.3rem;line-height: 1rem;text-align: center;color: #fff;right: 0;top: 50%;}
}