@charset "gb2312";
html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em{font-style:normal;}
ul, ol{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#404040;}
input, img {vertical-align: middle;}
input{border:0}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
a,
button,
input {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*清楚按钮阴影*/
}
.re{position:relative;}
.ab{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.clear{ clear:both}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.mg0{margin-right: 0!important;}
.btn{font-size: 3.6rem;display: block;text-align: center;border-radius: 50px;margin: 0 auto;color: #fff;padding: 3.6% 0}
body {min-width:320px;overflow-x:hidden;}
.container{max-width:640px;margin:0 auto;color:#4d4a5c;font-size:1.4rem;overflow:hidden;background: #8C58FE}
/*banner*/
.banner{overflow: inherit;}

/*box1*/
.box01{background: #8C58FE}
.box01 h1{width: 75.46%;margin: -6% auto 4%}
.box01 .box01_des{width: 94.66%;margin: 0 auto;padding: 7.7% 0;border-radius: 10px;background: #FFC51D;box-shadow: 0 0 30px #9B58CC}
.box01 h2{width: 62.13%;margin: 0 auto 2%;}
.box01 .box01_btn1{width: 64.28%;background: linear-gradient(to right,#F44352,#F9606E);margin: 4% auto 6%;padding-right: 5%;}
.box01 .box01_btn1 .go{display: block;right: 8%;top: 50%;width: 7.2%;height: 0;padding-bottom: 7.2%}
.box01 .anli1{width: 94.36%;margin: 0 auto 6%;}
.box01 .anli1 .bd{width: 100%}
.box01 .anli1 .li1{background: #FFCB37;padding: 5.8% 0}
.box01 .anli1 .li2{background: #FFD14C;padding: 5.8% 0}
.box01 .anli1 .li_left{width: 23.49%;margin:0 4%}
.box01 .anli1 .li_right{width: 60.88%;text-align: left;}
.box01 .anli1 .li_right h3{font-size: 3.0rem;color: #333333;margin-bottom: 2%}
.box01 .anli1 .li_right .p1{font-size: 2.4rem;color: #333333;margin-bottom: 2%}
.box01 .anli1>.hd{text-align: center;width: 100%;bottom:-14%;left: 50%}
.box01 .anli1>.hd>ul>li{overflow: hidden;margin:0 1%;width: 18px;height: 18px;background: #363636;border-radius:100px;opacity: 1;display: inline-block;}
.box01 .anli1>.hd>ul>.on{background: #F44352;}
.box01 .anli1_btn{width: 68.73%;background: linear-gradient(to right,#FF7B5B,#FF4371);margin: 0 auto 0;padding-right: 5%;}
.box01 .anli1_btn .go{display: block;right: 8%;top: 50%;width: 7.2%;height: 0;padding-bottom: 7.2%}

.box02{background: #A56EFD;padding:6% 0 8%;margin: 10% auto;width: 94.66%;border-radius: 10px}
.box02 h1{width: 45.35%;margin: 0 auto 2%}
.box02 h2{font-size:3.0rem;color: #fff;text-align: center;font-weight: 300;line-height: 1.0;padding-bottom: 5%}
.box02 .box02_ul{width: 89.33%;margin: 0 auto}
.box02 .box02_ul li{padding: 4.6% 0 4.6% 3%;border-radius: 10px}
.box02 .box02_ul .li1{background: #9B65FD}
.box02 .box02_ul .li2{background: #935EFE}
.box02 .box02_ul .li3{background: #8B58FE}
.box02 .box02_ul li .li_left{width: 13.88%;background: #9B65FD;margin-right: 6%}
.box02 .box02_ul li .li_right{width: 63.88%;margin-top: 2%}
.box02 .box02_ul li .li_right p{font-size: 2.4rem;color: #fff}
.box02 .box02_ul li span{display: block;right: 2%;top: -.2%;background: #FFC51D;font-size: 3.0rem;color: #333;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;padding: 2% 1%}
.box02 .box02_btn1{width: 78.73%;background: linear-gradient(to right,#FF7B5B,#FF4371);margin: 4% auto 0;padding-right: 5%;}
.box02 .box02_btn1 .go{display: block;right: 8%;top: 50%;width: 7.2%;height: 0;padding-bottom: 7.2%}


.box03{background: linear-gradient(to bottom,#35CCB2,#3491F3);padding:9% 0 8%;margin: 10% auto;width: 94.66%;border-radius: 10px}
.box03 h1{width: 83.35%;margin: 0 auto 2%}
.box03 .box03_center{background: #fff;border-radius: 10px;padding:9% 0 8%;margin: 6% auto;width: 94.66%;}
.box03 .box03_center h2{font-size: 3.6rem;color: #333;text-align: center;}
.box03 .box03_center .p1{font-size: 2.4rem;color: #5C5C5C;text-align: center;padding: 1% 0 4%}
.box03 .box03_center .box03_ul{width: 94.02%;margin: 0 auto}
.box03 .box03_center .box03_ul li{width: 31.26%;margin-right: 3%;}
.box03 .box03_center .box03_ul li p{font-size: 2.4rem;color: #666666;padding-top: 4%;line-height: 1.6}
.box03 h3{font-size: 3.6rem;color: #fff;text-align: center;}
.box03 .p2{font-size: 2.4rem;color: #D6EDF8;text-align: center;width: 88.73%;margin: 2% auto 4%;line-height: 1.6}
.box03 .anli2{margin: 0 auto;width: 88.73%;padding-bottom: 6%}
.box03 .bd .box01_ul li{width: 31.26%;margin-right: 3.0%}
.box03 .bd .box01_ul li p{font-size: 2.4rem;color: #fff;padding-top: 6%}
.box03 .anli2>.hd{text-align: center;width: 100%;bottom:0%;left: 50%}
.box03 .anli2>.hd>ul>li{overflow: hidden;margin:0 1%;width: 12px;height: 12px;background: #fff;border-radius:100px;opacity: 1;display: inline-block;}
.box03 .anli2>.hd>ul>.on{background: #FDBD3A;}
.box03 .box03_btn1{width: 89.73%;background: linear-gradient(to right,#FF7B5B,#FF4371);margin: 4% auto 0;padding-right: 5%;}
.box03 .box03_btn1 .go{display: block;right: 8%;top: 50%;width: 6.2%;height: 0;padding-bottom: 7.2%}

/*box4*/
.box04{background: #A56EFD;padding:9% 0 8%;margin: 10% auto;width: 94.66%;border-radius: 10px}
.box04 h1{width: 75.35%;margin: 0 auto 5%}
.box04 ul{width: 94.36%;margin: 0 auto}
.box04 ul li{width: 48.38%;margin-right: 3%}
.box04 ul li p{font-size: 2.4rem;color: #fff;text-align: center;line-height: 1.8;margin: 8% 0 10%}
.box04 .box04_btn1{width: 68.73%;background: linear-gradient(to right,#FF7B5B,#FF4371);margin: 4% auto 0;padding-right: 5%;}
.box04 .box04_btn1 .go{display: block;right: 8%;top: 50%;width: 7.2%;height: 0;padding-bottom: 7.2%}


.box05{background: #FFC51D;padding:9% 0 8%;margin: 10% auto;width: 94.66%;border-radius: 10px;box-shadow: 0 0 30px #9B58CD}
.box05 h1{width: 61.12%;margin: 0 auto 5%}
.box05 .anli3{width: 94.36%;margin: 4% auto;background: #fff;border-radius: 10px;padding-bottom: 1%}
.box05 .anli3 .zz{padding: 4% 0 8% 6%}
.box05 .anli3 .logo{display: block;right: -6%;top: 36%;width: 44.9%}
.box05 .anli3 .zz h2{font-size: 3.6rem;color: #333333}
.box05 .anli3 .zz .p2{font-size: 2.6rem;color: #333333;line-height: 2}
.box05 .honer{width: 90.73%;background: #F6F6F6;padding: 4%;margin: 0 auto;border-radius: 10px;}
.box05 .honer li{width: 32.84%;margin-right: .62%;}
.box05 .honer li p{font-size: 1.8rem;color: #333;text-align: center;padding: 2% 0 4%;}
.box05 .anli3 .ul2 li{width: 49.44%;margin-right: .62%;}
.box05 .anli3>.hd{text-align: center;width: 100%;margin-top:4%!important;left: 50%;z-index: 2}
.box05 .anli3>.hd>ul>li{overflow: hidden;margin:0 1%;width: 12px;height: 12px;background: #363636;border-radius:100px;opacity: 1;display: inline-block;}
.box05 .anli3>.hd>ul>.on{background: #F44352;}
.box05 .box05_btn1{width: 78.73%;background: linear-gradient(to right,#FF7B5B,#FF4371);margin: 4% auto 0;}



.box06{padding:9% 0 8%;}
.box06 h1{width: 57.2%;margin: 0 auto 5%}
.box06 .box06_ul1{width: 94.50%;margin: 0 auto}
.box06 .box06_ul1 li{width: 33.18%;margin-right:.1%;background: #319CEA;}
.box06 .box06_ul2{width: 94.10%;margin: 0 auto}
.box06 .box06_ul2 li{width: 49.8%;margin-right:.1%;background: #319CEA;}
.box06 .box06_img67{width: 94.50%;margin: 0 auto;background: #48BBAA;padding: 2%;}
.box06 .box06_img67 .img67_left{width: 36.61%;}
.box06 .box06_img67 .img67_right{width: 55.49%;margin:7% 0 0 7%}
.box06 .box06_img67 .img67_right p{font-size: 2.6rem;color: #fff;margin-top: 4%;line-height: 1.8}


.box07{background: #FFC51D;padding: 10% 0 12%}
.box07 h1{width: 59.73%;margin: 0 auto 5%}
.box07 .box07_ul{width: 77.33%;margin: 0 auto;}
.box07 .box07_ul li{margin-bottom: 6%}
/*手指动画*/
@keyframes handbeat {
	0%   { transform: scale(0.95);}
	100% { transform: scale(0.95);}
	50%  { transform: scale(1.10);}

}
@-webkit-keyframes handbeat {
	0%   { -webkit-transform: scale(0.95);}
	100% { -webkit-transform: scale(0.95);}
	50%  { -webkit-transform: scale(1.10);}
}

@keyframes echo {
	0%{
		opacity:0.1;
		transform: scale(1);
	}
	100%{
		opacity:0;
		transform: scale(1.4);
	}
}
@-webkit-keyframes echo {
	0%{
		opacity: 0.1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100%{
		opacity: 0;
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}
}

@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
}