.wp{max-width: 750px;min-width: 320px;margin: 0 auto;font-size: 12px;color: #000;line-height: 1.5;overflow: hidden}
body{max-width: 750px !important}
.wp h2{width: 100%;text-align: center; padding: 10% 0 5% 0;}
.btn{display: block;width: 60%;height: 0.8rem;line-height: 0.8rem;margin: 4% auto 0;background: -webkit-linear-gradient(left,#fe5c72,#fdc038); border: 0.05rem solid rgba(254,92,114,0.3);background-clip: padding-box; border-radius: 0.5rem;font-size: 0.32rem;color: #fff;text-align: center; -webkit-animation: dx 2s linear infinite  both;-o-animation: dx 2s linear infinite  both;animation: dx 2s linear infinite  both;}
.btn img{vertical-align: middle; padding: 0 0 1% 1%; width: 0.41rem;}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 10%}
.w20{margin: 0 4%;}
#banner_slider .bd li {position: relative}
#banner_slider .bd li a{position:absolute; width: 38%; left: 5%; bottom: 20%; background:#ad2ace; border: 0.05rem solid rgba(173,42,206,0.3);
    background-clip: padding-box;}
#banner_slider .bd li a img{width: 0.53rem; position:absolute; right: -6%; bottom: -20%;}
.box1{position:relative; padding: 1% 0 10% 0;}
.box1 ul li{width: 1.22rem; height: 1.22rem; position:absolute; background: #d78dea;  border-radius: 50%; box-shadow: 0.04rem 0.04rem 0 #b470c6; left: 6%; top: 16%; -webkit-animation: dx1 9s linear infinite  both;-o-animation: dx1 9s linear infinite  both;animation: dx1 9s linear infinite  both;}
.box1 ul li p{width: 100%; position:absolute; left: 0; top: 50%; transform: translate(0,-50%); font-size: 0.24rem; color:#fff; line-height: 1.3; text-align: center;}
.box1 ul li:nth-child(2){background:#ae49e3; left: 75%; box-shadow: 0.04rem 0.04rem 0 #8c33bb; animation-delay: 1.5s}
.box1 ul li:nth-child(3){width: 1.32rem; height: 1.32rem; background:#cd58eb; left: -1%; top: 48%; box-shadow: 0.04rem 0.04rem 0 #b94ad5; animation-delay: 3s}
.box1 ul li:nth-child(4){width: 1.32rem; height: 1.32rem; background:#e672ff; left: 80%; top: 48%; box-shadow: 0.04rem 0.04rem 0 #c556dd; animation-delay: 4.5s}
.box1 ul li:nth-child(5){width: 1.4rem; height: 1.4rem; background:#ac5ac1; left: 16%; top: 73%; box-shadow: 0.04rem 0.04rem 0 #9242a6; animation-delay: 6s}
.box1 ul li:nth-child(6){width: 1.4rem; height: 1.4rem; background:#cd58eb; left: 62%; top: 73%; box-shadow: 0.04rem 0.04rem 0 #b94ad5; animation-delay: 7.5s}
.section2{background:#6d2bc6;}
.section2 ul{padding-top: 4%;}
.section2 ul li{width: 29%; height: 1.95rem; padding-top: 0.32rem; float: left; border-radius: 0.1rem; border: 0.03rem dashed #fff; margin-right: 5%; text-align: center;}
.section2 ul li:last-child{margin-right: 0;}
.section2 ul li img{width: 0.42rem; }
.section2 ul li p{font-size: 0.26rem; color:#fff; line-height: 1.3;}
.section2 ul li p strong{display:block; font-size: 0.32rem; color:#ff8a00; padding: 3% 0;}
.box3_c{border-radius: 0.12rem; border: 2px dashed #a0a0a0; padding: 3% 2%;}
.box3_c img{margin-bottom: 3%;}
.box3_c p{padding: 2% 0; font-size: 0.24rem; color:#222222; line-height: 1.3;}
.box3_c p span{display:block; width: 1.54rem; height: 0.43rem; line-height: 0.43rem; text-align: center; color:#fff; background:#909aff; font-size: 0.26rem; border-radius: 0.3rem; margin-bottom: 1%;}
.wp .hd{width: 100%; margin-top: 4%; text-align: center;}
.wp .hd li{width: 0.22rem; height: 0.18rem; display:inline-block; border-radius: 0.09rem; margin: 0 0.5%; background:#6e79e4;}
.wp .hd li.on{width: 0.72rem; background:#4b56c6;}
.section3 .btn{width: 80%;}
.section4{background:#9a6ee4;}
.box4_p{position:relative; margin-bottom: 4%;}
.box4_p p{font-size: 0.26rem; color:#fff; line-height: 1.5; width: 88%; position:absolute; left: 7%; top: 8%;}
.box4_p p strong{color:#ff7200;}
.section4 .w20 p{text-align: center; padding: 1% 0 0 0; font-size: 0.24rem; color:#fff;}
.section4 .w20 p span{display:inline-block; width: 32%; margin-right: 2%;}
.section4 .w20 p span:last-child{margin-right: 0;}
.section5 ul{height: 9rem;}
.section5 ul li{width: 45%; height: 2.5rem; float: left; background:#fff; border-radius: 0.14rem; box-shadow: 0 0 0.2rem rgba(0,0,0,0.2); margin-bottom: 4%; padding: 1.5%;}
.section5 ul li:nth-child(2n){float: right;}
.section5 ul li p{font-size: 0.2rem; color:#222;}
.section6{background:#7b52c1;}
.box6 dl{padding-bottom: 2%;}
.box6 dl dd{height: 1.6rem; padding: 2% 0 0 0; text-align: center;}
.box6 dl dd p{width: 32%; float: left; color:#fff; font-size: 0.24rem; margin-right: 2%; line-height: 1.3;}
.box6 dl dd p:last-child{margin-right: 0;}
.box6 dl dd p strong{display:block; font-size: 0.3rem; margin-bottom: 1%;}
.section7{background:#b66ee4;}
.box7 dl{height: 2.04rem; width: 96%; background: #fff; border-radius: 1.02rem; margin: 6% 2%; }
.box7 dl dt{width: 2.04rem; border-radius: 50%; overflow:hidden;}
.box7 dl dd{padding: 4%; width: 4rem;}
.box7 dl dd.fl{padding: 4% 0 4% 8%; width: 4rem;}
.box7 dl dd p{color:#333333; font-size: 0.24rem; line-height: 1.3;}
.box7 dl dd p span{font-size: 0.34rem; color:#5c389a; margin-bottom: 2%;}
.box7 dl dd p strong{display:block; font-size: 0.3rem; margin-bottom: 1%; color:#5c389a;}
.section7 .btn{width: 80%; font-size: 0.28rem}
.section8{background:#f1f1f1;}
.box8_c{overflow:hidden; border-radius: 0 0 0.1rem 0.1rem; background:#714bc6;}
.box8_c .fl{width: 54%;}
.box8_c p{width: 40%; text-align: center; padding: 10% 3% 0 3%; color:#fff; font-size: 0.2rem;}
.box8_c p img{width: 1.16rem; border-radius: 50%;}
.box8_c p span{display:block; font-size: 0.26rem;}
.section8 .btn{width: 50%; font-size: 0.28rem}
.section9{background:url(../images/doc_bg.jpg) top center no-repeat #0c1336; background-size: 100%; padding-top: 10%;}
.section9 .w20{padding: 18% 1.5% 3% 1.5%;}
.box9_p{padding: 3% 0; color:#fff; line-height: 1.3; text-align: center; border: 1px solid #fff; font-size: 0.24rem;  margin: 0 2% 8%;}
.section10{background:#846ee4; padding-bottom: 12%;}
.section10 dl dd{width: 48.5%;}
.section10 .btn{width: 50%;}
.wp .section10 .hd{width: 100%; margin-top: 4%; text-align: center;}
.wp .section10 .hd li{background:#fff;}
.wp .section10 .hd li.on{width: 0.72rem; background:#fff;}
@keyframes dx1{
    0%,8%,17%{transform: scale(1)}
    4%,12%{transform: scale(1.1)}
}
@-webkit-keyframes dx1 {
    0%,8%,17%{transform: scale(1)}
    4%,12%{transform: scale(1.1)}
}
@-o-keyframes dx1 {
    0%,8%,17%{transform: scale(1)}
    4%,12%{transform: scale(1.1)}
}
@keyframes dx{
    0%,50%,100%{transform: scale(1)}
    25%,75%{transform: scale(1.08)}
}
@-webkit-keyframes dx {
    0%,50%,100%{-webkit-transform: scale(1)}
    25%,75%{-webkit-transform: scale(1.08)}
}
@-o-keyframes dx {
    0%,50%,100%{-o-transform: scale(1)}
    25%,75%{-o-transform: scale(1.08)}
}
.top_tips{max-width: 750px;}
.footer_new{display:none;}
.new_foot{max-width: 750px; height: 1.52rem;}
.new_foot .menu{height: 1.32rem;  margin-top: 0.2rem;}
.new_foot .menu li{width: 100%; height: 1.16rem; position:relative; padding-top: 0.16rem;}
.new_foot .menu li a span{display: block;font-size: 0.22rem;text-align: center;color: #fff;padding-bottom: 0.5em}
@media screen and (min-width: 750px) {
    .footer_new{bottom: 0}
    .footer_new .menu li a i{height: 6em}
    .new_foot .menu li a i{height: 6em}
    .footer_new .menu li a:nth-child(3),.footer_new .menu li a:nth-child(4) { height: 8em; }
    .footer_new .menu li.li1 a:nth-child(3) i,.footer_new .menu li.li1 a:nth-child(4) i { height: 8em; }
    .footer_new .menu li.li1 a:nth-child(3) span,.footer_new .menu li.li1 a:nth-child(4) span { height: 8em; line-height: 5.2em; font-size: 1.6em; }
}