.wp{max-width: 750px;min-width: 320px;margin: 0 auto;font-size: 12px;color: #000;line-height: 1.5;overflow: hidden}
body{max-width: 750px !important}
.wp h2{width: 100%;text-align: center;padding: 0.6rem 0 0.4rem;line-height: 1.4;font-size: 0.45rem;color: #1a0205}
.wp h2 img{display: block;margin-bottom: 1%}
.wp h2 span{display: block;font-size: 0.37rem;font-weight: normal}
.btn{display: block;width: 65%;height: 0.9rem;line-height: 0.9rem;border-radius: 0.15rem;margin: 0.4rem auto 0;font-size: 0.3rem;text-align: center; -webkit-animation: dx 2s linear infinite  both;-o-animation: dx 2s linear infinite  both;animation: dx 2s linear infinite  both;background: #A07AF3;color: #fff;}
.btn img{display: inline-block;vertical-align: middle;width: 0.35rem}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.over .btn{width: 45%;}
.over .btn.fl{margin-left: 2%}
.over .btn.fr{margin-right: 2%}
.pb{padding-bottom: 0.8rem}
.w20{width: 94%;margin: 0 auto}
.hd{text-align: center;margin-top: 3%}
.hd li{display: inline-block;width: 10px;height: 10px;border-radius: 50%;border: 2px solid #fff}
.hd li.on{background: #fff}
#banner_slider {position: relative}
#banner_slider a{width: 40%;height: 0.8rem;line-height: 0.8rem;position: absolute; left: 6%;bottom: 0.8rem;font-size: 0.32rem;color: #863336;background: #FFE92C;border-radius: 0.4rem}

.section1 {background: url("../images/bg1.jpg") no-repeat bottom center #FDEBEB;background-size: 100%}
.section1 .w20{height: 8rem;position: relative;}
.section1 p{width: 20%;background: #FF8499;font-size: 0.26rem;color: #fff;text-align: center;border-radius: 50%;padding: 5.3% 0;line-height: 1.3;position: absolute;z-index: 1}
.section1 p strong{display: block}
.section1 p:nth-child(1){left: 0;top: 2.3rem;}
.section1 p:nth-child(2){right: 0;top: 2.3rem;}
.section1 p:nth-child(3){left: 5%;top: 4.4rem;background: rgba(255,107,165,0.6);width: 23%;padding: 6.9% 0}
.section1 p:nth-child(4){right: 5%;top: 4.4rem;background: rgba(255,107,165,0.6);width: 23%;padding: 6.9% 0}
.section1 a{margin-top: 0;font-weight: bold;font-size: 0.34rem}
.section2 {background: #FF8499}
.section2 h2{color: #fff}
.section2 .w20{overflow: hidden}
.section2 dl{width: 32%;float: left;background: #fff;border-radius: 0.1rem;margin-right: 2%;font-size: 0.21rem;color: #5d5d5d;text-align: center;padding-bottom: 3%}
.section2 dl h3{font-size: 0.24rem;padding-top: 5%}
.section2 dl:nth-child(3){margin-right: 0}
.section2 .text{position: relative}
.section2 .text img{display: block;width: 100%}
.section2 .text span{display: block;height: 5.8rem;overflow: hidden;width: 53%;position: absolute;right: 3%;top: 0;z-index: 1;border: 0.04rem solid #fff;border-radius: 0.1rem}

.box_sps{width: 100%; height: 100%; position:fixed; left: 0; top: 0; z-index: 2000; background:rgba(0,0,0,0.5); display:none;}
.box_close{width: 0.52rem; position:fixed; right: 1%; top: 5%; display:none; z-index: 3000}
.box_sps_w{width: 6.4rem; text-align: center; background:#000; position:absolute; z-index: 1001; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.video-js{width: 100%;}
.video-js.w70{width: 70%;}



.section3 p{font-size: 0.3rem;color: #5c5c5c}
.section4 {background: #FFE2E4}
.section4 h2{color: #1a0205}
.section4 a{line-height: 1.3;padding: 3% 0}
.section4 a strong{display: block}
.section5 .w20{overflow: hidden}
.section5 dl{width: 32%;float: left;margin-right: 2%;}
.section5 dl:nth-child(3n){margin-right: 0}
.section5 dd{font-size: 0.22rem;color: #1a0205;text-align: center;padding: 5% 0 8%}
.section5 a{width: 80%}
.section6{background: #FF8499}
.section6 h2{color: #fff}
.section7{background: #EFF3F6}
.section7 a{width: 35%}
.section7 .hd li{border: 2px solid #aaa}
.section7 .hd li.on{background: #aaa}
.section8 ul{height: 7rem;overflow: hidden;background: url("../images/bg2.jpg") no-repeat top center;background-size: 100%}
.section8 ul li{width: 49%;height: 1.8rem;float: left;font-size: 0.22rem;color: #fff;text-align: center;padding-top: 1.5rem}
.section8 ul li h3{font-size: 0.34rem;font-weight: normal}
.section8 ul li:nth-child(2n){float: right}
.section8 a{width: 70%}



@keyframes dx{
    0%,50%,100%{transform: scale(1)}
    25%,75%{transform: scale(1.08)}
}
@-webkit-keyframes dx {
    0%,50%,100%{-webkit-transform: scale(1)}
    25%,75%{-webkit-transform: scale(1.08)}
}
@-o-keyframes dx {
    0%,50%,100%{-o-transform: scale(1)}
    25%,75%{-o-transform: scale(1.08)}
}
.top_tips{max-width: 750px;}
.footer_new{display:none;}
.new_foot{max-width: 750px; height: 1.52rem;}
.new_foot .menu{height: 1.32rem;  margin-top: 0.2rem;}
.new_foot .menu li{width: 100%; height: 1.16rem; position:relative; padding-top: 0.16rem;}
.new_foot .menu li a span{display: block;font-size: 0.22rem;text-align: center;color: #fff;padding-bottom: 0.5em}
@media screen and (min-width: 750px) {
    .footer_new{bottom: 0}
    .footer_new .menu li a i{height: 6em}
    .new_foot .menu li a i{height: 6em}
    .footer_new .menu li a:nth-child(3),.footer_new .menu li a:nth-child(4) { height: 8em; }
    .footer_new .menu li.li1 a:nth-child(3) i,.footer_new .menu li.li1 a:nth-child(4) i { height: 8em; }
    .footer_new .menu li.li1 a:nth-child(3) span,.footer_new .menu li.li1 a:nth-child(4) span { height: 8em; line-height: 5.2em; font-size: 1.6em; }
}