.wp{max-width:640px;min-width:320px;margin:0 auto;overflow: hidden;color:#333;}

img{width:100%;height:auto;}

.wp h2{text-align:center;padding: 2% 0 5% 0;}

a.btn{display:block;width: 60%;height: 0.68rem;line-height: 0.68rem;margin:0.3rem auto 0;border-radius:1rem;color:#000;font-size:0.25rem;overflow:hidden;text-align:center;background: #d6ed17}

a.btn img{width: 0.32rem; vertical-align: middle; padding:0 0 2px 3px;}

.show{animation:showh 1s .2s linear both infinite;-webkit-animation:showh 1s .2s linear both infinite;-moz-animation:showh 1s .2s linear both infinite;-o-animation:showh 1s .2s linear both infinite;-ms-animation:showh 1s .2s linear both infinite;}

.fl{float: left}

.fr{float: right}

.pb{padding-bottom: 0.5rem;}

.w20{margin:0 1.6%;}

.btn_c{width:96%; overflow:hidden; margin:0 auto;}

.btn_c .btn{width:48%;}

.btn_c .btn.fr{color: #fff; background:#e4007f;}

.banner{position:relative;}

.banner a{ width: 39%; margin-top: 0; position:absolute; right:5%; top: 72%;}

.banner i{display:block; width:18.8%; position: absolute; left: 32.5%; top: 30%; -webkit-animation: mymove 2s infinite;  animation: mymove 2s infinite;}

.section1{background: #f2f2fc; padding:3% 0 8% 0;}

.box1_p{margin-top:10%; position:relative; margin-bottom:7%;}

.box1_p p{position:absolute; padding: 3% 2% 2% 0%; left: 0; top: 0; font-size: 0.21rem; color:#fff; line-height:1.5;}

.box1_p p span{display: block; width:24%; height:0.7rem; line-height:0.7rem; background:#d6ed17; color:#472c85; text-align: center; border-radius:0 0.35rem 0.35rem 0; font-size: 0.3rem; float: left;}

.box1_p p em{font-style: normal; display:block; width:72%; float: right;}

.box1_p p em b{color:#d6ed17;}

.section1 ul{padding-top:6%; border-top: 1px dashed #afafaf;}

.section1 ul li{width:32%; float: left; border-radius:0.2rem; overflow: hidden; background:#FFF; text-align:center; line-height:1.3; border:1px solid #e5e5e5;}

.section1 ul li:nth-child(2){margin:0 1%;}

.section1 ul li p{font-size: 0.18rem; color:#666; padding:3% 0;}

.section1 ul li p strong{color:#472c85; line-height:1.3; font-size: 0.21rem; padding:1% 0; display:block;}

.section1 .btn.fl{width:52%;}

.section1 .btn.fr{background:#472c85; width:45%;}

.section2 {background:#472d85;}

#scroll1 .hd{width: 100%; height: 0.54rem; overflow: hidden; text-align:center;}

#scroll1 .hd li{width: 49.5%; height: 0.54rem; line-height: 0.54rem; background: #946bf6; text-align: center; font-size: 0.24rem; color:#fff; border-radius:0.12rem 0.12rem 0 0; float: left; font-weight:bold;}

#scroll1 .hd li:nth-child(2){float: right;}

#scroll1 .hd li.on{background: #fff; color: #333; }

#scroll1 .bd li{ padding-bottom:2%; background:#fff; border-radius:0 0 0.12rem 0.12rem;}

.box2_c{width:86%; margin:5% auto 0; border:0.1rem solid #fff; text-align: center; padding-bottom:4%;}

.box2_c h4{text-align: center; padding:3% 0;}

.box2_c h4 img{width:2.42rem;}

.box2_c p{font-size: 0.2rem; color:#fff; line-height:1.5; padding:0 3%;}

.box2_c em{font-style: normal; text-decoration: #d6ed17; border-bottom:1px solid #d6ed17;}

.section3{background: #946bf6; padding-bottom: 7%;}

.section3 dl{background:#fff; margin-bottom:4%; border-radius:0.06rem;overflow:hidden;}

.section3 dl dt{width:42%; padding: 3% 4% 3% 4%; font-size: 0.18rem; color:#472d85; line-height:1.3;}

.section3 dl dt h3{text-align: left; font-size: 0.48rem; font-weight: normal;}

.section3 dl dt font{display: block; font-size: 0.2rem;}

.section3 dl dt span{display: inline-block; background:#472d85; color:#fff; height:0.31rem; line-height:0.31rem; padding:0 4%; border-radius:0.16rem; margin:4% 0;}

.section3 dl dd{width:49%;}

.box3_p{height:1.74rem; text-align: center; background:url(../images/box3_p.png) left center no-repeat; background-size:27%; padding-left: 21%;}

.box3_p1{background:#472d85; border-radius:0.87rem; padding:2% 0; line-height:1.2;}

.box3_p1 h3{color:#d6ed17; font-size: 0.22rem; }

.box3_p1 p{font-size: 0.17rem; color:#d6ed17; text-align: center; }

.box3_p1 a{ width:56%; height:0.32rem; line-height:0.32rem; background: #d6ed17; color:#472d85; font-weight:bold; font-size: 0.2rem; margin-top: 1%;}

.box3_c{padding:4% 3% 1% 1%; overflow:hidden;}

.section3 ul{width:48%;}

.section3 ul.fr{margin-top:5%;}

.section3 ul li{ height:3.6rem; border:1px dashed #5f4895; background:#fff; margin-bottom:8%; border-radius:0.1rem; box-shadow: 4px -4px 0 0 #472d85}

.section3 ul li p{font-size: 0.2rem; line-height:1.3; color:#333;padding: 3% 2%; text-align: center; }

.section3 ul li:nth-child(2) p{padding:0 3%; }

.section3 ul li p strong{display:block; font-size: 0.24rem; color:#333; }

.section4{background: #472d85;}

.section4 ul{padding:2%;}

.section4 ul li{width:44%; padding:1.6%; float: left; margin-bottom:4%; border-radius: 0.1rem; position:relative; border:1px dashed #fff;}

.section4 ul li:nth-child(2n){float: right;}

.section4 ul li p{position:absolute; left: 31%; bottom:7%; font-size: 0.2rem; color:#fff; line-height:1.2;}

.section5{background: #fff;}

.section5 .btn{width:60%;}

#scroll3{margin-top:6%;}

#scroll3 .hd{ height: 0.48rem; line-height: 0.48rem;}

#scroll3 .hd li{font-size: 0.21rem; color: #fff; text-align: center; width: 32%; margin-right: 2%; background: #727272; float: left;}

#scroll3 .hd li:nth-child(3){  margin-right: 0;}

#scroll3 .hd li.on{background: #472d85;}

.section6{background:#472d85; padding-bottom:8%;}

.section6 .w20{background:#fff; border-radius:0.1rem; }

.section6 ul{padding:3%; margin-top:5%;}

.section6 ul li{width:49.3%; background:#fff; margin-bottom:4%; box-shadow: 0 3px 6px 2px rgba(0,0,0,0.1); border-radius:0.06rem; float: left;}

.section6 ul li:nth-child(2n){float: right;}

.section6 ul li p{font-size: 0.22rem; line-height: 1.5; color:#333; text-indent: 2em; padding:6% 3%;}

.section6 ul li p span{color:#fe9797;}

.section7{background: #946bf6; padding-bottom: 7%;}

.box7_p{font-size: 0.22rem;color:#fff; line-height:1.5; padding:0 0 5% 0; text-align: center; margin-top:5%;}

.section7 ul{padding:0 5%;}

.section7 ul li{width:48%; float: left; margin-bottom:3%; height:3.43rem;  text-align:center; position:relative;}

.section7 ul li:nth-child(2n){float: right;}

.section7 ul li p{font-size: 0.18rem; color:#fff;line-height: 1.3; padding:0 3%; position:absolute; left: 0; top: 41%;}

.section7 ul li p strong{display:block; font-size: 0.26rem; padding:1% 0 5% 0;}

.section8{background:#fff; padding-bottom:4%;}

.section8 .w20{padding:4% 1% 0 1.7%;}

.section8 #scroll4{position:relative;}

.section8 .hd{width: 100%; height: 0.2rem; text-align: center; margin-top: 2%;}

.section8 .hd li{display: inline-block; background:#fff; width: 0.14rem; height:0.14rem; border:1px solid #472c85; border-radius: 50%; margin: 0 1%;}

.section8 .hd li.on{background: #472c85;}

.section8 .btn{width:64%; position:absolute; left: 18%; bottom:9%;}

.section9{padding: 4% 0;}

.section9 .swiper-container{width:100%; height: 5.4rem;}

.section9 .swiper-slide{width:10.72rem;}



@keyframes mymove

{

    0% {width:18%; left: 31%; opacity: 1}

    60% {width:20%; left: 33%; top:29%; opacity: 0.7}

    100% {width:20%; left: 33%; top:29%; opacity: 0}

}

@-webkit-keyframes mymove

{

    0% {width:18%; left: 31%; opacity: 1}

    60% {width:20%; left: 33%; top:29%; opacity: 0.7}

    100% {width:20%; left: 33%; top:29%; opacity: 0}

}



@-webkit-keyframes showh{

    0% {opacity:1;}

    49% {opacity:1;}

    50% {opacity:0;}

    100% {opacity: 0;}

}

@-moz-keyframes showh{

    0% {opacity:1;}

    49% {opacity:1;}

    50% {opacity:0;}

    100% {opacity: 0;}

}

@-ms-keyframes showh{

    0% {opacity:1;}

    49% {opacity:1;}

    50% {opacity:0;}

    100% {opacity: 0;}

}

@-o-keyframes showh{

    0% {opacity:1;}

    49% {opacity:1;}

    50% {opacity:0;}

    100% {opacity: 0;}

}