@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: justify;
    box-pack: justify;
    -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 .banner a{
    position: absolute;
    width: 42.266667%;
    left: 45.333333%;
    top: 51.8%;
    font-size: 2.4rem;
    color: #fff;
    line-height: 3.0833;

background: -moz-linear-gradient(-45deg,  #fd6e6a 0%, #ffc600 100%); 
background: -webkit-linear-gradient(-45deg,  #fd6e6a 0%,#ffc600 100%); 
background: linear-gradient(135deg,  #fd6e6a 0%,#ffc600 100%); 
text-align: center;
border-radius: 50px;
box-shadow: 0px 8px 16px 0px rgba(253, 117, 97, 0.44);
}
.viewCon .banner a img{
    display: inline-block;
    vertical-align: middle!important;
    margin-left: 5px;
    width: 12%;
    -webkit-animation:flash 1s .2s ease infinite alternate;animation:flash 1s .2s ease infinite alternate
}
.viewCon .sec1{
    background: #421b32;
    padding:0 3.866667% 20.0%
}
.viewCon .sec1 .sec1Con{
    background: #fff;
    padding: 14.133333% 3.2% 15.733333%;
    margin-top: -14.8%;
    position: relative;
    z-index: 1
}

.viewCon .sec1 .sec1Con h3{
    text-align: center;
    font-size: 3.7rem;
    color: #555454
}
.viewCon .sec1 .sec1Con>p{
    font-size: 2.2rem;
    color: #747474;
    padding: 2.666667% 2.666667% 6.666667%
}
.viewCon .sec1 .sec1Con ul{
    -webkit-box-align:stretch;
    align-items:stretch;
    padding: 0 2.0% 10.666667%
}
.viewCon .sec1 .sec1Con li{
    width: 49.1%
}
.viewCon .sec1 .sec1Con li h4{
    font-size: 2.4rem;
    color: #ffffff;
    background: #757575;
    line-height: 1.5;
    text-align: center;
}
.viewCon .sec1 .sec1Con li p{
    font-size: 2rem;
    color: #666666;
    padding: 5px 0 0 5px
}
.viewCon .sec1 .sec1Con li:nth-of-type(2) h4{
    background: #ffdae2;
}
.viewCon .sec1 .sec1Con li:nth-of-type(2) p,.viewCon .sec1 .sec1Con li:nth-of-type(2) h4{
    color: #f6537e;
}
.viewCon .kst.flex{
    padding: 0 3.333333%
}
.viewCon .kst.flex a{
    width: 49%;
    text-align: center;
    font-size: 2.4rem;
    color: #fff;
    line-height: 3;
    background: #ff5a00;
    border-radius: 50px;
    box-shadow: 0px 8px 16px 0px rgba(255, 90, 0, 0.44);
}
.viewCon .kst.flex a:nth-of-type(2){
    background: #ff0000;
     box-shadow: 0px 8px 16px 0px rgba(255, 0, 0, 0.44);
}
.viewCon .kst.flex a img{
    display: inline-block;
    width: 12%;
    margin-left: 4px;
    vertical-align: middle!important; 
    -webkit-animation:flash 1s .2s ease infinite alternate;animation:flash 1s .2s ease infinite alternate
}
.viewCon .sec2{
    background: #421b32;
    padding: 0 0 15.466667%
}
.viewCon .sec2>h4{
    width: 34.666667%;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 2.2rem;
    color: #421b32;
    line-height: 2;
}

.viewCon .sec2 h3{
    text-align: center;
    font-size: 4rem;
    color: #fff;
}
.viewCon .sec2 h5{
    text-align: center;
    font-size: 1.4rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: lighter;
}
.viewCon .sec2 .bd li .tip{
    width: 37.866667%;
    border-radius: 50px 0 0 50px;
   -webkit-justify-content: left;
    justify-content: left;
    position: absolute;
    right: 0;
    top: 6%;
background: -webkit-linear-gradient(left,  #f693b1 1%,#c5add0 100%); 
background: linear-gradient(to right,  #f693b1 1%,#c5add0 100%); 


}
.viewCon .sec2 .bd li .tip span{
     font-size: 3rem;
    color:#fff;
    line-height: 2.47;
}
.viewCon .sec2 .bd li i{
    width: 28px;
    height: 28px;
    vertical-align: middle;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    color: #c8acce;
    background: #fff;
    margin: 0 10px 0 5px 
}
.viewCon .sec2 .bd li .con{
    width: 94.666667%;
    margin: 9.333333% auto 10.6666667%;
    padding: 13.333333% 3.733333% 20.0%;
    background: #fff;
    box-shadow: 0px 0px 44px 0px rgba(2, 2, 2, 0.28);
}

.viewCon .sec2 .bd li .con dl dt{
    width: 50%;
}
.viewCon .sec2 .bd li .con dl dd{
    width: 48%;
    background: #fff6f9;
    box-shadow: 2.5px 3.794px 15.85px 2.15px rgba(230, 174, 174, 0.47);
    padding: 8px
}
.viewCon .sec2 .bd li .con dl dd h6{
    font-size: 2.8rem;
    color: #666;
    font-weight: 700
}
.viewCon .sec2 .bd li .con dl dd p{
    font-size: 2.2rem;
}
.viewCon .sec2 .bd li .con dl dd p span{
    font-weight: 700
}
.viewCon .sec2 .bd li h4{
    text-align: center;
    font-size: 3rem;
    color: #797979;
    margin: 5.333333% 0 2.666667%
}
.viewCon .sec2 .bd li figure{
    padding: 0 1.733333% 2.933333%
}
.viewCon .sec2 .anli>a{
    position: absolute;
    width: 7.733333%;
    left: 0;
    top: 40%;
}
.viewCon .sec2 .anli>a.next{
    right: 0;
    left: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.viewCon .slide .hd{
    text-align: center;
    font-size: 0;
    width: 100%;
    left: 0;
    bottom: 11%;
    position: absolute;
}
.viewCon .slide .hd span{
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #b8b8b8;
    display: inline-block;
    margin: 0 5px
}
.viewCon .slide .hd span.on{
    width: 45px;
    background: #9a9999;
}
.viewCon .sec3{
    padding: 19.333333% 2.666667% 18.0%
}
.viewCon .sec3>p{
    text-align: center;
    font-size: 2rem;
    color: #666;
    margin: 15px auto 30px;
    position: relative;
}
.viewCon .sec3>p::before{
    content: "";
    width: 20px;
    height: 1px;
    background: #000;
    border-radius: 50px;
    left: 50%;
    top:-10px;
    margin-left: -10px;
    position: absolute;
}
.viewCon .hds h4{
    text-align: center;
}
.viewCon .hds h4 span{
    font-size: 2.2rem;
    color: #fff;
    padding: 5px 10px;
    background: #b9abb3;
    border-radius: 5px
}
.viewCon .hds h3{
    text-align: center;
    font-size: 3.6rem;
    color: #d90065;
    padding-top: 8px
}
.viewCon .hds h5{
    text-align: center;
    font-size: 1.2rem;
    color: #d90065;
    text-transform: uppercase;
    letter-spacing: 2px
}
.viewCon .sec3 figure{
    box-shadow: 0.269px 0.483px 18px 0px rgba(63, 1, 39, 0.45);
    position: relative;
    z-index: 1;
    margin-bottom: 10.666667%;
}
.viewCon .sec4{
    padding: 11.733333% 0 16.0%;
    background: #e8e8e8;
}
.viewCon .sec4 .al{
    margin-top:12.0% 
}
.viewCon .sec4 .al dl{
    padding: 0 3.333333% 3.333333%
}
.viewCon .sec4 .al dl dt{
    width: 37.857%;
}
.viewCon .sec4 .al dl dd{
    width: 60.7%;
}
.viewCon .sec4 .al dl dd img:nth-of-type(1){
    border-radius: 50px;
    box-shadow: 0px 5px 10px 0px rgba(174, 186, 230, 0.43);
    margin-bottom: 4.4%;
}
.viewCon .sec4 .al figure{
    padding: 4.4% 1.733333%;
    border-radius: 3px;
    background: #e4d7e4;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.14);
    width: 94.666667%;
    margin: 0 auto
}
.viewCon .sec4 .al .hd{
    position: static;
    margin-top: 4.533333%;
}
.viewCon .sec5 .hds{
    padding: 9.333333% 0 4.266667%
}
.viewCon .sec5 .sec5Con{
    width: 95.333333%;
    border-radius: 7px;
    margin: 0 auto 14.0%;
    border:3px solid #e7dafa;
    padding: 8.0% 6.0% 8.266667%
}
.viewCon .sec5 .sec5Con p{
    font-size: 1.8rem;
    color: #5c5b5b;
    text-align: center;
    margin: 5px auto 25px;
    width: 98%
}
.viewCon .sec5 .sec5Con p span{
    font-size: 2.4rem;
    color: #e1285c;
    text-align: left;
    display: block;
}
.viewCon .sec5 .sec5Con h4{
    text-align: center;
    font-size: 5.2rem;
    color: #010000
}
.viewCon .sec5 .sec5Con h4 span{
    color: #d90065
}
.viewCon .sec5 .sec5Con h5{
    text-align: center;
    font-size: 7rem;
    color: #d90065
}
.viewCon .sec5 a,.viewCon .sec6 .btn{
    display: block;
    width: 85%;
    background: #ff0000;
    border-radius: 50px;
    text-align: center;
    line-height: 3;
    font-size: 4rem;
    color: #fff;
    margin: 5.066667% auto 0;
     box-shadow: 0px 8px 16px 0px rgba(255, 0, 0, 0.44);
}
.viewCon .sec5 a img,.viewCon .sec6 a img{
    width: 10%;
    margin-left: 27px;
    vertical-align: middle!important;
    display: inline-block;
    -webkit-animation:flash 1s .2s ease infinite alternate;animation:flash 1s .2s ease infinite alternate
}
.viewCon .sec5 .btn1{
    left: 7.733333%;
    top: 58.311%;
    position: absolute;
    margin: 0
}
.viewCon .sec6{
    padding-bottom: 14.666667%
}
.viewCon .sec6 .btn{
    margin: 0 auto
}
.viewCon .sec6 .hds{
    padding: 16.666667% 0 6.666667%
}
.viewCon .sec6 .hd{
    text-align: center;
    padding: 6.133333% 0 10%;
    font-size: 0;
}
.viewCon .sec6 .hd span{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 6px;
    background: #bfbfbf;
}
.viewCon .sec6 .hd span.on{
    background: #e5245f;
}
.viewCon .sec7{
    background: #e9e9e9;
}
.viewCon .sec7{
    padding: 12.0% 0 10.666667%
}
.viewCon .sec7 .info{
    padding:2.666667% 4.0% 6.666667%;
    font-size: 2.4rem; 
    color: #797878
}
.viewCon .sec8 .hds{
    padding: 10% 0 5.333333%
}
.viewCon .sec8 ul{
    padding: 0 6.666667%
}
.viewCon .sec8 ul li{
    width: 49.23%
}
.viewCon .sec8 ul li h6{
    text-align: center;
    font-size: 2.4rem;
    color: #555;
    padding: 8px 0 25px
}
.viewCon .sec9{
    padding: 9.333333% 3.466667%;
    background: #e9e9e9;
}
.viewCon .sec9 h3{
    text-align: center;
    font-size: 3rem;
    color: #fff;
    border-radius: 3px;
    background: #b9abb3;
    width: 61.333333%;
    margin: 0 auto 8.266667%
}
.viewCon .sec9 dl{
    background: #c6d5f9;
    margin-bottom: 3.466667%;
}
.viewCon .sec9 dl dt,.viewCon .sec9 dl dd{
    width: 50%
}
.viewCon .sec9 dl dd h4{
    text-align: center;
    font-size: 3rem;
    color: #2d4295
}
.viewCon .sec9 dl dd p{
    font-size: 2rem;
    color: #535353;
    padding: 5px
}
.viewCon .sec12 a{
    left: 32.666667%;
    width: 34.933333%;
    top: 76%;
    position: absolute;
}
.viewCon .sec11 .swiper-container{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}
.viewCon .sec11 .swiper-slide{
    width: 47.333333%;
}
.viewCon .sec11 .swiper-slide p{
    text-align: center;
    font-size: 2.4rem;
    color: #fff;
    padding: 10px 3px 5px
}
.viewCon .sec11 .swiper-pagination{
    position: static;
}
.viewCon .sec11 .swiper-pagination .swiper-pagination-bullet{
    background: #9a9a9a;
    opacity: 1
}
.viewCon .sec11 .swiper-pagination .swiper-pagination-bullet-active{
    background: #f43257;
}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}

/*750 Éè¼Æ¸å*/
@media screen and (min-width:320px) and (max-width:374px){html{font-size:26.67%!important}
}
@media screen and (min-width:375px) and (max-width:409px){html{font-size:31.25%!important}
}
@media screen and (min-width:410px) and (max-width:479px){html{font-size:34.5%!important}
}
@media screen and (min-width:480px) and (max-width:900px){html{font-size:40%!important}
}