.wp{max-width: 640px;min-width: 320px;margin: 0 auto;font-size: 12px;color: #000;line-height: 1.5;overflow: hidden}
.wp h2{width: 100%;text-align: center; font-size: 0.46rem; color:#1c1c1c; line-height: 1.3; font-weight: normal; padding: 6% 0 4% 0;}
.wp h2 p{font-size: 0.36rem}
.wp h2 span{display:block; margin-top: 1%; letter-spacing: 0.08rem; font-size: 0.16rem; text-transform: uppercase; opacity: 0.3;}
.btn{display: block;width: 76%;height: 0.7rem;line-height: 0.7rem;margin: 0 auto;border-radius: 0.4rem;font-size: 0.28rem;color: #84522c;text-align: center;background: #f8d346; border: 2px solid #f2b14b; animation: scale 1s infinite linear;-webkit-animation: scale 1s infinite linear;-moz-animation: scale 1s infinite linear;-o-animation: scale 1s infinite linear;}
.btn img{display: inline-block;vertical-align: middle;width: 0.33rem;}
.btn_c{padding: 3% 1%; height: 0.8rem;}
.btn_c .btn{margin-top: 0; width: 48.5%; font-size: 0.26rem;}
.btn_c .fl{background:#8b69f1; color:#fff; border: 2px solid #ad95f5;}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 0.6rem}
.w20{margin: 0 3%;}
.section1{padding: 3% 0 6% 0;}
.section1 ul li{position:relative; float: left; width: 48%; margin-bottom: 5%;}
.section1 ul li:nth-child(2n){float: right;}
.section1 ul li p{position:absolute; width: 84%; left: 8%; bottom: 4%; color:#fff; font-size: 0.22rem; line-height: 1.3;}
.section1 ul li p strong{display:block; font-size: 0.29rem; text-align: center; padding: 2% 0;}
.section2{background: -webkit-linear-gradient(top, #90abfa, #8489eb); padding-bottom: 18%;}
.section2 h2{color:#fff;}
.section2 .w20 p{font-size: 0.22rem; color:#fff; line-height: 1.3;}
.section2 .w20 p span{display:block; text-align: center; margin-bottom: 3%; color:#f8d346; line-height: 1.5;}
.section2 .w20 p span img{width: 5.34rem; border-radius: 0.16rem; overflow:hidden; box-shadow: 0 0 0.2rem rgba(0,0,0,0.2);}
.section3{position:relative; height: 9.1rem;}
.section3 .w20{position: absolute; left: 0; top: -8%; border-radius: 0.2rem; background:#fff;}
.section3 ul li{width: 48%; float: left; margin-bottom: 1%;}
.section3 ul li:nth-child(2n){float: right;}
.section3 ul li p{font-size: 0.21rem; height: 1.2rem; color:#5d5d5d; line-height: 1.5; padding: 2% 0;}
.section4{background: -webkit-linear-gradient(top, #d28ee4, #c486e7, #af7be9, #9770ed); padding-bottom: 7%;}
.section4 h2{color: #fff}
.section4 #scroll1{position: relative}
.section4 .prev,.section4 .next{display: block;width: 0.4rem;position: absolute;top: 0.2rem;z-index: 1}
.section4 .prev{left: 0.4rem;}
.section4 .next{right: 0.4rem}
.section4 .hd{width: 65%;margin: 0 auto;overflow: hidden}
.section4 .hd li{width: 32%;float: left;margin-right: 2%;padding-bottom: 0.2rem;position: relative}
.section4 .hd li:last-child{margin-right: 0}
.section4 .hd li img{display: block;width: 92%;margin: 0 auto;border-radius: 50%;border: 0.04rem solid #AD73DC;}
.section4 .hd li.on img{border: 0.04rem solid #D8A9F3;}
.section4 .hd li.on i{display: block;width: 0;height: 0;border-top: 0.15rem solid #D8A9F3;border-left: 0.1rem solid transparent;border-right: 0.1rem solid transparent;position: absolute;left: 50%;margin-left: -0.1rem;bottom: 0;z-index: 1;}
.section4 .bd li{position: relative}
.section4 .bd li span{display: block;width: 49%;position: absolute;right: 1%;top: 0.7rem;z-index: 1;}
.section4 .bd li.li1 span{height: 3.9rem;overflow: hidden}
.section4 .bd li.li1 span img{width: 118%;margin-left: -10%}
.section4 .bd li p{width: 22%;height: 0.45rem;line-height: 0.45rem;border-radius: 0.3rem;text-align: center;color: #5a3f2e;background: #EDCFFF;font-size: 0.23rem;box-shadow: 0 2px 0 #9D6ADC;position: absolute;right: 14%;top: 4.35rem;z-index: 2}
.section4 .bd li img.img1{display: block;width: 15%;position: absolute;right: 0;top: 3%;z-index: 2}
.section02{background:#8c54fd;}
.section02 h2{font-size: 0.42rem; color:#fff; padding: 8% 0 6%; text-align: center;}
.section02 .bd li img{border-radius: 0.16rem;}
.section02 .hd{width: 100%; margin-top: 2%; text-align: center;}
.section02 .hd li{display:inline-block; height: 0.16rem; width: 0.16rem; border: 2px solid #fff; border-radius: 50%;}
.section02 .hd li.on{background:#fff;}
.section02 .btn_c .btn.fl{background:#f8d346; color:#84522c; border: 0;}
.section02 .btn_c .btn.fr{background:#fa4a4d; color:#fff; border: 0;}
.section5{ padding-bottom: 2%;}
.section5 h2{color:#fff; background: -webkit-linear-gradient(top, #7072da, #7f72ce);}
#scroll2{position:relative;}
.section5 .hd{height: 1.68rem; padding: 0 15%; background: -webkit-linear-gradient(top, #7f72ce, #8f72c2);}
.section5 .hd li{width: 25%; float: left; text-align: center; font-size: 0.24rem; color:#fff; position: relative; }
.section5 .hd li:first-child{margin-left:16%;}
.section5 .hd li img{width: 0.95rem; border-radius: 50%; border: 0.04rem solid #8265c5;}
.section5 .hd li p{padding-top: 12%; color:#fff;}
.section5 .hd li .doc_h{width: 0.2rem; position:absolute; left: 40%; bottom: 26%; display:none; border: none; border-radius: initial; }
.section5 .hd li.on img{border: 0.04rem solid #f5bd71;}
.section5 .hd li.on .doc_h{display:block; border: none;}
#scroll2 .prev{position:absolute; width: 0.33rem; left: 6%; top: 2%; cursor: pointer;}
#scroll2 .next{position:absolute; width: 0.33rem; right: 6%; top: 2%; cursor: pointer;}
.section5 .btn_c{padding: 1% 3%;}
.section6{padding-bottom: 5%;}
.section6 .hd{text-align: center;padding: 3% 0}
.section6 .hd li{display: inline-block;border: 1px solid #929292;width: 10px;height: 10px;border-radius: 50%}
.section6 .hd li:last-child{margin-right: 0;}
.section6 .hd li.on{background:#929292;}
.section7{background: -webkit-linear-gradient(top, #abc1f5, #e9c8ed); padding-bottom: 5%;}
.section7 h2{color:#1a1a1a;}
.section7 .over{width: 90%;margin: 0 auto 4%;background: url("../images/box5_img.jpg") no-repeat top center;background-size: 100%}
.section7 .over div{width: 50%;font-size: 0.2rem;color: #fff;text-align: center}
.section7 .over h3{padding: 15% 0 5%;font-size: 0.3rem;}
.section7 .over h3 span{display: block;font-size: 0.22rem;font-weight: normal}
.section7 .over p{padding-bottom: 0.7rem }
.section7 a.btn{width: 54%;}
.section8{background: -webkit-linear-gradient(top, #b192e7, #b192e7); padding-bottom: 12%;}
.section8 h2{color:#fff;}
.box8{border-radius: 0.16rem; background:#fff; padding: 3%; box-shadow: 0 0 0.2rem rgba(0,0,0,0.2); margin-bottom: 4%; overflow:hidden;}
.box8 p{font-size: 0.22rem; color:#676767; line-height: 1.4; padding: 3% 2% 0 2%;}
.box8 p span{color:#9369dd;}
.section8 .text{height: 5.2rem;position: relative;}
.section8 .text a{display: block;font-size: 0.23rem;color: #fff;text-align: center;display: -webkit-flex;justify-content: center;align-items: center;border-radius: 50%;line-height: 1.3;position: absolute; background:#a073ec; -webkit-animation: movement 3s linear normal both infinite; -o-animation: movement 3s linear normal both infinite; animation: movement 3s linear normal both infinite;}
.section8 .text a:nth-child(1){width: 1.7rem;height: 1.7rem;left: 5%;top: 5%;animation-delay: 3s;}
.section8 .text a:nth-child(2){width: 1.65rem;height: 1.65rem;left: 8%;bottom: 8%; background: #e9ae9e;}
.section8 .text a:nth-child(3){width: 2rem;height: 2rem;left: 30%;top: 23%;z-index: 2;animation-delay: 2s;background: #ff7781}
.section8 .text a:nth-child(4){width: 1.8rem;height: 1.8rem;right: 10%;top: 0; background:#67b2f4;}
.section8 .text a:nth-child(5){width: 1.6rem;height: 1.6rem;right: 5%;bottom: 20%;animation-delay: 0.5s;background: #a073ec}
.section8 .text a:nth-child(6){width: 1.8rem;height: 1.8rem;font-size: 0.25rem;right: 30%;bottom: 0;animation-delay: 1s; background:#e9ae9e;}
@keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% { -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@keyframes scale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}