.wp{max-width: 640px;min-width: 320px;margin: 0 auto;font-size: 12px;color: #000;line-height: 1.5;overflow: hidden}
.wp h2{width: 100%;text-align: center;padding: 3rem 0 1.5rem;font-size: 1.6rem;font-weight: normal;color: #4c4c4c;line-height: 1.4}
.wp h2 strong{display: block;font-size: 2rem; font-weight:bold;}
.wp h2 img{display: block;margin: 0 auto 2%}
.btn{display: block;width: 45%;height: 3.5rem;line-height: 3.5rem;margin: 1.5rem auto 0;background: #F38355;border-radius: 2rem;font-size: 1.15rem;color: #fff;text-align: center; -webkit-animation: dx 2s linear infinite  both;-o-animation: dx 2s linear infinite  both;animation: dx 2s linear infinite  both}
.btn img{display: inline-block;vertical-align: middle;width: 1.5rem}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.over a.btn.fl{margin-left: 2%}
.over a.btn.fr{background: #F5C705;color: #6f3214;margin-right: 2%;}
.pb{padding-bottom: 3.25rem}
.w20{width: 94%;margin: 0 auto}
#banner_slider li{position: relative}
#banner_slider li a{display: block;width: 40%;position: absolute;left: 55%;bottom:3.5rem;z-index: 1;font-size: 1.5rem;border: 0.25rem solid #FEAD9A}
.section1 #scroll1{position: relative}
.section1 .bd li{position: relative}
.section1 .bd li img:nth-child(2){display: block;width: 40%;position: absolute;left: 5%;top: 12rem;z-index: 2;}
.section1 .hd{text-align: center;margin-top: 5%}
.section1 .hd li{display: inline-block;width: 20%;position: relative}
.section1 .hd li img{display: block;overflow: hidden;border-radius: 50%;border: 0.25rem solid #D6D1DC}
.section1 .hd li:nth-child(2){margin: 0 2%}
.section1 .hd li.on i{display: block;width: 0;height: 0;border-left: 0.75rem solid transparent;border-right: 0.75rem solid transparent;border-bottom: 0.75rem solid #F5BD71;position: absolute;left: 50%;margin-left: -0.375rem;top: -1.25rem;z-index: 1}
.section1 .hd li.on img{border: 0.25rem solid #F5BD71;}
.section1 span{display: block;width: 2rem;position: absolute;bottom: 2%;z-index: 1}
.section1 span.prev{left: 6%;}
.section1 span.next{right: 6%;}
.section1 .over{width: 94%;margin: 0 auto;padding: 0 3% 1%}
.section2 ul{overflow: hidden}
.section2 ul li{width: 32%;float: left;margin-right: 2%}
.section2 ul li:nth-child(3){margin-right: 0}
.section2 ul li dd{font-size: 1.15rem;color: #575353;text-align: center;padding: 0.75rem 0 1.5rem}
.section2 .over a.btn{margin-top: 0}
.section3{background: #FCC7D7}
#scroll2{position: relative; padding-top: 2rem;}
.section3 .hd{ position: absolute;height: 3.8rem; padding: 0 5%; top: 0; left:0; width: 100%; z-index: 1;}
.section3 .hd li{width: 33%;float: left;text-align: center;background: #F35F79;padding: 2% 0;border-radius: 1.5rem; position: absolute; left:3%; top: 0%; box-shadow: 0 0 1rem rgba(0,0,0,0.2)}
.section3 .hd li:nth-child(2){left: 34%; background: #fc7b92;}
.section3 .hd li:nth-child(3){left: 65%;}
.section3 .hd li img{display: block;width: 80%;margin: 0 auto}
.section3 .hd li img:nth-child(2){display: none}
.section3 .hd li.on{background: #fff;}
.section3 .hd li.on img:nth-child(1){display: none}
.section3 .hd li.on img:nth-child(2){display: block}
.section3 .bd li{position:relative;}
.section3 .bd li i{display: block; position:absolute; width: 9.1rem; right: 0.6rem; top: 13.2rem; border-radius: 0.6rem; border: 0.15rem solid #f9b0a9; overflow:hidden;}
.section_p{background: url(../images/boxp_bg.jpg) top center no-repeat;background-size: 100%;padding: 5% 0;}
.section_p p{background: rgba(68,38,136,0.7); padding: 5% 0;border-radius: 1rem;line-height: 1.7; font-size: 1.2rem;text-align: center; color:#fff;}
.section_p p strong{color: #ffd200;}
.section_p .btn{color: #693428; width:64%; margin-top: 0;background: #ffd83e;}
.section_p .btn img{width:1.7rem; vertical-align: middle; padding: 0 0 1% 2%;}
.section4 h2{padding: 2rem 0 3%;}
.section4 .over div{width: 44%;float: left}
.section4 .over div:last-child{float: right}
.section4 .over img.img{display: block;float: left;width: 12%}
.section4 .over dl{width: 92%; height:14.25rem; padding: 3% 4% 0;font-size: 1rem;color: #353535}
.section4 .over dl dd{padding: 1rem 0.5rem;line-height: 1.3; }
.section4 a.btn{width: 70%}

.youhui{ padding-bottom:3.25rem;}


.section5{background: url(../images/bg4.jpg); background-size:0.7rem; padding-bottom:7%;}
.swiper-container1{ padding-bottom:3rem;}
.section5 h2{color: #fff; padding: 10% 0 3% 0; font-weight:bold; font-size:2.25rem;}
.section5 h2 p{ font-weight:normal; font-size:1.5rem;}
#scroll3{position: relative;padding-bottom: 8%;margin-bottom: 3%;}
.section5 .hd{ position: absolute; left: 2.5%; width: 95%; bottom: 0;}
.section5 .hd li{width: 5.6rem; height: 5.7rem; float: left; margin-right: 0.5rem; position: relative;
    padding-top: 0.8rem;}
.section5 .hd li:last-child{margin-right: 0;}
.section5 .hd li img{border-radius: 50%; border: 2px solid #fff;}
.section5 .hd li i{display: none; width: 0.85rem; position: absolute; left: 44%; top: 0;}
.section5 .hd li.on img{border: 2px solid #f1a73c;}
.section5 .hd li.on i{display: block;}
.section5 .hd li.on i img{border: none; border-radius: initial;}
.btn_c{width:96%; margin: 0 auto; padding:3% 1%; overflow:hidden;}
.btn_c .btn{display:block;width: 44%; margin:0 2%;background-color:#f29c9f;border-radius:0.5rem;color:#1f1f1f;text-align:center;height:3rem;line-height:3rem;font-size:1.05rem; border:1px solid #1c1c1c; box-shadow: 3px 4px 0 0 #1c1c1c}
.btn_c .btn img{width:0.8rem;vertical-align: middle;animation:showh 1s .2s linear both infinite;-webkit-animation:showh 1s .2s linear both infinite;-moz-animation:showh 1s .2s linear both infinite;-o-animation:showh 1s .2s linear both infinite;-ms-animation:showh 1s .2s linear both infinite}
.btn_c .btn.fr{background:#f6f401; }


.section7{background: #f796b9; padding: 6% 0 25% 0;}
.section6 img{ display:block;}
.swiper-container2{ padding-bottom:3rem;}
.swiper-container2 .swiper-pagination-bullet{ border-radius: 50%; border: 1px solid #967348; background:none; opacity:1;}
.swiper-container2 .swiper-pagination-bullet-active{    background: #967348;}
.box6_c{background: #e88e59;border-radius: 1rem;overflow: hidden;width: 100%;}
.box6_c p{font-size: 1.05rem;color: #fff;line-height: 1.4;padding: 3% 5%;}
.box6_c dl{padding: 4%; overflow: hidden}
.box6_c dl dd{width: 49.5%;height: 16rem; overflow: hidden}
.box6_c dl dd img{height: 15.5rem; width: auto;}
.box6_c dl dd video{width: 100%;}
.section7 .hd{width: 100%; margin-top: 3%; text-align: center; }
.section7 .hd li{display: inline-block; width: 1rem; height: 1rem;border-radius: 50%;border: 2px solid #fff;}
.section7 .hd li.on{background: #fff;}
.section8{position: relative;}
.section8 .w20{margin-top: -16%; margin-bottom: 8%}
@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)}
}