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

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

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

.wp h2 p{font-size: 0.32rem;font-weight: normal}

.wp h2 i{display: block;width: 0.5rem; height:0.06rem; margin:2% auto; background:#6c6c6c;}

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

.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: #ff678b; color: #fff; margin: 0;}

.banner{position:relative;}

.banner a{width: 40%; margin: 0; height: 0.56rem; line-height:1.2; padding:1% 0; font-size: 0.22rem; position: absolute; top: 80%; left:5%;}

.banner a span{display: inline-block;}

.banner a img{padding:0 0 10% 3%;}

.banner i{position:absolute; width:14.8%; display:block; left:52%; top: 29%; 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;}

@keyframes showb

{

    0% {width:18%; left: 49%; top:27%; opacity: 0.8}

    60% {width:14.8%; left: 52%; top:29%; opacity: 1}

    70% {width:14.8%; left: 52%; top:29%; opacity: 1}

    100% {width:14.8%; left: 52%; top:29%; opacity: 0}

}

@-webkit-keyframes showb

{

    0% {width:18%; left: 49%; top:27%; opacity: 0.8}

    60% {width:14.8%; left: 52%; top:29%; opacity: 1}

    70% {width:14.8%; left: 52%; top:29%; opacity: 1}

    100% {width:14.8%; left: 52%; top:29%; opacity: 0}

}

.section1{background: url(../images/box1_bg.jpg) no-repeat #f0f0f0; background-size: 100%; padding-top:3%;}

.section1 ul{padding:3% 0 5% 0;}

.section1 ul li{width:25%; padding:2.8% 0; text-align:center; float: left; background:url("../images/box1_li.jpg") no-repeat; background-size:96%;}

.section1 ul li p{font-size: 0.18rem; color:#666; line-height:1.2; height:0.76rem; padding-top:0.05rem;}

.section1 ul li b{font-size: 0.23rem; color:#fff;}

.section1 ul li.none{margin-right:0; padding-top:4%;}

.section1 ul li.none p{height:0.68rem;}

.section2 {background:#2535c6; padding: 0 0 5% 0;}

.section2 h2{color: #fff;}

.section2 h2 i{background:#929ae3;}

.section2 .w20{background:#fff; padding:5% 2.5%; border: 2px solid #000; border-radius:0.2rem;}

.section2 .w20 img{margin-bottom:3%;}

.section2 .w20 p{font-size: 0.21rem; line-height:1.5; color:#333;padding:1% 0 4% 0;overflow: hidden;}

.section2 .w20 p font{margin-top:2%; display: block; float:left; width:4.6rem;}

.section2 .w20 p span{display:block; width:0.8rem; height:0.8rem; line-height:0.8rem; text-align:center; color:#fff; font-size: 0.28rem; background: #4386db; border-radius:50%; border: 2px solid #000; float: left; margin:0 2% 0 4%;}

.section2 .btn_c{width:96%;}

.section3{background: url(../images/box3_bg.jpg) no-repeat; background-size: 100%; padding:3% 4% 11% 4%; }

.section3 h2{color:#fff;}

.section3 h2 i{color:#8c93c8;}

.section3 ul{padding:1% 4%;}

.section3 ul li{ width:2.47rem; height:3.2rem; float: left; text-align:center; position:relative;}

.section3 ul li:nth-child(2n){float: right;}

.section3 ul li i{display: block; width:2.32rem; height:2.34rem; border:2px dashed #000; position:absolute; left: 4%; top: 4%; }

.section3 ul li img{width:2.38rem; position:absolute; left:0; top: 0; z-index: 1;}

.section3 ul li p{font-size: 0.24rem; text-align:center; position:absolute; bottom:8%; left: 0; color:#fff; height:0.4rem; width:100%;}

.section3 ul li p span{display: inline-block; background:url("../images/box3_s.png") left center no-repeat; background-size:100%; width:0.28rem; height:0.4rem; line-height:0.4rem; font-size: 0.18rem; color:#000; margin-right:4%; padding-right: 5%}

.section3 .btn_c{ width:100%;}

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

.section4 .w20{margin:0 1%;}

#scroll1 .hd{width:100%; height:0.3rem; text-align:center; line-height:0.3rem; }

#scroll1 .hd li{display: inline-block; width:0.2rem; height:0.2rem; border-radius:50%; border:1px solid #2d4faf; margin:0 1%;}

#scroll1 .hd li.on{background: #2d4faf;}

#scroll1 .bd .box4{overflow: hidden; padding:2%;}

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

#scroll1 .bd .box4 dl:nth-child(2n){float: right;}

#scroll1 .bd .box4 dl dt{font-size: 0.28rem; color:#111; text-align:center; padding-bottom:2%;}

#scroll1 .bd .box4 dl dt img{vertical-align: middle; padding:0 0 3px 4px; width:0.42rem;}

#scroll1 .bd .box4 dl dd{font-size: 0.2rem; color:#666;}

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

.section5 h2 img{width:2.24rem; padding-top:1%;}

.section5 ul{overflow: hidden; padding:1% 0 0 1%;}

.section5 ul li{width: 48%; margin: 0 3% 4% 0; float: left; box-shadow: 0 0 4px 2px rgba(0,0,0,0.2)}

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

.section6{background: #f1f1f1; padding:0 0 5% 0;}

.section6 h2{padding-top: 6%; padding-bottom: 4%;}

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

.section6 .btn{width:56%; font-size: 0.26rem}

.section7{background: #13224c;padding: 0 0 5% 0;}

.section7 h2{color:#fff;}

.section7 h2 i{background:#828a9f;}

.section7 ul{margin:0 2%;}

.section7 ul li{width:22%; float: left; height:3.34rem; border: 1px dashed #fff; margin-right:0.5%; text-align:center; background:#839ade; border-radius:0.1rem; overflow: hidden; padding:2% 1%; color:#fff;}

.section7 ul li:nth-child(2){background:#f482b2;}

.section7 ul li:nth-child(3){background:#eacf62;}

.section7 ul li:nth-child(4){background:#84ccc9; margin-right:0;}

.section7 ul li b{display:block; font-size: 0.28rem; padding:2% 0;}

.section7 ul li p{font-size: 0.18rem; line-height:1.5; padding-top:2%;}

.section7 .btn{width:68%;}

.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: #f1f1f1;}

.section8 ul li{width:49.5%; height:0.7rem; line-height:1.2; background:#813dec; float: left; margin-bottom:1%; text-align:center; overflow: hidden; border-radius:0.14rem;}

.section8 ul li:nth-child(2n){float: right;}

.section8 ul li:nth-child(3n){background:#2b36d0;}

.section8 ul li:nth-child(2){background:#2b36d0;}

.section8 ul li a{font-size: 0.2rem; color:#fff; display:block; overflow: hidden;}

.section8 ul li a span{display: block; width:74%; float: left; padding:3% 0;}

.section8 ul li a font{ width:26%; float: right; height:auto; background:#ffd323; display: block; padding:4% 0; font-size: 0.2rem; color:#997a00; line-height:1.2; border-radius:2rem 0 0 2rem;}



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

}