@charset "gb2312";html{font:400 14px/1.5 PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
address,applet,article,aside,audio,blockquote,body,canvas,caption,dd,details,div,dl,dt,embed,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,li,mark,menu,nav,object,ol,output,p,pre,progress,ruby,section,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent}
a:active,a:hover{outline:0;text-decoration:none}
li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
img{border:0;-webkit-touch-callout:none;vertical-align:middle}
b,em,i,s,strong{font-style:normal;font-weight:400}
input,textarea{border:0;outline:0;resize:none;-webkit-appearance:none}
.all-wrap p{font-size:2.6rem;text-align:justify;text-justify:inter-ideograph}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
.re{position:relative}
.ab{position:absolute}
.fl{float:left}
.fr{float:right}
.flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between}
.all-wrap{margin:0 auto;max-width:640px;min-width:320px}
.sec1{background:#fecbd3;padding:7% 0 14%}
.sec1 h3,.sec2 h3,.sec4 h3,.sec5 h3,.sec6 h3{text-align:center;font-size:4.2rem;color:#3e3d3d;margin-bottom:8.6%}
.sec1 ul{padding:0 3.125%}
.sec1 li{width:48.33%;padding-bottom:12.5%}
.sec1 li h4{font-size:3.2rem;color:#3e3d3d;padding:4.68% 0 3.125%;text-align:center}
.sec1 li p{font-size:2.4rem;color:#363636;line-height:1.6}
.sec1 .linkBtn,.sec2 .linkBtn,.sec3 .linkBtn,.sec5 .linkBtn,.sec6 .linkBtn{width:73.75%;display:block;margin:0 auto;background:#ff2e62;border-radius:50px;color:#fff;font-size:3rem;line-height:3;text-align:center}
.sec2{background:#fff2f9;padding:8.59% 0 9.375%}
.sec2 h3{margin-bottom:9.375%}
.sec2 h3 em{color:#ff2e62}
.sec2 dl{background:url(../images/sec2_4.jpg) no-repeat center bottom;-webkit-background-size:100% auto;background-size:100% auto;padding:0 5% 6% 7.5%;overflow:hidden;margin-bottom:4.5%}
.sec2 dl dt{width:31%;float:left}
.sec2 dl dd{width:63%;float:right;font-size:2.4rem;color:#363636;padding-top:5%;-webkit-transform:translateY(6px);transform:translateY(6px)}
.sec3{padding:9.375% 0 0 0}
.sec3 h3{text-align:center;font-size:4.2rem;color:#3e3d3d}
.sec3 .step{padding:8.18% 0 10%}
.sec3 .step:nth-of-type(2n){background:#9984d9}
.sec3 .step h4{font-size:3rem;color:#815af9;margin-bottom:5%}
.sec3 .step h4 span{background:#e1d7ff;padding:2% 3.125% 2% 4.375%;border-radius:0 6px 6px 0}
.sec3 .step h4 span em{margin-left:4.375%}
.sec3 .step h5{text-align:center;font-size:3rem;color:#815af9;padding:7.18% 0 5%}
.sec3 .step:nth-of-type(2n) h5{color:#fff}
.sec3 .step img{width:93.75%;display:block;margin:0 auto;border-radius:5px}
.sec3 .linkBtn{margin-top:11%;border:1px solid #fff}
.sec4{padding:10% 0 4.8%}
.sec4 img{margin-bottom:4%}
.sec5{padding-bottom:12.18%}
.sec5 .slide{padding-top:7.5%;background:#fecbd3}
.sec5 h3{margin-bottom:3.125%}
.sec5 .hd{text-align:center;padding:5% 0 10.9%;background:#fff}
.sec5 .hd li{display:inline-block;width:16.56%;border-radius:50%;border:3px solid #fff;box-shadow:0 8px 12px rgba(0,0,0,.2);position:relative;margin:0 1.7%;overflow:hidden}
.sec5 .hd li::before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);-webkit-transition:all .3s;transition:all .3s}
.sec5 .hd li.on::before{background:rgba(0,0,0,0)}
.sec6{background:#e4def9;padding:10% 4.68% 9%}
.sec6 ul li{width:48.89%}
.sec6 ul li p{text-align:center;font-size:2.4rem;color:#3e3d3d;padding:4% 0 9.4%}
@media screen and (min-width:320px) and (max-width:359px){html{font-size:31.25%!important}
}
@media screen and (min-width:360px) and (max-width:409px){html{font-size:35%!important}
}
@media screen and (min-width:410px) and (max-width:479px){html{font-size:40%!important}
}
@media screen and (min-width:480px) and (max-width:639px){html{font-size:47%!important}
}