@charset "gb2312";
/* CSS Document */
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{outline:none}
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;}
a,
button,
input {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*清楚按钮阴影*/
}
input{color:#B8B8B8!important;}input::-webkit-input-placeholder{color:#B8B8B8!important;}/*输入框字体颜色*/
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.iBlock{display:inline-block; vertical-align:middle;}
.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;color:#4d4a5c;font-size:1.4rem;overflow:hidden; }
.btn{display:block;width:95%;font-size:3.2rem;color:#fff;background:#ff6005;line-height:2.5;text-align:center;margin:0 auto;margin-top:6%;border-radius:50px;}
.mg0{margin-right: 0!important;}
.videoAl_xb1{width: 93.06%;margin: 0 auto;cursor: pointer;background: #fff;box-shadow: 0 0 30px #E3E2E1}
.videoAl_xb1 section{width: 82.80%;margin: 0 auto;padding: 6.6% 0}
.videoAl_xb1 ul li{width:100%;position:relative;overflow:hidden;margin: 0 auto;}
.videoAl_xb1 ul li img{position:relative;z-index:1;}
.videoAl_xb1 ul li video{width:98%;height:98%;position:absolute;top:0; left:1%;background: #000}
.box01{padding-bottom: 14.13%}
.box01 h1{padding: 6.6% 0;font-size: 5.0rem;color: #5c5b5c;text-align: center}

.box02{background: #E6E1FF;padding: 10.66% 0 13.33%;}
.box02 h1{font-size: 5.0rem;color: #5c5b5c;text-align: center;line-height: 1.5;}
.box02 p{font-size: 2.6rem;color: #5c5b5c;width: 96%;margin: 0 auto;text-align: left;padding: 7.0% 0 4%;line-height: 1.7}
.box02 ul{width: 96.53%;margin: 0 auto}
.box02 ul li{width: 48.61%;margin-right: 2.7%;}
.box02 ul li img{border-radius: 6px!important;box-shadow: 0 0 20px #D0CBED}

.box03{background: #fff;padding-top: 10.66%}
.box03_img1{width: 91.46%;margin: 0 auto 4.8%;box-shadow: 0 0 30px #E5E2E2}
.box03 h1{font-size: 5.0rem;color: #5c5b5c;text-align: center;line-height: 1.5;}
.box03 .p1{font-size: 2.6rem;color: #5c5b5c;width: 96%;margin: 0 auto;text-align: left;padding: 7.0% 0 4%;line-height: 1.7}
.box03 .p2{font-size: 2.6rem;color: #5c5b5c;text-align: center;padding: 4.0% 0 2%;}
.box03 ul{width: 91.46%;margin: 0 auto}
.box03 ul li{width: 48.61%;margin-right: 2.7%;}
.box03 ul li img{border-radius: 6px!important;box-shadow: 0 0 30px #D8E2E4}
.box03 .wave1,.box04 .wave2{padding-top: 6.33%}

.box04{background: #E0CEF3;padding-top: 10.66%;}
.box04_img5{width: 91.46%;margin: 5% auto 2.8%;box-shadow: 0 0 30px #BFA5DA;border-bottom-right-radius: 50px;border-top-left-radius: 50px;overflow: hidden}
.box04 h1{font-size: 5.0rem;color: #474747;text-align: center;line-height: 1.5;}
.box04 h2{font-size: 4.0rem;color: #474747;text-align: center;line-height: 1.5;}
.box04 .p1{font-size: 2.8rem;color: #474747;width: 96%;margin: 6.2% auto 4%;text-align: left;padding: 3.0% 6.3%;line-height: 1.7;background: #C1A7DB;border-radius: 6px;font-weight: bold;}
.box04 .p2{font-size: 2.0rem;color: #5c5b5c;text-align: center;margin: 0 auto;line-height: 1.8;padding-bottom: 10.66%}
.box04 ul{width: 91.46%;margin: 0 auto}
.box04 ul li{width: 48.61%;margin-right: 2.7%;text-align: center}
.box04 ul li p{font-size: 2.0rem;color: #474747;padding: 2% 0 6%}
.box04 ul li img{border-radius: 6px!important;box-shadow: 0 0 30px #D8E2E4}
.box04 .line{display: block;border: 1px dashed #BB8BEF;width: 96.13%;margin: 2% auto 6%}
.box04 .box04_btn,.box05 .box05_btn,.box06 .box06_btn,.box08 .box08_btn{display: block;width: 83.46%;margin: 2% auto 0}
.box06 .box06_btn{margin: 7% auto 0}

.box05{background: #FFD9E6;padding-top: 2.66%;}
.box05 .p1{font-size: 2.6rem;color: #474747;width: 96%;margin: 6.2% auto 4%;text-align: left;padding: 3.0% 6.3%;line-height: 1.7;background: #ECB6C9;border-radius: 6px;font-weight: bold}
.box05 .p2{font-size: 2.4rem;color: #5c5b5c;text-align: left;width: 96.13%;margin: 0 auto;line-height: 1.8;padding-bottom: 3.66%}
.box05 .ul1,.box05 .ul2{width: 91.46%;margin: 0 auto}
.box05 .ul1 li,.box05 .ul2 li{width: 48.61%;margin-right: 2.7%;text-align: center}
.box05 .ul1 li p,.box05 .ul2 li p{font-size: 2.0rem;color: #474747;padding: 2% 0 6%}
.box05 .line{display: block;border: 1px dashed #F894B6;width: 96.13%;margin: 2% auto 6%}
.box05 .ul2 li:nth-of-type(1) img,.box05 .ul2 li:nth-of-type(4) img{border-top-left-radius: 20px;border-bottom-right-radius: 20px;overflow: hidden;box-shadow: 0 0 30px #EFB7CA;}
.box05 .ul2 li:nth-of-type(2) img,.box05 .ul2 li:nth-of-type(3) img{border-top-right-radius: 20px;border-bottom-left-radius: 20px;overflow: hidden;box-shadow: 0 0 30px #EFB7CA;}
.box05 .wave3{padding-top: 6.33%}

.box06{background: #C9CFFD;padding-top: 2.66%;}
.box06 .p1{font-size: 2.6rem;color: #474747;width: 96%;margin: 6.2% auto 6.8%;text-align: left;padding: 3.0% 6.3%;line-height: 1.7;background: #98A3FB;border-radius: 6px;font-weight: bold}
.box06 .p2{font-size: 2.4rem;color: #5c5b5c;text-align: left;width: 96.13%;margin: 0 auto;line-height: 1.8;padding-bottom: 3.66%}
.box06 .ul1{width: 91.46%;margin: 0 auto}
.box06 .ul2{width: 96.13%;margin: 0 auto}
.box06 .ul1 li{width: 48.61%;margin-right: 2.7%;text-align: center}
.box06 .ul2 li{width: 32.69%;margin-right: 0.8%;box-shadow: 0 0 14px #A8AFE5}
.box06 .ul1 li p{font-size: 2.0rem;color: #474747;padding: 2% 0 6%}
.box06 .line{display: block;border: 1px dashed #8995F9;width: 96.13%;margin: 2% auto 6%}
.box06 .wave4{padding-top: 10.33%}

.box07{background: #fff;padding-top: 10.66%;}
.box07_img1{width: 100%;margin: 5% auto 2.8%;}
.box07 h1{font-size: 5.0rem;color: #474747;text-align: center;line-height: 1.5;}
.box07 h2{font-size: 5.0rem;color: #474747;text-align: center;padding: 4% 0}
.box07 ul{width: 91.46%;margin: 0 auto}
.box07 ul li{width: 48.61%;margin-right: 2.7%;text-align: left}
.box07 ul li p{font-size: 2.2rem;color: #474747;padding: 2% 0 8%}
.box07 .wave5{padding-top: 4.33%}

.box08{background: #E8D9F8;padding-bottom: 10%}
.box08 h1{font-size: 4.2rem;color: #474747;text-align: center;padding: 12% 0 9.33%}
.box08_des{width: 96%;margin: 0 auto;border-radius: 6px;padding: 2.66% 0 6.1%;}
.box08_des1{background: #C3ACF8;box-shadow: 0 10px 20px #C3ACF8;}
.box08_des2{background: #D8C5FB;box-shadow: 0 10px 20px #D8C5FB;margin: 11.2% auto}
.box08_des3{background: #D3B4F3;box-shadow: 6px 10px 20px #D3B4F3;}
.box08_des1 .ul1,.box08_des2 .ul1,.box08_des3 .ul1{margin:0 0 3.2% 2.22%}
.box08_des1 .ul1 li,.box08_des2 .ul1 li,.box08_des3 .ul1 li{font-size: 2.6rem;color: #484848;line-height: 1.6}
.box08_des1 .ul1 li:before,.box08_des2 .ul1 li:before,.box08_des3 .ul1 li:before{content: '';display: inline-block;width: 2%;height: 0;padding-bottom: 2%;background: #9D4FF1;border-radius: 50px;margin-right: 1.0%;vertical-align: middle}
.box08_des1 img,.box08_des2 img,.box08_des3 img{display: block;margin: 0 auto;width: 97.22%!important;}
.box08_des1 img:nth-of-type(1),.box08_des2 img:nth-of-type(1),.box08_des3 img:nth-of-type(1){margin-bottom: 6.13%}
.box08 .box08_btn{display: block;margin-top: 8%}

.box09{background: #fff;padding-top: 15.6%}
.box09 h1{width: 92.4%;margin: 0 auto;}
.box09 .ul1{width: 96%;margin: 7.4% auto 5.3%}
.box09 .ul1 li{width: 32.4%;margin-right: 1.3%;}
.box09 .box09_des1{width: 96%;margin: 0 auto;background: #fff;box-shadow: 0 0 30px #D9E0E8;}
.box09 .box09_des1 .ul2{width: 91.44%;margin: 0 auto;padding: 4% 0 3%}
.box09 .box09_des1 .ul2 li{width: 47.28%;margin-right: 5.3%;text-align: center;}
.box09 .box09_des1 .ul2 li p{font-size: 2.4rem;color: #434343;padding-top: 1.8%}
.box09 .wave6{padding-top: 9.33%}

.box10{background: #FFD9E6;padding: 6.6% 0 10.2%}
.box10 h1{font-size: 5.0rem;color: #4b4b4b;text-align: center}
.box10 h1 span{font-weight: bold;}
.box10 .box10_des1{padding: 5% 0 8%;width: 96%;margin: 0 auto}

.box11{background: #fff;padding-top: 14.66%}
.box11 h1{font-size: 4.6rem;text-align: center;color: #494949;}
.box11 .p1{font-size: 2.8rem;text-align: left;color: #494949;width: 84%;margin: 4% auto 2%;line-height: 1.7}
.box11 .box11_img1{width: 96.26%;margin: 0 auto}
.box11 .p2{font-size: 5.0rem;text-align: center;color: #494949;margin: 8% auto 2%;}
.box11 .p3{font-size: 5.0rem;text-align: center;color: #494949;margin: 8% auto 6%;}
.box11 .p3 span{font-weight: bold}
.box11 .box11_img34 a{display: block;left: 50%;bottom: 8%;width: 95.86%}


.box08 .box08_btn1{left: 50%;top: 0%;width: 77.86%;padding: 6.6% 0}
.box08 .box08_btn2{left: 50%;bottom: 9%;width: 40.53%;height: 0;padding-bottom: 40.53%;border-radius: 50%}
@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*/
}

