@charset "utf-8";
/* CSS Document */
*{ 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%; }



.banner{width: 100%;margin: 0 auto;position: relative;}
.banner .co1{width: 100%;}
.banner ul{padding-bottom: 14%;}
.banner li{width: 24.4%;padding:0 0.3%;float: left;}
.banner .co1-1{width: 100%;background-color: #5e318e;padding-bottom: 15%;}
.banner .co1-2{width: 100%;background-color: #6d459b;padding-bottom: 15%;}
.banner .co1-3{width: 100%;background-color: #7c5aa6;padding-bottom: 15%;}
.banner .co1-4{width: 100%;background-color: #8d6eb1;padding-bottom: 15%;}
.banner .co1-5{width: 100%;background-color: #9b83bd;padding-bottom: 15%;}
.banner .p1{width: 100%;font-size: 0.36rem;font-weight: bolder;color: #fff;text-align: center;padding-top: 10%;}
.banner .p2{width: 100%;font-size: 0.3rem;font-weight: lighter; color: #fff;text-align: center;transform: scale(0.6);}
.banner .co2{width: 20%;position: absolute;top: 53%;left: 60%; animation: updown 2s 0s ease both infinite;}
.banner .p3{font-size: 0.3rem;color: #734c9d;width: 100%;text-align: center;position: absolute;top: 5%;left: 3%}
.banner .p4{font-size: 0.32rem;color: #fff;width: 100%;text-align: center;position: absolute;top: 56%;}

.con1{width: 100%;background-color: #f7ffff;padding-top: 2%;position: relative; padding-bottom: 50%;}
.con1 .img1{width: 55%;position: absolute;top:8%;left: 22.5%;}
.con1 .p1{width: 55%;position: absolute;top: 10%;left: 22.5%;text-align: center;font-size: 0.5rem;color: #000;font-weight: bolder;}
.con1 .p2{width: 30%;position: absolute;top: 23%;left: 35%;text-align: center;font-size:0.35rem;color: #888;}
.con1 ul{position: absolute;top: 35%;}
.con1 li{width: 48%;padding:1%;float: left;animation: updown 2s 0s ease both infinite;}
.con1 .p3{width: 100%;line-height: 0.85rem;font-size: 0.38rem;color: #fff;text-align: center;background-color: #b3a2fe;border-radius:0.4rem;}

.con2{width: 100%;background-color: #f7ffff;padding-top: 2%;position: relative;padding-bottom: 120%;}
.con2 .img1{width: 55%;position: absolute;top:3%;left: 22.5%;}
.con2 .p1{width: 55%;position: absolute;top: 4%;left: 22.5%;text-align: center;font-size: 0.5rem;color: #000;}
.con2 .p2{width: 30%;position: absolute;top: 9.5%;left: 35%;text-align: center;font-size:0.33rem;color: #888;}
.con2 .co1{width: 90%;background-color: #5e318e;position: absolute;top: 16%;left: 5%;line-height: 1rem;border-radius:0.1rem;padding-bottom: 11%;}
.con2 .p3{font-size: 0.5rem;color: #fff;position: absolute;top: 5%;left: 2%;font-weight: bolder;}
.con2 .img2{width: 0.1%;position: absolute;top: 28%;left:17%;}
.con2 .p4{font-size: 0.5rem;color: #ff8908;position: absolute;top: 5%;left: 19%;font-weight: bolder;}
.con2 .p5{font-size: 0.38rem;color: #fff;position: absolute;top: 10%;left: 38%;}
.con2 ul{position: absolute;top:55%;}
.con2 li{width: 31%;margin: 1%;border-radius:0.2rem;float: left;box-shadow: 0 0 0.3rem #ced1f0;  padding-bottom: 3%;}
.con2 .p6{width: 90%;color: #000;font-size: 0.34rem;padding:5%; }
.con2 .p7{width: 25%;color: #5e318f;font-size: 0.34rem;line-height: 0.65rem;border-radius:0.5rem;border: 0.02rem solid #5e318f;text-align: center;background-color: #fff;position: absolute;top: 87%;left: 4%;}
.con2 .img3{width: 2%;position: absolute;top: 93%;left: 23%;}
.con2 .p7-2{width: 25%;color: #5e318f;font-size: 0.34rem;line-height: 0.65rem;border-radius:0.5rem;border: 0.02rem solid #5e318f;text-align: center;background-color: #fff;position: absolute;top: 87%;left: 37%;}
.con2 .img3-2{width: 2%;position: absolute;top: 93%;left:56%;}
.con2 .p7-3{width: 25%;color: #5e318f;font-size: 0.34rem;line-height: 0.65rem;border-radius:0.5rem;border: 0.02rem solid #5e318f;text-align: center;background-color: #fff;position: absolute;top: 87%;left: 70%;}
.con2 .img3-3{width: 2%;position: absolute;top: 93%;left:89%;}
.con2 .img4{width: 100%;position: absolute;top: 27%;}
.con2 .img5{width: 100%;position: absolute;top: 90%;animation: updown 2s 0s ease both infinite;}
.con2 .p8{font-size: 0.45rem;color: #fff;width: 100%;text-align: center;position: absolute;top: 91%;animation: updown 2s 0s ease both infinite;}

.con3{width: 100%;background-color: #f7ffff;padding-top: 2%;position: relative;padding-bottom: 95%;}
.con3 .co1{width: 90%;background-color: #5e318e;position: absolute;top: 1%;left: 5%;line-height: 1rem;border-radius:0.1rem;padding-bottom: 11%;}
.con3 .p3{font-size: 0.5rem;color: #fff;position: absolute;top: 5%;left: 2%;font-weight: bolder;}
.con3 .img2{width: 0.1%;position: absolute;top: 28%;left:17%;}
.con3 .p4{font-size: 0.5rem;color: #ff8908;position: absolute;top: 5%;left: 19%;font-weight: bolder;}
.con3 .p5{font-size: 0.38rem;color: #fff;position: absolute;top: 10%;left: 38%;}
.con3 ul{position: absolute;top:49%;}
.con3 li{width: 31%;margin: 1%;border-radius:0.2rem;float: left;box-shadow: 0 0 0.3rem #ced1f0;  padding-bottom: 3%;}
.con3 .p6{width: 90%;color: #000;font-size: 0.34rem;padding:5%; }
.con3 .p7{width: 25%;color: #5e318f;font-size: 0.34rem;line-height: 0.65rem;border-radius:0.5rem;border: 0.02rem solid #5e318f;text-align: center;background-color: #fff;position: absolute;top: 87%;left: 4%;}
.con3 .img3{width: 2%;position: absolute;top: 93%;left: 23%;}
.con3 .p7-2{width: 25%;color: #5e318f;font-size: 0.34rem;line-height: 0.65rem;border-radius:0.5rem;border: 0.02rem solid #5e318f;text-align: center;background-color: #fff;position: absolute;top: 87%;left: 37%;}
.con3 .img3-2{width: 2%;position: absolute;top: 93%;left:56%;}
.con3 .p7-3{width: 25%;color: #5e318f;font-size: 0.34rem;line-height: 0.65rem;border-radius:0.5rem;border: 0.02rem solid #5e318f;text-align: center;background-color: #fff;position: absolute;top: 87%;left: 70%;}
.con3 .img3-3{width: 2%;position: absolute;top: 93%;left:89%;}
.con3 .img4{width: 100%;position: absolute;top: 16%;}
.con3 .img5{width: 100%;position: absolute;top: 90%;animation: updown 2s 0s ease both infinite;}
.con3 .p8{font-size: 0.45rem;color: #fff;width: 100%;text-align: center;position: absolute;top: 91%;animation: updown 2s 0s ease both infinite;}

.con4{width: 100%;background-color: #f7ffff;padding-top: 2%;position: relative;padding-bottom: 110%;}
.con4 .co1{width: 90%;background-color: #5e318e;position: absolute;top: 3%;left: 5%;line-height: 1rem;border-radius:0.1rem;padding-bottom: 11%;}
.con4 .p3{font-size: 0.5rem;color: #fff;position: absolute;top: 5%;left: 2%;font-weight: bolder;}
.con4 .img2{width: 0.1%;position: absolute;top: 28%;left:17%;}
.con4 .p4{font-size: 0.4rem;color: #ff8908;position: absolute;top: 5%;left: 19%;font-weight: bolder;}
.con4 .p5{font-size: 0.38rem;color: #fff;position: absolute;top: 10%;left: 50.3%;}
.con4 ul{position: absolute;top: 44%;}
.con4 li{width: 31%;margin: 1%;border-radius:0.2rem;float: left;box-shadow: 0 0 0.3rem #ced1f0;  padding-bottom: 3%;}
.con4 .p6{width: 90%;color: #000;font-size: 0.34rem;padding:5%; }
.con4 .p7{width: 25%;color: #5e318f;font-size: 0.34rem;line-height: 0.65rem;border-radius:0.5rem;border: 0.02rem solid #5e318f;text-align: center;background-color: #fff;position: absolute;top: 87%;left: 4%;}
.con4 .img3{width: 2%;position: absolute;top: 93%;left: 23%;}
.con4 .p7-2{width: 25%;color: #5e318f;font-size: 0.34rem;line-height: 0.65rem;border-radius:0.5rem;border: 0.02rem solid #5e318f;text-align: center;background-color: #fff;position: absolute;top: 87%;left: 37%;}
.con4 .img3-2{width: 2%;position: absolute;top: 93%;left:56%;}
.con4 .p7-3{width: 25%;color: #5e318f;font-size: 0.34rem;line-height: 0.65rem;border-radius:0.5rem;border: 0.02rem solid #5e318f;text-align: center;background-color: #fff;position: absolute;top: 87%;left: 70%;}
.con4 .img3-3{width: 2%;position: absolute;top: 93%;left:89%;}
.con4 .img4{width: 100%;position: absolute;top: 16%;}
.con4 .img5{width: 100%;position: absolute;top: 90%;animation: updown 2s 0s ease both infinite;}
.con4 .p8{font-size: 0.45rem;color: #fff;width: 100%;text-align: center;position: absolute;top: 91%;animation: updown 2s 0s ease both infinite;}

.con5{width: 100%;background-color: #e5e5ed;padding-top: 2%;position: relative;padding-bottom: 95%;}
.con5 .img1{width: 55%;position: absolute;top:3%;left: 22.5%;}
.con5 .p1{width: 55%;position: absolute;top: 4%;left: 22.5%;text-align: center;font-size: 0.5rem;color: #ff8908;}
.con5 .p2{width: 30%;position: absolute;top: 10.5%;left: 35%;text-align: center;font-size:0.33rem;color: #888;}
.con5 .img2{width: 100%;position: absolute;top: 15%;}
.con5 .p3{width: 23%;text-align: center;font-size:0.32rem;position: absolute;top: 44%;left: 9%;font-weight: bold;}
.con5 .p4{width: 23%;text-align: center;font-size: 0.32rem;position: absolute;top: 44%;left: 42%;font-weight: bold;}
.con5 .p5{width: 23%;text-align: center;font-size: 0.32rem;position: absolute;top: 44%;left: 74%;font-weight: bold;}
.con5 .img3{width: 100%;position: absolute;top: 51%;}
.con5 .p6{width: 23%;text-align: center;font-size:0.32rem;position: absolute;top: 76%;left: 9%;font-weight: bold;}
.con5 .p7{width: 23%;text-align: center;font-size: 0.32rem;position: absolute;top: 76%;left: 42%;font-weight: bold;}
.con5 .p8{width: 26%;text-align: center;font-size: 0.32rem;position: absolute;top: 76%;left: 72%;font-weight: bold;}
.con5 .img4{width: 100%;position: absolute;top: 87%;animation: updown 2s 0s ease both infinite;}
.con5 .p9{font-size: 0.45rem;color: #fff;width: 100%;text-align: center;position: absolute;top: 88.5%;animation: updown 2s 0s ease both infinite;}

.con6{width: 100%;background-color: #f7ffff;padding-top: 3%;position: relative;height:1.3rem;}
.con6 .img1{width: 55%;position: absolute;top:18%;left: 22.5%;}
.con6 .p1{width: 55%;position: absolute;top: 20%;left: 22.5%;text-align: center;font-size: 0.5rem;color: #000;}
.con6 .p2{width: 40%;position: absolute;top: 73%;left: 30%;text-align: center;font-size:0.33rem;color: #888;}
.con6 .img2{width: 100%;position: absolute;top: 42%;}


.con7{width:100%;margin-top:12%; }
.con7con1{background: #f5ecff; border-radius: .5em; width:90%; margin: 6% auto;}
.con7con2{background: #e4dcd7; border-radius: .5em; width:90%; margin: 6% auto;}
.con7con3{background: #d9eeec; border-radius: .5em; width:90%; margin: 6% auto;}
.con7con4{background: #fbe2de; border-radius: .5em; width:90%; margin: 6% auto;}
.con7pic{width:47.4%; float: left;}
.con7co{width:46%; padding-left: 4%;line-height: 1.6em; font-size: 0.3rem; color: #333;float: left;}
.con7co h1{font-size: 0.42rem; padding: 10% 0;}

@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)}
}
@media (min-width: 768px) {
	.tt span{font-weight:lighter;}
}


@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-52%); 
    }
}