@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;}
.viewCon 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;
    -webkit-box-align:center;
    align-items:center;
}
.viewCon{width:100%;margin:0 auto;max-width:750px;min-width:320px}
.viewCon img{ display: block; width: 100%}
.viewCon .sec3 h3,.viewCon .sec4 h3,.viewCon .sec5 h3{color:#3e3a39;font-size:2.5rem;padding:0 5% 4%;line-height:100%}
.viewCon .sec3 h3 a,.viewCon .sec4 h3 a,.viewCon .sec5 h3 a{float:right;font-size:2.2rem;color:#3e3a39;position:relative;line-height:100%}
.viewCon .sec3 h3 a::before,.viewCon .sec4 h3 a::before,.viewCon .sec5 h3 a::before{position:absolute;content:'';width:5px;height:10px;background:url(../images/arr.png) no-repeat center;-webkit-background-size:cover;background-size:cover;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-24%}
.viewCon .sec3 ul{padding:0 2.5% 2.5%}
.viewCon .sec3 ul li{width:32.77%;margin-bottom:2.26%}
.viewCon .sec4{padding-bottom:6%}
.viewCon .sec4 .swiper-slide{width:86%;-webkit-transform:scale(.92);transform:scale(.92);-webkit-transition:all .3s linear;transition:all .3s linear}
.viewCon .sec4 .swiper-slide.swiper-slide-active{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 16px rgba(252,130,131,.43)}
.viewCon .sec4 .swiper-pagination,.viewCon .sec5 .hd{position:static;text-align:center;margin-top:4%;height:2px;font-size:0}
.viewCon .sec4 .swiper-pagination span,.viewCon .sec5 .hd span{width:6.5%;display:inline-block;height:2px;background:#6a6b71;border-radius:50px;margin:0 1.34%;opacity:1;-webkit-transition:all .3s linear;transition:all .3s linear}
.viewCon .sec4 .swiper-pagination span.swiper-pagination-bullet-active,.viewCon .sec5 .hd span.on{background:#ff52b3}
.viewCon .sec5{background:#e3e4f0;padding:4% 0 6%}
.viewCon .sec5 .bd{background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 5px 35px rgba(189,73,111,.32);width:94.8%;margin:0 auto}
.viewCon .sec5 .bd dt{width:62%}
.viewCon .sec5 .bd dd{width:38%;padding:0 2.4%}
.viewCon .sec5 .bd dd h4{font-size:2.8rem;color:#3e3a39;line-height:1.08;margin-bottom:5px}
.viewCon .sec5 .bd dd p{font-size:2rem;color:#b5b5b5;line-height:1.3}
.viewCon .sec6{background:#f3f1f1;padding:0 2.66% 5.33%;overflow:hidden}
.viewCon .sec6 h3{font-size:2.5rem;color:#3e3a39;line-height:3.88;padding-left:4.66%}
.viewCon .sec6 li{position:relative;width:48.24%;background:#fff;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.11);padding:6.6% 0 2.4% 2.6%}
.viewCon .sec6 li h4{font-size:2.8rem;color:#3e3a39;margin-bottom:3px}
.viewCon .sec6 li h4 span{font-weight:lighter}
.viewCon .sec6 li p{font-size:2rem;color:#b5b5b5;line-height:1.6;position:relative;z-index:2}
.viewCon .sec6 li .arr{width:12.9%;border-radius:50%;box-shadow:0 2px 5px rgba(255,70,139,.5);position: absolute;left:84.5%;top:80%;z-index:3}
.viewCon .sec6 li figure{position:absolute;bottom:0;right:0;width:64.5%;border-radius: 0 0 5px 0;overflow: hidden}
.viewCon .sec6 li:nth-of-type(2) figure{width:64.15%}
.viewCon .sec6 .kstBtn{width:92.82%; height: 100%;display:block;margin:5.33% auto 0;position:relative;z-index:1;border-radius: 25px; box-shadow: 0 0 15px rgba(254,58,89,.3);-webkit-box-shadow: 0 0 15px rgba(254,58,89,.3);-moz-box-shadow: 0 0 15px rgba(254,58,89,.3);-ms-box-shadow: 0 0 15px rgba(254,58,89,.3);overflow: hidden;}
/*.viewCon .sec6 .kstBtn::before{position:absolute;content:'';width:100%;height:100%;background:url(../images/shad.png) no-repeat center;-webkit-background-size:100% auto;background-size:100% auto;left:50%;top:0;z-index:-1;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius: 25px; box-shadow: 0 0 16px rgba(239,155,173,.9);-webkit-box-shadow: 0 0 16px rgba(239,155,173,.9);-moz-box-shadow: 0 0 16px rgba(239,155,173,.9);-ms-box-shadow: 0 0 16px rgba(239,155,173,.9);}*/
.viewCon .sec7 ul{padding:3.6% 2.66% 7%}
.viewCon .sec7 li{width:31.59%}
.viewCon .sec7 li h6{text-align:center;font-size:2.2rem;color:#3e3a39;margin-top:9px}
.viewCon .sec7 .kstBtn{width:94.53%;display:block;margin:0 auto 4%;border-radius:10px;box-shadow:0 1px 14px rgba(254,58,89,.3);overflow: hidden}
/*750 Éè¼Æ¸å*/
@media screen and (min-width: 320px) and (max-width: 374px) {
    html { font-size: 26.25% !important; } /*0.42*/
}
@media screen and (min-width: 375px) and (max-width: 409px) {
    html { font-size: 31% !important; }  /*0.5*/
}
@media screen and (min-width: 410px) and (max-width: 479px) {
    html { font-size: 33% !important; }  /*0.54*/
}
@media screen and (min-width: 480px) and (max-width: 900px) {
    html { font-size: 40% !important; } /*0.64*/
}