@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{width:100%;margin:0 auto;max-width:640px;min-width:320px}
.sec2{background:#9dc5f5}
.sec2 h3{font-size:7.8rem;text-align:center;color:#131212;padding:6.25% 0 1.2%}
.sec2 h4{text-align:center;font-size:4.2rem;color:#131212;margin-bottom:6%}
.sec2 .linkBtn{width:79.375%;position:absolute;left:10.3125%;top:80.38%}
.sec3{background:#fff;padding:9.6% 3.125% 0}
.sec3 h3{text-align:center;font-size:6.8rem;color:#1c1c1c}
.sec3 h4{text-align:center;margin-bottom:8.6%}
.sec3 h4 span{background:#1c1c1c;font-size:3.2rem;color:#fff;padding:1.5% 2% 1%}
.sec3 h4 span em{color:#ffec04;margin-right:8px}
.sec3 .linkBtn,.sec5 .linkBtn{width:84.6%;margin:8.75% auto 0;display:block}
.sec4,.sec5{padding:17.1% 3.125% 6.25%;background:#9dc5f5 url(../images/sec4_1.jpg) no-repeat center top;-webkit-background-size:contain;background-size:contain}
.sec4 h3{text-align:center;font-size:6.2rem;color:#1c1c1c}
.sec5{background:#c3d6ee url(../images/sec5_0.jpg) no-repeat center top;-webkit-background-size:contain;background-size:contain;padding-top:22.18%;padding-bottom:6.25%}
.sec5 .linkBtn{margin-top:10.9%}
.sec6{background:url(../images/sec6_0.jpg) no-repeat center top,url(../images/sec6_5.jpg) no-repeat center bottom #fff;-webkit-background-size:contain;background-size:contain}
.sec6 h3{text-align:center;font-size:5.2rem;color:#1c1c1c;padding:16.56% 0 6.25%}
.sec6 ul{padding:0 5.9%}
.sec6 ul li{width:48%;border:3px solid #ffdfe4;border-radius:3px;background:#f6adb9;margin-bottom:3.6%}
.sec6 ul li img{width:60%;margin:3.4% auto 0;display:block}
.sec6 ul li h4{font-size:4.2rem;color:#fff;text-align:center;line-height:2}
.sec6 ul li p{color:#fff;text-align:center;line-height:1.5;margin-bottom:3%}
.sec6 ul li:nth-of-type(2){border:3px solid #e8d6d4;background:#c5b1af}
.sec6 ul li:nth-of-type(3){border:3px solid #ffe5c1;background:#e2b87f}
.sec6 ul li:nth-of-type(4){border:3px solid #dfcbd8;background:#af96a6}
.sec7{overflow:hidden}
.sec7 .hd{top:49.5%;position:absolute;left:55.46%;z-index:1;width:100%}
.sec7 .hd li{width:12.5%;border:2px solid #fff;border-radius:50%;display:inline-block;overflow:hidden;position:relative}
.sec7 .hd li::before{content:'';position:absolute;background:rgba(0,0,0,.6);width:100%;height:100%}
.sec7 .hd li.on::before{background:0 0}
.sec7 .bd li{position:relative}
.sec7 .bd li .linkBtn{position:absolute;width:79.375%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:80%}
.sec7 figure{position:absolute;width:100%;left:0;bottom:0}
.sec8{background:#9dc5f5;padding:7.5% 4.68% 3.125%}
.sec8 h3{text-align:center;font-size:5rem;color:#1c1c1c;margin-bottom:7.18%}
.sec8 ul li h5{font-size:3.2rem;color:#2e69b2;margin-top:5%}
.sec8 ul li p{color:#1c1c1c}
.sec8 ul{padding-bottom:4%}
.sec8 .linkBtn{width:88.34%;display:block;margin:6% auto 3%}
.sec9{background:#fff url(../images/sec9_2.jpg) no-repeat center top;-webkit-background-size:contain;background-size:contain;padding-top:16.01%}
.sec9 h3{text-align:center;font-size:5rem;color:#1c1c1c;margin-bottom:4.625%}
.sec9 h4{text-align:center;font-size:2.8rem;color:#3b3b3a;margin-bottom:3%;line-height: 2}
.sec9 h4 span{background:#fff35f;padding:2% 5% 2%}
.sec9 h4 span em{font-weight:700}
.sec9 .linkBtn{width:79.375%;display:block;margin:7.9% auto 0}
.sec10{background:url(../images/sec10_1.jpg) no-repeat center top,url(../images/sec10_3.jpg) no-repeat center bottom #9dc5f5;-webkit-background-size:contain;background-size:contain;padding-top:20.3%;padding-bottom:13.9%}
.sec10 h3{text-align:center;font-size:5rem;color:#1c1c1c;margin-bottom:9%}
.sec10 .linkBtn{width:79.375%;display:block;margin:11.4% auto 0}
.sec11{padding:6.25% 0 7.8%;background:#fff}
.sec11 h3{text-align:center;font-size:5rem;color:#1c1c1c;margin-bottom:9%}
.sec11 .slide{width:94.375%;margin:0 auto 9%;box-shadow:0 0 23px rgba(132,135,138,.45);background:#fff;padding:4.375% 4.375% 0}
.sec11 .slide .hd{text-align:center}
.sec11 .slide .hd li{display:inline-block;font-size:2.6rem;color:#fff;padding:1% 2%;line-height:1.33;background:#d1cbcc;text-align:center;width:60px;margin:8px 3px}
.sec11 .slide .hd li.on{color:#fff;background:#e85520}
.sec11 .linkBtn{width:76.5%;margin:8.75% auto 0}
.sec12{background:#9dc5f5 url(../images/sec12_1.jpg) no-repeat center top;-webkit-background-size:contain;background-size:contain;padding-top:14.5%;padding-bottom:7.5%}
.sec12 h3{text-align:center;font-size:5rem;color:#1c1c1c;margin-bottom:6.25%}
.sec12 .linkBtn{margin-bottom:6.25%;display:block}
@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}
}