.wp{max-width: 640px;min-width: 320px;margin: 0 auto;font-size: 12px;color: #000;line-height: 1.5;overflow: hidden}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 0.5rem}
.wp h2{width: 100%;text-align: center;padding: 0.5rem 0 5%;font-size: 0.45rem;color: #333;line-height: 1.3}
.wp h2 span{color: #6583c9}
.wp h2 img{display: block;}
.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.29rem;border-radius: 0.5rem;background: url("../images/btn.jpg") repeat-x center;background-size: 5px;border: 2px solid #fff;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.2rem;vertical-align: middle;}
.w20{width: 94%;margin: 0 auto}
#banner_slider a{display: block;position: relative}
#banner_slider a img.img{display: block;width: 30%;position: absolute;left: 50%;bottom: 0;;animation: scale 1s infinite linear;-webkit-animation: scale 1s infinite linear;-moz-animation: scale 1s infinite linear;-o-animation: scale 1s infinite linear;}
.section1,.section2 .w20,.section3{position: relative}
.section1 a.btn,.section3 a.btn{position: absolute;left: 20%;bottom: 0.5rem;z-index: 1}
.section2{padding: 0.5rem 0}
.section2 p{position: absolute;font-size: 0.22rem;color: #343434;line-height:130%;width:40%;left:55.5%;}
.section2 .p1{top:60%;}
.section2 .p2{top:79%;}
.section2 .btn{background: url("../images/btn1.jpg") repeat-x center;background-size: 5px;border: 2px solid #DAE4FB}
.section3 p{position: absolute;font-size: 0.23rem;color: #fff;line-height:120%;text-align: center;}
.section3 .p1{top: 39%;right: 4.5%;}
.section3 .p2{top: 55.5%;left: 33%;}
.section3 .p3{top: 72%;right: 12%;}
.section4 a.btn{background: url("../images/btn.png") no-repeat center;background-size: 100%}
.section4 a:nth-child(2){margin-bottom: 0.3rem}
.section5{background: #6483cb}
.section5 ul{overflow: hidden}
.section5 ul li{width: 49%;float: left;position: relative;margin-top: 3%}
.section5 ul li p{position: absolute;width:100%;text-align: center;font-size: 0.23rem;line-height:120%;color: #272727;bottom:5%;}
.section5 ul li:nth-child(even){margin-left: 2%}
.section6 .hd {text-align: center;margin-top: 2%}
.section6 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #6483CB;}
.section6 .hd li.on{background: #6483CB}
.section6 .over{width: 94%;margin: 0 auto}
.section6 .over a.fl{width: 40%;}
.section6 .over a.fr{width: 54%;}
.section7 .w20{display: flex}
.section7 .w20 a{display: block;height: 1.5rem;flex: 1;background: url("../images/s.png") no-repeat center 1.3rem #6583C9;background-size: 0.35rem;font-size: 0.22rem;color: #fff;border-radius: 0.1rem;padding: 1%}
.section7 .w20 a:nth-child(even){background: url("../images/s.png") no-repeat center 1.3rem #5269A0;background-size: 0.35rem;margin: 0 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 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);
    }
}