@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{background: #FFF000;border: 5px solid #FFCC00;font-size: 3.2rem;display: block;text-align: center;border-radius: 50px;color: #383838;padding: 2.3% 6% 2.3% 1%;}
body {min-width:320px;overflow-x:hidden;}
.container{max-width:640px;margin:0 auto;color:#4d4a5c;font-size:1.4rem;overflow:hidden;}


/*banner*/
.banner{overflow: hidden;}

/*box1*/
.box01{background: #BAE3FD;overflow: hidden;padding: 8.6% 0 5%}
.box01 h1{width: 47.33%;margin: 0 auto 6%}
.box01 ul{width: 94.93%;margin: 0 auto;}
.box01 ul li{width: 100%;margin-bottom: 4%}
.box01 ul li p{font-size: 3.2rem;color: #313131;text-align: center;margin-top: 3%}
.box01 .box01_btn{display: block;width: 93.73%;margin: 0 auto}

/*box2*/
.box02{background: #D7F4FF;overflow: hidden;padding-top: 8.6%;}
.box02 h1{width: 50.8%;margin: 0 auto 6%}
.box02 .box02_btn{display: block;width: 93.73%;left: 50%;bottom: 10%}

/*box3*/
.box03{background: #fff;overflow: hidden;padding: 8.6% 0 6%;}
.box03 h1{width: 85.33%;margin: 0 auto 6%}
.box03 .p1{width: 89.86%;margin: 0 auto;font-size: 3.0rem;color: #707070}
.box03 .p1 span{font-weight: bold;color: #313131}
.box03 .box03_img1{width: 94%;margin: 4% auto;}
.box03 .p2{width: 89.86%;margin: 0 auto;font-size: 3.0rem;color: #707070}
.box03 .p2 span{font-weight: bold;color: #313131}
.box03 .box03_btn{display: block;width: 89.46%;margin: 7% auto 0}


.box04{background: #9EBED3;padding: 8.8% 0 20%}
.box04 h1{width: 79.33%;margin: 0 auto 6%}
.box04 .box04_btn{display: block;width: 92.53%;margin: 6% auto 0}

.box05{background: #D7F4FF;padding: 8.8% 0 16%}
.box05 .box05_des{width: 93.86%;margin: -20% auto 0;background: #fff;padding-top: 10.6%;}
.box05 h1{width: 87.21%;margin: 0 auto 6%}
.box05 .box05_ul1{width: 98%;margin: 4% auto;}
.box05 .box05_ul1 li{width: 49.42%;margin-right: .8%;}
.box05 .box05_ul2{width: 98%;margin: 4% auto;}
.box05 .box05_ul2 li{width: 49.42%;margin-right: .8%;margin-bottom: 4.8%;}
.box05 .box05_ul2 li p{font-size: 2.8rem;color: #535353;margin-top: 2%}
.box05 .box05_btn{display: block;width: 102.4%;left: 50%;bottom: -5.4%}

/*box1*/
.box06{background: #D7F4FF;overflow: hidden;padding: .6% 0 5%}
.box06 h1{width: 82.26%;margin: 0 auto 6%}
.box06 ul{width: 94.93%;margin: 0 auto;}
.box06 ul li{width: 100%;margin-bottom: 4%;overflow: hidden}
.box06 ul li p{font-size: 3.2rem;color: #313131;text-align: center;margin-top: 3%}
.box06 .box06_btn{display: block;width: 93.73%;margin: 3% auto}
.box06 .box06_jif_img{width: 56.12%;left: 0%;top: 0%;}
.box06 .img3{width: 56.12%;height: 160%}

.box07{background: #fff;padding: 12% 0 6%;}
.box07 h1{width: 82.26%;margin: 0 auto 11%}
.box07 .box07_img1{width: 91.73%;margin: 0 auto}
.box07 .box07_des{width: 96.13%;margin: 5% auto 6%;border-radius: 14px;background: #D7F4FF;padding-bottom: 6%;box-shadow: 0 0 10px #E3E3E3}
.box07 .box07_des h2{font-size: 4.8rem;color: #313131;text-align: center;line-height: 1.2;padding: 10% 0 5%}
.box07 .box07_des .ul1{width: 95.97%;margin: 0 auto}
.box07 .box07_des .ul1 li{width: 32.38%;margin-right: 1.4%}
.box07 .box07_des .ul2{width: 95.97%;margin: 0 auto}
.box07 .box07_des .ul2 li{width: 48.86%;margin:2% 1.8% 2% 0;}
.box07 .box07_btn{display: block;width: 93.73%;margin: 3% auto}

.box08 .box08_des{left: 50%;top: 25%;width: 100%}
.box08 .anli1{width: 96%;margin: 0 auto}
.box08 .anli1 .hd {text-align: center;width: 100%;position: relative!important;margin: 6% auto 0;left: 42%}
.box08 .anli1 .hd li{ width: 16px;height: 16px;margin:0 1%;z-index: 2!important;background: #fff;border-radius:100px}
.box08 .anli1 .hd .on{background: #FF440F}

.box09{background: #9EBED3;padding-bottom: 7%}
.box09 h1{width: 73.33%;margin: 0 auto;padding: 12% 0 6%}
.box09 .anli2{width: 96%;margin: 0 auto}
.box09 .anli2 .hd {text-align: center;width: 100%;position: relative!important;margin: 6% auto 0;left: 42%}
.box09 .anli2 .hd li{ width: 16px;height: 16px;margin:0 1%;z-index: 2!important;background: #fff;border-radius:100px}
.box09 .anli2 .hd .on{background: #FF440F}
.box09 .box09_btn{display: block;width: 93.73%;margin: 6% auto}

.box10{background: #D7F4FF;}
.box10 h1{width: 59.86%;margin: 0 auto;padding: 6% 0 3%}
.box10 .box10_btn{display: block;width: 62.13%;margin: 0 auto 1%}


/*手指动画*/
@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);
	}
}


/*活动条目渐变移入*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.ad { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }


@-webkit-keyframes fadeInLeft {  0% {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInLeft {  0% {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight {  0% {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInRight {  0% {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInUp {  0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInUp {  0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown {  0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInDown {  0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes zoomIn {  0% {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3);
}
	50% {
		opacity: 1;
	}
}
@keyframes zoomIn {  0% {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3);
}
	50% {
		opacity: 1;
	}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@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*/
}