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

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

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

.wp h2 p{font-size: 0.3rem}

.wp h2 span{color:#4457cc;}

.wp h2 img{ vertical-align: middle;}

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: #fdcd4e;box-shadow: 0 0 10px 4px rgba(0,0,0,0.1)}

a.btn img{width: 0.39rem; 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;}

.btn_c{width:90%; margin:0 auto; height:0.68rem;}

.btn_c .btn{width:49%;}

.btn_c .btn.fr{background:#4559d0; color:#fff;}

.fl{float: left}

.fr{float: right}

.pb{padding-bottom: 0.5rem;}

.w20{margin:0 3%;}



.banner .bd li{position:relative;}

.banner a.btn{position:absolute; width:42%; left: 29%; margin:0; bottom:6%;}

.banner i {

    animation: 5s linear 2s normal none infinite running light_move;

    background-image: -webkit-linear-gradient(0deg, rgba(0, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));

    cursor: pointer;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    transform: skewX(-50deg);

    width: 60%;

}

@keyframes light_move {

    0% {

        left: -20%;

    }

    30% {

        left: 100%;

    }

    75% {

        left: 30%;

    }

    100% {

        left: 60%;

    }

}

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

.section1 .tit1 img{width:4.61rem;}

.section1 dl{padding: 2%; background:#fff; box-shadow: 0 0 3px 3px rgba(0,0,0,0.2)}

.section1 dl dt{width:45%; float: left; }

.section1 dl dt p{padding:2% 0 4% 0; font-size: 0.18rem; color:#000; }

.section1 dl dt p span{width:0.58rem; height:0.58rem; line-height:0.58rem; background:#b289cc; display: block; float: left; margin-right:2%; color:#fff; font-size: 0.21rem; border-radius:50%; text-align: center;}

.section1 dl dd{width:51.5%; position:relative; float: right;}

.box1_p{padding:2% 0; overflow:hidden;}

.box1_p img.fl{width:0.93rem;}

.box1_p .box1_pc{width:4.4rem; float: left; line-height:1.6; font-size: 0.21rem; margin-left: 3%;}

.box1_p .box1_pc p{color:#000000; background:url(../images/r.png) left center no-repeat; background-size:0.09rem; padding-left: 5%;}

.box1_p .box1_pc p span{color:#b289cc;}

.box1_p .box1_pc p font{font-size: 0.3rem;}

.tit2 img{width:5.02rem;}

.box1_c2{padding:0 7.1%;}

.section2 {padding:6% 0 2% 0;}

.tit3 img{width:3.62rem;}

.box2_c{padding:2% 3% 1% 3%; border-top: 0.05rem solid #4457cc; margin-top:6%;}

.box2_c h2{font-size: 0.36rem; font-weight:bold; color:#000; line-height:1.5;}

.box2_c h2 p{font-size: 0.28rem; font-weight: normal}

.box2_c h2 i{display:block; width:12%; height: 3px; background:#919191; margin: 2% auto;}

.box2_p{font-size: 0.18rem; color:#333333; padding:2% 4%;}

.section3{background: #4559d0; padding-bottom:5%;}

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

.section4 .w20{background: #fff; padding-bottom:4%;}

.tit4 img{width:3rem;}

#scroll1 .hd{width:97%; height:0.72rem; margin:0 auto; padding-bottom:8%;}

#scroll1 .hd li{width:32%; text-align:center; float: left; background:#7d7d7d; color:#fff; font-size: 0.24rem; height:0.6rem; line-height:1.3; padding:0.06rem 0; margin-right:2%;}

#scroll1 .hd li.on{background:#4457cc;}

#scroll1 .hd li:nth-child(3){margin-right:0; font-size: 0.21rem;}

#scroll1 .hd li:nth-child(1){padding:0; line-height:0.72rem; height:0.72rem;}

#scroll1 .bd li p{padding:2% 0 0 3%;}

#scroll1 .bd li p span{display:inline-block; height:0.4rem; line-height: 0.4rem; padding:0 3%; background:#dfc4ee; color:#000; font-size: 0.18rem; margin-right:2%; border-radius:0.2rem; margin-bottom:3%;}

.section5{padding:2% 0 4% 0;}

.tit5 img{width:3.82rem;}

#scroll2 .hd{height:0.46rem; line-height:0.46rem; margin-bottom:3%; display: flex;}

#scroll2 .hd li{height: 0.46rem;font-size: 0.21rem; color: #4559d0; text-align: center;  margin-right: 1%; flex: 1;border-radius: 0.06rem; border: 1px solid #4559d0;}

#scroll2 .hd li.on{background:#4559d0; color:#fff;}

.section_c6{padding:3% 0;}

.tit6 img{width:4.37rem;}

.section_c6 ul li{width:30%; float: left; height:3.6rem;}

.section_c6 ul li:nth-child(2){padding:0 2%; border-left: 1px dashed #cbcbcb; border-right: 1px dashed #cbcbcb; margin:0 2%;}

.section_c6 ul li p{font-size: 0.18rem; color:#666; line-height:1.5; padding:2% 0;}

.section_c7{padding:5% 0 3%;}

.section_c7 h2 img{width:4.78rem;}

.section_c7 h2 p{color:#4559cf; font-size: 0.36rem}

.box7_c{background:#4559d0; padding:5% 0;}

.box7_p1{font-size: 0.21rem; color:#fff; padding:4% 1%; line-height: 1.5; text-indent: 2em;}

.box7_i{background: #fff; position:relative;}

.box7_i span.box7_s{display:block; width:2.8rem; color:#fff; font-size: 0.18rem; position:absolute; left: 45%; top:39%;}

.box7_ul{padding:3% 0;}

#scroll5{position:relative;}

.box7_ul .bd li span{display:block; width:1.6rem; height:0.56rem; line-height:0.56rem; background:#45bbd0; font-size: 0.24rem; color:#fff; text-align: center; border-radius:0 0.3rem 0.3rem 0; margin-bottom:2%;}

.box7_ul .bd li p{font-size: 0.18rem; color:#333; padding:2% 4% 1% 4%;}

.box7_ul .hd{width:100%; height:0.32rem; text-align: center; margin-top:3%;}

.box7_ul .hd li{width:0.2rem; height:0.2rem; background:#909090; display:inline-block; border-radius:50%;}

.box7_ul .hd li.on{background:#45bbd0;}

.box7_ul .psa{width:0.29rem; position:absolute; bottom:-1%;}

.box7_ul .psa.prev{left: 30%;}

.box7_ul .psa.next{right: 30%;}

.box7_ul .p1{font-size: 0.2rem; color:#45bbd0; text-align: center; margin-top:3%;}

.section6{ padding: 1% 0 5% 0;}

.section6 h2 img{width:5.41rem;}

#scroll3 .hd{ height: 0.48rem; line-height: 0.48rem; margin-bottom:2%;}

#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: #4559d0;}

.section7{padding: 3% 0 2%}

.section7 .w20{margin:0 1.5%;}

.section7 h2 img{width:4.21rem;}

.section7 .over{padding: 3% 0}

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

.section7 .over p strong{color: #392a8a}

.section7 a{width: 65%}

.section9 { padding: 3% 0 5% 0;}

.section9 h2 img{width:3.75rem;}

.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 h2 img{width:3.75rem;}

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

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

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

}