﻿.wp{max-width: 640px;min-width: 320px;margin: 0 auto; color: #000;line-height: 1.5;overflow: hidden;}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.subject_activity{margin-bottom:0;}
.wp h2{text-align: center;line-height: 1.3;font-weight: normal;font-size: 0.34rem;color: #333;}
.wp h2 strong{color:#a86de0;}
.wp h2 img{width:0.38rem; vertical-align: middle; padding:0 1% 0.8% 1%;}
.btn{display: block;width: 3.5rem;height: 0.66rem;line-height: 0.66rem;margin:4% auto 0;text-align: center;color: #fff;font-size: 0.2rem;background: #ea5835;border-radius: 0.4rem}
.btn:hover{color: #fff}
.btn img{width:0.3rem; vertical-align: middle; padding:0 0 1% 2%;}
.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;}
.w20{width: 94%;margin: 0 auto;}
.banner i{position:absolute; left: 52%; top: 25.5%; width:1.11rem; -webkit-animation: mymove 2s infinite;  animation: mymove 2s infinite;}
.banner a.btn{margin:0; width:34%; position:absolute; left: 4%; bottom: 14%; height: 9%; line-height:2.8;}
.banner a.btn img{width:14%;}
@keyframes mymove
{
    0% {left: 30%; opacity: 0  }
    80% {left:52%; opacity: 1}
    100% {left:52%; opacity: 1}
}
@-webkit-keyframes mymove
{
    0% {left: 30%; opacity: 0  }
    80% {left:52%; opacity: 1}
    100% {left:52%; opacity: 1}
}
.section1{position:relative;}
.section1 .w20{position:absolute; top: 0; left: 2.5%; padding-top:6%;}
.section1 .w20 ul{height: 2rem; padding-top:46%;}
.section1 .w20 ul li{width:2.1rem; height:0.48rem; line-height:0.44rem; text-align:center; font-size: 0.20rem; color:#fff; margin-bottom:0.24rem; background:url("../image/box1_li.png") no-repeat; background-size:100%;}
.section1 .w20 ul li.fr{margin-top:0.27rem; margin-bottom:0.14rem;}
.section1 .w20 .box2_a{position:absolute; left: 50%; margin-left:-0.76rem; bottom:-0.45rem;}
.section1 .w20 .box2_a img{width:1.53rem;}
.section2{background:#a86de0; padding:7% 0;}
.section2 p{text-align:center; font-size: 0.48rem; color:#ffffff;}
.section2 p img{width:1.01rem; vertical-align: bottom}
.section2 h2{color:#fff; font-size: 0.32rem; margin-bottom:5%;}
.section2 .w20{background:#fff; padding-bottom:5%;}
.section2 .hd{padding:0 0.4rem; height:0.46rem; line-height:0.46rem; background:#a86de0;}
.section2 .hd li{width:1.7rem; height:0.46rem; float:left; margin-right:0.03rem; background:#ff67b5; font-size: 0.24rem; color:#ffffff; border-radius:6px 6px 0 0; text-align: center;}
.section2 .hd li:nth-child(3){margin-right:0;}
.section2 .hd li.on{background:#fff; color:#333333;}
.section2 .btn{width: 3.5rem;}
.section3{background:#f4dcff; height:16.3rem; padding-top:6%;}
.box_t{text-align:center; font-size: 0.34rem; color:#fff;}
.section3 h2{margin-bottom:3%;}
.section3 p{font-size: 0.18rem; color:#000000; line-height:1.6; padding:2% 4%;}
.section3 ul{padding:2%;}
.section3 ul li{width:1.83rem; margin-right:2%; background:#a86de0; height:1.27rem; line-height:1.7; text-align:center; color:#fff; padding-top:0.56rem; border-radius:50%; float: left; font-size: 0.24rem;}
.section3 ul li:nth-child(3){margin-right:0;}
.section3 dl{background:#fff; padding:4% 3%; margin-bottom:3%;}
.section3 dl dt span{display:block; width:2.7rem; text-align:center; line-height:1.5; font-size: 0.2rem; color:#666; float: left; height:2.3rem;}
.section3 dl dt span img{margin-bottom:3%;}
.section3 dl dt span:nth-child(2n){float: right;}
.section3 .btnc{width:90%;}
.section3 .box4{position:relative}
.section3 .box4 dt span{font-size: 0.24rem; color: #000000; margin-bottom:5%; height:2.6rem;}
.section3 .box4 dt em{font-style: normal; font-size: 0.18rem; color:#666; padding:0 1%; display:block;}
.btnc{width:90%; overflow: hidden; margin:0 auto;}
.btnc .btn{width:47%;}
.btnc .btn.fl{background:#ecba21;}
.section4{background:#a86de0; padding:29% 0 6% 0;}
.section4 h2{color:#fff; font-size: 0.3rem;}
.section4 .w20{background:#fff; margin-top:4%; padding:3% 0.5%; overflow: hidden;}
.section4 .w20 dl{width:2.97rem; height:2.7rem; float: left; text-align:center;}
.section4 .w20 dl:nth-child(2n){float: right;}
.section4 .w20 dl dd{font-size: 0.18rem; color:#666666;}
.section4 .w20 dl dd span{display: block; font-size: 0.24rem; color:#333333;}
.section4 .btn{width:3.5rem;}
.section5{background:#f4dcff; padding: 6% 0 8% 0;}
.section5 p img{margin-top:4%;}
.section6{background:#a86de0; padding:5% 0 8% 0;}
.section6 h2{margin-bottom:4%; color: #fff;}
.rj_c{padding:4% 3%; background: #fff; border-radius:6px; margin-bottom:3%;}
.rj_c1{padding: 3% 0; overflow: hidden;}
.rj_c1 dl{ overflow: hidden;}
.rj_c1 dl dt{width: 1rem; float: left;}
.rj_c1 dl dd{width: 4.5rem;float: right;}
.rj_c1 dl dd p{font-size: 0.24rem; color:#000000; padding-bottom:2%; border-bottom: 1px solid #dedede;}
.rj_c1 dl dd span{font-size: 0.18rem; color:#666666; display: block; float: left; margin-right:18%;}
.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: #ff3939;}
.video_cs{position: relative;}
.rj_c .btnc{width: 96%;}
.section7{background:url("../image/doc_bg.jpg") no-repeat; padding:5% 0 6% 0; background-size: 100%;}
.section7 h2{margin-bottom:5%;}
.section7 .hd{width: 100%; height: 0.2rem; text-align: center; padding-top:3%;}
.section7 .hd li{display: inline-block; width: 0.14rem; height:0.14rem; border:1px solid #a86de0; border-radius: 50%; margin: 0 1%;}
.section7 .hd li.on{background: #a86de0;}
.section8{padding:5% 0 6% 0; background:#a86de0;}
.section8 h2{color:#fff; margin-bottom:4%;}
.section8 ul li{width:32.5%; padding-bottom:3%; text-align:center; float: left; margin-right:1.2%;}
.section8 ul li:nth-child(3n){margin-right:0;}
.section8 ul li p{font-size: 0.18rem; color:#ffffff; line-height:1.4; padding:2% 0;}
.section9{padding:4% 0 5% 0;}
.section9 h2{margin-bottom:4%;}
.section9 .w20{width:96%;}
.section9 li{height:0.48rem; line-height:0.48rem; float:left; margin-right:0.06rem; margin-bottom:0.06rem; border-radius:0.08rem; text-align:center;}
.section9 li:nth-child(3n){margin-right:0;}
.section9 li a{color:#fff; font-size: 0.18rem;}
.section9 li:nth-child(1){width:1.72rem; background:#ff99b1;}
.section9 li:nth-child(2){width:1.66rem; background:#a18df8;}
.section9 li:nth-child(3){width:2.62rem; background:#c187db;}
.section9 li:nth-child(4){width:2.04rem; background:#c187db;}
.section9 li:nth-child(5){width:1.66rem; background:#d172f0;}
.section9 li:nth-child(6){width:2.3rem; background:#ff99b1;}

@-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;}
}