.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;}
img{width:100%;height:auto;}
.wp h2{padding:4% 0; text-align:center; width:95%; margin:0 auto;}
a.btn{display:block;width: 85%;height: 0.64rem;line-height: 0.64rem;margin:0.3rem auto;border-radius:0.1rem;color:#fff;font-size:0.28rem;overflow:hidden;text-align:center; background:#ee9034; animation: flipInXt 1s .2s ease both infinite;-webkit-animation: flipInXt 1s .2s ease both infinite;-moz-animation: flipInXt 1s .2s ease both infinite;}
.btn_c{width:95%; margin:0 auto; height:0.6rem; line-height:0.6rem; padding:4% 0;}
.btn_c a{display:block; width:48%; font-size: 0.24rem; color:#fff; border-radius:0.1rem; text-align: center;}
.btn_c a.fl{background:#c94343;}
.btn_c a.fr{background:#ee9034;}
@-webkit-keyframes flipInXt{
    0%{box-shadow: 0 0 0 0 #d37c27;}
    100%{box-shadow: 4px 3px 0 0 #d37c27;}
}
.fl{float: left}
.fr{float: right}
.w20{margin:0 2.5%;}
.banner{position:relative;}
.banner p{width:100%; position: absolute; left: 0; bottom:12%; font-size: 0.28rem; color:#fff; text-align:center;}
.banner p img{width:6%; position:absolute; left: 47%; -webkit-animation: ban_btn 2s infinite;  animation: ban_btn 2s infinite;z-index: 1; }
@keyframes ban_btn
{
    0% {opacity: 0.2; bottom:70%;}
    25% {opacity: 1; bottom:50%;}
    50% {opacity: 0.2; bottom:70%;}
    75% {opacity: 1; bottom:50%;}
    100% {opacity: 0.2; bottom:70%;}
}
@-webkit-keyframes ban_btn
{
    0% {opacity: 0.2; bottom:70%;}
    25% {opacity: 1; bottom:50%;}
    50% {opacity: 0.2; bottom:70%;}
    75% {opacity: 1; bottom:50%;}
    100% {opacity: 0.2; bottom:70%;}
}
.section1{padding: 2% 0 6% 0;}
.section1 ul li{width:49%; float: left; text-align:center;}
.section1 ul li:nth-child(2n){float: right;}
.section1 ul li p{font-size: 0.18rem; color:#666666; line-height:1.4; padding:2% 0;}
.section1 ul li p span{display:block; font-size: 0.26rem; color:#373c52; }
.section2 {background:#373c52; padding: 3% 0 8% 0;}
.section2 .box2_c1{background:#fff; height:5.26rem; margin-bottom:8%; position:relative;}
.section2 .box2_c1 .box2_video{width:57.5%;  height:5.26rem; overflow:hidden; float: left; position:relative;}
.section2 .box2_c1 .box2_video img{width:100%; position:absolute; left: 0; top: 0;}
.box2_video video{width:100%; position:absolute; height:1px; left: 0; top: 0; }
.section2 .box2_p{position:absolute; left: 2%; bottom:-6%; width:54%; padding:3% 0; background:rgba(249,185,27,0.9); font-size: 0.2rem; color:#fff; line-height:1.6; text-align: center; z-index: 2}
.section2 .box2_c1 .box2_t{width:36%; padding:6% 3% 0 3%; float: right;}
.section2 .box2_c1 .box2_t h3{font-size: 0.3rem; color:#373c52; text-align: right; font-weight: normal; line-height:1.2; margin-bottom:6%;}
.section2 .box2_c1 .box2_t span{display:block; font-size: 0.52rem;}
.section2 .box2_c1 .box2_t i{width:40%; display: inline-block; height:0.06rem; background:#373c52; vertical-align: middle;}
.section2 .box2_c1 .box2_t p{text-align:center;}
.section2 .box2_c1 .box2_t p span{display:inline-block; line-height:1.3; padding:1.6% 4%; background:#a8a9ad; font-size: 0.18rem; color: #fff; border-radius:0.3rem; margin-top:2%;}
.section2 .box2_c2{background:#fff; padding:4% 2.5% 1% 2.5%; border-radius:0.14rem; margin-top:3%;}
.section2 .box2_c2 ul li{width:32%; float: left; margin-right:2%; text-align:center; margin-bottom:3%;}
.section2 .box2_c2 ul li:nth-child(3n){margin-right:0;}
.section2 .box2_c2 ul li p{font-size: 0.18rem; color:#333333; line-height:1.5;}
.section2 .box2_c2 ul li img{border-radius:50%;}
.section3{ padding:1% 0 3% 0; background:#dfe2f0;}
.section3 .box3_c{padding:3% 2%; background:#fff; border:1px solid #bfc3d5; border-radius:0.12rem;}
.section3 .box3_c h3{font-size: 0.36rem; color:#333; padding-bottom:3%;}
.section3 .box3_c h3 span{display:block; font-size: 0.24rem; font-weight: normal;}
.section3 .box3_c ul li{width:49%; float: left; text-align: center; padding-bottom:2%;}
.section3 .box3_c ul li:nth-child(2){float: right;}
.section3 .box3_c ul li p{font-size: 0.18rem; color:#666; line-height:1.5; padding:2% 0;}
.section4{ padding: 3% 0 8% 0; background:#373c52; }
.section5{padding: 1% 0 7% 0; background:#dfe2f0;}
.section5 dl{width:48%; float: left; height:3.7rem;}
.section5 dl:nth-child(2n){float: right;}
.section5 dl:nth-child(5),.section5 dl:nth-child(6){height:3.2rem;}
.section5 dl dt{width:100%; height: 2.5rem; position:relative; text-align:center;}
.section5 dl dt span{display: block; width:92%; height:0.4rem; line-height:0.4rem; position:absolute; left: 4%; bottom:0%; background:#554a84; border-radius:0.2rem; color: #fff; font-size: 0.22rem;}
.section5 dl dd{font-size: 0.18rem; padding:3% 0;}
.section6{background:#dfe2f0; padding: 2% 0 5% 0;}
.section6 .w20{margin:0 1.4%;}
.section6 ul{margin-top:3%;}
.section6 ul li{width: 49%; float: left; margin-bottom:3%; text-align:center; background:#554a84; border-radius: 0 0 0.3rem 0.3rem; line-height:1.5; color:#fff;}
.section6 ul li:nth-child(2n){float: right; background:#c2c6d8; color:#333333;}
.section6 ul li:nth-child(2){line-height:3;}
.section6 ul li p{font-size: 0.18rem; padding:2% 0; }
.section7{background:#dfe2f0; padding:1% 0;}
#scroll3{position: relative;}
.section7 .hd{width: 100%; height: 0.2rem; text-align: center; margin-top: 3%; position:absolute; left: 0; bottom: 3%;}
.section7 .hd li{display: inline-block; width: 0.1rem; height:0.1rem; background:#bab7d4; border-radius: 50%; margin: 0 1%;}
.section7 .hd li.on{background: #554a84;}
.btnc{width: 90%; margin: 4% auto; overflow: hidden;}
.btnc .fl{margin: 0; }
.btnc .fr{ margin: 0;}
.btnc1{width: 100%; height: 0.6rem; line-height: 0.6rem; margin: 4% auto; }
.btnc1 a{width:47%; height:0.64rem; line-height: 0.64rem; background:#ee9034; border-radius:0.35rem; color:#fff; text-align:center; display:block; font-size: 0.2rem}
.btnc1 .fr{background:#d94d00;}
.section9 {padding: 1% 0 6% 0; background:#dfe2f0;}
.section9 ul li{width:48%; height:0.6rem; font-size: 0.2rem; line-height:0.6rem; background:#554a84; text-align: center; float: left;  border-radius:0.3rem; margin-bottom:2%; }
.section9 ul li:nth-child(2n){float: right; }
.section9 ul li a{color:#fff;}
.rj_c{width: 90%;margin:0 auto 3%;padding: 1% 2.5%;position: relative;background: #fff;border-radius: 0.15rem; }
.rj_c1{padding: 3% 0; border-bottom: 1px dashed #dedede; overflow: hidden;}
.rj_c1 .rj_p1{width: 20%;border-radius: 50%;overflow: hidden; float: left; text-align: center;}
.rj_c1 .text{width: 78%;float: right}
.rj_c1 .text h3{font-size: 0.24rem;color: #41c8dc;text-align: left;font-weight: normal;}
.rj_c1 .text h3 span{display: inline-block;font-size: 0.18rem;color: #666;}
.rj_c1 ul{ width: 100%;overflow: hidden}
.rj_c1 ul li{width:62%; float: left;font-size: 0.18rem; line-height: 2.2; color: #666;}
.rj_c1 ul li font,.rj_c1 ul li span{color: #41c8dc;}
.rj_c1 ul li:nth-child(2){width: 38%}
.rj_c2{padding: 1% 0;}
.rj_c2 p{font-size: 0.18rem; color: #666; line-height: 1.5; margin-bottom: 3%;}
.rj_c2 p span{color: #ed2b2b;}
.rj_c2 video{vertical-align: top}
