.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}
#call_form,.subject_activity{display:none !important;}
.wp h2{width: 100%;text-align: center;padding: 10% 0 5%;line-height: 1.5;font-size: 0.46rem;color: #fff}
.wp h2 img{display: block;margin-bottom: 1%}
.wp h2 span{display: block;font-size: 0.2rem;font-weight: 200; text-transform:uppercase}
.wp h2 p{font-size: 0.4rem;text-align: center; font-weight: normal; margin-top: 2%;}
.btn{display: block;width: 52%;height: 0.77rem;line-height: 0.77rem;border-radius: 0.4rem;margin: 0.4rem auto 0;font-size: 0.32rem;text-align: center; -webkit-animation: dx 2s linear infinite  both;-o-animation: dx 2s linear infinite  both;animation: dx 2s linear infinite  both;background: linear-gradient(to top, #f36fbf, #fd3780);color: #fff;}

.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.btn_c{height: 0.8rem; padding: 4% 0;}
.btn_c .btn{width: 48.5%; margin: 0;}
.over .btn.fl{animation-delay: 0.5s;}
.pb{padding-bottom: 0.7rem}
.w20{width: 94.1%;margin: 0 auto}
#banner_slider { position:relative;}
#banner_slider a{display: block;width: 2rem; height: 2rem; position: absolute; right: 8%;bottom: 0.7rem;}
#banner_slider a img{display:block; position:absolute; left: 0; top: 0; z-index: 66;}
#banner_slider .ban1,#banner_slider .ban2,#banner_slider .ban3{display: block;width: 50%;height: 50%;border-radius: 50%;background:rgba(253,60,133,0.5);position: absolute;left: 50%;margin-left: -25%;top: 50%;margin-top: -25%;z-index: 55}
#banner_slider .ban1{ -webkit-animation:kuosan 3s linear infinite; -moz-animation:kuosan 3s linear infinite; animation:kuosan 3s linear infinite;}
#banner_slider .ban2{ -webkit-animation:kuosan 3s linear 0.5s infinite; -moz-animation:kuosan 3s linear 0.5s infinite; animation:kuosan 3s linear 0.5s infinite;}
#banner_slider .ban3{ -webkit-animation:kuosan 3s linear 1s infinite; -moz-animation:kuosan 3s linear 1s infinite; animation:kuosan 3s linear 1s infinite;}
.section0{position:relative; height: 3.3rem;}
.section0 .box0{position:absolute; width: 90%; left: 5%; top: -10%; height: 2rem; padding: 8% 0; box-shadow: 0 0 0.2rem rgba(0,0,0,0.3);background: linear-gradient(45deg, #f4a36c, #e353e0); border-radius: 0.2rem;}
.section0 .box0 dl{padding: 0 6% 0 4%; overflow:hidden;}
.section0 .box0 dl dt{width: 1.94rem;}
.section0 .box0 dl dd{width: 4.1rem; text-align: center; color:#fff; line-height: 1.3;}
.section0 .box0 dl dd p{font-size: 0.28rem;}
.section0 .box0 dl dd strong{display:block;font-size: 0.42rem; line-height: 1.2; padding: 2% 0; text-shadow: 0 0 0.2rem rgba(0,0,0,0.2);}
.section0 .box0 dl dd span{display:block; font-size: 0.26rem;}
.section1 .box1{position:relative; padding-bottom: 18%;}
.section1 .box1 p{position: absolute; width: 100%; left: 0; bottom: 10%; text-align: center; line-height: 1.5;}
.section1 .box1 p span{display:block; width: 49%; font-size: 0.26rem; color:#222222;}
.section2{background:#dfe7f9; padding-bottom: 5%;}
.section2 p{font-size: 0.26rem; color:#222222; line-height: 1.5;text-align: center; padding-bottom: 2%;}
.section2 p span{color:#144e9d}
.section3{background:#fea0cb; padding-bottom: 1%;}
.box3{margin: 2% 0 4%;}
.box3 .hd{width: 100%; display:flex; height: 0.67rem; line-height: 0.67rem;}
.box3 .hd li{width: 17%; margin-right: 0.3%; background:#ea74aa; color:#fff; text-align: center; font-size: 0.24rem; border-radius: 0.12rem 0.12rem 0 0; height: 0.67rem; line-height: 0.67rem; float: left;}
.box3 .hd li:nth-child(2){width: 19%;}
.box3 .hd li:nth-child(3){width: 19%;}
.box3 .hd li:last-child{margin-right: 0; width: 13%;}
.box3 .hd li.on{background:#ffffff; color:#ea74aa;}
.box3 .bd dl{padding: 4% 3%; overflow:hidden; background:#fff;}
.box3 .bd dl dt{width: 49%; height: 5.1rem; background:#eaeaea; text-align: center;}
.box3 .bd dl dd{width: 49%; height: 5.1rem; background:#fea0cb; text-align: center;}
.box3 .bd dl p{font-size: 0.24rem; color:#222222; line-height: 1.4; padding-top: 0.1rem;}
.box3 .bd dl dd p{color:#fff;}
.section4{padding-bottom: 3%;}
.box4_p1{font-size: 0.26rem; line-height: 1.5; }
.box4_p2{background:#dfdfdf; padding: 4% 2%; border-radius: 0.2rem; font-size: 0.26rem; color:#222; line-height: 1.6; margin: 4% 0 6%;}
.box4_p2 em{color:#c32c71; font-size: 0.29rem;}
.box4_t{padding-bottom: 5%;}
.box4_t strong{display:block;font-size: 0.28rem; color:#000; margin-bottom: 4%;}
.box4_t ul li{width:1.7rem; height: 1.2rem; padding-top: 0.5rem; background:#485fb5; text-align: center; border-radius: 50%; float: left; margin-right: 1%; font-size: 0.22rem; color: #fff; line-height: 1.5;}
.box4_t ul li:last-child{margin-right: 0;}
.box4_p{position:relative; margin-top: 5%;}
.box4_p p{position:absolute; width: 80%; left: 10%; top: 20%; font-size: 0.24rem; color:#fff; line-height: 1.6;}
.section4 .btn{width: 58%;}
.section5{background:#6370ce; padding-bottom: 5%;}
.section5 h2{padding: 10% 0 7% 0;}
#scroll2{padding-bottom: 3%;}
#scroll2 .hd{height: 1.34rem; text-align: center; display:flex;}
#scroll2 .hd li{width: 32%; margin:0 1%; float: left; text-align: center; height: 0.8rem; position:relative; border-radius: 0.16rem; background:#ebeae8; padding: 3% 0; font-size: 0.3rem; color:#333333;}
#scroll2 .hd li span{display:block; width: 0.52rem; height: 0.58rem; background:url(../images/box5_h.png) no-repeat; background-size: 100%; text-align: center; font-size: 0.18rem; color:#fff; line-height: 0.45rem; position:absolute; right: 0; top: -20%;}
#scroll2 .hd li.on{background:#7da5ff; color:#fff;}
#scroll2 .hd li.on i{display:block; position:absolute; border-top: 0.2rem solid #7da5ff;border-left: 0.12rem solid transparent;border-right: 0.12rem solid transparent;left: 42%; bottom: -0.2rem;}
.box5{text-align: center;}
.box5 h3{font-size: 0.38rem; color:#dfe7f9; text-align: center; font-weight: normal; padding: 5% 0;}
.box5 dl{padding: 6% 0 2% 0;}
.box5 dl dd{width: 1.7rem; float: left; margin-right: 1%; height: 1.7rem; border-radius: 50%; background:#ffffff; text-align: center;}
.box5 dl dd:last-child{margin-right: 0;}
.box5 dl dd img{width: 0.8rem; padding: 9% 0 2%;}
.box5 dl dd p{font-size: 0.22rem; color:#291a1b; line-height: 1.5;}
.section6{background:#fec7da; padding-bottom: 6%;}
.section6 h2{padding-top: 10%;}
.section6 .w20{width: 96%;}
.section6 .btn{width: 56%;}
.box6 dl{background:#ffffff; padding: 5% 3%; border-radius: 0.2rem; box-shadow: 0 0 0.2rem rgba(0,0,0,0.2); margin-bottom: 4%;}
.box6 dl dt{width: 2.8rem;}
.box6 dl dd{width: 3.8rem; height: 4.59rem;}
.box6 dl dd strong{display:block; height: 0.6rem; line-height: 0.6rem; padding: 0 0 3% 2%; font-size: 0.28rem; color:#222222; }
.box6 dl dd strong img{width: 0.66rem; vertical-align: middle; padding: 0 1% 1% 0;}
.box6 dl dd p{font-size: 0.22rem; color:#222; line-height: 1.5; height: 1.3rem; padding: 0.07rem 0 0 0.12rem;}
.section7{background:#5162cc; padding-bottom: 8%;}
#scroll3{position:relative;}
#scroll3 .bd li .w20{margin-top: 10%;}
#scroll3 .hd{width: 100%; text-align: center; position:absolute; left: 0; bottom: 15%;}
#scroll3 .hd li{display:inline-block; width: 0.27rem; height: 0.22rem; border-radius: 0.11rem; background:#cfe4ff; margin: 0 1%;}
#scroll3 .hd li.on{width: 0.8rem;}
.section8{padding-bottom: 3%;}
#scroll4 .hd{width: 100%; text-align: center; margin-top: 2%;}
#scroll4 .hd li{display:inline-block; width: 0.12rem; height: 0.12rem; border-radius: 0.09rem; border: 0.03rem solid #523fa8; margin: 0 1%;}
#scroll4 .hd li.on{width: 0.4rem; background: #523fa8;}
.box8{position:relative;}
.box8 h2{position:absolute; left: 0; top: 0;}


/*.section10{background: url("../images/bg10.jpg") no-repeat bottom center;background-size: 100%;}*/
.section10 ul{overflow: hidden}
.section10 ul li{width: 20%;float: left;margin-right: 6.6%;font-size: 0.28rem;color: #434343;text-align: center;padding-bottom: 3%}
.section10 ul li img{display: block;margin-bottom: 5%}
.section10 ul li:nth-child(4n){margin-right: 0}



@keyframes kuosan {
    from {
        opacity:1;
        transform:scale(0) translate3d(0,0,0)
    }
    to {
        opacity:0;
        transform:scale(3) translate3d(0,0,0)
    }
}
@keyframes dx{
    0%,50%,100%{transform: scale(1)}
    25%,75%{transform: scale(0.92)}
}
@-webkit-keyframes dx {
    0%,50%,100%{-webkit-transform: scale(1)}
    25%,75%{-webkit-transform: scale(0.92)}
}
@-o-keyframes dx {
    0%,50%,100%{-o-transform: scale(1)}
    25%,75%{-o-transform: scale(0.92)}
}
.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; }
}