.wp{max-width:640px;min-width:320px;margin:0 auto;overflow: hidden;color:#333;}
img{width:100%;height:auto;}
.wp h2{font-size:0.48rem;font-weight:600;line-height:1.2;text-align:center;font-family:"Microsoft Yahei";padding: 4% 0;color:#333333; }
.wp h2 p{font-size: 0.32rem;font-weight: normal}
.wp h2 p span{color:#ffca00;}
.wp h2 sup{display: block; font-size: 0.24rem; color:#666; font-weight: normal;}
a.btn{display:block;width: 48%;height: 0.68rem;line-height: 0.68rem;margin:0.3rem auto 0;border-radius:1rem;color:#000;font-size:0.23rem;overflow:hidden;text-align:center;background: #ffd323}
a.btn img{width: 0.3rem; 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: 7%;}
.w20{margin:0 1.6%;}
.btn_c{width: 94%; height: 0.68rem; line-height: 0.68rem; margin: 4% auto 4% auto; }
.btn_c .fl{width: 49%; margin: 0;}
.btn_c .fr{width: 49%; background: #ff3b69; color: #fff; margin: 0;}
.banner{position:relative;}
.banner a{width: 35%; margin: 0; height: 0.56rem; line-height:1.2; padding:1.2% 0; font-size: 0.22rem; color:#2d4faf; position: absolute; top: 74%; left:6%;}
.banner a span{display: inline-block;}
.banner a img{padding:0 0 12% 5%; width:16%;}
.banner .showb{ animation:showb 1.5s .2s linear both infinite;-webkit-animation:showb 1.5s .2s linear both infinite;-moz-animation:showb 1.5s .2s linear both infinite;-o-animation:showb 1.5s .2s linear both infinite;-ms-animation:showb 1s .2s linear both infinite;}
@-webkit-keyframes showb{
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}
.section1{background: #2d4faf; padding-top:2%;}
.section1 h2{background:url("../image/box_t1.png") 50% 60% no-repeat; background-size:4.83rem; color:#fff;}
.section1 .hd{width:100%; height:0.3rem; line-height:0.3rem; text-align:center; margin-top: 2%;}
.section1 .hd li{width:0.2rem; height:0.2rem; border:1px solid #fff; display:inline-block; border-radius:50%;}
.section1 .hd li.on{background:#fff;}
.section1 .btn_c .fl{width:51%;}
.section1 .btn_c .fr{width:47%;}
.section2 {background:url("../image/box2_bg.jpg") no-repeat; background-size:100%; padding: 2% 0 0 0;}
.section2 h2{background:url("../image/box_t2.png") 50% 60% no-repeat; background-size:4.49rem;}
.section2 ul{height:6.8rem;}
.section2 ul li{width:49%; float: left; border-radius:0.12rem; box-shadow: 0 0 5px 2px rgba(0,0,0,0.2); overflow:hidden; margin-bottom:3%; position:relative;}
.section2 ul li:nth-child(2n){float: right;}
.section2 ul li p{position: absolute; left: 0; bottom:0; width:100%; height: 0.7rem; padding:2% 0; text-align:center; background:rgba(45,79,175,0.9); color:#fff; font-size: 0.18rem; line-height:1.4;}
.section2 ul li p span{display: block; font-size: 0.3rem;}
.box2_t{background:url("../image/bg.png") center bottom no-repeat; background-size:100%; height:0.74rem; padding-top:8%;}
.box4_t{background:url("../image/bg.png") center bottom no-repeat; background-size:100%; height:0.74rem; padding-top:8%;}
.box7_t{background:url("../image/bg1.png") center bottom no-repeat; background-size:100%; height:0.74rem; padding-top:8%;}
.section3{background: #2d4faf; background-size: 100%;padding-bottom:6%; }
.section3 h2{background:url("../image/box_t3.png") 50% 60% no-repeat; background-size:4.83rem; color:#fff; padding:0; margin-bottom:5%;}
.section3 .w20 p{font-size: 0.22rem; text-align:center; color:#a7bce2; line-height:1.5; margin-bottom: 4%}
.section3 .w20 p strong{color:#ffd323;}
.section3 .btn_c{ width:97%;}
.section3 .btn_c .btn{font-size: 0.22rem;}
.section4{background: #f1f1f1; }
.section4 h2{background:url("../image/box_t4.png") 50% 60% no-repeat; background-size:4.18rem;}
.section4 .w20{margin:0 0.5%;}
.section4 .w20 .p1{font-size: 0.18rem; color:#333; margin-bottom:3%; text-align:center;}
#scroll2 .hd{width:100%; height:0.3rem; text-align:center; line-height:0.3rem; }
#scroll2 .hd li{display: inline-block; width:0.2rem; height:0.2rem; border-radius:50%; border:1px solid #2d4faf; margin:0 1%;}
#scroll2 .hd li.on{background: #2d4faf;}
#scroll2 .bd .box4{overflow: hidden; padding:2%;}
#scroll2 .bd .box4 dl{width:45%; height:3.45rem; padding:2%; background: #fff; float: left; margin-bottom: 3%; box-shadow: 0 0 6px 3px rgba(0,0,0,0.2); text-align:center; border-radius:0.1rem;}
#scroll2 .bd .box4 dl:nth-child(2n){float: right;}
#scroll2 .bd .box4 dl dt{font-size: 0.28rem; color:#111; text-align:center; padding-bottom:2%;}
#scroll2 .bd .box4 dl dt img{vertical-align: middle; padding:0 0 3px 4px; width:0.42rem;}
#scroll2 .bd .box4 dl dd{font-size: 0.2rem; color:#666;}
.section5{background: #c8e5ff; padding: 0 0 5% 0;}
.section5 h2{background:url("../image/box_t6.png") 50% 44% no-repeat; background-size:4.71rem;}
#scroll3 .bd li img{border-radius:0.14rem;}
#scroll3 .hd{width:100%; height:0.3rem; line-height:0.3rem; text-align:center; margin-top: 2%;}
#scroll3 .hd li{width:0.2rem; height:0.2rem; border:1px solid #2d4faf; display:inline-block; border-radius:50%;}
#scroll3 .hd li.on{background:#2d4faf;}
.section5 .btn{font-size: 0.28rem; width:58%;}
.section6{ padding:0 0 6% 0;}
.section6 h2{padding: 0; background:url("../image/box_t8.png") 50% 60% no-repeat; background-size:4.21rem; margin-bottom:6%;}
.section6 ul li{width:49%; height: 0.64rem; line-height:0.64rem; float: left; margin-bottom:3%; background:#6a82c5; border-radius:0.4rem; text-align: center;}
.section6 ul li:nth-child(2n){float: right;}
.section6 ul li:nth-child(3n){background:#2d4faf;}
.section6 ul li:nth-child(2){background:#2d4faf;}
.section6 ul li a{color:#fff; font-size: 0.23rem}
.section7{background: url("../image/box6_bg.jpg") no-repeat; background-size:100%;padding: 4% 0 0 0;}
.section7 h2{background:url("../image/box_t7.png") 50% 60% no-repeat; background-size:4.1rem; color:#fff; padding:2% 0; margin-bottom:1%;}
.section7 ul{margin:0 2%;}
.section7 ul li{width:49%; float: left; margin-bottom:3%; background:#dde2ef; border-radius:0.06rem; overflow:hidden; text-align:center;}
.section7 ul li:nth-child(2n){float: right;}
.section7 ul li p{font-size: 0.22rem; color:#777676; line-height:1.3; padding:4% 0;}
.section7 .btn{width:42%; font-size: 0.26rem}
.section9 {background: #13224c;padding: 0 0 5% 0;}
.section9 h2{color:#fff;}
.section9 h2 i{background:#828a9f;}
.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;}
.section9 .btn{width:60%; font-size: 0.28rem}
.section8{padding: 0 0 5% 0; background: #2d4faf;}
.section8 h2{background:url("../image/box_t5.png") 50% 60% no-repeat; background-size:5.75rem; color:#fff; padding:0; margin-bottom:5%;}
.rj_c{padding:2%; background: #fff; border-radius:10px; margin-bottom:3%;}
.rj_c1{padding: 2% 0; overflow: hidden; border-bottom: 1px solid #dedede; }
.rj_c1 dl{ overflow: hidden;}
.rj_c1 dl dt{width: 1.5rem; float: left;}
.rj_c1 dl dd{width: 4.3rem;float: right; line-height:2;}
.rj_c1 dl dd span{font-size: 0.3rem; color:#35c2cb;}
.rj_c1 dl dd p{font-size: 0.2rem; color:#444; }
.rj_c1 dl dd p span{font-size: 0.2rem; padding:0 4% 0 1%; }
.rj_c2{padding: 3% 0 0 0;}
.rj_c2 p{font-size: 0.18rem; color: #666; line-height: 1.7; margin-bottom: 3%;}
.rj_c2 p span{color: #ff3939;}
.section8 .btn_c{width:100%;}
.section8 .btn_c .fl{background:#ff3b69; color:#fff;}
.section8 .btn_c .fr{background:#2d4faf;}

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