.wp{max-width:640px;min-width:320px;margin:0 auto;overflow: hidden;color:#333;}
img{width:100%;height:auto;}
.wp h2{font-size:0.4rem;line-height:1.3;text-align:center;font-family:"Microsoft Yahei";padding: 4% 0;color:#28115d;}
.wp h2 img{width:97%;}
.wp h2 span{font-weight: normal}
.wp h2 i{width: 0.5rem; margin:0 auto; height:0.04rem; background:#28115d; display: block;}
a.btn{display:block;width: 56%;height: 0.68rem;line-height: 0.68rem;margin:0.3rem auto 0;border-radius:1rem;color:#000;font-size:0.25rem;overflow:hidden;text-align:center;background: #ffe400}
a.btn img{width: 0.32rem; vertical-align: middle; padding:0 0 2px 3px;}
.show{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.5rem;}
.w20{margin:0 2%;}
.btn_c{width:96%; overflow:hidden; margin:0 auto;}
.btn_c .btn{width:48%;}
.btn_c .btn.fr{color: #fff; background:#ea68a2;}
.banner{position:relative;}
.banner a{ width: 43%; margin-top: 0; position:absolute; left:4%; top: 72%;}
.banner i{display:block; width:20.2%; position: absolute; left: 57%; top: 35%; -webkit-animation: mymove 2s infinite;  animation: mymove 2s infinite;}
.section1{background: #ececec; padding-top:2%; padding-bottom:6%;}
.section1 ul li{width:24.2%; float: left; margin-right:1%; border-radius:0.2rem; overflow: hidden; background:#3a2b8b; text-align:center; line-height:1.3;}
.section1 ul li:nth-child(4){margin-right:0;}
.section1 ul li p{font-size: 0.19rem; color:rgba(255,255,255,0.5); padding:6% 0;}
.section1 ul li p strong{color:#fff; line-height:1.2; padding:1% 0; display:block;}
.section2 {background: url(../images/bg.jpg) ;background-size: 100%; padding: 2% 0 5% 0;}
.section2 .w20{background: url(../images/bg2.jpg) no-repeat; background-size: 100%; }
.section2 ul{overflow: hidden; padding: 16% 3% 3% 3%;}
.section2 ul li{width: 46%;}
.box2_p{margin-top:10%; position:relative;}
.box2_p p{position:absolute; padding: 3% 2% 2% 26%; left: 0; top: 0; font-size: 0.21rem; color:#fff; line-height:1.5;}
.section2 dl{margin-top:4%; padding-top:4%; border-top:1px dashed #afafaf; text-align:center; }
.section2 dl dd{width:32%; height:3.9rem; background:#fff; border:1px solid #e5e5e5; float: left; margin-right:1%; text-align:center; border-radius:0.12rem;}
.section2 dl dd:nth-child(3){margin-right:0;}
.section2 dl dd p{font-size: 0.18rem; color:#666; line-height:1.3; padding: 6% 2%;}
.section2 dl dd p strong{display:block; font-size: 0.22rem; color:#313db1; padding-bottom:2%;}
.section3{background: url(../images/bg3.jpg) top center no-repeat #1f2f78; background-size: 100%; padding-bottom: 7%;}
.section3 ul li{width:100%; height:1.99rem; background:#fff; margin-bottom:3%; border-radius:1rem; overflow:hidden; }
.section3 ul li img{width:2rem;}
.section3 ul li p{font-size: 0.2rem; line-height:1.5; color:#b4b3b3; width:3.8rem;}
.section3 ul li p.fr{padding-right:4%;}
.section3 ul li p.fl{padding-left:8%; width:3.4rem;}
.section3 ul li p strong{display:block; font-size: 0.3rem; color:#666666; padding-top:5%;}
.section3 .box2_li{position:relative;}
.section3 .box2_li span img{ width:0.73rem; position: absolute; left: 0; top: 30%; z-index:1;}
.section3 .box2_li .box2_li_i{width:1.85rem; border: 0.07rem solid #ffe400; position:absolute; left: 0; top: 0; border-radius:1rem;}
.section3 .box2_li p{position:absolute; right:5%; top:0;}
.section3 .btn{ width:64%;}
.section4{background: url(../images/bg.jpg) ; padding: 1% 0 3% 0;}
.section4 .w20{background: #3a2b8b; box-shadow: 0 0 6px 3px rgba(0,0,0,0.2); border-radius:0.12rem; overflow:hidden; margin:0 1.5%;}
#scroll2 .hd{width: 100%; height: 0.54rem; margin:0 auto; overflow: hidden; text-align:center; position:relative;}
#scroll2 .hd li{width: 51%; height: 0.54rem; line-height: 0.54rem; background: #fff; text-align: center; font-size: 0.2rem; color:#4f4f4f; position:absolute; left: 0; top:0; border-radius:0.12rem 0.12rem 0 0;}
#scroll2 .hd li:nth-child(2){left: 49%;}
#scroll2 .hd li strong{font-size: 0.28rem;}
#scroll2 .hd li.on{background: #3a2b8b; color: #fff; z-index:1;}
.section5{background: #3a2b8b; padding-bottom: 5%;}
.section5 dl{margin-bottom:3%;}
.section5 dl dd{width:49%; background:#fff; border-radius:0.12rem; float: left; text-align:center;}
.section5 dl dd:nth-child(2){float: right;}
.section5 p{font-size: 0.2rem; color:#666; line-height:1.3; padding:4% 2%;}
.section5 li p{font-size: 0.18rem; color:#666; line-height:1.3; padding:7% 2%;}
.section5 ul li{width: 32.6%; margin-right:1%; float: left; text-align:center; background:#fff; border-radius:0.12rem;}
.section5 ul li:nth-child(3){margin-right: 0;}
.section5 .btn_c{width:97%;}
.section5 .btn{font-size: 0.2rem}
.section5 .btn_c .fl{width:51%;}
.section5 .btn_c .fr{width:46%;}
.section6{background: #eae6fb; padding: 3% 0 6% 0;}
.section6 .btn{width:60%;}
.btnc{width: 98%; height: 0.6rem; line-height: 0.6rem; margin: 0 auto 4% auto; }
.btnc .fl{width: 48%; height: 0.6rem; line-height: 0.6rem; margin: 0;}
.btnc .fl img{width: 0.34rem;}
.btnc .fr{width: 48%; height: 0.6rem; line-height: 0.6rem; background: #ea68a2; color: #fff; margin: 0;}
.section6 h2{padding-top: 6%; padding-bottom: 4%;}
#scroll3 .hd{ height: 0.48rem; line-height: 0.48rem;}
#scroll3 .hd li{font-size: 0.21rem; color: #fff; text-align: center; width: 32%; margin-right: 2%; background: #727272; float: left;}
#scroll3 .hd li:nth-child(3){  margin-right: 0;}
#scroll3 .hd li.on{background: #234494;}
.section7{background: url(../images/bg3.jpg) top center no-repeat #1f2f78; background-size: 100%; padding-bottom: 6%;}
.section7 .btn{ width:68%;}
.section7 ul li{width:49%; float: left; margin-bottom:2%; height:3.6rem; background:#fff; border-radius:0.12rem; text-align:center;}
.section7 ul li:nth-child(2n){float: right;}
.section7 ul li p{font-size: 0.2rem; color:#666666;line-height: 1.5; padding:2% 0;}
.section9 {background:#3a2b8b;padding: 1% 0 6% 0;}
.section9 .hd{width: 100%; height: 0.2rem; text-align: center; margin-top: 6%;}
.section9 .hd li{display: inline-block; width: 0.14rem; height:0.14rem; border:1px solid #fff; border-radius: 50%; margin: 0 1%;}
.section9 .hd li.on{background: #fff;}
.section9 .btn{width:56%;}
.section10{padding: 1% 0 8% 0;}
.section10 dl{margin-bottom:2%;}
.section10 dl dd{overflow:hidden;}
.section10 dl dd p{width:50%; line-height:1.5; font-size: 0.2rem; color:#5a5a5a; text-align:center;}
.section10 dl dd p strong{color:#392a8a;}
.section8{padding: 2% 0 6% 0; background:#def9fb;}
.section8 .btnc{margin-top: 4%; margin-bottom: 0}
.rj_c{width: 96%;margin:0 auto 5%;padding: 1% 2%;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;-moz-box-shadow:2px 2px 5px #838AD8; -webkit-box-shadow:2px 2px 5px #838AD8; box-shadow:2px 2px 5px #838AD8;}
.rj_c1 .text{width: 78%;float: right}
.rj_c1 .text h3{font-size: 0.25rem;color: #3a2b8b;text-align: left;font-weight: normal}
.rj_c1 .text h3 span{display: inline-block;font-size: 0.28rem;background-image:-webkit-linear-gradient(to left, #423087, #7545A0); background-image:linear-gradient(to left,#423087,#7545A0);;color: #fff;font-weight: normal;border-radius: 0.3rem;padding: 0.5% 3%}
.rj_c1 ul{ width: 100%;overflow: hidden}
.rj_c1 ul li{width:50%; float: left;font-size: 0.18rem; line-height: 2.2; color: #666;}
.rj_c1 ul li font,.rj_c1 ul li span{color: #5651b3;}
.rj_c2{padding: 3% 0;}
.rj_c2 p{font-size: 0.18rem; color: #666; line-height: 1.7; margin-bottom: 3%;}
.rj_c2 p span{color: #ed2b2b;}
.rj_c2 video{vertical-align: top}

.video_cs{position: relative;}
.case_1{position: absolute; top: 0; right:2%; width:32%; height: auto;}
.case_1 img{position: absolute; width:100%; z-index: 1}
.case_1 video{position: absolute; top: 0; right:0; width: 1px; height: 1px}
@keyframes mymove
{
    0% {width:19.2%; left: 57%; opacity: 1}
    60% {width:25%; left: 56%; top:30%; opacity: 0.7}
    100% {width:25%; left: 56%; top:30%; opacity: 0}
}
@-webkit-keyframes mymove
{
    0% {width:19.2%; left: 57%; opacity: 1}
    60% {width:25%; left: 56%; top:30%; opacity: 0.7}
    100% {width:25%; left: 56%; top:30%; opacity: 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;}
}