.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.48rem;color: #484848}
.wp h2 span{display: block;font-size: 0.36rem;font-weight: normal}
.btn{display: block;width: 45%;height: 0.9rem;line-height: 0.9rem;border-radius: 0.45rem;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: #FF6F80;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{width: 100%;text-align: center}
.hd li{display: inline-block;width: 12px;height: 12px;border-radius: 50%;border: 1px solid #fff;}
.hd li.on{background: #fff}
.banner {position: relative}
.banner a{position: absolute;left: 5%;bottom: 0.9rem;z-index: 1}
@keyframes mymove1{
    0% {opacity:1}
    25% {opacity:0}
    50% {opacity:1}
    75% {opacity:0}
    100% {opacity:1}
}
.section1 {background: #C1F0F6}
.section1 p{color: #131313;font-size: 0.24rem;padding: 5% 0}
.section1 .bd li{position: relative}
.section1 .bd li img.img1{display: block;width: 50%;position: absolute;right: 0;top: 0;z-index: 1;border-top-right-radius: 0.4rem;border-bottom-left-radius: 0.4rem}
.section1 .bd li img.img2{display: block;width: 1.9rem;position: absolute;right: 6%;top: 3.55rem;z-index: 2}
.section2 {background: #FEE6E9}
.section2 .text{overflow: hidden}
.section2 dl{width: 48%;float: left;margin-top: 5%}
.section2 dl:nth-child(2n){float: right}
.section2 dd{font-size: 0.22rem;color: #5d5d5d;text-align: center;margin-top: 2%}
.section2 dd strong{display: block;font-size: 0.26rem}
.section3 {background: url("../images/bg1.jpg") repeat-x top center #fff;background-size: 2%}
.section3 h2{color: #fff}
.section3 p {color: #fff;font-size: 0.24rem}
.section3 p strong{color: #fdf1ac}
.section3 .text {width: 94%;padding: 5% 3%;background: #fff;border-radius: 0.5rem;box-shadow: 0 0 0.2rem 0.15rem rgba(124,134,134,0.15);margin-top: 3%}
.section3 .text h3{font-size: 0.34rem;color: #4f4f4f;text-align: center;font-weight: normal;margin-bottom: 3%}
.section3 .text strong{display: block;font-size: 0.3rem;color: #4f4f4f;padding: 5% 0 1%}
.section3 .text span{display: block;font-size: 0.22rem;color: #4f4f4f}
.section3 #scroll2{position: relative}
.section3 .hd {width: 100%;position: absolute;left: 0;bottom: -1rem;z-index: 1}
.section3 .hd li{border: 1px solid #D2D2D2}
.section3 .hd li.on{background: #D2D2D2}
.section3 .over{margin-top: 8%}
.section4 {background: #FEE6E9}
.section4 p{width: 94%;padding: 5% 3%;font-size: 0.24rem;color: #fff;background: #D3A1A0;border-top-right-radius: 0.2rem;border-top-left-radius: 0.2rem}
.section4 p strong{color: #fdf1ac}
.section4 .hd {margin-top: 3%}
.section4 .hd li{border: 2px solid #D9C4C7}
.section4 .hd li.on{background: #D9C4C7}
.section5 a{display: block}
.section5 .w20 {display: flex}
.section5 .w20 a{padding: 7% 2%;flex: 1;background: url("../images/img13.jpg") no-repeat center #48BDBB;background-size: 100%;font-size: 0.2rem;color: #fff;border-radius: 0.2rem;margin-right: 2%}
.section5 .w20 a:last-child{margin-right: 0}
.section5 .w20 a strong{display: block;color: #ffe75b;font-size: 0.3rem;}
.section5 .w20 a span{display: block;width: 90%;margin: 20% auto 0;padding: 4% 0;color: #fff;background: #FF6F80;border-radius: 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;}
.section6{background: url("../images/img18.jpg") no-repeat top center #48BDBB;background-size: 100%;padding-top: 8.5rem}
.section6 .w20{background: #fff;border-radius: 0.2rem;position: relative;padding: 5% 0 8%}
.section6 .w20 img.tb{display: block;width: 20.4%;position: absolute;top: -0.55rem;left: 3%;z-index: 1}
.section6 .hd{margin-top: 3%}
.section6 .hd li{border: 1px solid #D2D2D2}
.section6 .hd li.on{background: #D2D2D2}
.section6 .btn{width: 55%}
@keyframes kuosan {
    from {
        opacity:1;
        transform:scale(0) translate3d(0,0,0)
    }
    to {
        opacity:0;
        transform:scale(3) translate3d(0,0,0)
    }
}

@keyframes scale {
    0% {
        transform: scale(1.2);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1.2);
    }
}
@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 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);}
}

@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; }
}