@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);
	/*清楚按钮阴影*/
}
input{color:#818080;}input::-webkit-input-placeholder{color:#818080;}/*输入框字体颜色*/
input[type="radio"] {
	border-radius: 100%!important;
	height: 12px;   /*高度*/
	vertical-align: middle;
	width: 12px;

}
.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%);}
body {min-width:320px;overflow-x:hidden;}
.container{max-width:750px;margin:0 auto;font-size:1.4rem;overflow:hidden;}
.mg0{margin-right: 0!important;}

.btn{display: block;border-radius: 50px!important;padding: 4.4% 0;text-align: center;color: #f62c04}


.banner_des{width: 90.4%;left: 50%;bottom: 4%;background: linear-gradient(38deg,#FF0053,#D90077);border-top-left-radius: 50px;border-bottom-right-radius: 50px;padding: 8% 0 }
.banner_des h1{font-size: 4.8rem;color: #fff;text-align: center;margin-bottom: 3%}
.banner_des .banner_btn{width: 79.2%;margin: 0 auto;padding-right: 4%;background: #FFD500;font-size: 4.0rem}
.banner_des .banner_btn .go{display: inline-block;width: 6.8%;top: 50%;right: 8%;height: 0;padding-bottom: 6.8%}

.box01{background: #FFE9D8;padding: 10.6% 0 10%}
.box01 h1{font-size: 6.0rem;text-align: center;margin-bottom: 5.8%}
.box01 h1 span{font-weight: bold;}
.box01 .box01_img1{width: 83.86%;margin: 0 auto 5.8%}
.box01 p{font-size: 3.0rem;width: 83.86%;margin: 0 auto;line-height: 1.66}

.box02 .box02_des{width: 100%;top: 7%;left: 50%}
.box02 h1{font-size: 8.8rem;text-align: center;color: #fff;margin-bottom: 5.8%}
.box02 h2{font-size: 4.0rem;text-align: center;color: #fff;margin-left: -14%}
.box02 .box02_img{width: 95.33%;margin: 0 auto 9.3%}
.box02 .box02_btn{width: 36.22%;right: 10%;bottom: -12%}
.box02 .li3_h2{margin-left: -9%!important;}

.box03 .box03_des{width: 100%;top: 2%;left: 50%}
.box03 h1{font-size: 6.0rem;color: #fff;text-align: center;margin-bottom: 5.8%}
.box03 h1 span{font-weight: bold;}
.box03 .des2{margin:17% auto 0!important;}
.box03 .des1,.box03 .des2{width: 95.2%;margin: 0 auto;background: #fff;border-radius: 6px;padding-bottom: 16.53%}
.box03 .des1 h2,.box03 .des2 h2{font-size: 4.0rem;color: #333;padding: 6.4% 0 4% 4.8%}
.box03 .des1 .box03_img1,.box03 .des2 .box03_img2,.box03 .des2 .box03_img3{width: 91.18%;margin: 0 auto 4%}
.box03 .des1 .p1,.box03 .des2 .p1{font-size: 2.8rem;width: 91.18%;margin: 0 auto 4%;line-height: 1.56}
.box03 .des1 .box02_img1_2,.box03 .des2 .box03_img23_2{width: 87.62%;left: 50%;bottom: -14%}
.box03 .box03_btn{width: 79.2%;margin: 31.2% auto 0;padding-right: 4%;background: #F62C04;color:#FFE700;font-size: 4.0rem}
.box03 .box03_btn .go{display: inline-block;width: 6.8%;top: 50%;right: 10%;height: 0;padding-bottom: 6.8%}

.box04 .box04_des{width: 95.33%;margin: -21.33% auto 8%;border-radius: 10px;background: #FFE9D8;z-index: 2;padding-bottom: 8%}
.box04 h1{font-size: 6.0rem;color: #333;text-align: center;line-height: 1.2;padding: 10% 0}
.box04 h1 span{font-weight: bold;}
.box04 ul{width: 94.82%;margin: 0 auto}
.box04 ul li{width: 48.82%;margin-right: 2%;margin-bottom: 4.6%}
.box04 .box04_btn{width: 79.2%;margin: 4.2% auto 0;padding-right: 4%;background: #FF0776;color:#FFE700;font-size: 4.0rem}
.box04 .box04_btn .go{display: inline-block;width: 6.8%;top: 50%;right: 9%;height: 0;padding-bottom: 6.8%}

.box05{background: #FF6000;padding: 1.6% 0 32%}
.box05 h1{font-size: 6.0rem;color: #fff;text-align: center;line-height: 1.2;padding: 10% 0}
.box05 h1 span{font-weight: bold;}
.box05 ul{width: 95.33%;margin: 0 auto}
.box05 ul li{background: #fff;margin-bottom: 2.6%;padding: 5.3% 0;}
.box05 ul .li1 .li_top,.box05 ul .li2 .li_top,.box05 ul .li3 .li_top{width: 90.9%;margin: 0 auto 4.8%}
.box05 ul .li1 .li_top .top_left,.box05 ul .li2 .li_top .top_right2,.box05 ul .li3 .li_top .top_left{width: 31.84%;}
.box05 ul .li1 .li_top .top_right,.box05 ul .li3 .li_top .top_right{width: 61.53%;right: 0%;top: 50%}
.box05 ul .li2 .li_top .top_left2{width: 61.53%;left: 0%;top: 50%}
.box05 ul .li1 .li_top .top_right h2,.box05 ul .li2 .li_top .top_left2 h2,.box05 ul .li3 .li_top .top_right h2{font-size: 4.0rem;color: #ff7164}
.box05 ul .li1 .li_top .top_right .p1,.box05 ul .li2 .li_top .top_left2 .p1,.box05 ul .li3 .li_top .top_right .p1{font-size: 3.0rem;color: #333}
.box05 ul .li1 .li_bottom,.box05 ul .li2 .li_bottom,.box05 ul .li3 .li_bottom{width: 92.86%;margin: 0 auto}
.box05 .box05_btn{width: 79.2%;margin: 4.2% auto 0;padding-right: 4%;background: #FFD400;color:#F62E04;font-size: 4.0rem}
.box05 .box05_btn .go{display: inline-block;width: 6.8%;top: 50%;right: 13%;height: 0;padding-bottom: 6.8%}


.box06_des{width: 95.33%;margin: -23.73% auto 8%;background: #FFE9D8;border-radius: 10px;padding: 8% 0 6%}
.box06_des h1{font-size: 6.0rem;color: #333;padding-bottom: 8%;text-align: center}
.box06_des h1 span{font-weight: bold;}
.box06_des ul{width: 92.72%;margin: 0 auto}
.box06_des ul p{font-size: 3.2rem;text-align: center;padding: 2% 0 4%}
.box06_des ul p span{font-weight: bold;color: #FF7164}


.box07{background: #453CB9;padding: 1.6% 0 12%}
.box07 h1{font-size: 6.0rem;color: #fff;text-align: center;line-height: 1.2;padding: 10% 0}
.box07 h1 span{font-weight: bold;}
.box07 #anli1{width: 95.33%;margin: 0 auto}
.box07 #anli1>.hd{text-align: center;width: 100%;margin-top: 2%}
.box07 #anli1>.hd>ul>li{width: 7%;height: 0;padding-bottom: 1.3%;opacity: 1;display: inline-block;overflow: hidden;background: #232323;margin: 0 2%;}
.box07 #anli1>.hd>ul>.on{background: #fff}
.box07 .box07_btn{width: 79.2%;margin: 4.2% auto 0;padding-right: 4%;background: #F3046F;color:#FFE700;font-size: 4.0rem}
.box07 .box07_btn .go{display: inline-block;width: 6.8%;top: 50%;right: 13%;height: 0;padding-bottom: 6.8%}

.box08{background: #1E2139;padding: 1.6% 0 32%}
.box08 h1{font-size: 6.0rem;color: #fff;text-align: center;margin-bottom: 2.8%;line-height: 1.3;padding: 10% 0 6%}
.box08 h1 span{font-weight: bold;}
.box08 .ul1,.box08 .ul2,.box08 .ul3{width: 92.72%;margin: 0 auto}
.box08 .ul1 li{width: 33.14%;margin-right: .2%;background: #262E58}
.box08 .ul1 p{font-size: 2rem;text-align: center;color: #fff;width: 100%;height: 0;padding-bottom: 38.48%;}
.box08 .ul1 p span,.box08 .ul2 p span,.box08 .ul3 p span{display: block;left: 50%;top: 50%;width: 100%}
.box08 .ul2 li,.box08 .ul3 li{width: 48.83%;margin-right: 2%;background: #262E58}
.box08 .ul2 p,.box08 .ul3 p{font-size: 2rem;text-align: center;color: #fff;width: 100%;height: 0;padding-bottom: 26.48%;}
.box08 .p1{font-size: 2rem;color: #fff;left: 10%;}
.box08 .p2{font-size: 2rem;color: #fff;right: 10%;}
.box08 .box08_img8{width: 95.33%;margin: 3.7% auto 8%}
.box08 .box08_btn{width: 79.2%;margin: 4.2% auto 0;padding-right: 4%;background: #F3046F;color:#FFE700;font-size: 4.0rem}
.box08 .box08_btn .go{display: inline-block;width: 6.8%;top: 50%;right: 11%;height: 0;padding-bottom: 6.8%}

.box09{margin-bottom: 28%}
.box09 .img1{display: block;margin: -19% auto;box-shadow: 0 10px 10px #CFCED5;width: 95.33%;overflow: hidden;border-radius: 10px;}
.box09 .ul1{width: 90.4%;left: 50%;bottom: -6%}
.box09 .ul1 li{width: 30.38%;margin-right: 4%;height: 0;padding-bottom: 30.38%;border-radius: 100px}
.box09 .ul1 li h1{font-size: 4.0rem;color: #fff;text-align: center;padding-top: 25%}
.box09 .ul1 li p{font-size: 2.8rem;color: #fff;text-align: center;}
.box09 .ul1 .li1{background: #E14645}
.box09 .ul1 .li2{background: #1D58E1}
.box09 .ul1 .li3{background: #5927E6}


.box10{background: #FF6000;padding: 1.6% 0 8%}
.box10 h1{font-size: 6.0rem;color: #fff;text-align: center;margin-bottom: 2.8%;line-height: 1.3;padding: 10% 0 6%}
.box10 h1 span{font-weight: bold;}
.box10 ul{width: 95.33%;margin: 0 auto}
.box10 ul li{background: #FFDB00;border-radius: 10px;padding: 6% 0;margin-bottom: 6%}
.box10 ul li p{font-size: 4.4rem;color: #333;padding-left: 5%;font-weight: bold}
.box10 .box10_btn{width: 28.67%;background: #F90573;font-size: 3.0rem;color: #FFE700;padding: 3% 0;top: 52%;right: 6%}

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