.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.7rem 0 0.4rem;}
.wp h2 img{display: block}
.btn{display: block;width: 55%;height: 0.8rem;line-height: 0.8rem;margin: 0.3rem auto 0;background: #FFE00D;border-radius: 0.4rem;font-size: 0.33rem;color: #a76314;text-align: center; -webkit-animation: dx 2s linear infinite  both;-o-animation: dx 2s linear infinite  both;animation: dx 2s linear infinite  both;box-shadow: 0 9px 24px rgba(255,156,0,0.4)}
.btn img{display: inline-block;vertical-align: middle;width: 0.4rem}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.over a.btn.fl{margin-left: 2%}
.over a.btn.fr{margin-right: 2%;background: linear-gradient(to right, #FFA27C, #FF6765);color: #fff ;box-shadow: 0 9px 24px rgba(255,130,117,0.4)}
.pb{padding-bottom: 0.8rem}
.w20{width: 94%;margin: 0 auto}
#banner_slider .bd li {padding-bottom: 5%;position: relative}
#banner_slider .bd li a{display: block;position: relative}
#banner_slider .bd li a i{display:block; position:absolute; opacity: 0; width: 0.24rem; right: 34%; top: 50%; -webkit-animation: track 3.5s linear infinite  both normal;-o-animation: track 3.5s linear infinite  both normal;animation: track 3.5s linear infinite  both normal;z-index: 1}
#banner_slider .bd li .ban_img{display: block;position: absolute;z-index: 1;     -webkit-animation: movement 3s linear normal both infinite;-o-animation: movement 3s linear normal both infinite;animation: movement 3s linear normal both infinite}
#banner_slider .bd li .img1{width: 1.2rem;left: 0.75rem;top: 3.2rem}
#banner_slider .bd li .img2{width: 1.2rem;left: 3.2rem;top: 8.1rem;animation-delay: 0.2s}
#banner_slider .bd li .img3{width: 1.3rem;right: 0.4rem;top: 4.4rem;animation-delay: 0.3s}
#banner_slider .bd li .ban_btn_img{display: block;position: absolute;z-index: 1;  /*   -webkit-animation: movement 3s linear normal both infinite;-o-animation: movement 3s linear normal both infinite;animation: movement 3s linear normal both infinite*/}
#banner_slider .bd li .img4{width: 6.88rem;left: 0.3rem;top: 8.7rem; border-radius: 0.18rem;}
#banner_slider .bd li a.bann_btn2{width:50%;margin-top:-2.3rem; margin-left:0.5rem;}
#banner_slider .bd li a.bann_btn2 img{margin-bottom: 0.05rem; width: 0.35rem;}

.section1{padding-top:3.3rem;}
.section1 .over{width: 85%;margin: 0 auto}
.section1 .over div{width: 47%}
.section1 .over p{font-size: 0.3rem;color: #553a39;text-align: center;background: #FCF2F0;border-radius: 50%;padding: 0.6rem 0;margin-bottom: 0.3rem}
.section1 .over p img{display: block;width: 25%;margin: 0 auto 5%}
.section2{background: url("../images/bg1.jpg") no-repeat bottom center;background-size: 100%}
.section2 .over{width: 94%;padding: 0 3% 1rem}
.section2 .over:nth-child(1){padding-top: 2%}
.section2 .over:nth-child(4){padding-bottom: 0.8rem}
.section2 .over a{width: 45%;margin-top: 0;font-size: 0.3rem}
.section2 h2{padding-bottom: 2%}
.section2 p{font-size: 0.24rem;color: #fff;text-align: center;padding-bottom: 3%}
.section2 .text{overflow: hidden;margin-bottom: 5%}
.section2 .text dl{width: 32%;height: 4.4rem;float: left;margin-right: 2%;background: #fff}
.section2 .text dl dd{width: 86%;margin: 0 auto;font-size: 0.23rem;color: #535353;line-height: 1.3}
.section2 .text dl dd h3{font-size: 0.3rem;color: #dd9670;padding: 8% 0 3%}
.section2 .text dl dd strong{color: #D94C31}
.section2 .text dl:nth-child(2) dd h3{color: #ee5a77}
.section2 .text dl:nth-child(3){margin-right: 0}
.section2 .text dl:nth-child(3) dd h3{color: #936e5b}
.section3{background: url("../images/bg3.jpg") no-repeat bottom center #FBEFE0;background-size: 100%}
.section3 p.p1{width: 94%;padding: 2% 3%;background: #FADDC8;font-size: 0.28rem;color: #5d5d5d;margin-bottom: 3%}
.section3 p.p1 strong{color: #ff6765}
.section3 .text{width:94%; margin:0 auto; padding-top: 2%; padding-bottom: 5%;}
.section3 .text .scroll{position: relative}
.section3 .text p{position: relative;margin-bottom: 0%; margin-top:0.5rem; }
.section3 .text:last-of-type{padding-bottom: 2rem;}
.section3 .text .pb{margin-bottom: -0.6rem;}
.section3 .text2{width: 94%;
    padding:2% 3% 5%; background: #f9bc92;}


.section3 .text p img{display: block;box-shadow: 0 0 24px 9px rgba(215,182,141,0.27)}
.section3 .text p i{display: block;width: 0;height: 0;border-top: 0.2rem solid #fff;border-left: 0.2rem solid transparent;border-right: 0.2rem solid transparent;position: absolute;left: 50%;margin-left: -0.2rem;bottom: 3.84rem;z-index: 1;
    transform: rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}
.section3 .text .bd li img{display: block}
.section3 .text .bd li span{display: block;width: 55%;height: 5rem;overflow: hidden;float: left;border-radius: 0.2rem;border: 0.05rem solid #FCE1CC}
.section3 .text .bd li img:nth-child(2){width: 41%;float: right}
.section3 .text .hd{width: 3.55rem;margin: 5% auto 0;overflow: hidden;padding-top: 0.2rem}
.section3 .text .hd li{width: 1.7rem;float: left;position: relative;margin: 0 1%}
.section3 .text .hd li img{display: block;width: 90%;margin: 0 auto;border-radius: 50%;border: 0.06rem solid #E8DED0;}
.section3 .text .hd li.on img{border: 0.06rem solid #EABFA2}
.section3 .text .hd li.on i{display: block;width: 0;height: 0;border-bottom: 0.15rem solid #EABFA2;border-left: 0.1rem solid transparent;border-right: 0.1rem solid transparent;position: absolute;left: 50%;margin-left: -0.1rem;top: -0.2rem;z-index: 1}
.section3 .text .prev,.section3 .text .next{display: block;width: 0.6rem;position: absolute;bottom: 0.2rem;z-index: 1}
.section3 .text .prev{left: 0.7rem}
.section3 .text .next{right: 0.7rem}
.section3 .text .over a.btn{width: 45%;font-size: 0.28rem}
.section3 .text2 .li1 .over span img{width: 115%;margin-left: -15%}
.section4{background: url("../images/bg2.jpg") no-repeat top center;background-size: 100%}
.section4 .w20 span{display: block;width: 50%;height: 5.8rem;border: 0.05rem solid #FBB8A5;border-radius: 0.15rem;overflow: hidden}
.section4 .w20 span img{display: block;width: 145%;margin-left: -35%}
.section5{background: url("../images/bg4.jpg") no-repeat top center;background-size: 100%}
.section5 dl{position: relative;}
.section5 dl dt{position: relative;background: #fff;box-shadow: 0 0 30px 5px rgba(172,155,155,0.4)}
.section5 dl dt img{display: block}
.section5 dl dd{width: 100%;position: absolute;left: 0;bottom: -0.35rem;z-index: 1;}
.section6{background: #FBEFE0}
.section6 .over div{width: 48%}
.section6 .over dl{background: #fff;border-radius: 0.2rem;background: #fff;margin-bottom: 0.3rem;box-shadow: 0 10px 18px rgba(206,168,120,0.18);line-height: 1.4;padding-bottom: 0.3rem}
.section6 .over dd{width: 85%;margin: 0 auto;font-size: 0.23rem;color: #5d5d5d;}
.section6 .over dd h3{font-size: 0.33rem;color: #4b3955;font-weight: normal;padding: 5% 0 2%}
.section7 {background: url("../images/bg5.jpg") no-repeat top center #221F83;background-size: 100%;padding-top: 5%}
.section7 .hd{width: 80%;margin: 0 auto;display: flex;padding: 4% 0}
.section7 .hd li{flex: 1;margin-right: 2%;border-radius: 50%;overflow: hidden;float: left;border: 0.03rem solid #221F83}
.section7 .hd li:last-child{margin-right: 0}
.section7 .hd li.on{border: 0.03rem solid #fff}
.section7 .over{width: 94%;padding: 2% 3% 0.7rem;background: #fff}
.section7 .over a.btn{width: 45%}
.section8 .hd{text-align: center;padding: 3% 0 8%}
.section8 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #523FA8;}
.section8 .hd li.on{width: 0.5rem;height: 7px;border-radius: 4px;background: #523FA8}

@keyframes track{
    0%{right: 35%; top: 48%; opacity: 0.5; }
    40%{right: 30%; top: 59%; opacity: 1;}
    60%{right: 36%; top: 62%; opacity: 0;}
    100%{right: 37%; top: 48%; opacity: 0; }
}
@-webkit-keyframes track {
    0%{right: 35%; top: 48%; opacity: 0.5; }
    40%{right: 30%; top: 59%; opacity: 1;}
    60%{right: 36%; top: 62%; opacity: 0;}
    100%{right: 37%; top: 48%; opacity: 0; }
}
@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; }
}