body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{font-weight:normal;font-family:'Microsoft YaHei', sans-serif;color:#9e9e9e;}
b{font-weight:normal}
a{text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer}
img{display:block}
input{-webkit-appearance:none}

.wrap{
    margin:0 auto;
    width:100%;
    max-width:7.5rem;
    min-width:3.2rem;
    overflow:hidden;
    position:relative;
}
.header{
    top:0;
    left:0;
    width:7.5rem;
    z-index:9999;
    position:absolute;
}
.header .top{
    width:100%;
    height:0.93rem;
}
.header .top .logo{
    margin-top:0.23rem;
    margin-left:0.45rem;
    float:left;
    width:1.41rem;
    height:0.43rem;
}
.header .top .phone{
    margin-top:0.26rem;
    padding-left:0.6rem;
    margin-right:0.45rem;
    float:right;
    font-size:0.32rem;
    text-align:center;
    color:#d7e0ff;
    background:url("../img/phone.png") no-repeat left center;
    background-size:0.34rem 0.34rem;
}
.header .nav{
    margin-top:0.31rem;
    margin-left:0.6rem;
}
.header .nav li{
    margin-right:0.31rem;
    float:left;
    height:0.53rem;
    text-align:center;
    border:0.01rem solid #a54aee;
}
.header .nav li.l1{
    width:1.71rem;
}
.header .nav li.l2{
    width:2.12rem;
}
.header .nav li.l3{
    width:1.82rem;
}
.header .nav li a{
    color:#d4d9ff;
    cursor:pointer;
    font-size:0.3rem;
    line-height:0.53rem;
}
.content{
    margin:0 auto;
    width:100%;
}
.banner{
    width:7.5rem;
    height:12.9rem;
    position:relative;
}
.banner img{
    width:7.5rem;
    height:12rem;
}
.banner .box{
    bottom:0;
    left:50%;
    margin-left:-3.37rem;
    width:6.74rem;
    height:1.3rem;
    z-index:9999;
    position:absolute;
    background:url("../img/banner-box.png") no-repeat center;
    background-size:6.74rem 1.3rem;
    border-radius:0.08rem;
    box-shadow:0 0 0.15rem 0.05rem rgba(69,36,153,0.13);
}
.banner .box ul{
    margin-top:0.2rem;
    margin-left:0.33rem;
}
.banner .box ul li{
    padding-top:0.55rem;
    float:left;
    width:2rem;
}
.banner .box ul li.l1{
    background:url("../img/banner-tag1.png") no-repeat center top;
    background-size:0.31rem 0.41rem;
}
.banner .box ul li.l2{
    background:url("../img/banner-tag2.png") no-repeat center top;
    background-size:0.4rem 0.4rem;
}
.banner .box ul li.l3{
    background:url("../img/banner-tag3.png") no-repeat center top;
    background-size:0.45rem 0.48rem;
}
.banner .box ul li p{
    font-size:0.28rem;
    line-height:0.28rem;
    text-align:center;
    color:#452499;
}
.part{
    padding-bottom:0.6rem;
}
.part .title{
    padding:0.5rem 0;
}
.part .title h2{
    font-size:0.52rem;
    color:#22212b;
    line-height:0.52rem;
    text-align:center;
}
.part .title p{
    margin-top:0.26rem;
    font-size:0.32rem;
    color:#b0b0b0;
    line-height:0.34rem;
    text-align:center;
}
.part .title img{
    margin-top:0.26rem;
    width:100%;
    height:auto;
}
.part .link{
    margin:0 auto;
    width:3.99rem;
    height:0.91rem;
    color:#ffffff;
    font-size:0.42rem;
    text-align:center;
    line-height:0.8rem;
    display:block;
    background:url("../img/link.png") no-repeat center;
    background-size:3.99rem 0.91rem;
}
.p1 .img{
    width:100%;
    height:auto;
}
.p2{
    background:#f8f7fe;
}
.p2 .box{
    margin:0 auto;
    width:6.59rem;
    height:6.24rem;
    overflow:hidden;
    background:url("../img/p2-box.png") no-repeat center;
    background-size:6.59rem 6.24rem;
}
.p2-img{
    margin-top:0.75rem;
    margin-left:0.01rem;
    width:6.57rem;
    height:5.42rem;
    overflow:hidden;
    position:relative;
}
.p2-img img{
    left:0;
    top:-5.42rem;
    width:6.57rem;
    height:5.42rem;
    position:absolute;
    transition:0.4s;
}
.p2-img img.act{
    top:0;
    transition:0.4s;
}
.p2-ul{
    margin-top:0.32rem;
    margin-left:3.3rem;
}
.p2-ul li{
    margin-right:0.12rem;
    float:left;
    width:0.20rem;
    height:0.20rem;
    background:#452499;
    border-radius:100%;
    transition:0.4s;
}
.p2-ul li.act{
    background:#f5589e;
    transition:0.4s;
}
.p2 .link{
    margin:0.5rem auto 0;
}
.p3 ul{
    margin-bottom:0.55rem;
    margin-left:0.42rem;
}
.p3 ul li{
    margin-right:0.15rem;
    float:left;
    width:2.11rem;
    height:3.06rem;
    box-shadow:0 0 0.15rem 0.05rem #f9f8fd;
}
.p3 ul li.l1{
    background:url("../img/p3-l1.jpg") no-repeat center;
    background-size:2.11rem 3.06rem;
}
.p3 ul li.l2{
    background:url("../img/p3-l2.jpg") no-repeat center;
    background-size:2.11rem 3.06rem;
}
.p3 ul li.l3{
    background:url("../img/p3-l3.jpg") no-repeat center;
    background-size:2.11rem 3.06rem;
}
.p3 ul li h2{
    font-size:0.3rem;
    line-height:0.54rem;
    text-align:center;
    color:#ffffff;
}
.p3 ul li h3{
    margin-top:1.4rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:center;
    color:#3d2ca9;
}
.p3 ul li p{
    margin-left:0.2rem;
    margin-top:0.12rem;
    font-size:0.24rem;
    line-height:0.3rem;
    color:#b0b0b0;
}
.p4{
    background:#f8f7fe;
}
.p4 ul{
    margin-bottom:0.26rem;
    height:5.1rem;
    overflow:hidden;
    transition:0.4s;
}
.p4 ul.act{
    height:15.3rem;
    transition:0.4s;
}
.p4 ul li{
    margin:0 auto;
    width:7.15rem;
    height:1.7rem;
    position:relative;
    background:url("../img/p4-li.png") no-repeat center;
    background-size:7.15rem 1.7rem;
}
.p4 ul li span{
    top:0.48rem;
    left:0.4rem;
    font-size:0.52rem;
    font-weight:bold;
    line-height:0.52rem;
    color:#e3deff;
    position:absolute;
    display:block;
}
.p4 ul li p{
    top:0.31rem;
    left:1.85rem;
    font-weight:bold;
    font-size:0.32rem;
    line-height:1rem;
    color:#595670;
    position:absolute;
}
.p4-link{
    margin:0 auto;
    width:3.99rem;
    height:0.91rem;
    color:#ffffff;
    font-size:0.42rem;
    text-indent:0.5rem;
    line-height:0.8rem;
    display:block;
    cursor:pointer;
    position:relative;
    background:url("../img/link.png") no-repeat center;
    background-size:3.99rem 0.91rem;
}
.p4-link span{
    top:0.2rem;
    right:0.46rem;
    width:0.38rem;
    height:0.38rem;
    display:block;
    position:absolute;
    background:url("../img/p4-tag.png") no-repeat center;
    background-size:0.38rem 0.38rem;
    transition:0.4s;
}
.p4-link.act span{
    transform:rotate(180deg);
    transition:0.4s;
}
.p5 .tit{
    color:#452499;
    font-size:0.38rem;
    font-weight:bold;
    line-height:0.38rem;
    text-align:center;
    background:url("../img/p5-tit.png") no-repeat center;
    background-size:4.05rem 0.08rem;
}
.p5-img{
    margin:0 auto 0.3rem;
    width:6.6rem;
    overflow:hidden;
}
#p5{
    margin:0 auto;
    width:5.55rem;
    overflow:visible;
}
#p5 .info{
    margin:0 auto;
    width:5.14rem;
    height:4.97rem;
    overflow:hidden;
}
#p5 .info.i1{
    background:url("../img/p5-img1-1.jpg");
    background-size:5.14rem 4.97rem;
}
#p5 .info.i2{
    background:url("../img/p5-img2-1.jpg");
    background-size:5.14rem 4.97rem;
}
#p5 .info.i3{
    background:url("../img/p5-img3-1.jpg");
    background-size:5.14rem 4.97rem;
}
#p5 .info h2{
    margin-top:0.15rem;
    margin-left:1.97rem;
    font-size:0.24rem;
    line-height:0.24rem;
    color:#ffffff;
}
#p5 .info h2 span{
    margin-left:0.2rem;
}
#p5 .info h3{
    margin-top:0.08rem;
    margin-left:1.97rem;
    font-size:0.2rem;
    line-height:0.2rem;
    color:#f5589e;
}
#p5 .info h3 span{
    margin-left:0.34rem;
    color:#ffffff;
}
#p5 .info .ul1{
    margin-left:0.29rem;
    margin-top:0.24rem;
    width:5.14rem;
}
#p5 .info .ul1 li{
    float:left;
    margin-right:0.33rem;
    padding:0 0.06rem;
    font-size:0.2rem;
    color:#7453c7;
    text-align:center;
    line-height:0.29rem;
    border:0.01rem solid #cab8f8;
}
#p5 .info.i3 .ul1{
    margin-left:0.1rem;
}
#p5 .info.i3 .ul1 li{
    margin-right:0.1rem;
}
#p5 .info .ul2{
    margin:0.54rem auto 0;
    width:4.8rem;
}
#p5 .info .ul2 li{
    padding-left:0.24rem;
    font-size:0.22rem;
    line-height:0.3rem;
    color:#6a637c;
    position:relative;
}
#p5 .info .ul2 li span{
    top:0;
    left:0;
    font-size:0.22rem;
    line-height:0.3rem;
    color:#6a637c;
    position:absolute;
}
.p6{
    background:#f7f6fe;
}
.p6 .ul1{
    margin-left:0.55rem;
}
.p6 .ul1 li{
    margin-right:0.2rem;
    margin-bottom:0.25rem;
    float:left;
    width:2rem;
    height:1.25rem;
    background:#ffffff;
    border-radius:0.04rem;
}
.p6 .ul1 li h2{
    margin-top:0.32rem;
    font-size:0.34rem;
    font-weight:bold;
    line-height:0.34rem;
    color:#6323b4;
    text-align:center;
}
.p6 .ul1 li h2 span{
    font-size:0.24rem;
}
.p6 .ul1 li p{
    margin-top:0.12rem;
    font-size:0.24rem;
    line-height:0.24rem;
    color:#595670;
    text-align:center;
}
.p6 .ul1 li img{
    margin:0.2rem auto 0;
    width:0.6rem;
    height:0.75rem;
}
.p6 .ul2{
    margin-top:0.25rem;
    margin-left:0.38rem;
    margin-bottom:0.22rem;
}
.p6 .ul2 li{
    margin-bottom:0.28rem;
    float:left;
    width:3.36rem;
    height:3.36rem;
}
.p6 .ul2 li.l1{
    background:url("../img/p6-l1.jpg") no-repeat center;
    background-size:3.36rem 3.36rem;
}
.p6 .ul2 li.l2{
    background:url("../img/p6-l2.jpg") no-repeat center;
    background-size:3.36rem 3.36rem;
}
.p6 .ul2 li.l3{
    width:6.72rem;
    height:2.5rem;
    background:url("../img/p6-l3.jpg") no-repeat center;
    background-size:6.72rem 2.5rem;
}
.p6 .ul2 li h2{
    padding-left:0.9rem;
    color:#ffffff;
    font-size:0.28rem;
    line-height:0.87rem;
}
.p6 .ul2 li h2.t1{
    background:url("../img/p6-tag1.png") no-repeat 0.32rem center;
    background-size:0.38rem 0.44rem;
}
.p6 .ul2 li h2.t2{
    background:url("../img/p6-tag2.png") no-repeat 0.31rem center;
    background-size:0.42rem 0.42rem;
}
.p6 .ul2 li h2.t3{
    padding-top:0.12rem;
    font-size:0.28rem;
    line-height:0.32rem;
    background:url("../img/p6-tag3.png") no-repeat 0.31rem 0.28rem;
    background-size:0.4rem 0.36rem;
}
.p6 .ul2 li h2.t4{
    padding-top:0.12rem;
    font-size:0.28rem;
    line-height:0.32rem;
    background:url("../img/p6-tag4.png") no-repeat 0.31rem 0.25rem;
    background-size:0.43rem 0.4rem;
}
.p6 .ul2 li h2.t5{
    font-size:0.28rem;
    line-height:0.87rem;
    background:url("../img/p6-tag5.png") no-repeat 0.32rem center;
    background-size:0.46rem 0.46rem;
}
.p6 .ul2 li p{
    margin-left:0.24rem;
    margin-top:0.26rem;
    color:#595670;
    font-size:0.22rem;
    line-height:0.36rem;
}
.p6 .ul2 li.l3 p{
    float:left;
    margin-left:0.9rem;
}
.p6 .ul2 li p b{
    color:#3d1d8e;
}
.p6 .ul2 li p span{
    color:#e44e8b;
}
.p6 .ul2 li p span b{
    color:#e44e8b;
}
.p7-img{
    margin:0 auto;
    width:7.5rem;
    overflow:hidden;
}
#p7{
    padding-bottom:0.5rem;
    width:5.6rem;
    overflow:visible;
}
.p7-txt{
    margin:0 auto;
    width:5.45rem;
    height:2.5rem;
    overflow:hidden;
    background:url("../img/p7-txt.jpg") no-repeat center;
    background-size:5.45rem 2.5rem;
}
.p7-txt h2{
    margin-top:0.22rem;
    margin-left:0.47rem;
    font-size:0.3rem;
    line-height:0.3rem;
    color:#452499;
}
.p7-txt p{
    margin-top:0.1rem;
    margin-left:0.47rem;
    font-size:0.2rem;
    line-height:0.3rem;
    color:#595670;
    word-break:break-all;
}
.p7 #p7 img{
    margin:0.4rem auto 0;
    width:4.25rem;
    height:3.03rem;
    box-shadow:0 0 0.15rem 0.05rem #dcd9ec;
}
.p8{
    background:#f7f6fe;
}
.p8 .box{
    width:7.5rem;
    height:4.49rem;
    position:relative;
    background:url("../img/p8-box2.jpg") no-repeat center;
    background-size:7.5rem 4.49rem;
}
.p8-img{
    top:0.1rem;
    left:0.7rem;
    width:2.33rem;
    height:3.86rem;
    overflow:hidden;
    position:absolute;
}
.p8-img img{
    top:3.86rem;
    left:0;
    width:2.33rem;
    height:3.86rem;
    position:absolute;
    transition:0.4s;
}
.p8-img img.act{
    top:0;
    transition:0.4s;
}
.p8-txt{
    top:0.35rem;
    left:3.56rem;
    width:3.5rem;
    height:2.8rem;
    overflow:hidden;
    position:absolute;
}
.p8-txt > div{
    top:0;
    left:3.5rem;
    width:3.5rem;
    height:2.8rem;
    position:absolute;
    transition:0.4s;
}
.p8-txt > div.act{
    left:0;
    transition:0.4s;
}
.p8-txt > div h2{
    font-size:0.3rem;
    line-height:0.3rem;
    color:#452499;
}
.p8-txt > div h2 b{
    color:#f5589e;
}
.p8-txt > div h2 span{
    font-size:0.24rem;
}
.p8-txt > div p{
    margin-top:0.55rem;
    width:3.4rem;
    font-size:0.22rem;
    line-height:0.34rem;
    color:#ffffff;
}
.p8-ul{
    top:3.4rem;
    right:0.85rem;
    position:absolute;
}
.p8-ul li{
    margin-right:0.26rem;
    float:left;
    width:0.5rem;
    cursor:pointer;
    height:0.55rem;
}
.p8-ul li.l1{
    background:url("../img/p8-l1-2.jpg") no-repeat center;
    background-size:0.5rem 0.55rem;
}
.p8-ul li.l2{
    background:url("../img/p8-l2-2.jpg") no-repeat center;
    background-size:0.5rem 0.55rem;
}
.p8-ul li.l3{
    background:url("../img/p8-l3-2.jpg") no-repeat center;
    background-size:0.5rem 0.55rem;
}
.p8-ul li.l1.act{
    background:url("../img/p8-l1.jpg") no-repeat center;
    background-size:0.5rem 0.55rem;
}
.p8-ul li.l2.act{
    background:url("../img/p8-l2.jpg") no-repeat center;
    background-size:0.5rem 0.55rem;
}
.p8-ul li.l3.act{
    background:url("../img/p8-l3.jpg") no-repeat center;
    background-size:0.5rem 0.55rem;
}
.p9 ul{
    margin-left:0.33rem;
}
.p9 ul li{
    margin-right:0.21rem;
    margin-bottom:0.21rem;
    float:left;
    width:2.14rem;
    height:2.03rem;
}
.p9 ul li.l1{
    background:url("../img/p9-l1.jpg") no-repeat center;
    background-size:2.14rem 2.03rem;
}
.p9 ul li.l2{
    background:url("../img/p9-l2.jpg") no-repeat center;
    background-size:2.14rem 2.03rem;
}
.p9 ul li.l3{
    background:url("../img/p9-l3.jpg") no-repeat center;
    background-size:2.14rem 2.03rem;
}
.p9 ul li.l4{
    background:url("../img/p9-l4.jpg") no-repeat center;
    background-size:2.14rem 2.03rem;
}
.p9 ul li.l5{
    background:url("../img/p9-l5.jpg") no-repeat center;
    background-size:2.14rem 2.03rem;
}
.p9 ul li.l6{
    background:url("../img/p9-l6.jpg") no-repeat center;
    background-size:2.14rem 2.03rem;
}
.p9 ul li h2{
    margin-top:0.22rem;
    font-size:0.3rem;
    line-height:0.3rem;
    color:#ffffff;
    text-align:center;
}
.p9 ul li p{
    margin-top:1.05rem;
    font-size:0.24rem;
    line-height:0.24rem;
    color:#f4f2ff;
    text-align:center;
}
.p10{
    background:#f8f7fe;
}
.p10 ul{
    margin-left:0.44rem;
    width:7.5rem;
}
.p10 ul li{
    margin-right:0.28rem;
    margin-bottom:0.28rem;
    float:left;
    width:3.16rem;
    height:0.79rem;
    background:url("../img/p10-li.png") no-repeat center;
    background-size:3.16rem 0.79rem;
}
.p10 ul li p{
    width:2.37rem;
    color:#595670;
    text-align:center;
    font-size:0.24rem;
    line-height:0.79rem;
    display:inline-block;
}
.p10 ul li h2{
    width:0.79rem;
    color:#ffffff;
    font-size:0.2rem;
    text-align:center;
    line-height:0.79rem;
    display:inline-block;
}
.bottom{
    padding:0.15rem 0;
    background:#24134d;
}
.bottom p{
    font-size:0.22rem;
    line-height:0.32rem;
    text-align:center;
    color:#ffffff;
}