@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: rgba(0,0,0,0);-webkit-user-select:none;user-select:none;}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
* ,::before,::after{-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: normal;font-size: 100%;}
img{border:0;-webkit-touch-callout:none;vertical-align: middle;}
em, i, b ,s,strong{font-style: normal;font-weight: normal;}
input,textarea{border:0;outline: none;resize: none;-webkit-appearance: none;}
.all-wrap p{font-size: 2.6rem;text-align: justify;text-justify: inter-ideograph;}
.clearfix:before, .clearfix:after{display: table;content: "";}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}
.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;}
.sec1 p{
    position: absolute;
    font-size:2.6rem;
    color: #555657;
    width: 56%;
    line-height:2;
}
.sec1 p span{
    font-size:3rem;
}
.sec1 p:nth-of-type(1){
    top:23.44%;
    left: 39%;
}
.sec1 p:nth-of-type(2){
    top:47%;
    left: 4.53%;
}
.sec1 p:nth-of-type(3){
    top:66.7%;
    left: 39.8%;
}
.sec1 .linkBtn,.sec2 .linkBtn,.sec3 .linkBtn,.sec4 .linkBtn,.sec7 .linkBtn,.sec8 .linkBtn{
    display: block;
    width: 54.6875%;
    background: #fe3509;
    border-radius: 50px;
    font-size:4rem;
    color: #fff;
    text-align: center;
    line-height: 1.75;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top:88.46%;
    box-shadow: 0 6px 24px rgba(254,53,9,.6);
}
.sec2 .linkBtn{
    top:87.72%;
}
.sec3 p,.sec6 p,.sec8>p{
    position: absolute;
    width: 86.875%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top:15.23%;
    text-indent: -1em;
    color: #6f6f6e;
}
.sec3 p i,.sec6 p i,.sec8>p i{
    display: inline-block;
    width: 4%;
    -webkit-transform: translate(85%,-50%);
    transform: translate(85%,-50%);
}
.sec3 p i:nth-of-type(2),.sec6 p i:nth-of-type(2),.sec8>p i:nth-of-type(2){
    -webkit-transform:translate(-120%,-10%) rotate(180deg);
    transform:translate(-120%,-10%) rotate(180deg);
}
.sec3 .linkBtn{
    top:86.15%;
}
.sec4 figure{
    width: 86.25%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 10.52%;
}
.sec4 figure:nth-of-type(2){
    top:48.67%;
}
.sec4 figure figcaption{
    font-size:3.6rem;
    color: #f06846;
    margin-bottom:2%;
}
.sec4 figure p{
    font-size:2.6rem;
    color: #574c49;
    margin-bottom:3%;
}
.sec4 figure .pic{
    box-shadow: 2px 2px 6px rgba(0,0,0,.26);
    border-radius: 7px;
    overflow: hidden;
}
.sec4 .linkBtn{
    top:90.93%;
}
.sec5 .linkBtn{
    position: absolute;
    width: 28.75%;
    left: 56.7%;
    top:85.9%;
}
.sec6>p{
    top:13.5%!important;
}
.sec6 .hd{
    text-align: center;
    padding: 4.68% 0 9%;
}
.sec6 .hd span{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #aaa;
    border-radius: 50%;
    margin: 0 6px;
}
.sec6 .hd span.on{
    background: #434343;
}
.sec7 .linkBtn{
    top:94%;
}
.sec8>p{
    position: static;
    left: 0;
    -webkit-transform: none;
    transform: none;
    top:0;
    margin: 3.9% auto;
}
.sec8 figure .pic{
    width: 89.5%;
    margin: 0 auto 5.9%;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.sec8 figure p{
    padding: 3% 5% 2%;
    font-size:2.6rem;
    color: #484b4e;
    background: #f3f3f3;
    line-height:1.75;
    margin-bottom:4%;
}
.sec8 .linkBtn{
    position: static;
   -webkit-transform: none;
    transform: none;
    margin: 6.25% auto 9.375%;
}
.sec9{
    background: #fed8d6;
    text-align: center;
    padding: 10.1% 0 6.25%;
}
.sec9 p{
    font-size:3rem;
    color: #464646;
    line-height:1.7;
    text-align: center;
    margin-bottom:3.125%;
}
/*640 Éè¼Æ¸å*/
@media screen and (min-width:320px) and (max-width:359px){html{font-size: 31.25%!important;}
    /*0.5*/}
@media screen and (min-width:360px) and (max-width:409px){html{font-size: 35%!important;}
    /*0.56*/}
@media screen and (min-width:410px) and (max-width:479px){html{font-size: 40%!important;}
    /*0.64*/}
@media screen and (min-width:480px) and (max-width:639px){html{font-size: 47%!important;}
    /*0.75*/}