.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;font-size: 0.2rem;color:#333;}

img{width:100%;height:auto;}

.wp h2{font-size:0.36rem;font-weight:400;line-height:1.3;text-align:center;font-family:"Microsoft Yahei";padding: 1% 0;color:#000;}

.wp h2 span{font-size: 0.3rem;color: #000;font-weight: normal}

.wp h2 img{width: 3.74rem; vertical-align: super;}

a.btn{display:block;width: 70%;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: #eec522}

a.btn img{width: 0.44rem; vertical-align: middle; padding:0 0 2px 3px;}

a.btn .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 3%;}



.banner{background: url(../images/banner.jpg) no-repeat; background-size: 100%; height: 1rem; padding-top: 4.5rem; padding-bottom: 0.2rem; margin-bottom: 0;}

.banner a{ margin-left: 3%; width: 40%; margin-top: 30px;}

.banner a img{width: 0.36rem}

.section1{background: url(../images/bg1.jpg) no-repeat; background-size: 100%; height: 1.1rem; padding-top: 5.37rem;}

.section1 a{ margin-top: 0;}

.section2 {background: url(../images/bg.jpg) ;background-size: 100%; padding: 3% 0 5% 0;}

.section2 .w20{background: url(../images/bg2.jpg) no-repeat; background-size: 100%; padding: 16% 3% 3% 3%; }

.section2 .bd ul{width: 100%; overflow: hidden;}

.section2 .bd ul li{width: 46%;}

.section2 .hd{width: 100%; height: 0.2rem; text-align: center; padding-top: 8%;}

.section2 .hd li{display: inline-block; width: 0.14rem; height:0.14rem; border:1px solid #313db1; border-radius: 50%; margin: 0 1%;}

.section2 .hd li.on{background: #313db1;}

.section3{background: url(../images/bg3.jpg) no-repeat; background-size: 100%; padding-top: 3.72rem; height: 5.32rem; padding-bottom: 0.1rem;}

.section3 .s3-c{height: 2.2rem; padding-left: 0.48rem; margin-bottom: 2.06rem;}

.section3 .s3-c img{width:3.84rem;}

.section3 a{ margin-top: 0;}

.section4{background: #E8E2FE; padding: 3% 0 5% 0;}

.section4 h2 span{ font-size: 0.25rem;}

.section4 .w20{background: #fff; -moz-box-shadow:0px 2px 5px #CABDED; -webkit-box-shadow:0px 2px 5px #CABDED; box-shadow:0px 2px 5px #CABDED;border-radius: 0.1rem;padding: 2% 0 0.5rem 0}

#scroll2 .hd{display: flex;margin: 0 2% 5% 2%}

#scroll2 .hd li{height: 0.75rem;padding-top: 0.25rem;font-size: 0.25rem; font-weight: bold; color: #fff; text-align: center;  margin-right: 1%; background: #616161; flex: 1;position: relative;line-height: 1.3;border-radius: 0.1rem}

#scroll2 .hd li span{display: block; font-size: 0.18rem;font-weight: normal}

#scroll2 .hd li img{display: block;width: 0.4rem;position: absolute;left: 0.15rem;top: -3px;}

#scroll2 .hd li:nth-child(4){margin-right: 0;line-height: 0.5rem}

#scroll2 .hd li:nth-child(3){line-height: 0.5rem}

#scroll2 .hd li.on{background: #323EAF;}

#scroll2 .bd li{overflow: hidden;position: relative}

#scroll2 .bd li .case_1{width: 48%;z-index: 2;height: 4rem; position: absolute;  right:0.3rem;  top:1.7rem}

#scroll2 .bd li img{display: block}

#scroll2 .bd li a img{display: inline-block}

.section5{background: url(../images/bg.jpg) ; padding: 3% 0 5% 0;}

.section5 ul{overflow: hidden;}

.section5 ul li{width: 47%; margin: 0 3% 4% 0; float: left}

.section5 ul li:nth-child(2n){margin-right: 0;}

.section6{background: url(../images/bg.jpg) ; padding: 3% 0 5% 0;}

.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; background: #eec522; margin: 0;}

.btnc .fl img{width: 0.34rem;}

.btnc .fr{width: 48%; height: 0.6rem; line-height: 0.6rem; background: #2d4faf; 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: #1E367F;padding: 5% 0 0.5rem}

.section7 .w20{background: #fff}

.section7 h2{color: #fff}

.section7 .over{padding: 3% 0}

.section7 .over p{width: 50%;font-size: 0.22rem;color: #505050;text-align: center}

.section7 .over p strong{display: block;font-size: 0.25rem;color: #392a8a}

.section7 .over p b{display: block}

.section7 a{width: 65%}

.section9 {background: url(../images/bg.jpg) ;background-size: 100%; padding: 3% 0 5% 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 #313db1; border-radius: 50%; margin: 0 1%;}

.section9 .hd li.on{background: #313db1;}

.section10{padding: 4% 0;}

.section10 .swiper-container{width:100%; height: 5.4rem;}

.section10 .swiper-slide{width:10.72rem;}

.section8{padding: 4% 0 0;}

.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:40%; float: left;font-size: 0.18rem; line-height: 2.2; color: #666;}

.rj_c1 ul li:nth-child(1){width: 60%}

.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}







@-webkit-keyframes showh{

    0% {opacity:1;}

    49% {opacity:1;}

    50% {opacity:0;}

    100% {opacity: 0;}

}

@-moz-keyframes showh{

    from {opacity:0;}to {opacity: 1;}

}

@-ms-keyframes showh{

    from {opacity:0;}to {opacity: 1;}

}

@-o-keyframes showh{

    from {opacity:0;}to {opacity: 1;}

}