@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 figure{
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 3px 22px rgba(255,84,116,.31);
    margin: -13.4% auto 0;
    width: 96.25%;
    padding: 9.375% 3.2% 7.5%;
    position: relative;
    z-index:1;
}
.sec1 h3,.sec2 h3{
    text-align: center;
    font-size:4rem;
    margin-bottom:7.8%;
}
.sec1 h3 em,.sec2 h3 em{
    font-weight:lighter;
    margin-right:8px;
}
.all-wrap .linkBtn{
    display: block;
    background: #ff6005;
    border-radius: 50px;
    font-size:3.8rem;
    color: #fff;
    line-height:2;
    text-align: center;
    width: 63%;
    margin: 8.75% auto 0;
    box-shadow: 0 3px 7px rgba(255,96,5,.41);
}
.all-wrap  .linkBtn i{
    display: inline-block;
    width: 8.2%;
    margin-left:8px;
}
.all-wrap  .linkBtn i img{
    vertical-align: middle;
}
.sec2{
    padding:15.625% 0 8.59%;
}
.sec2 h3 em{
    margin-right:0;
}
.sec2 h3{
    margin-bottom:2%;
}
.sec2 p{
    font-size:2.4rem;
    color: #525252;
    font-weight:lighter;
    text-align: center;
    margin-bottom:5.625%;
}
.sec2 .linkBtn,.sec3 .linkBtn,.sec4 .linkBtn{
    margin-top:8.59%;
    width: 60.4%;
}
.sec3{
    padding-bottom:8.59%;
}
.sec5 h3{
    font-size:4rem;
    color: #000;
    padding: 11.7% 0 10%;
    text-align: center;
}
.sec5 figure{
    background: #fff;
    width: 94.68%;
    margin: -24.2% auto 12%;
    border-radius: 8px;
    padding: 7.6% 8.5% 8.5%;
    box-shadow: 0 10px 40px rgba(90,90,90,.32);
    position: relative;
}
.sec6 h3{
    text-align: center;
    font-size:5rem;
    color: #010101;
    line-height:100%;
}
.sec6 h4{
    text-align: center;
    font-size:3.8rem;
    color: #525252;
    font-weight:lighter;
    margin-bottom:7%;
}
.sec7{
    padding: 10% 0 11%;
}
.sec7 p{
    text-align: center;
    font-size:3.6rem;
    color: #000;
    line-height:1.45;
}
.sec7 figure{
    width: 3.75%;
    margin: 3.75% auto;
}
.sec7 a{
    display: block;
    margin:0  auto;
    width: 22%;
}



.crow{ width:100%}
.crow .zj{ width:100%}
.crow .zj2 .bd{ width:100%}
.crow .zj img{ display:block; border:0;}
.crow .zj .bd{width:100%;margin:0 auto;}
.crow .zj .hd { height: 14px; width: 100%; text-align: center;position: relative;position:absolute;bottom:-9%;left:0 }
.crow .zj .hd li { width: 12px; height:12px;  border-radius:50%;  background: #d4bbad; display: inline-block; text-indent: 99px; overflow: hidden; }
.crow .zj .hd li { margin: 0 4px; }
.crow .zj .hd .on { background:#f87190; }
.content5 .linkBtn{ margin:1% auto 0;}
 .crow .prev,
.crow .next { width:15px; height:24px;background: url(../images/left.png) no-repeat 0 0; position: absolute; bottom: -10%; z-index: 10; cursor: pointer;z-index:99;}
 .crow .prev { left:33%;}
.crow .next { background: url(../images/left.png) no-repeat 0 0; right:33%;-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg);transform: rotateZ(180deg); }
/*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*/
}