.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;}
.wp_c{background:#171568;}
img{width:100%;height:auto;}
.wp h2{padding: 0.5rem 0 0.2rem}
a.btn{display: block;width: 50%;height: 0.6rem;background: #F15140;border-radius: 0.35rem;margin: 0.3rem auto 0;font-size: 0.28rem;color: #fff;overflow: hidden ;line-height: 0.6rem;text-align: center;webkit-animation: lAndR 2.5s linear normal both infinite;-o-animation: lAndR 2.5s linear normal both infinite;animation: lAndR 2.5s linear normal both infinite;}
.w20 {width: 94%;margin: 0 auto;}

a.btn img{display: inline-block;width: 0.35rem;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}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 0.6rem;}
.content{width: 94%;margin: 0 auto}
.hd{width: 100%;text-align: center;}
.hd li{display: inline-block;width: 0.15rem;height: 0.15rem;border-radius: 50%;border: 1px solid #8781F4;}
.hd li.on{background: #8781F4}
/*common*/
#banner_slider{position: relative}
#banner_slider a.btn{position: absolute;right: 32.5%;bottom: 0.18rem;z-index: 1}
#banner_slider a.btn{width:37%;}
a.btn img{margin-bottom:5px;}


.section1{height:7rem; }
.section1 .w20{margin-top:0.15rem; }
.section1 dl{width: 1.95rem; height: 3.9rem; position: relative; float: left; margin-bottom: 0.2rem;}
.section1 dl dd h3{width:1.15rem; height: 0.4rem; line-height: 0.4rem; font-weight: normal; background: #7b76dd; font-size: 0.24rem; color: #fff; border-radius: 0.2rem; text-align: center; position: absolute;margin:-0.38rem 0 0 0.45rem;}
.section1 dl dd p{font-size: 0.24rem; color: #111; text-align: center;line-height: 1.3; display: block;padding-top: 0.08rem;}
.section1 dl:nth-of-type(2){margin:0 0.082rem;}
.section1 dl dt img:nth-of-type(1){border-radius: 1rem;}

.section2 {background: #7b74ff; overflow:hidden;}
.section2 .w20{overflow: hidden}
.section2 dl{width: 32%;float: left;background: #fff;border-radius: 0.1rem;margin-right: 2%;font-size: 0.21rem;color: #5d5d5d;text-align: center;padding-bottom: 3%}
.section2 dl h3{font-size: 0.24rem;padding-top: 5%}
.section2 .btn {display: block;width: 65%;height: 0.6rem;line-height: 0.6rem;border-radius: 0.25rem;margin: 0.4rem auto 0;font-size: 0.26rem;text-align: center;-webkit-animation: dx 2s linear infinite both;-o-animation: dx 2s linear infinite both;animation: dx 2s linear infinite both;background: #A07AF3;color: #fff;}
.section2 ul.hd li{width:2.6rem; height: 1.05rem; line-height: 1.3; background: #fff; border-radius: 0.15rem; cursor: pointer; font-size: 0.26rem; color: #918bef;}
.section2 ul.hd li:first-of-type{margin-right:0.3rem;}
.section2 ul.hd li.on{background: #aea9ff; color: #fff;}
.section2 ul.hd li img{width:0.85rem; height: 0.85rem; float: left; display: inline-block; margin: 0.1rem 0 0 0.15rem;}
.section2 ul.hd li span{display: inline-block; margin-top:0.16rem;}
.over .btn.fl {margin-left: 2%; background: #edba21;}
.over .btn.fr {margin-right: 2%; background: #f25041;}
.over .btn {width: 45%;}
.video-box img{position: relative; z-index: 0; display: inline-block;}
.img-dt{width:3.1rem; height:4.5rem; border: 2px solid #fff; position: absolute; z-index: 1;margin-left: 2.75rem; margin-top:-6.63rem;}
.sh{position: absolute; width:0.57rem; height: 0.32rem; z-index: 1; margin-top: -2.5rem; margin-left:5.1rem;}

.section3 {background: #DFE6FF}
.section3 dl{width: 94%;padding: 3%;background: #fff;margin-bottom: 0.2rem}
.section3 dl dt{position: relative;margin-bottom: 0.15rem}
.section3 dl dt a{display: block}
.section3 dl dt p{width: 86%;position: absolute;left: 7%;bottom: 0.15rem;background: rgba(255,255,255,0.4);color: #000;font-size: 0.23rem;text-align: center;border-radius: 0.3rem}
.section3 dl dd{overflow: hidden}
.section3 dl dd img.img{display: block;width: 22%;float: left}
.section3 dl dd p{width: 73%;float: right;font-size: 0.22rem;color: #848484;padding-bottom: 2%}
.section3 dl dd p span{display: block;padding: 2% 0}
.section3 dl dd p strong{display: block;font-size: 0.35rem;}
.section3 dl dd p a{width: 65%;margin: 0}
.section3 dl:nth-child(1) dd p strong{color: #ecba21}
.section3 dl:nth-child(2) dd p strong{color: #7b76dd}
.section3 dl:nth-child(3) dd p strong{color: #54c2e5}
.section4{}
.section5{background: #7B74FF; margin-top:0.2rem;padding-bottom: 0.4rem;}
.section5 .content div{width: 48%}
.section5 .content dl{width: 96%;padding: 2%;background: #fff;border-radius: 0.15rem;font-size: 0.22rem;color: #696969;margin-bottom: 0.2rem}
.section5 .content dl dt h3{font-size: 0.3rem;font-weight: normal;color: #7b74ff;margin-bottom: 2%}
.section5 .content dl dt h3 img{display: inline-block;vertical-align: middle;width: 0.5rem}
.section5 .content dl dt a,.section5 .content dl dt a img{display: block;width: 100%}
.section5 .content dl dd{width: 90%;margin: 0 auto;padding: 3% 0}
.section5 .over a{margin-top: 0}
.section6{position: relative; margin-top:0.3rem;}
.section6 h2{position: absolute;left: 0;top: 0;z-index: 1}
.section6 #scroll1{position: relative; padding-top:2.2rem; height: 6rem;}
.section6 .hd{;position: absolute;left: 0;bottom: -0.1rem}
.section7{background: url('../images/img40.jpg') no-repeat top center #20193D;background-size: 100%;padding-bottom: 5%;margin-top: 0.5rem;}
.section7 h2{padding-top: 0.9rem;padding-bottom: 0.8rem;}
.section7 .bd li{overflow: hidden}
.section7 .bd li dl{width: 32%;float: left;font-size: 0.2rem;color: #666;background: #fff}
.section7 .bd li dl dt{width: 96%;margin: 2% auto}
.section7 .bd li dl h3{color: #000;font-size: 0.28rem;text-align: center;padding: 5% 0 3%}
.section7 .bd li dl dd{margin: 0 5%}
.section7 .bd li dl dd p{height: 2.2rem}
.section7 .bd li dl:nth-child(2){margin: 0 2%}
.section7 .hd {width: 100%;text-align: center;}
.section7 .hd li { width: 0.13rem; height: 0.13rem; border-radius: 10px; background: #ccc;display: inline-block;margin: 5px 3px; }
.section7 .hd .on { width: 0.13rem; height: 0.13rem; border-radius: 10px; background: #8781F4; }
.section8 ul{height: 4.5rem;background: url("../images/bg.jpg") no-repeat top center;background-size: 100%;position: relative}
.section8 ul li{width: 30%;position: absolute;font-size: 0.25rem;}
.section8 ul li:nth-child(1){left: 12%;top: 18%}
.section8 ul li:nth-child(1) a{color: #3d60c4}
.section8 ul li:nth-child(2){left: 32%;top: 25%}
.section8 ul li:nth-child(2) a{color: #31319f; text-align: center;}
.section8 ul li:nth-child(3){right: 10%;top: 35%}
.section8 ul li:nth-child(3) a{color: #9d7806}
.section8 ul li:nth-child(4){left: 21%;bottom: 19%}
.section8 ul li:nth-child(4) a{color: #3659bb}
.section8 ul li:nth-child(5){right: 13%;bottom: 15%}
.section8 ul li:nth-child(5) a{color: #b64657}
.section8 ul li a{display: block}

@keyframes  lAndR{
    0%{  transform: translateX(0);  }
    50%{  transform: translateX(15px);  }
    100%{  transform: translateX(0);  }
}
@-webkit-keyframes showh{
    0% {opacity:1;}
    49% {opacity:1;}
    50% {opacity:0;}
    100% {opacity: 0;}
}
@-moz-keyframes showh{
    0% {opacity:1;}
    49% {opacity:1;}
    50% {opacity:0;}
    100% {opacity: 0;}
}
@-ms-keyframes showh{
    0% {opacity:1;}
    49% {opacity:1;}
    50% {opacity:0;}
    100% {opacity: 0;}
}
@-o-keyframes showh{
    0% {opacity:1;}
    49% {opacity:1;}
    50% {opacity:0;}
    100% {opacity: 0;}
}

@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)}
}

/*视频容器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:3.6rem;height: 3.2rem;position: absolute;left: 50%;top: 30%;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;}