.wp{max-width: 640px;min-width: 320px;margin: 0 auto;font-size: 12px;color: #000;line-height: 1.5;overflow: hidden}
.wp h2{padding: 0.6rem 0 0.3rem}
.wp h2 img{display: block}
.btn{display: block;width: 48%;height: 0.7rem;line-height: 0.7rem;border-radius: 0.2rem;margin:4% auto 0;text-align: center;color: #000;font-size: 0.25rem;background: #FFD323}
.btn img{display: inline-block;width: 0.25rem;vertical-align: middle ;vertical-align: middle; 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}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 0.6rem}
.hd{width: 100%;text-align: center;}
.hd li{display: inline-block;width: 6px;height: 6px;border-radius: 50%;border: 2px solid #502EAC;}
.hd li.on{background: #502EAC}
.w20{width: 94%;margin: 0 auto}
.w10{margin:0 1.8%;}
.over a.fr{background: #FF3B69;color: #fff}
.banner{position:relative; }
.banner a.btn{width: 50%; position: absolute; left: 4%; bottom: 1.3rem; z-index: 1;color: #2d4faf;height: 0.6rem;line-height: 0.6rem;border-radius: 0.3rem;}
.section1 {background: #502EAC;}
.section1 h2 img:nth-child(1){margin-bottom: 0.2rem}
.section1 dl{width: 32%;float: left;background: #fff;border-radius: 0.1rem;height: 2.9rem;margin-bottom: 0.25rem}
.section1 dl:nth-child(2){margin: 0 2%}
.section1 dl dd{width: 90%;margin: 0 auto;font-size: 0.2rem;color: #333;text-align: center;line-height: 1.3}
.section1 dl dd h3{font-size: 0.3rem;font-weight: normal;color: #502eac;padding: 2% 0}
.section1 dl dd strong{color: #ff1e00}
.section2{background:#7F7FFD;}
.section2 dl{position: relative}
.section2 dl dd{width: 80%;position: absolute;left: 10%;bottom: 0.1rem;z-index: 1}
.section2 dl dd p{font-size: 0.22rem;color: #502eac;}
.section2 dl dd p span{display: inline-block;width: 0.3rem;height: 0.3rem;border-radius: 50%;text-align: center;line-height: 0.3rem;color: #fff;background: #502EAC}
.section2 dl dd p:last-child{padding: 0.5rem 0 0 0.3rem}
.section3{background:#502EAC;}
.section3 .w20 p{width: 80%;margin: 0 auto 0.3rem;font-size: 0.22rem;color: #fff;text-align: center}
.section3 .w20 img{display: block}
.section3 .over ,.section4 .over{width: 94%;margin: 0 auto}
.section3 .over a.btn{font-size: 0.23rem}
.section3 .over a.fl{width: 44%}
.section3 .over a.fr{width: 54%}
.section4 {background: url("../images/bg.jpg") repeat-y ;background-size: 100%}
#scroll1{position:relative;}
.box4{position:relative;}
.box4 p{position:absolute; width: 56%; top: 4%;}
.box4 p.box4_r{right: 2%;}
.box4 p.box4_l{left: 2%;}
.box4 .over{margin-top: 8%; width: 100%;}
.box4 .over a.btn{width: 49%; font-size: 0.22rem}
#scroll1 .hd{width: 100%;text-align: center; position:absolute; left: 0; bottom: 14%;}
.section5{background:#502EAC;}
.section6{background:#7F7FFD;}
.section6 .hd{margin-top: 2%}
.section6 p{font-size: 0.22rem;color: #fff;text-align: center;width: 90%;margin: 0 auto 3%}





.section7{background:#502EAC; }
.section7 ul{background: url("../images/bg2.png") no-repeat center;background-size: 100%;position:relative; height: 4.35rem; margin-top: 4%;}
.section7 ul li{position:absolute; text-align: center; font-size: 0.22rem;-webkit-animation: movement 3s linear normal both infinite; -o-animation: movement 3s linear normal both infinite; animation: movement 3s linear normal both infinite;border-radius: 50%;display: -webkit-flex;justify-content: center;align-items: center}
.section7 ul li a{display: block;color: #aa541a}

.section7 ul li:nth-child(1){width: 1.9rem; height: 1.9rem;background: #FDF3BE;left: 6%; top: 0.3rem; animation-delay: 0.6s;font-size: 0.23rem}
.section7 ul li:nth-child(2){width: 2.3rem; height: 2.3rem;background: #FFD323;left: 2rem; top: 0.5rem; font-size: 0.36rem; animation-delay: 0.3s;}
.section7 ul li:nth-child(2) a{color: #502eac;}
.section7 ul li:nth-child(3){width: 1.6rem; height: 1.6rem;background: #E5E5E5;right: 5%; top: 0; animation-delay: 0.8s;}
.section7 ul li:nth-child(4){width: 1.8rem;height: 1.8rem;background: #6C9AFD; left: 15%; top: 2.4rem; animation-delay: 0.4s;}
.section7 ul li:nth-child(4) a{color: #4a1acc}
.section7 ul li:nth-child(5){width: 2rem;height: 2rem;background: #E4007F; left: 60% ;top: 2rem; animation-delay: 1s;}
.section7 ul li:nth-child(5) a{color: #fff}

@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);  }
}
@-webkit-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);  }
}
@-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;}
}