@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;}
body{
    font-size:12px;
    font-size:1.2rem ; /* 12¡Â10=1.2 */
}
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-family:"΢ÈíÑÅºÚ Light";}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
p{color:#525252;}
p{
    font-size:14px;
    font-size:1.4rem;
}
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
input, img {vertical-align: middle;}
img{display:inline-block;}
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;
	}
.relative{position:relative;}
.absolute{position:absolute;}
.font_left{font-weight:400}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.mg0{margin-right: 0!important;}
.btn1{display: block;background: linear-gradient(to right,#FF964D,#FF7F86);color: #fff;text-align: center;padding: 3.4% 0;border-radius: 100px;}
.btn2{display: block;background: linear-gradient(to right,#AD47DF,#4C45B0);color: #fff;text-align: center;padding: 2.4% 0;border-radius: 100px;}
body {min-width:320px;overflow-x:hidden;color:#2e3642;}
.transformX50{ transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);}

/*container*/
#container {max-width: 640px;margin: 0 auto; overflow: hidden;}
/*box01*/
.box01 h1{font-size: 3.4rem;color: #303030;text-align: center;padding-bottom: 4%}
.box01 .box01_img1,.box01 .box01_img2{width: 93.33%;margin: 0 auto}
.box01 .p1{font-size: 2.8rem;color: #303030;text-align: center;padding: 4% 0 6%;line-height: 1.6}
.box01 .p2{font-size: 2.2rem;color: #a11a49;text-align: center;width: 60%;margin: 4% auto 6%}

.box02{background: #AD47DF;padding-bottom: 10%}
.box02 h1{font-size: 3.4rem;color: #fff;text-align: center;padding: 4% 0}
.box02 .p1{font-size: 2.8rem;color: #D6A2EF;text-align: center;padding-bottom: 4%;line-height: 1.6}
.box02 .p2{margin: 0 0 4% 2%;width: 40.93%;background: #fff;border-radius: 100px;color: #530580;text-align: center;padding: 2.4% 0;font-size: 2.8rem}
.box02 .box02_ul{width: 93.33%;margin: 0 auto}
.box02 .box02_ul li{width: 32.28%;margin-right: 1.4%}
.box02 .box02_ul li p{color: #fff;text-align: center;padding: 6% 0 20%}
.box02 .box02_ul li .p6{right: -11%;bottom: -24%;width: 120%}
.box02 .box02_btn1{width: 68%;margin: 0 auto;font-size: 3.4rem;box-shadow: 0 2px 10px #583197}
.box02 .box02_btn1 span{font-weight: bold;}

.box03{background: #fff;padding: 8% 0;}
.box03 h1{font-size: 3.4rem;color: #303030;text-align: center;}
.box03 h2{font-size: 2.8rem;color: #303030;text-align: center;margin: 4% 0}
.box03 .box03_left{width: 48.93%;margin: 0 2.6%}
.box03 .box03_right{width: 43.2%;}
.box03 .box03_right img{display: inline-block;margin-bottom: 2.8%}
.box03 .p1{text-align: center;color: #303030;line-height: 1.6;margin: 66.8% 0 4%}
.box03 .p1 span{font-weight: bold;}
.box03 .box03_btn1{width: 66.53%;margin: 0 auto;font-size: 3.4rem;box-shadow: 0 2px 10px #F5B0B4}

.box04 .box04_des{width: 100%;left: 50%;top: 10%}
.box04 .box04_des h1{font-size: 4.8rem;color: #232323;text-align: center;margin-bottom: 4%}
.box04 .box04_des .p1{font-size: 2.8rem;color: #232323;text-align: center;line-height: 1.6}
.box04 .box04_btn1{width: 66.53%;margin: 74% auto 0;font-size: 3.0rem;box-shadow: 0 2px 10px #A398B4}
.box04 .pxf1{left: 6%;top: 40%;width: 40%;}
.box04 .pxf1 h2,.box04 .zby1 h2{font-size: 3.8rem;color: #232323;line-height: 1.2;margin-bottom: 4%}
.box04 .pxf1 h2 span,.box04 .zby1 h2 span{font-size: 3.2rem;}
.box04 .pxf1 .p2,.box04 .zby1 .p2{font-size: 2.4rem;color: #232323;}
.box04 .zby1{right: -4%;top: 40%;width: 30%;}

.box05{background: #fff;padding: 8% 0 26%;box-shadow: 0 10px 10px #D2C2BD}
.box05 h1{font-size: 4.8rem;color: #303030;text-align: center;}
.box05 p{font-size: 2.8rem;line-height: 1.8;width: 86.26%;color: #303030;text-align: left;margin: 4% auto}
.box05 .box05_img1{width: 87.73%;margin: 0 auto;}
.box05 .box05_btn1{display: block;width: 39.94%;left:50%;bottom: -10%;font-size: 2.8rem;box-shadow: 0 2px 10px #F5B0B4}

.anli1_box{background: #EEEEEE;width: 100%;height: 0;padding-bottom: 90.66%}
.anli1_box .anli1{width: 93.2%;left: 50%;top: -16%;background: linear-gradient(to bottom,#FF7F86,#FF7F86);border-radius: 8px;box-shadow: 0 0 10px #D4C5C1;padding-bottom: 6%}
.anli1_box .anli1 h1{font-size: 3.4rem;color: #232323;text-align: center;padding: 6% 0}
.anli1_box .anli1 .bd{width: 94%;margin: 0 auto}
.anli1_box .hd{text-align: center;width: 100%;margin-top: 8%}
.anli1_box .hd ul li{ display:inline-block;background: #fff;width:8px; height:8px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;margin:0 4px; vertical-align:top; overflow:hidden; }
.anli1_box .hd ul .on{width: 24px;}
.anli1_box .anli1_btn1{display: block;width: 68%;left:50%;bottom: 12%;font-size: 3.4rem;box-shadow: 0 2px 20px #B0A6BD}

.box07{background: #fff;padding: 8% 0 26%;box-shadow: 0 10px 10px #D2C2BD}
.box07 h1{font-size: 4.8rem;color: #303030;text-align: center;}
.box07 .box07_img1{width: 58.66%;margin: 0 auto 6%;}
.box07 .box05_btn1{display: block;width: 39.94%;left:50%;bottom: -10%;font-size: 2.8rem;box-shadow: 0 2px 10px #F5B0B4}
.box07 .box07_btn1{width: 34%;margin: 0 auto;font-size: 3.0rem;box-shadow: 0 2px 10px #583197}
.box07 .box07_btn1 span{font-weight: bold;}
.box07 .p1{width: 86.4%;margin: 6% auto;font-size: 3.0rem;color: #232323;line-height: 1.8}
.box07 .p1 span{font-weight: bold;}

.anli2_box{background: #EEEEEE;width: 100%;height: 0;padding-bottom: 80.66%}
.anli2_box .anli2{width: 93.2%;left: 50%;top: -24%;background: linear-gradient(to bottom,#FF7F86,#FF7F86);border-radius: 8px;box-shadow: 0 0 10px #D4C5C1;padding-bottom: 6%}
.anli2_box .anli2 h1{font-size: 3.4rem;color: #232323;text-align: center;padding: 6% 0}
.anli2_box .anli2 .bd{width: 94%;margin: 0 auto}
.anli2_box .hd{text-align: center;width: 100%;margin-top: 8%}
.anli2_box .hd ul li{ display:inline-block;background: #fff;width:8px; height:8px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;margin:0 4px; vertical-align:top; overflow:hidden; }
.anli2_box .hd ul .on{width: 24px;}
.anli2_box .anli2_btn1{display: block;width: 68%;left:50%;bottom: 10%;font-size: 3.4rem;box-shadow: 0 2px 20px #B0A6BD}

.box09{background: #fff;padding: 8% 0 26%;box-shadow: 0 10px 10px #D2C2BD}
.box09 h1{font-size: 4.0rem;color: #303030;text-align: center;margin-bottom: 6%}
.box09 .box09_ul{width: 93.33%;margin: 0 auto}
.box09 .box09_ul li{width: 47.85%;text-align: center;}
.box09 .box09_ul li p{font-size: 2.8rem;color: #232323;}
.box09 .box09_ul li:nth-of-type(1) p{margin-top: 6%}
.box09 .box09_ul li:nth-of-type(2) p{margin-top: 4%}


.box10 .box10_img1{left: 50%;top: -10%;width: 100%}
.box10{padding-top: 64%;background: #7046C2;}
.box10 h1{font-size: 4.0rem;color: #fff;text-align: center;}
.box10 p{font-size: 2.8rem;color: #fff;text-align: center;margin: 4% 0 8%;line-height: 1.8}



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