.wp{max-width: 640px;min-width: 320px;margin: 0 auto;font-size: 12px;color: #000;line-height: 1.5;overflow: hidden}
.over{overflow: hidden;}
.w20{width:94%; padding: 3%;}
.w22{width:94%; margin: 0.15rem auto;}
.fl{float: left}
.fr{float: right}
.wp h2{font-size: 0.4rem;color: #333;text-align: center;padding: 8% 0 5%;line-height: 1.3;}
.wp h2 span{display: block;font-size: 0.18rem;color: #aeaeae}
.btnas{display: block;width: 40%;height: 0.7rem;line-height: 0.7rem;margin:0.35rem auto 0;text-align: center;color: #fff;font-size: 0.25rem;background: #9441B8;border-radius: 0.5rem;     -webkit-animation: scale 1s infinite linear;}
.btnas img{display: inline-block;width: 0.35rem;vertical-align: middle;}
.btnas:hover{color: #fff}

.btna{display: block;width: 48%;height: 0.7rem;line-height: 0.7rem;margin:0.35rem auto 0;text-align: center;color: #fff;font-size: 0.25rem;background: #9441B8;border-radius: 0.5rem; float: left;     -webkit-animation: scale 1s infinite linear;}
.btna img{display: inline-block;width: 0.35rem;vertical-align: middle;}
.btna:hover{color: #fff}
.txt1{height: 1.25rem;}
.txt1 a:last-of-type{float: right;}



.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: #9441b8; color:#fff; animation: scale 1s infinite linear;-webkit-animation: scale 1s infinite linear;-moz-animation: scale 1s infinite linear;-o-animation: scale 1s infinite linear;}

.content{width: 96%;margin: 0 auto;}
.section1 .over dl{width: 23%;float: left;margin-right: 2.6%}
.section1 .over dl:nth-child(4){margin-right: 0}
.section1 .over dd{font-size: 0.25rem;text-align: center;color: #333;padding: 0.1rem 0 0.3rem}
.section2{margin-bottom: 0.5rem}
.section2 h2{padding-top: 3%}
.section2 dl{width: 32%;float: left;font-size: 0.25rem;text-align: center;}
.section2 dl:nth-child(2){margin: 0 2%}
.section2 dl dd{padding-top: 5%}
.section3 .text{background: #BCA5E5;padding-bottom: 5%;}
.section3 .text h2{padding-bottom: 3%;color: #fff;font-weight: normal;}
.section3 .content{position: relative;padding-top: 0.4rem}
.section3 .content i{display: block;position: absolute;left: 48%;top:0rem;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid #BCA5E5;}
.section3 .box dl{overflow: hidden}
.section3 .box dl dt{width: 50%}
.section3 .box dl dd{width: 45%;height:2.24rem;position: relative}
.section3 .box dl h3{font-size: 0.3rem;text-align: left;color: #fff;padding: 0.5rem 0 0.15rem}
.section3 .box dl b{display: block;width: 0.8rem;height: 1px;background: #373737}
.section3 .box dl span{display: block;font-size: 0.22rem;color: #333;margin-top: 0.15rem}
.section3 .box dl .bg1{background: #A5B4E7}
.section3 .box dl .bg2{background: #C7C7C7}
.section3 .box dl .bg3{background: #BCA5E5}
.section3 .box dl i{display: block;position: absolute;width: 0;height: 0;top: 40%;}
.section3 .box dl dd.fr{padding-left: 5%}
.section3 .box dl dd.fr i{left:0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 10px solid #fff;}
.section3 .box dl dd.fl{width: 42%;padding-left: 8%}
.section3 .box dl dd.fl i{right:0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 10px solid #fff;}
.section4{}
.section4 h2 { color: #010101;}
.section4 h2 span{font-size: 0.32rem; color: #000; font-weight: normal;}
.section4 .cont{background: #191919;}
.section4 .cont .box1{margin:0 2%;}
.section4 .cont .box1 p{font-size: 0.24rem; color: #ec1e1e; text-align: center; padding: 0.2rem 0;}
.section4 .cont .box2{height: 3.1rem;}
.section4 .cont .box2 dl{width:1.9rem; float: left;}
.section4 .cont .box2 dl dt{width:1.9rem; height: 2.14rem;}
.section4 .cont .box2 dl dd{font-size: 0.18rem; color: #fff; text-align: center;}
.section4 .cont .box2 dl dd span{font-size: 0.24rem; display: block; line-height: 1.3;padding: 0.05rem 0 0.02rem;}
.section4 .cont .box2 dl:nth-of-type(2){margin:0 0.15rem;}
.section5{margin-top: 0.2rem;}
.section5 .box{width:94%; margin:0 auto;}
.section5 .text{background: #fff;padding-bottom: 3%;}
.section5 .text h2{padding-bottom: 5%;color: #010101; font-size:0.4rem;}
.section5 .text h2 span{color: #000; font-size:0.3rem;  font-weight: normal; display: block;}
.section5 .content{position: relative;}
.section5 .box dl{overflow: hidden; margin-bottom: 0.2rem;}
.section5 .box dl:nth-of-type(4){margin-bottom: 0rem;}
.section5 .box dl dt{width: 50%}
.section5 .box dl dd{width: 48%;height:2.24rem;position: relative}
.section5 .box dl h3{font-size: 0.28rem;text-align: left;color: #010101;padding: 0.5rem 0 0;}
.section5 .box dl span{display: block;font-size: 0.22rem;color: #333;margin-top: 0.15rem}
.section5 .box dl h3 img{width: 0.62rem; height: 0.63rem; display: inline-block; margin-top:-0.2rem;}
.section5 .box dl i{display: block;position: absolute;width: 0;height: 0;top: 40%;}
.section5 .box dl dd.fr{padding-left: 0%;}
.section5 .box dl dd.fl{width: 50%;padding-left: 0%}
.section6{background:#7bb1de; margin-top:0.45rem;}
.section6 h2{padding: 10% 0 4%;}
.section6 .hd{height: 1.6rem;}
.section6 .hd li{width: 20%; float: left; height: 1.6rem;}
.section6 .hd li.box6_li1{background:url(../images/box6_li1.jpg) left top no-repeat; background-size: 1.1rem;}
.section6 .hd li.box6_li2{background:url(../images/box6_li2.jpg) left top no-repeat; background-size: 1.1rem;}
.section6 .hd li.box6_li3{background:url(../images/box6_li3.jpg) left top no-repeat; background-size: 1.1rem;}
.section6 .hd li.box6_li4{background:url(../images/box6_li4.jpg) left top no-repeat; background-size: 1.1rem;}
.section6 .hd li.box6_li5{background:url(../images/box6_li5.jpg) left top no-repeat; background-size: 1.1rem;}
.section6 .hd .on.box6_li1{background:url(../images/box6_lih1.jpg) left top no-repeat; background-size: 1.1rem;}
.section6 .hd .on.box6_li2{background:url(../images/box6_lih2.jpg) left top no-repeat; background-size: 1.1rem;}
.section6 .hd .on.box6_li3{background:url(../images/box6_lih3.jpg) left top no-repeat; background-size: 1.1rem;}
.section6 .hd .on.box6_li4{background:url(../images/box6_lih4.jpg) left top no-repeat; background-size: 1.1rem;}
.section6 .hd .on.box6_li5{background:url(../images/box6_lih5.jpg) left top no-repeat; background-size: 1.1rem;}
.section6 .btn{width: 51%; margin-top: 5%;}
.section6 .w20{ padding:0 3% 3%;}
.section6 .btna{ margin:0.25rem auto 0}
.section7{ background: #fef2e4; padding-bottom: 0.3rem;}
.section7 .hd{text-align: center}
.section7 h2 {display: block; text-align: center; padding: 0.65rem 0 0.3rem; font-size: 0.4rem;color: #000;line-height: 1.3;}
.section7 h2 span {display: block;font-weight: normal;color: #000; font-size: 0.4rem;}
.section7 .hd {padding-top:0.2rem;}
.section7 .hd li {display: inline-block;width: 0.18rem;height: 0.18rem;border-radius: 50px; background: #8f8f8f;}
.section7 .hd li.on {background: #e97161;}
.section8{padding-top: 0%}
.section8 h2{font-size: 0.4rem; text-align: center; color: #000; font-weight: normal;}
.section8 .w20{overflow: hidden}
.section8 .w20 div{width: 48%}
.section8 .w20 p{font-size: 0.22rem;color: #666;padding: 5% 0 0.3rem}
.section8 a{margin-top: 0}

/*视频容器css*/
.videoBox{width: 100%;height: 100%;background-color:rgba(0,0,0,0.6);position: fixed;left: 50%;top: 50%;z-index: 999;display: none;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.videoBox.show{display: block;}
.videoBox .videoPlay{width:6rem;height: 3.2rem;position: absolute;left: 50%;top: 50%;z-index: 999;background-color: #000;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
.videoBox .close{position: absolute;right: 20px;top: 20px;cursor: pointer;width: 0.52rem;height: 0.52rem;}
.dj img, .dj1 img{cursor: pointer;}

@keyframes scale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}