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;}
a{text-decoration:none;}
a:hover{text-decoration: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;
    height:1.08rem;
    z-index:9999;
    position:absolute;
    /*background:#5b2fc6;*/
    /*background:linear-gradient(90deg, #6535c9,#5128c2);*/
    border-bottom:2px solid #8b5dfa;
}
.header .logo{
    float:left;
    margin-top:0.41rem;
    margin-left:0.26rem;
    width:0.95rem;
    height:0.29rem;
    display:block;
}
.header .logo-text{
    float:left;
    margin-top:0.26rem;
    margin-left:0.14rem;
    padding-left:0.12rem;
    font-size:0.24rem;
    line-height:0.28rem;
    color:#ffffff;
    border-left:1px solid #ffffff;
}
.header .phone{
    float:right;
    padding-left:0.58rem;
    margin-top:0.38rem;
    margin-right:0.24rem;
    line-height:0.4rem;
    background:url("../img/phone.png") no-repeat left center;
    background-size:0.4rem 0.4rem;
}
.header .phone a{
    width:1.8rem;
    height:0.42rem;
    font-size:0.24rem;
    color:#ffffff;
    text-align:center;
    display:block;
    background:#6e39f2;
    border-radius:0.2rem;
}
.banner{
    margin:0 auto;
    width:7.5rem;
    height:13.85rem;
    position:relative;
    background:url("../img/banner-bg.jpg") no-repeat center;
    background-size:7.5rem 13.85rem;
}
.banner img{
	width: 100%;
	height:13.85rem;
}
.banner .txt{
    top:3.17rem;
    left:0.82rem;
    width:5.89rem;
    height:2.38rem;
    position:absolute;
}
.banner .qiu{
    top:3.16rem;
    left:4.46rem;
    width:0.23rem;
    height:0.23rem;
    position:absolute;
    animation:2s qiu ease-in-out infinite;
}
@keyframes qiu{
    0%{left:59.2%;transform:rotate(0deg)}
    25%{left:59.7%;transform:rotate(180deg)}
    50%{left:59.2%;transform:rotate(0deg)}
    75%{left:59.7%;transform:rotate(180deg)}
    100%{left:59.2%;transform:rotate(0deg)}
}
.banner .tag1{
    top:1.31rem;
    left:0;
    width:2.17rem;
    height:4.46rem;
    position:absolute;
    animation:2s tag1 linear infinite;
}
@keyframes tag1{
    0%{left:0;top:9.46%;opacity:1}
    25%{left:-0.26%;top:8.73%;opacity:0.8}
    50%{left:-0.56%;top:9.46%;opacity:0.6}
    75%{left:-0.26%;top:10.2%;opacity:0.8}
    100%{left:0;top:9.46%;opacity:1}
}
.banner .tag2-1{
    top:1.54rem;
    right:-0.38rem;
    width:1.32rem;
    height:1.32rem;
    position:absolute;
    animation:1.5s tag2-1 linear infinite;
}
@keyframes tag2-1{
    0%{top:43.3%;right:64%;opacity:0;transform:scale(0.5)}
    50%{opacity:1;transform:scale(1)}
    100%{top:11.1%;right:-5%;opacity:0}
}
.banner .tag2-2{
    top:6rem;
    left:1rem;
    width:1.32rem;
    height:1.32rem;
    position:absolute;
    animation:1.2s tag2-2 linear infinite;
}
@keyframes tag2-2{
    0%{top:43.3%;left:13.3%;opacity:0;transform:scale(0.5)}
    50%{opacity:1;transform:scale(1)}
    100%{top:7.2%;left:60%;opacity:0;transform:scale(0.7)}
}
.banner .tag2-3{
    top:5rem;
    left:1rem;
    width:1.32rem;
    height:1.32rem;
    position:absolute;
    animation:1.3s tag2-3 linear infinite;
}
@keyframes tag2-3{
    0%{top:43.3%;left:13.3%;opacity:0;transform:scale(0.5)}
    50%{opacity:1;transform:scale(1)}
    100%{top:21.6%;left:93.3%;opacity:0;transform:scale(0.7)}
}
.banner .tag2-4{
    top:6rem;
    left:2rem;
    width:1.32rem;
    height:1.32rem;
    position:absolute;
    animation:1.4s tag2-4 linear infinite;
}
@keyframes tag2-4{
    0%{top:43.3%;left:26.6%;opacity:0;transform:scale(0.5)}
    50%{opacity:1;transform:scale(1)}
    100%{top:14.4%;left:93.3%;opacity:0}
}
.banner .tag3{
    top:3.85rem;
    right:-0.26rem;
    width:1.43rem;
    height:2.73rem;
    position:absolute;
    animation:2s tag3 linear infinite;
}
@keyframes tag3{
    0%{top:46%;opacity:1}
    50%{top:43.3%;opacity:0.5}
    100%{top:46%;opacity:1}
}
.banner .txt1{
    top:1.76rem;
    left:0.98rem;
    width:5.6rem;
    height:0.87rem;
    position:absolute;
    animation:1s txt1 linear infinite;
}
@keyframes txt1{
    0%{opacity:1}
    50%{opacity:0.5}
    100%{opacity:1}
}
.banner .txt2{
    top:5.9rem;
    left:2.29rem;
    width:4.35rem;
    height:0.65rem;
    position:absolute;
}
.banner .txt3{
    top:5.9rem;
    left:3.02rem;
    width:1.17rem;
    height:0.65rem;
    position:absolute;
    animation:1s txt3 linear infinite;
}
@keyframes txt3{
    0%{opacity:1}
    50%{opacity:0.7}
    100%{opacity:1}
}
.banner .btn{
    top:7.02rem;
    left:3.54rem;
    width:3.31rem;
    height:1.31rem;
    display:block;
    position:absolute;
    background:url("../img/banner-btn.png") no-repeat center;
    background-size:3.31rem 1.31rem;
    animation:1s btn linear infinite;
}
@keyframes btn{
    0%{transform:scale(1)}
    50%{transform:scale(0.95)}
    100%{transform:scale(1)}
}
.banner .pe{
    top:6.15rem;
    left:0;
    width:6.19rem;
    height:5.54rem;
    display:block;
    position:absolute;
    animation:2s pe linear infinite;
}
@keyframes pe{
    0%{left:0;}
    50%{left:-5%;}
    100%{left:0;}
}
.banner .y1{
    top:10.31rem;
    left:0.08rem;
    width:1.61rem;
    height:1.61rem;
    display:block;
    position:absolute;
    animation:2s y1 linear infinite;
}
@keyframes y1{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.banner .y2{
    top:9.86rem;
    left:6.6rem;
    width:0.81rem;
    height:0.811rem;
    display:block;
    position:absolute;
    animation:1s y2 linear infinite;
}
@keyframes y2{
    0%{transform:rotate(360deg)}
    100%{transform:rotate(0deg)}
}
.banner .y3{
    top:12.88rem;
    left:0.69rem;
    width:0.42rem;
    height:0.42rem;
    display:block;
    position:absolute;
    animation:1s y2 linear infinite;
}
.banner .y4{
    top:13.12rem;
    left:6.48rem;
    width:0.57rem;
    height:0.57rem;
    display:block;
    position:absolute;
    animation:1s y1 linear infinite;
}
.main{
    margin:0 auto;
    width:90%;
}
.content{
    width:100%;
}
.title{
    margin:0.3rem auto;
    background:url("../img/title-bg.png") no-repeat center 0;
    background-size:6.43rem 2.13rem;
    overflow:hidden;
}
.title.t2{
    background:url("../img/title-bg2.png") no-repeat center 0;
    background-size:6.94rem 2.13rem;
}
.title.t3{
    background:url("../img/title-bg3.png") no-repeat center 0;
    background-size:5.43rem 2.13rem;
}
.title.t4{
    background:url("../img/title-bg4.png") no-repeat center 0;
    background-size:6.61rem 2.13rem;
}
.title.t5{
    background:url("../img/title-bg5.png") no-repeat center 0;
    background-size:5.92rem 2.13rem;
}
.title.t6{
    background:url("../img/title-bg6.png") no-repeat center 0;
    background-size:6.61rem 2.13rem;
}
.title.t7{
    background:url("../img/title-bg7.png") no-repeat center 0;
    background-size:7.2rem 2.13rem;
}
.title.t8{
    background:url("../img/title-bg8.png") no-repeat center 0;
    background-size:7.1rem 2.13rem;
}
.title h3{
    margin-top:0.24rem;
    font-size:0.2rem;
    font-weight:bold;
    line-height:0.2rem;
    color:#9280d5;
    text-align:center;
}
.title h2{
    margin-top:0.24rem;
    padding-bottom:0.35rem;
    font-size:0.54rem;
    font-weight:bold;
    color:#220944;
    line-height:0.54rem;
    text-align:center;
}
.title p{
    font-size:0.26rem;
    line-height:0.44rem;
    color:#818080;
    text-align:center;
}
.p1{
    margin-top:-0.3rem;
}
.p1 .box{
    position:relative;
    background:url("../img/p1-box1.jpg") no-repeat center top #e7dcff;
    background-size:7.5rem 2.36rem;
}
.p1 ul{
    height:8.5rem;
    overflow:hidden;
    transition:0.4s;
}
.p1 ul.act{
    height:21.2rem;
    transition:0.4s;
}
.p1 ul li h2{
    font-size:0.32rem;
    font-weight:bold;
    line-height:0.32rem;
    color:#6a62f7;
    text-align:center;
}
.p1 ul li img{
    margin:0.38rem auto;
    width:5.45rem;
    height:3.54rem;
    display:block;
    border-radius:0.1rem;
    box-shadow:0 0 0.5rem 0.1rem #a48fd8;
}
.p1 .bottom{
    bottom:-1px;
    left:0;
    width:7.5rem;
    height:4.03rem;
    cursor:pointer;
    position:absolute;
    background:url("../img/p1-box2.png") no-repeat center bottom;
    background-size:7.5rem 4.03rem;
}
.p1 .bottom.act{
    height:2.35rem;
}
.p1btn{
    margin-left:2.16rem;
    margin-top:2.45rem;
    width:3.27rem;
    height:0.89rem;
    display:block;
    background:url("../img/p1-btn.png") no-repeat center;
    background-size:3.27rem 0.89rem;
}
.p1btn2{
    margin-left:2.16rem;
    margin-top:0.5rem;
    width:3.27rem;
    height:0.89rem;
    display:block;
    background:url("../img/p1-btn2.png") no-repeat center;
    background-size:3.27rem 0.89rem;
}
.p2 .box{
    margin-top:1.4rem;
    width:7.5rem;
    height:6.06rem;
    position:relative;
    background:url("../img/p2-box.jpg") no-repeat center;
    background-size:7.5rem 6.06rem;
}
.p2 .z1{
    top:-1.4rem;
    left:4.2rem;
    width:0.78rem;
    height:3.51rem;
    display:block;
    position:absolute;
    animation:1s z1 linear infinite;
}
@keyframes z1{
    0%{top:-23.1%;}
    50%{top:-21.45%;}
    100%{top:-23.1%;}
}
.p2 .z2{
    top:-0.7rem;
    left:3.46rem;
    width:0.81rem;
    height:3.22rem;
    display:block;
    position:absolute;
    animation:1s z2 linear infinite;
}
@keyframes z2{
    0%{top:-9.9%;}
    50%{top:-11.5%;}
    100%{top:-9.9%;}
}
.p2 .z3{
    top:-0.36rem;
    left:2.74rem;
    width:0.78rem;
    height:3.3rem;
    display:block;
    position:absolute;
    animation:1s z3 linear infinite;
}
@keyframes z3{
    0%{top:-5.94%;}
    50%{top:-4.3%;}
    100%{top:-5.94%;}
}
.p2 .z4{
    top:0.25rem;
    left:2rem;
    width:0.8rem;
    height:3.1rem;
    display:block;
    position:absolute;
    animation:1s z4 linear infinite;
}
@keyframes z4{
    0%{top:5.77%;}
    50%{top:4.12%;}
    100%{top:5.77%;}
}
.p2 .z5{
    top:0.9rem;
    left:1.26rem;
    width:0.79rem;
    height:2.89rem;
    display:block;
    position:absolute;
    animation:1s z5 linear infinite;
}
@keyframes z5{
    0%{top:14.85%;}
    50%{top:16.5%;}
    100%{top:14.85%;}
}
.p2 .z5{
    top:0.9rem;
    left:1.26rem;
    width:0.79rem;
    height:2.89rem;
    display:block;
    position:absolute;
    animation:1s z5 linear infinite;
}
@keyframes z5{
    0%{top:14.85%;}
    50%{top:16.5%;}
    100%{top:14.85%;}
}
.p2 .line{
    top:-0.46rem;
    left:0.62rem;
    width:4.53rem;
    height:2.88rem;
    display:block;
    position:absolute;
    animation:2s line linear infinite;
}
@keyframes line{
    0%{top:-7.6%;}
    50%{top:-5.94%;}
    100%{top:-7.6%;}
}
.p2 .t1{
    top:1.97rem;
    left:1.93rem;
    width:4.42rem;
    height:2.81rem;
    display:block;
    position:absolute;
    animation:1s t1 linear infinite;
}
@keyframes t1{
    0%{opacity:1;}
    50%{opacity:0.8;}
    100%{opacity:1;}
}
.link{
    margin:0.6rem auto 0;
    width:2.88rem;
    height:0.69rem;
    color:#ffffff;
    font-weight:bold;
    line-height:0.65rem;
    text-align:center;
    display:block;
    background:linear-gradient(90deg, #f93072,#ffab6e);
    border-bottom:0.03rem solid #ffffff;
    border-radius:0.3rem;
    box-shadow:3px 3px 3px #dcdcdc;
}
.p3 ul{
    width:7.5rem;
    height:2.9rem;
    background:url("../img/p3-ul.png") no-repeat center;
    background-size:7.5rem 2.9rem;
    overflow:hidden;
}
.p3 ul li{
    margin-left:0.35rem;
    margin-top:0.27rem;
    float:left;
    width:2.02rem;
    height:2.29rem;
    box-shadow:0 0 3px 3px #eae8ef;
}
.p3 ul li.tag1{
    background:url("../img/p3-tag1.png") no-repeat center #ffffff;
    background-size:0.74rem 0.84rem;
}
.p3 ul li.tag2{
    background:url("../img/p3-tag2.png") no-repeat center #ffffff;
    background-size:0.95rem 0.8rem;
}
.p3 ul li.tag3{
    background:url("../img/p3-tag3.png") no-repeat center #ffffff;
    background-size:0.84rem 0.74rem;
}
.p3 ul li span{
    margin-top:0.23rem;
    margin-left:0.14rem;
    width:0.86rem;
    height:0.33rem;
    color:#ffffff;
    font-size:0.26rem;
    text-align:center;
    display:block;
    line-height:0.33rem;
    background:#5cd9a5;
    border-radius:0.14rem;
    box-shadow:3px 3px 3px #c1efdc;
}
.p3 ul li h2{
    margin-top:1.1rem;
    color:#7d48d6;
    text-align:center;
    font-size:0.32rem;
    font-weight:bold;
    line-height:0.32rem;
}
.p4{
    background:url("../img/p4-bg.jpg") no-repeat center 2.22rem;
}
.p4 .ctn1{
    width:7.5rem;
    height:9.15rem;
    position:relative;
}
.p4 .ctn1 .box1{
    top:0;
    left:-0.1rem;
    width:4.35rem;
    height:7.83rem;
    position:absolute;
    background:url("../img/p4-box1.png") no-repeat center;
    background-size:4.35rem 7.83rem;
    animation:2s b1 linear infinite;
}
@keyframes b1{
    0%{top:0}
    50%{top:5%}
    100%{top:0}
}
.p4 .ctn1 .box1 h2{
    margin-top:0.8rem;
    margin-left:0.26rem;
    padding-bottom:0.06rem;
    font-size:0.32rem;
    font-weight:bold;
    line-height:0.32rem;
    color:#ffffff;
    width:3.7rem;
    text-align:center;
    background:url("../img/p4-te1.png") no-repeat center 0.02rem;
    background-size:2.2rem 0.36rem;
}
.p4 .ctn1 .box1 ul{
    margin-top:0.5rem;
    margin-left:0.18rem;
}
.p4 .ctn1 .box1 ul li{
    margin-top:-0.1rem;
    width:3.89rem;
    height:1.18rem;
    overflow:hidden;
}
.p4 .ctn1 .box1 ul li p{
    margin-top:0.32rem;
    margin-left:1.38rem;
    font-size:0.28rem;
    color:#6f52c6;
}
.p4 .ctn1 .box1 ul li.l1{
    background:url("../img/p4-l1.png") no-repeat ;
    background-size:3.89rem 1.18rem;
}
.p4 .ctn1 .box1 ul li.l2{
    background:url("../img/p4-l2.png") no-repeat ;
    background-size:3.89rem 1.19rem;
}
.p4 .ctn1 .box1 ul li.l3{
    background:url("../img/p4-l3.png") no-repeat ;
    background-size:3.89rem 1.19rem;
}
.p4 .ctn1 .box1 ul li.l4{
    background:url("../img/p4-l4.png") no-repeat ;
    background-size:3.89rem 1.19rem;
}
.p4 .ctn1 .box1 ul li.l5{
    background:url("../img/p4-l5.png") no-repeat ;
    background-size:3.89rem 1.18rem;
}
.p4 .ctn1 .box2{
    top:0.58rem;
    right:-0.17rem;
    width:4.27rem;
    height:8rem;
    position:absolute;
    background:url("../img/p4-box2.png") no-repeat center;
    background-size:4.27rem 8rem;
    animation:2s b2 linear infinite;
}
@keyframes b2{
    0%{top:5%}
    50%{top:0}
    100%{top:5%}
}
.p4 .ctn1 .box2 h2{
    margin-top:0.66rem;
    margin-left:0.47rem;
    padding-left:0.37rem;
    padding-bottom:0.06rem;
    font-size:0.32rem;
    font-weight:bold;
    line-height:0.32rem;
    color:#ffffff;
    width:3.7rem;
    background:url("../img/p4-te2.png") no-repeat left center;
    background-size:0.26rem 0.26rem;
}
.p4 .ctn1 .box2 ul{
    margin-top:0.9rem;
    margin-left:0.25rem;
}
.p4 .ctn1 .box2 ul li{
    margin-top:-0.1rem;
    width:3.89rem;
    height:1.18rem;
    overflow:hidden;
}
.p4 .ctn1 .box2 ul li p{
    margin-top:0.32rem;
    margin-left:1.27rem;
    font-size:0.28rem;
    color:#6f52c6;
}
.p4 .ctn1 .box2 ul li.l6{
    background:url("../img/p4-l6.png") no-repeat ;
    background-size:3.48rem 1.18rem;
}
.p4 .ctn1 .box2 ul li.l7{
    background:url("../img/p4-l7.png") no-repeat ;
    background-size:3.48rem 1.19rem;
}
.p4 .ctn1 .box2 ul li.l8{
    background:url("../img/p4-l8.png") no-repeat ;
    background-size:3.48rem 1.19rem;
}
.p4 .ctn1 .box2 ul li.l9{
    background:url("../img/p4-l9.png") no-repeat ;
    background-size:3.48rem 1.19rem;
}
.p4 .ctn1 .box2 ul li.l10{
    background:url("../img/p4-l10.png") no-repeat ;
    background-size:3.48rem 1.18rem;
}
.p4 .ctn2 .bt{
    margin:0 auto;
    width:7.1rem;
    height:1.7rem;
    overflow:hidden;
}
.p4 .ctn2 .bt.t1{
    background:url("../img/p4-bt1.png") no-repeat center;
    background-size:7.1rem 1.7rem;
}
.p4 .ctn2 .bt.t2{
    margin-top:0.7rem;
    background:url("../img/p4-bt2.png") no-repeat center;
    background-size:7.1rem 1.7rem;
}
.p4 .ctn2 .bt.t3{
    margin-top:0.7rem;
    background:url("../img/p4-bt3.png") no-repeat center;
    background-size:7.1rem 1.7rem;
}
.p4 .ctn2 .bt.t4{
    margin-top:0.7rem;
    background:url("../img/p4-bt4.png") no-repeat center;
    background-size:7.1rem 1.7rem;
}
.p4 .ctn2 .bt h2{
    margin-top:0.43rem;
    margin-left:0.39rem;
    padding-left:0.31rem;
    font-size:0.4rem;
    line-height:0.4rem;
    font-weight:bold;
    color:#ffffff;
    background:url("../img/p4-bt-tag.png") no-repeat left center;
    background-size:0.16rem 0.16rem;
}
.p4 .ctn2 .bt p{
    margin-top:0.3rem;
    margin-left:0.68rem;
    font-size:0.3rem;
    line-height:0.3rem;
    color:#ffffff;
}
.p4 .ctn2 .ul1{
    margin-top:0.55rem;
}
.p4 .ctn2 .ul1 li{
    margin:0 0.2rem;
    float:left;
}
.p4 .ctn2 .ul1.u2 li{
    margin:0 0.18rem;
    float:left;
}
.p4 .ctn2 .ul1.u3 li{
    margin:0 0 0 0.8rem;
    float:left;
}
.p4 .ctn2 .ul1 li .tag{
    width:1.46rem;
    height:1.46rem;
    border-radius:100%;
    box-shadow:0 0 6px 3px #e2e2e2;
}
.p4 .ctn2 .ul1 li .tag.t1{
    background:url("../img/p4-ul1-t1.png") no-repeat center #3aded8;
    background-size:0.74rem 0.73rem;
}
.p4 .ctn2 .ul1 li .tag.t2{
    background:url("../img/p4-ul1-t2.png") no-repeat center #9471fa;
    background-size:0.72rem 0.53rem;
}
.p4 .ctn2 .ul1 li .tag.t3{
    background:url("../img/p4-ul1-t3.png") no-repeat center #ff7381;
    background-size:0.65rem 0.72rem;
}
.p4 .ctn2 .ul1 li .tag.t4{
    background:url("../img/p4-ul1-t4.png") no-repeat center #6187ff;
    background-size:0.97rem 1.05rem;
}
.p4 .ctn2 .ul1 li .tag.t5{
    background:url("../img/p4-ul1-t5.png") no-repeat center #6187ff;
    background-size:0.75rem 0.74rem;
}
.p4 .ctn2 .ul1 li .tag.t6{
    background:url("../img/p4-ul1-t6.png") no-repeat center #ff7381;
    background-size:0.74rem 0.74rem;
}
.p4 .ctn2 .ul1 li .tag.t6-2{
    background:url("../img/p4-ul1-t6.png") no-repeat center #fd8758;
    background-size:0.74rem 0.74rem;
}
.p4 .ctn2 .ul1 li .tag.t7{
    background:url("../img/p4-ul1-t7.png") no-repeat center 0.19rem #6187ff;
    background-size:0.93rem 0.91rem;
}
.p4 .ctn2 .ul1 li .tag.t8{
    background:url("../img/p4-ul1-t8.png") no-repeat center #ff7381;
    background-size:0.84rem 0.74rem;
}
.p4 .ctn2 .ul1 li .tag.t9{
    background:url("../img/p4-ul1-t9.png") no-repeat center #3feba8;
    background-size:0.65rem 0.75rem;
}
.p4 .ctn2 .ul1 li .tag.t10{
    background:url("../img/p4-ul1-t10.png") no-repeat center #6187ff;
    background-size:0.76rem 0.75rem;
}
.p4 .ctn2 .ul1 li .tag.t11{
    background:url("../img/p4-ul1-t11.png") no-repeat center #6187ff;
    background-size:0.61rem 0.65rem;
}
.p4 .ctn2 .ul1 li .tag.t12{
    background:url("../img/p4-ul1-t12.png") no-repeat center #3feba8;
    background-size:0.71rem 0.63rem;
}
.p4 .ctn2 .ul1 li p{
    margin-top:0.3rem;
    line-height:0.26rem;
    font-size:0.26rem;
    text-align:center;
    color:#919090;
}
.p4 .ctn2 .ul2{
    margin-left:0.2rem;
}
.p4 .ctn2 .ul2 li{
    margin-top:0.4rem;
    margin-right:0.13rem;
    float:left;
    width:1.68rem;
    text-align:center;
    line-height:0.56rem;
    font-size:0.26rem;
    color:#ffffff;
    border-radius:0.26rem;
    background:#9471fa;
}
.p4 .ctn2 .ul2.c1 li.big{
    width:2.57rem;
}
.p4 .ctn2 .ul2.c2{
    margin-left:0.1rem;
}
.p4 .ctn2 .ul2.c2 li{
    margin-right:0.28rem;
    width:2.15rem;
}
.p4 .ctn2 .ul2.c3 li{
    margin-right:0.12rem;
    width:1.87rem;
}
.p4 .ctn2 .ul2.c3 li.big{
    width:2.49rem;
}
.p4 .ctn2 .ul2.c1 li{
    background:#28cdc7;
}
.p4 .ctn2 .ul2.c2 li{
    background:#ff7381;
}
.p4 .ctn2 .ul2.c3 li{
    background:#ffa257;
}
.p4 .ctn2 .ul1.u4 li{
    margin:0 0.125rem;
}
.p4 .ctn2 .ul1.u4 li .tag{
    width:1.22rem;
    height:1.22rem;
    border-radius:100%;
}
.p5 ul li{
    width:7.5rem;
    overflow:hidden;
}
.p5 ul li.t1{
    height:4.85rem;
    background:url("../img/t1.jpg") no-repeat;
    background-size:7.5rem 4.85rem;
}
.p5 ul li.t2{
    height:4.73rem;
    background:url("../img/t2.jpg") no-repeat;
    background-size:7.5rem 4.73rem;
}
.p5 ul li.t3{
    height:4.85rem;
    background:url("../img/t3.jpg") no-repeat;
    background-size:7.5rem 4.85rem;
}
.p5 ul li.t4{
    height:4.73rem;
    background:url("../img/t4.jpg") no-repeat;
    background-size:7.5rem 4.73rem;
}
.p5 ul li h2{
    margin-top:1.2rem;
    margin-left:0.78rem;
    font-size:0.36rem;
    line-height:0.36rem;
    color:#38ffe1;
}
.p5 ul li span{
    margin-top:0.18rem;
    margin-left:0.78rem;
    width:1.54rem;
    font-size:0.3rem;
    text-indent:0.14rem;
    line-height:0.4rem;
    color:#ffffff;
    height:0.45rem;
    display:block;
    background:url("../img/p5-tag.png") no-repeat center;
    background-size:1.54rem 0.45rem;
}
.p5 ul li p{
    margin-top:0.18rem;
    margin-left:0.78rem;
    width:3.2rem;
    font-size:0.24rem;
    line-height:0.38rem;
    color:#ffffff;
}
.p5 ul li.t2 h2,
.p5 ul li.t4 h2{
    margin-left:5.65rem;
}
.p5 ul li.t2 span,
.p5 ul li.t4 span{
    margin-left:5.15rem;
}
.p5 ul li.t2 p{
    margin-left:3.5rem;
    text-align:right;
}
.p5 ul li.t4 p{
    margin-left:3rem;
    width:3.8rem;
}
.p5 .box{
    height:10.4rem;
    position:relative;
    overflow:hidden;
}
.p5 .box.act{
    height:22rem;
    transition:0.4s;
}
.p5 .bottom{
    bottom:-1px;
    left:0;
    width:7.5rem;
    height:5.6rem;
    position:absolute;
    overflow:hidden;
    background:url("../img/p5-bottom.png") no-repeat center bottom;
    background-size:7.5rem 5.6rem;
}
.p5 .bottom.act{
    height:2.5rem;
 }
.p5btn{
    margin-top:2.8rem;
    margin-left:2.2rem;
    width:3.27rem;
    height:0.87rem;
    display:block;
    cursor:pointer;
    background:url("../img/p5-btn.png") no-repeat center;
    background-size:3.27rem 0.87rem;
}
.p5btn2{
    margin-top:0;
    margin-left:2.2rem;
    width:3.27rem;
    height:0.87rem;
    display:block;
    cursor:pointer;
    background:url("../img/p5-btn2.png") no-repeat center;
    background-size:3.27rem 0.87rem;
}
.p6{
    background:url("../img/p6-bg.jpg") no-repeat center 4.4rem;
    background-size:7.5rem 4.92rem;
}
.p6 ul{
    margin-left:0.26rem;
}
.p6 ul li{
    margin-bottom:0.27rem;
    margin-right:0.24rem;
    float:left;
    width:3.36rem;
    height:4.29rem;
    position:relative;
    border-radius:0.08rem;
}
.p6 ul li.t1{
    background:url("../img/p6-img1.jpg") no-repeat center bottom #9471fa;
    background-size:3.36rem 2.99rem;
}
.p6 ul li.t2{
    background:url("../img/p6-img2.jpg") no-repeat center bottom #3aded8;
    background-size:3.36rem 2.99rem;
}
.p6 ul li.t3{
    background:url("../img/p6-img3.jpg") no-repeat center bottom #ff7381;
    background-size:3.36rem 2.99rem;
}
.p6 ul li.t4{
    background:url("../img/p6-img4.jpg") no-repeat center bottom #9471fa;
    background-size:3.36rem 2.99rem;
}
.p6 ul li h2{
    padding-bottom:0.1rem;
    margin-top:0.24rem;
    margin-left:0.22rem;
    font-size:0.34rem;
    display:inline-block;
    line-height:0.34rem;
    color:#ffffff;
}
.p6 ul li.t1 h2{
    background:url("../img/p6-line1.png") no-repeat center bottom;
    background-size:0.68rem 0.02rem;
}
.p6 ul li.t2 h2{
    background:url("../img/p6-line2.png") no-repeat center bottom;
    background-size:0.98rem 0.02rem;
}
.p6 ul li.t3 h2{
    background:url("../img/p6-line3.png") no-repeat center bottom;
    background-size:0.68rem 0.02rem;
}
.p6 ul li.t4 h2{
    background:url("../img/p6-line4.png") no-repeat center bottom;
    background-size:0.98rem 0.02rem;
}
.p6 ul li p{
    top:0.46rem;
    left:1.42rem;
    font-size:0.24rem;
    line-height:0.36rem;
    color:#ffffff;
    position:absolute;
}
.p6 .link{
    margin:0.3rem auto 0;
}
.p7{
    background:url("../img/p7-bg.jpg") no-repeat center bottom;
    background-size:7.5rem 7.41rem;
}
.p7 ul{
    margin-left:0.42rem;
}
.p7 ul li{
    margin-right:0.32rem;
    margin-bottom:0.34rem;
    float:left;
    width:3.06rem;
    height:2.82rem;
    border-radius:0.14rem;
    border:0.06rem solid #ffffff;
    box-shadow:0 0 5px 2px #dad8e0;
}
.p7 ul li.l1{
    background:url("../img/p7-img1.jpg") no-repeat center;
    background-size:3.06rem 2.82rem;
}
.p7 ul li.l2{
    background:url("../img/p7-img2.jpg") no-repeat center;
    background-size:3.06rem 2.82rem;
}
.p7 ul li.l3{
    background:url("../img/p7-img3.jpg") no-repeat center;
    background-size:3.06rem 2.82rem;
}
.p7 ul li.l4{
    background:url("../img/p7-img4.jpg") no-repeat center;
    background-size:3.06rem 2.82rem;
}
.p7 ul li p{
    margin-top:1.8rem;
    margin-left:0.2rem;
    padding-left:0.15rem;
    font-size:0.3rem;
    font-weight:bold;
    line-height:0.38rem;
    color:#ffffff;
    border-left:2px solid #ffffff;
}
.p7 ul li.l3 p{
    margin-top:2rem;
}
.p7 ul li.l4 p{
    margin-top:2rem;
}
.p8{
    padding-bottom:0.2rem;
}
.p8 ul{
    margin-left:0.4rem;
}
.p8 ul li{
    margin-right:0.36rem;
    margin-bottom:0.36rem;
    float:left;
    width:3.15rem;
    height:3.15rem;
    background:#ffffff;
    border:1px dashed #e7d9fe;
    box-shadow:0 0 5px 2px #dad8e0;
    overflow:hidden;
}
.p8 ul li.tag1{
    background:url("../img/p8-tag1.png") no-repeat center 0.57rem;
    background-size:1.95rem 1.84rem;
}
.p8 ul li.tag2{
    background:url("../img/p8-tag2.png") no-repeat center 0.57rem;
    background-size:1.95rem 1.84rem;
}
.p8 ul li.tag3{
    background:url("../img/p8-tag3.png") no-repeat center 0.57rem;
    background-size:1.95rem 1.84rem;
}
.p8 ul li.tag4{
    background:url("../img/p8-tag4.png") no-repeat center 0.57rem;
    background-size:1.95rem 1.84rem;
}
.p8 ul li h2{
    margin-top:2.42rem;
    font-size:0.3rem;
    font-weight:bold;
    line-height:0.3rem;
    color:#919090;
    text-align:center;
}
.p8 .link{
    margin:0.3rem auto 0;
}
.p9{
    width:7.5rem;
    height:12.2rem;
    overflow:hidden;
    background:url("../img/p9-bg.jpg") no-repeat center;
    background-size:7.5rem 12.2rem;
}
.p9 .box{
    margin:5.44rem auto 0;
    width:6.2rem;
    background:#8b63d8;
    border-radius:0.08rem;
    overflow:hidden;
    position:relative;
}
.p9 .box input[type="text"]{
    margin:0 auto 0.38rem;
    padding-left:1.6rem;
    width:3.29rem;
    height:0.9rem;
    line-height:0.9rem;
    font-size:0.38rem;
    color:#8b63d8;
    display:block;
    border:none;
    border-radius:0.09rem;
}
.p9 .box input.name{
    margin:0.64rem auto 0.38rem;
    background:url("../img/p9-tag1.png") no-repeat #ffffff 0.21rem center;
    background-size:0.65rem 0.46rem;
}
.p9 .box input.phone{
    background:url("../img/p9-tag2.png") no-repeat #ffffff 0.28rem center;
    background-size:0.58rem 0.46rem;
}
.p9 .box input.yz{
    background:url("../img/p9-tag3.png") no-repeat #ffffff 0.25rem center;
    background-size:0.61rem 0.46rem;
}
.p9 .box .yz-box{
    position:relative;
}
.p9 a{
    top:0.25rem;
    right:0.83rem;
    width:1.39rem;
    font-size:0.2rem;
    height:0.43rem;
    text-align:center;
    color:#ffffff;
    cursor:pointer;
    line-height:0.43rem;
    display:block;
    position:absolute;
    background:linear-gradient(180deg, #ac8ee3,#8c63d8);
    border-radius:0.18rem;
}
.p9 .submit{
    margin:0.5rem auto 0;
    width:2.88rem;
    height:0.69rem;
    line-height:0.62rem;
    font-size:0.36rem;
    font-weight:bold;
    color:#ffffff;
    display:block;
    border:none;
    cursor:pointer;
    background:linear-gradient(90deg, #f93072,#ffab6e);
    border-bottom:2px solid #ffffff;
    border-radius:0.4rem;
}
.footer{
    padding:0.3rem 0 1rem;
    font-size:0.18rem;
    line-height:0.3rem;
    color:#ffffff;
    text-align:center;
    background:#2b2b2b;
}
.banner2{
    width:100%;
    height:auto;
    display:block;
}