.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: 0.4rem 0 0.3rem;font-size: 0.45rem;color: #ea685d;line-height: 1.3}
.wp h2 span{display: block;font-weight: normal;font-weight: normal;color: #666}
.wp h2 img{display: block;margin-top: 1.5%}
.btn{display: block;width: 60%;height: 0.7rem;line-height: 0.7rem;margin: 0.3rem auto 0;text-align: center;color: #fff;font-size: 0.3rem;border-radius: 0.5rem;background: #EA685D;animation: scale 1s infinite linear;-webkit-animation: scale 1s infinite linear;-moz-animation: scale 1s infinite linear;-o-animation: scale 1s infinite linear;}
.btn img{display: inline-block;width: 0.38rem;vertical-align: middle;}
.over{width: 94%;overflow: hidden;padding: 0 3% 3%}
.over a.fr{background: #339AEC;animation-delay: 0.1s;}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 0.5rem}
.w20{width: 94%;margin: 0 auto}
#banner_slider li.li1 {position: relative}
#banner_slider li.li1 a{display: block;width: 60%;position: absolute;left: 20%;bottom: 0.6rem;z-index: 1;animation: scale 1s infinite linear;-webkit-animation: scale 1s infinite linear;-moz-animation: scale 1s infinite linear;-o-animation: scale 1s infinite linear;}
.section1 .w20{overflow: hidden}
.section1 .w20 dl{width: 32%;float: left;height: 2.45rem;position: relative;padding-top: 1rem;}
.section1 .w20 dl:nth-child(2){margin: 0 2%}
.section1 .w20 dl dt{position: absolute;left: 0;top: 0;z-index: 1}
.section1 .w20 dl dd{width: 86%;padding: 1.05rem 7% 0.25rem;background: #7B7B7B;border-radius: 0.2rem;font-size: 0.22rem;color: #fff;line-height: 1.3}
.section2 {background: url("../images/bg1.jpg") no-repeat top center;background-size: 100%;padding: 1rem 0 1.1rem}
.section2 h3{width: 70%;height: 0.6rem;line-height: 0.6rem;font-size: 0.26rem;color: #2d2d2d;background: #FEE9E8;border: 1px solid #F7D4D2;border-radius: 0.1rem;box-shadow: 0 3px 7px rgba(209,209,209,0.5);margin: 0 0 0.25rem 30%}
.section2 h3:nth-child(3){width: 55%;margin: 0.35rem 0 0.25rem 45%;background: #ECF7FD;border: 1px solid #CCE8F7}
.section2 p{width: 45%;font-size: 0.22rem;color: #404040;line-height: 1.3;margin-left: 55%}
.section3 img{display: block;box-shadow: 0 3px 50px rgba(139,127,112,0.24);border-radius: 0.1rem}
.section3 p{font-size: 0.25rem;color: #000;margin-top: 5%}
.section3 p strong{color: #f28571}
.section4 ,.section8{background: url("../images/bg2.jpg") no-repeat top center #FEF2E4;background-size: 100%;padding-top: 3%}
.section4 .text{overflow: hidden}
.section4 .text dl{width: 48%;background: #fff;border-radius: 0.1rem;}
.section4 .text dl dd{width: 90%;height: 1.1rem;margin: 0 auto;font-size: 0.23rem;color: #787878;padding-top: 5%;line-height: 1.3}
.section4 .hd,.section8 .hd{text-align: center;margin-top: 3%}
.section4 .hd li,.section8 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50px;border: 1px solid #7C7C7C}
.section4 .hd li.on,.section8 .hd li.on{background: #7C7C7C}
.section4 .over a,.section8 .over a{width: 48%;font-size: 0.28rem}
.section6 {background: url("../images/bg3.jpg") no-repeat top center;background-size: 100%;padding: 0.2rem 0 1rem}
.section6 h2 span{color: #fff}
.section6 #scroll2{position: relative;padding-top: 0.8rem}
.section6 .hd{width: 100%;overflow: hidden;padding-bottom: 0.3rem;display: flex;position: absolute;left: 0;top: 0;z-index: 1}
.section6 .hd li{flex: 1;height: 0.8rem;display: -webkit-flex;justify-content: center;align-items: center;background: url("../images/img12.jpg") no-repeat left;background-size: 100%;text-align: center;font-size: 0.25rem;margin-right: 2%;position: relative;line-height: 1.3;border-top-right-radius: 0.1rem;border-top-left-radius: 0.1rem;color: #fff}
.section6 .hd li:last-child{margin-right: 0}
.section6 .hd li.on i{display: block;width: 0;height: 0;border-top: 0.2rem solid #EA685D;border-left: 0.3rem solid;border-right: 0.3rem solid;position: absolute;left: 50%;margin-left: -0.3rem;z-index: 1;bottom: -0.2rem}
.section6 .hd li.on{background: #EA685D}
.section6 .text{width: 94%;height: 5.5rem;padding: 0 3%;background: #fff}
.section6 p{font-size: 0.22rem;color: #575757}
.section6 p strong{height: 0.6rem;line-height: 0.75rem;display: block;font-size: 0.3rem;font-weight: normal;color: #303030;text-align: center}
.section6 .li1{position: relative}
.section6 .li1 p{width: 56%;position: absolute;right: 2%;top: 1.8rem;z-index: 1}
.section6 .li1 a{margin-top: 0.6rem}
.section7 .w20{padding: 0.55rem 3% 0;background: url("../images/img13.jpg") no-repeat top center;background-size: 100%}
.section7 p{width: 49%;height: 1.45rem;font-size: 0.2rem;color: #d37956;margin: 2% 0 0 1%;line-height: 1.4}
.section7 p strong{display: block;font-size: 0.27rem;text-align: center}
.section7 a{width: 70%;margin-top: 0.1rem}
.section8 .hd{text-align: center}
.section5{background: url("../images/bg4.jpg") no-repeat top center;background-size: 100%;padding-top: 5%}
.section5 .w20{overflow: hidden}
.section5 .w20 div{width: 48%}
.section5 .w20 p{font-size: 0.22rem;color: #666;padding: 5% 0 0.3rem}
.section5 a{margin-top: 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);  }
}
@-webkit-keyframes showb{
    0%,100%,20%,50%,80% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    60% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
}
@keyframes scale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}