*{ margin:0; padding:0}
header{width:100%;float:left;}
nav{width:100%;float:left;}
footer{width:100%;float:left;}
body {-webkit-text-size-adjust:none;background:#fff;font-family:"微软雅黑",Arial;font-style: normal;font-weight: normal;font-variant: normal;}
a {text-decoration: none; border: 0px none; outline: 0px none;} 
a:link{ text-decoration: none}
a:visited{ text-decoration: none}
a:hover{text-decoration: none}
a:active{text-decoration: none}
.clear{margin: 0px;padding: 0px;clear: both;}
.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden}
ul,li,dt,dl,dd{	list-style-type: none;	margin: 0px; padding: 0px; background:none;}
p {	margin: 0px; padding: 0px;}
img{ width:100%; }



.headerbanner{width:100%; position: relative;}
.headerbanner .click{width:53.3%; animation: updown 1s 0s ease both infinite; position: absolute;bottom:11%; left: 4%;}
.headerbannercon{position: absolute; top:46%; left: 10%; width:50%;}
.headerbannercon .co{font-size: .36rem; color: #fff;}

#bcxSwiper .swiper-wrapper{height:.8rem !important; width:100%;}


.con1{width:100%; background: #805ac5; padding-bottom: 6%;}
.con1 h1{font-size: .65rem; color: #fff; font-weight: normal; text-align: center; padding-top: 6%;}
.con1 li{position: relative; width:43.8%; margin: 5% 1% 0 4%; float: left; }
.con1 .co{font-size: .36rem; color: #2f0d58; font-weight: 700; width:100%; text-align: center; position: absolute; top:20%; left: 0;}
.con1 .co1{font-size: .36rem; color: #f4eaff; font-weight: 700; width:100%; text-align: center; position: absolute; top:20%; left: 0;}
.con1con{position: relative; width:46%; margin: 5% auto 0}


.tycon{position: relative; margin: 4% 0;}
.tycon ul{width:100%; position: absolute; top:48%; left: 4%;}
.tycon li{width:26.66%; float: left; padding-left:3%;}







.tyclick{ position:relative;  animation: updown 2s 0s ease both infinite; width:46%;border-radius: 3em; background: #fed929; font-size: .34rem; color: #333; font-weight: 700; padding: 2% 0 2% 4%}
.tyclick span{ position:absolute; top:-30%; right: 0%; width:16.3%; }





.con3{width:100%; padding-top:8%; background: #f4eaff}
.con3 h1{font-weight: normal; font-size: .65rem; color: #150428; padding-bottom: 1%; text-align: center;}
.con3con{ margin-top: 2%; position: relative;}
.con3c{position: absolute;}
.con3c1{top:4%; left: 8%;width:28.6%;animation: updown 2s 0s ease both infinite;}
.con3c2{top:4%; left: 68%;width:27.3%;animation: updown 2.5s 0s ease both infinite;}
.con3c3{top:60%; left: 11%;width:22%;animation: updown 3s 0s ease both infinite;}
.con3c4{top:60%; left:68%;width:22%;animation: updown 1.5s 0s ease both infinite;}
.con3conbq1{position: relative; width:100%}
.con3conbq1 span{position: absolute; font-size: .28rem; color: #fff; line-height: 1.2em; top:4%; left: 4%;}
.con3conbq2{position: relative; width:100%}
.con3conbq2 span{position: absolute; font-size: .28rem; color: #150428; line-height: 1em; top:8%; left: 4%;}
.con3conbq3{position: relative; width:100%}
.con3conbq3 span{position: absolute; font-size: .28rem; color: #fff; line-height: 1.2em; top:4%; left: 4%;}
.con3conbq4{position: relative; width:100%}
.con3conbq4 span{position: absolute; font-size: .28rem; color: #fff; line-height: 1.2em; top:4%; left: 22%;}
.con3con .click1{width:42.7%; position: absolute; bottom: 6%; left: 4%;animation: updown 1.5s 0s ease both infinite;}
.con3con .click1 span{position: absolute; font-size: .34rem; font-weight: 700;  top:20%; left: 18%;color: #fff;}
.con3con .click2{width:42.7%; position: absolute; bottom: 6%; left: 54%;animation: updown 1.5s 0s ease both infinite;}
.con3con .click2 span{position: absolute; font-size: .34rem; font-weight: 700; width:100%; top:20%; left: 20%;color: #fff;}


.con4{width:100%; padding: 6% 0; background: #f4eaff; position: relative}
.con4 h1{font-weight: normal; font-size: .62rem; color: #333; padding-bottom: 1%; text-align: center;}
.con4gg{width:91%; margin: 3% auto; position: relative;}
.con4gg span{position: absolute; width:13.14%; top:52%; right: 5%;}

.con4con{position: relative;}
.con4con .pp1{font-size: .28rem; color: #fff; position: absolute; top:20%; left: 45%; background: #5b2f85; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con4con .pp2{font-size: .28rem; color: #fff; position: absolute; top:25%; left: 42%;background: #5b2f85; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con4con .pp3{font-size: .28rem; color: #150428; position: absolute; top:62%; left:44%;background: #ff9999; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con4con .pp4{font-size: .28rem; color: #fff; position: absolute; top:53%; left: 42%;background: #a27693; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con4con .pp5{font-size: .28rem; color: #150428; position: absolute; top:76%; left: 48%;background: #ff9999; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con4con .click1{font-size: .28rem; color: #150428; position: absolute;top:34.3%; left: 4%;background: #ff9999;  padding: 0.5% 0 4%; text-align: center;width:35%;}
.con4con .click2{width:36.7%; position: absolute; bottom: 56%; left: 3%;animation: updown 1.5s 0s ease both infinite;}
.con4con .click2 span{position: absolute; font-size: .34rem; font-weight: 700;  top:20%; left: 12%;color: #000; text-align: center}
.con4con .co1{font-size: .4rem; color: #150428; position: absolute; top:54%; left: 12%;}
.con4con .co2{font-size: .28rem; color: #150428; position: absolute; line-height: 1.3em;top:60%; left:9%; width:30%; text-align: center}
.con4con .co2 span{color: #ff2369}

.con4con .co3{font-size: .28rem; color: #150428; position: absolute; line-height: 1.3em;top:82%; left: 30%; width:60%;}
.con4con .co3 span{color: #ff2369}
.con4con .co4{font-size: .34rem; color: #150428; position: absolute; top:78%; left: 30%; font-weight: 700;}


.con4con .click3{width:42.7%; position: absolute; bottom: 3%; left: 4%;animation: updown 1.5s 0s ease both infinite;}
.con4con .click3 span{position: absolute; font-size: .34rem; font-weight: 700;  top:20%; left: 12%;color: #fff; text-align: center}
.con4con .click4{width:42.7%; position: absolute; bottom: 3%; left: 54%;animation: updown 1.5s 0s ease both infinite;}
.con4con .click4 span{position: absolute; font-size: .34rem; font-weight: 700; width:100%; top:20%; left: 8%;color: #fff;}

.con4zj{position: relative; color: #2f0d58}
.con4zj .bb{position: absolute; font-size: .28rem;}
.con4zj .bb1{top:8%; left: 58%;}
.con4zj .bb2{top:38%; left: 57%; line-height: 1.2em;}
.con4zj .bb3{top:61%; left:27%; line-height: 1.2em;}

.con4zj .click3{background: #fab81f; border-radius: .2em; padding: 2.5% 0; text-align: center; text-decoration: underline; width:43%; font-size: .36rem; position: absolute; bottom: 4%; left: 3%; color: #2f0d58;animation: updown 2s 0s ease both infinite; font-weight: lighter;}
.con4zj .click4{background: #2f0d58; border-radius: .2em; padding: 2.5% 0; text-align: center; text-decoration: underline; width:43%; font-size: .36rem; position: absolute; bottom:4%; left: 54%; color: #f4eaff;animation: updown 2.5s 0s ease both infinite; font-weight: lighter;}
.con4 .jt{width:3.8%; position: absolute; top:69%; left: 48%;animation: updown 1s 0s ease both infinite;}


.con5{width:100%; padding: 4% 0 6%; background: #ffcccc; position: relative}

.con5con{position: relative;}
.con5con .pp1{font-size: .28rem; color: #fff; position: absolute; top:28%; left: 45%; background: #5b2f85; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con5con .pp2{font-size: .28rem; color: #fff; position: absolute; top:32%; left: 50%;background: #5b2f85; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con5con .pp4{font-size: .28rem; color: #000; position: absolute; top:51%; left: 36%;background: #c0c4c8; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con5con .pp5{font-size: .28rem; color: #fff; position: absolute; top:66%; left: 16%;background: #ff2369; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con5con .click1{font-size: .28rem; color: #fff; position: absolute;top:32.6%; left: 4%;background: #5b2f85;  padding: 0.5% 0 4%; text-align: center;width:35%;}
.con5con .click2{width:36.7%; position: absolute; bottom: 59%; left: 3%;animation: updown 1.5s 0s ease both infinite;}
.con5con .click2 span{position: absolute; font-size: .34rem; font-weight: 700;  top:20%; left: 12%;color: #000; text-align: center}
.con5con .co1{font-size: .4rem; color: #150428; position: absolute; top:18%; left: 50%;}
.con5con .co2{font-size: .28rem; color: #150428; position: absolute; line-height: 1.3em;top:22%; left: 66%; width:28%;}
.con5con .co3{font-size: .28rem; color: #150428; position: absolute; line-height: 1.3em;top:50%; left: 10%; width:22%;}
.con5con .co4{font-size: .28rem; color: #150428; position: absolute; line-height: 1.3em;top:60%; left: 70%; width:22%;}

.con5con .co5{font-size: .28rem; color: #150428; position: absolute; line-height: 1.3em;top:80%; left: 30%; width:60%;}
.con5con .co6{font-size: .34rem; color: #150428; position: absolute; top:77%; left: 30%; font-weight: 700;}


.con5con .click3{width:42.7%; position: absolute; bottom: 3%; left: 4%;animation: updown 1.5s 0s ease both infinite;}
.con5con .click3 span{position: absolute; font-size: .34rem; font-weight: 700;  top:20%; left: 8%;color: #fff; text-align: center}
.con5con .click4{width:42.7%; position: absolute; bottom: 3%; left: 54%;animation: updown 1.5s 0s ease both infinite;}
.con5con .click4 span{position: absolute; font-size: .34rem; font-weight: 700; width:100%; top:20%; left: 12%;color: #fff;}

.con5zj{position: relative; color: #2f0d58}
.con5zj .bb{position: absolute; font-size: .28rem;}
.con5zj .bb1{top:8%; left: 60%;}
.con5zj .bb2{top:39%; left: 59%; line-height: 1.2em;}
.con5zj .bb3{top:63%; left:27%; line-height: 1.2em;}

.con5zj .click3{background: #ff2369; border-radius: .2em; padding: 2.5% 0; text-align: center; text-decoration: underline; width:43%; font-size: .36rem; position: absolute; bottom: 4%; left: 3%; color: #fff;animation: updown 2s 0s ease both infinite;font-weight: lighter;}
.con5zj .click4{background: #99ffff; border-radius: .2em; padding: 2.5% 0; text-align: center; text-decoration: underline; width:43%; font-size: .36rem; position: absolute; bottom:4%; left: 54%; color: #150428;animation: updown 2.5s 0s ease both infinite;font-weight: lighter;}
.con5 .jt{width:3.8%; position: absolute; top:69%; left: 48%;animation: updown 1s 0s ease both infinite;}


.con6{width:100%; padding: 4% 0 6%; background: #ddd4d0; position: relative}

.con6con{position: relative;}
.con6con .pp1{font-size: .28rem; color: #fff; position: absolute; top:27%; left: 40%; background: #5b2f85; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con6con .pp2{font-size: .28rem; color: #fff; position: absolute; top:31%; left: 48%;background: #5b2f85; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con6con .pp4{font-size: .28rem; color: #fff; position: absolute; top:68%; left: 44%;background: #ff2369; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con6con .pp5{font-size: .28rem; color: #fff; position: absolute; top:46%; left: 66%;background: #ff2369; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con6con .click1{font-size: .28rem; color: #fff; position: absolute;top:34.2%; left: 4%;background: #5b2f85;  padding: 0.5% 0 4%; text-align: center;width:35%;}
.con6con .click2{width:36.7%; position: absolute; bottom: 56.5%; left: 3%;animation: updown 1.5s 0s ease both infinite;}
.con6con .click2 span{position: absolute; font-size: .34rem; font-weight: 700;  top:20%; left: 12%;color: #000; text-align: center}
.con6con .co1{font-size: .4rem; color: #150428; position: absolute; top:50%; left: 8%;}
.con6con .co2{font-size: .28rem; color: #150428; position: absolute; line-height: 1.3em;top:54%; left:9%; width:36%;}
.con6con .co3{font-size: .26rem; color: #150428; position: absolute;top:70%; left: 9%; width:20%; background: #fab81f; border-radius: 3em; padding: 1%; font-weight: 700;text-align: center; text-decoration: underline;animation: updown1 1s 0s ease both infinite;}
.con6con .co4{top:59%; left: 9%; font-size: .28rem; color: #150428;position: absolute;line-height: 1.2em;}


.con6con .co5{font-size: .28rem; color: #150428; position: absolute; line-height: 1.3em;top:80%; left: 30%; width:60%;}
.con6con .co6{font-size: .34rem; color: #150428; position: absolute; top:77%; left: 30%; font-weight: 700;}



.con6con .click3{width:42.7%; position: absolute; bottom: 3%; left: 4%;animation: updown 1.5s 0s ease both infinite;}
.con6con .click3 span{position: absolute; font-size: .34rem; font-weight: 700;  top:20%; left: 8%;color: #fff; text-align: center}
.con6con .click4{width:42.7%; position: absolute; bottom: 3%; left: 54%;animation: updown 1.5s 0s ease both infinite;}
.con6con .click4 span{position: absolute; font-size: .34rem; font-weight: 700; width:100%; top:20%; left: 18%;color: #fff;}


.con6zj{position: relative; color: #2f0d58}
.con6zj .bb{position: absolute; font-size: .28rem;}
.con6zj .bb1{top:8%; left: 60%;}
.con6zj .bb2{top:39%; left: 59%; line-height: 1.2em;}
.con6zj .bb3{top:61%; left:27%; line-height: 1.2em;}
.con6zj .bb4{top:47%; left:4%; line-height: 1.2em;}

.con6zj .click3{background: #ff2369; border-radius: .2em; padding: 2.5% 0; text-align: center; text-decoration: underline; width:43%; font-size: .36rem; position: absolute; bottom: 4%; left: 3%; color: #fff;animation: updown 2s 0s ease both infinite;font-weight: lighter;}
.con6zj .click4{background: #fab81f; border-radius: .2em; padding: 2.5% 0; text-align: center; text-decoration: underline; width:43%; font-size: .36rem; position: absolute; bottom:4%; left: 54%; color: #150428;animation: updown 2.5s 0s ease both infinite;font-weight: lighter;}
.con6 .jt{width:3.8%; position: absolute; top:69%; left: 48%;animation: updown 1s 0s ease both infinite;}




.con7{width:100%; padding: 4% 0 6%; background: #c3fbf6; position: relative}

.con7con{position: relative;}
.con7con .pp1{font-size: .28rem; color: #fff; position: absolute; top:23%; left: 40%; background: #ff8e9d; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con7con .pp2{font-size: .28rem; color: #fff; position: absolute; top:27%; left: 36%;background: #ff8e9d; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con7con .pp3{font-size: .28rem; color: #fff; position: absolute; top:66%; left: 38%;background: #5b2f85; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con7con .pp4{font-size: .28rem; color: #fff; position: absolute; top:70%; left: 36%;background: #5b2f85; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con7con .pp5{font-size: .28rem; color: #fff; position: absolute; top:58%; left: 36%;background: #ff8e9d; border-radius: 6em; padding: 0% 2%; text-align: center;}
.con7con .click1{font-size: .28rem; color: #fff; position: absolute;top:34%; left: 4%;background: #5b2f85;  padding: 0.5% 0 4%; text-align: center;width:35%;}
.con7con .click2{width:36.7%; position: absolute; bottom: 56.5%; left: 3%;animation: updown 1.5s 0s ease both infinite;}
.con7con .click2 span{position: absolute; font-size: .34rem; font-weight: 700;  top:20%; left: 12%;color: #000; text-align: center}

.con7con .co2{font-size: .28rem; color: #150428; position: absolute; line-height: 1.3em;top:50%; left:8%; width:22%;}
.con7con .co5{font-size: .28rem; color: #150428; position: absolute; line-height: 1.3em;top:81%; left: 30%; width:60%;}
.con7con .co6{font-size: .34rem; color: #150428; position: absolute; top:77%; left: 30%; font-weight: 700;}
.con7con .click3{width:42.7%; position: absolute; bottom: 3%; left: 4%;animation: updown 1.5s 0s ease both infinite;}
.con7con .click3 span{position: absolute; font-size: .34rem; font-weight: 700;  top:20%; left: 8%;color: #fff; text-align: center}
.con7con .click4{width:42.7%; position: absolute; bottom: 3%; left: 54%;animation: updown 1.5s 0s ease both infinite;}
.con7con .click4 span{position: absolute; font-size: .34rem; font-weight: 700; width:100%; top:20%; left: 6%;color: #fff;}

.con7zj{position: relative; color: #2f0d58; margin-top: 6%}
.con7zj .bb{position: absolute; font-size: .28rem;}
.con7zj .bb1{top:8%; left: 60%;}
.con7zj .bb2{top:30%; left: 59%; line-height: 1.2em;}
.con7zj .bb3{top:63%; left:27%; line-height: 1.2em;}
.con7zj .bb4{top:42%; left:4%; line-height: 1.2em;}

.con7zj .click3{background: #5b2f85; border-radius: .2em; padding: 2.5% 0; text-align: center; text-decoration: underline; width:43%; font-size: .36rem; position: absolute; bottom: 4%; left: 3%; color: #fff;animation: updown 2s 0s ease both infinite;font-weight: lighter;}
.con7zj .click4{background: #fab81f; border-radius: .2em; padding: 2.5% 0; text-align: center; text-decoration: underline; width:43%; font-size: .36rem; position: absolute; bottom:4%; left: 54%; color: #150428;animation: updown 2.5s 0s ease both infinite;font-weight: lighter;}
.con7 .jt{width:3.8%; position: absolute; top:68%; left: 48%;animation: updown 1s 0s ease both infinite;}




.con10{width:100%; background: -webkit-linear-gradient(0deg, #4f257e, #39094b); padding: 6% 0 3% 0}
#CPswiper{padding: 3% 0 0 3%; }

@keyframes ftimg105{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.05)}
	100%{-webkit-transform:scale(1)}
}
@keyframes updown{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-10px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes updown1{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-5px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes zy{0%{opacity:1;transform:translateX(0)}
50%{opacity:1;transform:translateX(8px)}
100%{opacity:1;transform:translateX(0)}
}