.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.8rem 0 0.4rem;font-size: 0.4rem;color: #222;font-weight: normal;line-height: 1.3}
.wp h2 img{display: block;}
.btn{display: block;width: 47%;height: 0.9rem;line-height: 0.9rem;border-radius: 0.5rem;margin: 0.4rem auto 0;font-size: 0.3rem;text-align: center;background: #EB716A;color: #fff;-webkit-animation: dx 2s linear infinite both;-o-animation: dx 2s linear infinite both;animation: dx 2s linear infinite both;}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.over .btn{width: 46%;}
.over .btn.fl{animation-delay: 0.5s;margin-left: 2%}
.over .btn.fr{margin-right: 2%}
.pb{padding-bottom: 0.8rem}
.w20{width: 94%;margin: 0 auto}
#scroll1 .hd,#scroll2 .hd{text-align: center;margin-top: 2%}
#scroll1 .hd li,#scroll2 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #fff}
#scroll1 .hd li.on,#scroll2 .hd li.on{background: #fff;width: 0.5rem;border-radius: 4px}
#banner_slider{position: relative}
#banner_slider a{display: block}

.section1 dl{position: relative;margin-bottom: 5%}
.section1 dl dd{width: 56%;position: absolute;top: 0.75rem;z-index: 1;font-size: 0.21rem;color: #fff;line-height: 1.3}
.section1 dl:nth-child(1) dd,.section1 dl:nth-child(3) dd{right: 6%}
.section1 dl:nth-child(2) dd,.section1 dl:nth-child(4) dd{left: 6%}
.section1 .over{padding-bottom: 3%}
.section1 h3,.section4 h3,.section5 h3,.section6 h3,.section7 h3{font-size: 0.28rem;color: #db0000;text-align: center;font-weight: normal;}
.section2{background: #F2DDC8}
.section2 h2{padding-bottom: 0}
.section2 h3{font-size: 0.4rem;font-weight: normal;color: #333;padding: 0.5rem 0 4%}
.section2 ul{display: flex}
.section2 ul li{flex: 1;font-size: 0.28rem;line-height: 1.3;color: #333;text-align: center;background: #fff;border-radius: 0.2rem;overflow: hidden;padding-bottom: 5%}
.section2 ul li img{display: block;margin-bottom: 7%}
.section2 ul li:nth-child(2){margin: 0 2%}
.section2 ul.ul3{margin-top: 5%}
.section2 ul.ul3 li{border: 1px dashed #D7B99C;background: 0;font-size: 0.2rem;padding: 3%;text-align: left}
.section3{background: #845F7A}
.section3 h3{font-size: 0.3rem;color: #fff;margin-bottom: 3%}
.section3 .over{padding-bottom: 5%}
.section3 a{font-size: 0.28rem}
.section3 a.fl{width: 38%;}
.section3 a.fr{width: 54%;}
.section3 a.btns{color: #fff;display: block;text-align: right;text-decoration: underline}
.section4 h3,.section5 h3{margin-top: 5%}
.section4 a,.section5 a{width: 55%}
.section5 {background: #ECC6AA}
.section5 #scroll3{position: relative}
.section5 .hd{width: 74%;overflow: hidden;margin-top: 5%}
.section5 .hd li{width: 32%;float: left;margin-right: 2%;font-size: 0.3rem;color: #222;text-align: center}
.section5 .hd li img,.section5 p img{display: block;margin-bottom: 3%}
.section5 .hd li:last-child{margin-right: 0}
.section5 p{width: 24%;position: absolute;right: 0;bottom: 0;z-index: 1;font-size: 0.3rem;color: #222;text-align: center}
.section6 p{margin: 0 1%;font-size: 0.25rem;color: #333;text-align: center}
.section6 p strong{color: #eb716a}
.section6 p b{display: block;width: 25%;font-size: 0.3rem;color: #fff;text-align: center;border-radius: 0.3rem;background: #EB716A;text-align: left;font-weight: normal;height: 0.6rem;line-height: 0.6rem;text-align: center}
.section6 .over{margin-top: 5%}
.section6 .over div{width: 48%}
.section6 .over dl{margin-bottom: 0.4rem;box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius: 0.2rem;overflow: hidden}
.section6 .over dl dd{height: 1.2rem;font-size: 0.23rem;color: #333;line-height: 1.3;text-align: center;margin-top: 5%}
.section6 .over dl dd h3{font-size: 0.28rem;font-weight: normal;color: #8d565d;}
.section6 a{margin-bottom: 5%}
.section7{background: #A97D9D}
.section7 .over{padding-bottom: 5%}
.section7 h3{color: #fff}
.section7 .bd li{position: relative}
.section7 .sp{width: 46%;position: absolute;left: 3%;top: 0%;z-index: 1;background: #A97D9D;overflow: hidden}
.section7 .bd li img:nth-child(2){display: block;width: 31.5%;position: absolute;left: 1%;top: 2rem;z-index: 2}
img.li_img{position: relative;z-index: 1;}
video{width: 100%;height: auto;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 0;}
.section8 .w20{background: url("../images/bg.jpg") no-repeat top center;background-size: 100%;height: 8rem;position: relative}
.section8 a{display: block;width: 1.8rem;height: 1.8rem;background: #DB8BE0;display: -webkit-flex;justify-content: center;align-items: center;font-size: 0.3rem;color: #fff;text-align: center;border-radius: 50%;line-height: 1.4;position: absolute;z-index: 1;top: 0;-webkit-animation: movement 3s linear normal both infinite;-o-animation: movement 3s linear normal both infinite;animation: movement 3s linear normal both infinite;}
.section8 a:nth-child(1){width: 1.6rem;height: 1.6rem;left: 10%;top: 1rem;animation-delay: 0.5s}
.section8 a:nth-child(2){left: 5%;top: 2.8rem;background: #E9AE9E;}
.section8 a:nth-child(3){left: 35%;top: 0;background: #F9A684;animation-delay: 0.3s}
.section8 a:nth-child(4){width: 2rem;height: 2rem;left: 37%;top: 2.2rem;background: #FF7781;}
.section8 a:nth-child(5){width: 2rem;height: 2rem;left: 35%;top: 4.6rem;background: #8FC8F1;animation-delay: 0.7s}
.section8 a:nth-child(6){width: 1.9rem;height: 1.9rem;right: 5%;top: 0.3rem;background: #67B2F4;}
.section8 a:nth-child(7){right: 3%;top: 2.5rem;background: #FCAAB4;animation-delay: 0.9s}
.section8 a:nth-child(8){right: 5%;top: 5.3rem;background: #A073EC;}

.swiper-container {
    width: 100%;
    height: 100%;
    margin: 5% auto !important;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% { -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@-webkit-keyframes start {
    0% {-webkit-transform: translateY(0px);}
    50% {-webkit-transform: translateY(-0.2rem);}
}
@keyframes kuosan {
    from {
        opacity:1;
        transform:scale(0) translate3d(0,0,0)
    }
    to {
        opacity:0;
        transform:scale(4) translate3d(0,0,0)
    }
}
@keyframes dx{
    0%,50%,100%{transform: scale(1)}
    25%,75%{transform: scale(1.1)}
}
@-webkit-keyframes dx {
    0%,50%,100%{-webkit-transform: scale(1)}
    25%,75%{-webkit-transform: scale(1.1)}
}
@-o-keyframes dx {
    0%,50%,100%{-o-transform: scale(1)}
    25%,75%{-o-transform: scale(1.1)}
}
.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; }
}