@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;}
.btn1{display: block;background: linear-gradient(to bottom,#FFA500,#FFBD09);text-align: center;border-radius: 50px;color: #473608;padding: 3.6% 0}
.btn2{display: block;background: linear-gradient(to bottom,#FF5B7B,#FF74B5);text-align: center;border-radius: 50px;color: #fff;padding: 3.6% 0}
.icon{top: 30%!important;animation: heartbeat .5s linear infinite;}
.icon2{animation: heartbeat .5s linear infinite;}
body {min-width:320px;overflow-x:hidden;}
.container{max-width:750px;margin:0 auto;color:#fff;font-size:1.4rem;overflow:hidden;}
/*banner*/
.banner{overflow: inherit;}


/*box0*/
.box0{background: linear-gradient(to bottom,#FF6543,#FDA34E);width: 94.66%;margin: 0 auto;padding-bottom: 4%}
.box0 h1{font-size: 5.0rem;color: #fff;text-align: center;font-weight: bold;padding: 4% 0;}
.box0 .box01_des{width: 92.53%;margin: 0 auto;background: #fff;border-top-left-radius: 6px;border-top-right-radius: 6px;box-shadow: 0 10px 20px #F8C8AE}
.box0 .box01_des h2{font-size: 3.0rem;color: #333;text-align: center;padding: 4% 0 2%;}
.box0 .box01_des .p1{font-size: 2.6rem;color: #666666;width: 91.33%;text-align: center;padding-bottom: 4%;margin: 0 auto}
.box0 .des_center{width: 100%;margin: 0 auto;background: #F7B709;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.box0 .des_center dl{width: 59.3%;padding: 8% 0 8% 6%;}
.box0 .des_center dl dt{font-size: 2.8rem;color: #352700}
.box0 .des_center dl dd{font-size: 2.8rem;color: #352700}
.box0 .des_center .women{display: inline-block;width: 30.28%;right: 6%;bottom: 0%}

/*box1*/
.box01{background: linear-gradient(to bottom,#8662FE,#E58CE8);width: 94.66%;margin: 8% auto 0;padding-bottom: 6%}
.box01 h1{width: 72.95%;margin: 0 auto;padding: 6% 0 4%}
.box01 .box01_des1{width: 92.53%;margin: 0 auto;background: #FFFFFF;border-top-left-radius: 6px;border-top-right-radius: 6px;padding-bottom: 6%}
.box01 .box01_des1 h2{font-size: 4.8rem;color: #333333;font-weight: bold;text-align: center;padding: 4% 0 2%}
.box01 .box01_des1 .p1{font-size: 2.6rem;color: #666666;width: 91.33%;text-align: center;padding-bottom: 4%;margin: 0 auto}
.box01 .box01_des1 ul{width: 92.84%;margin: 0 auto}
.box01 .box01_des1 ul li{width: 48.19%;margin-right: 3%;}
.box01 .box01_des1 ul li p{color: #666666;text-align: center;font-size: 2.4rem;padding: 2% 0 6%}
.box01 .box01_des2{width: 92.53%;margin: -2% auto 0;background: #C5B3FF;border-top-left-radius: 8px;border-top-right-radius: 8px;padding-bottom: 4%}
.box01 .box01_des2 h2{font-size: 4.8rem;color: #333333;font-weight: bold;text-align: center;padding: 4% 0}
.box01 .box01_des2 ul{width: 88.28%;margin: 0 auto;}
.box01 .box01_des2 ul li{margin-bottom: 6%}
.box01 .box01_des2 ul span{display: inline-block;width: 47.75%;}
.box01 .box01_des2 ul p{width: 45.86%;font-size: 2.4rem;color: #333333;text-align: left;}
.box01 .box01_des2 ul .p1,.box01 .box01_des2 ul .p3{right: 0%;top: 50%}
.box01 .box01_des2 ul .p2,.box01 .box01_des2 ul .p4{left: 0%;top: 50%}
.box01 .box01_btn1{font-size: 3.6rem;width: 77%;margin: 6% auto 0;color: #473608;padding-right: 4%}
.box01 .box01_btn1 .circle{display: inline-block;width: 15.7%;right: 1%;top: 50%}

.box02{background: linear-gradient(to bottom,#FF5A79,#FF74B5);width: 94.66%;margin: 8% auto 0;padding-bottom: 6%}
.box02 h1{width: 72.95%;margin: 0 auto;padding: 6% 0 4%}
.box02 .img img{border-radius: 6px;}
.box02 .img1{display: block;width: 49%;left: 0%;top: 0%;}
.box02 .img4{display: block;width: 49%;right: 0%;top: 10%;}
.box02 .img7{display: block;width: 49%;left: 0%;top: 10%}
.box02 .gouz1{width: 9.1%;top: 50%;left: 50%}
.box02 .gouz2{width: 9.1%;top: 19%;left: 45%}
.box02 .gouz3{width: 9.1%;top: 19%;left: 46%}
.box02 .box02_des1{width: 92.53%;margin: 0 auto;background: #FFFFFF;border-top-left-radius: 6px;border-top-right-radius: 6px;padding-bottom: 6%}
.box02 .box02_des1 h2{font-size: 4.8rem;color: #333333;font-weight: bold;text-align: center;padding: 4% 0 2%}
.box02 .box02_des1 .box03_img1,.box02 .box02_des2 .box03_img4,.box02 .box02_des3 .box03_img7{display: block;width: 91.17%;margin: 2% auto}
.box02 .box02_des1 ul,.box02 .box02_des2 ul,.box02 .box02_des3 ul{width: 91.17%;margin: 0 auto}
.box02 .box02_des1 ul li,.box02 .box02_des2 ul li,.box02 .box02_des3 ul li{width: 48.58%;margin-right: 2%}
.box02 .box02_des1 ul li p,.box02 .box02_des2 ul li p,.box02 .box02_des3 ul li p{font-size: 2.4rem;color: #666666;text-align: center;padding-top: 4%}
.box02 .box02_des2,.box02 .box02_des3{width: 92.53%;margin: 0 auto;background: #FFA2B3;border-top-left-radius: 6px;border-top-right-radius: 6px;padding-bottom: 6%;margin-top: -4%}

.box02 .box02_des2 .box03_img4{padding: 8% 0 2%}
.box02 .box02_des2 ul li p{color: #fff;}
.box02 .box02_des3{background: #fff}
.box02 .box02_des3 .box03_img7{padding: 8% 0 2%}
.box02 .box02_btn1{font-size: 3.6rem;width: 77%;margin: 6% auto 0;color: #473608;padding-right: 4%}
.box02 .box02_btn1 .circle{display: inline-block;width: 15.7%;right: 1%;top: 50%}

.box03{background: linear-gradient(to bottom,#6277FF,#36B7FF);width: 94.66%;margin: 8% auto 0;padding-bottom: 4%}
.box03 h1{width: 92.95%;margin: 0 auto;padding: 6% 0 4%}
.box03 .anli1{width: 92.53%;margin: 0 auto;}
.box03 .anli1>.hd{text-align: center;width: 100%;margin-top: 6%}
.box03 .anli1>.hd>ul>li{overflow: hidden;margin:0 1%;width: 12px;height: 12px;background: #fff;border-radius:100px;opacity: 1;display: inline-block;}
.box03 .anli1>.hd>ul>.on{width: 60px;}

.box04{background: linear-gradient(to bottom,#FF6543,#FFAB53);width: 94.66%;margin: 8% auto 0;padding-bottom: 4%}
.box04 h1{width: 92.95%;margin: 0 auto;padding: 6% 0 4%}
.box04 .box04_des1{width: 92.53%;margin: 0 auto;background: #FFFFFF;border-top-left-radius: 6px;border-top-right-radius: 6px;padding-bottom: 6%}
.box04 .box04_des1 h2{font-size: 4.8rem;color: #333333;font-weight: bold;text-align: center;padding: 4% 0 2%}
.box04 .box04_des1 .p1{font-size: 2.6rem;color: #666666;width: 91.33%;text-align: center;padding-bottom: 4%;margin: 0 auto}
.box04 .box04_des1 ul{width: 92.84%;margin: 0 auto}
.box04 .box04_des1 ul li{width: 31.55%;margin-right: 2.4%;}
.box04 .box04_des1 ul li p{color: #666666;text-align: center;font-size: 2.4rem;padding: 2% 0 6%}
.box04 .box04_btn1{font-size: 3.6rem;width: 77%;margin: 6% auto 0;color: #fff;padding-right: 4%}
.box04 .box04_btn1 .circle{display: inline-block;width: 15.7%;right: 1%;top: 50%}

.box05{background: linear-gradient(to bottom,#8662FE,#E58CE8);width: 94.66%;margin: 8% auto 0;padding-bottom: 4%}
.box05 h1{width: 92.95%;margin: 0 auto;padding: 6% 0 4%}
.box05 .box05_des1{width: 92.53%;margin: 0 auto;background: #FFFFFF;border-top-left-radius: 6px;border-top-right-radius: 6px;padding-bottom: 6%}
.box05 .box05_des1 .p1{font-size: 2.6rem;color: #666666;padding-top: 4%;width: 91.33%;text-align: center;padding-bottom: 4%;margin: 0 auto}
.box05 .box05_des1 ul{width: 91.17%;margin: 0 auto;}
.box05 .box05_des1 ul li p{font-size: 2.4rem;color: #666666;padding: 8% 0 5%;text-align: center}
.box05 .box05_des1 ul .li1,.box05 .box05_des1 ul .li3{width: 55.75%;margin-right: 2%}
.box05 .box05_des1 ul .li2,.box05 .box05_des1 ul .li4{width: 41.23%;}
.box05 .box05_des1 ul .li5,.box05 .box05_des1 ul .li6{width: 48.41%;}
.box05 .box05_btn1{font-size: 3.6rem;width: 77%;margin: 6% auto 0;color: #473608;padding-right: 6%}
.box05 .box05_btn1 .circle{display: inline-block;width: 25.7%;right: 1%;top: 50%}


.box06 .box06_btn{display: block;width: 94.66%;margin: 6% auto}

.box07 .box07_des{top: 8%;left: 50%;width: 100%}
.box07 h1{width: 59.2%;margin: 0 auto 7.4%;}
.box07 h2{font-size: 3.0rem;color:#253843;text-align: left;width: 74.4%;margin: 0 auto;text-indent: 2em}
.box07 .box07_btn1{width: 45.73%;margin: 8% auto 0;font-size: 3.0rem;box-shadow: 6px 6px 20px #D2CDBF;padding-right: 4%}
.box07 .box07_btn1 .hand{display: block;right: 4%;top: 55%;width: 12.2%;height: 0;padding-bottom: 7.2%}


.box08{background: linear-gradient(189deg,#83B3D9,#AEBAEA);padding:9% 0 6%}
.box08 h1{width: 67.86%;margin: 0 auto 4.4%;}
.box08 h2{font-size: 3.0rem;width: 94.66%;margin: 0 auto 6%;text-align: left;color: #fff;text-indent: 2em}
.box08 .box08_ul1{width: 94.66%;margin: 0 auto;}
.box08 .box08_ul1 .li1{width: 48.16%;}
.box08 .box08_ul1 .li1 p,.box08 .box08_ul1 .li2 p{font-size: 2.0rem;color: #fff;text-align: center;padding: 1% 0 10%}
.box08 .box08_ul1 .li2{width: 26.47%;margin-right: 7%}
.box08 .box08_ul2{width: 94.66%;margin: 0 auto;}
.box08 .box08_ul2 li{width: 32.67%;margin-right: .8%}
.box08 .box08_ul2 li p{text-align: center;font-size: 2.0rem;color: #fff;padding-top: 2%}


.box09 .box09_des{top: 4%;left: 50%;width: 100%}
.box09 h1{width: 67.46%;margin: 0 auto 7.4%;}
.box09 .box09_ul{width: 95.33%;margin: 0 auto}
.box09 .box09_ul li .li_left .block,.box09 .box09_ul li .li_right .block{display: block;left: 0%;top: 0%;width: 100%;height: 100%;background: #494F4B;border-radius: 10px;transform: rotate(-2deg);z-index: 1!important;}
.box09 .box09_ul li .li_left,.box09 .box09_ul li .li_right{width: 48.67%;margin-bottom: 4%}
.box09 .box09_ul li .li_left img,.box09 .box09_ul li .li_right img{border-radius: 10px;z-index: 2!important;}
.box09 h2{font-size: 3.6rem;color: #253843;padding: 6% 0;text-align: center;}
.box09 .box09_btn1{width: 45.73%;margin: 1% auto 0;font-size: 3.0rem;box-shadow: 6px 6px 20px #D2CDBF;padding-right: 4%}
.box09 .box09_btn1 .hand{display: block;right: 4%;top: 55%;width: 12.2%;height: 0;padding-bottom: 7.2%}


.box10{background: linear-gradient(189deg,#83B3D9,#AEBAEA);padding:9% 0 6%}
.box10 h1{width: 61.2%;margin: 0 auto 7.4%;}
.box10 ul{width: 90.66%;margin:6% 0 0 2.6%;}
.box10 ul li{width: 100%;background: #F4F0FF;border-radius: 50px;margin-bottom: 6.6%;padding: 5.33% 0 5.33% 8%;}
.box10 ul li p{font-size: 3.3rem;color: #2c2c2c}
.box10 ul li .box10_btn{width: 21.76%;height: 0;padding-bottom: 21.76%;right: -4%;top: 50%;border-radius: 100%;font-size: 3.3rem;color: #fff;text-align: center;background: #FF618A;line-height: 1.2}
.box10 ul li .box10_btn span{display: inline-block;left: 50%;top: 50%}
.box10 ul li .hot{display: inline-block;width: 6.4%;top: 50%;right: 12%}

/*手指动画*/
@keyframes heartbeat {
	0%   { transform: scale(0.95);}
	100% { transform: scale(0.95);}
	50%  { transform: scale(1.10);}

}
@-webkit-keyframes heartbeat {
	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*/
}