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;
}
.main{
    margin:0 auto;
    width:94%;
}
.header{
    width:100%;
    height:1rem;
    overflow:hidden;
    background:#4e55cc;
}
.header .logo{
    margin-top:0.29rem;
    float:left;
    width:1.44rem;
    height:0.43rem;
    display:block;
}
.header .logo-text{
    margin-top:0.22rem;
    margin-left:0.12rem;
    padding-left:0.12rem;
    float:left;
    color:#ffffff;
    font-size:0.24rem;
    line-height:0.3rem;
    border-left:1px dashed #ffffff;
}
.header .phone{
    margin-top:0.3rem;
    padding-left:0.4rem;
    float:right;
    font-size:0.3rem;
    color:#ffffff;
    display:block;
    background:url("../img/phone.png") no-repeat left center;
    background-size:0.3rem 0.3rem;
}
.content{
    width:100%;
}
.banner{
    position:relative;
}
.banner img{
    width:100%;
    height:auto;
    display:block;
}
.banner .btn{
    left:50%;
    bottom:0.7rem;
    margin-left:-1.85rem;
    width:3.7rem;
    height:0.95rem;
    font-size:0.48rem;
    font-weight:bold;
    line-height:0.95rem;
    text-align:center;
    position:absolute;
    background:#feee35;
    overflow:hidden;
    border-radius:0.46rem;
}
.banner .btn:after {
    content: "";
    top:50%;
    left:50%;
    margin-top:-2rem;
    margin-left:-2rem;
    width:4rem;
    height:4rem;
    opacity: 0;
    border-radius:50%;
    position: absolute;
    background:#ffffff;
    overflow:hidden;
    animation:1s btn ease-in-out infinite;
}
@keyframes btn {
    0%{transform:scale(0);opacity:1;}
    100%{transform:scale(1);opacity:0;}
}
.title{
    padding:0.77rem 0 0.36rem;
    position:relative;
}
.title h2{
    top:0.5rem;
    width:7.5rem;
    color:#5e69fa;
    font-size:0.5rem;
    line-height:0.5rem;
    font-weight:bold;
    text-align:center;
    position:absolute;
}
.title.t1 h2{
    background:url("../img/title-t1.png") no-repeat center;
    background-size:5.85rem 0.25rem;
}
.title.t2 h2{
    background:url("../img/title-t2.png") no-repeat center;
    background-size:5.36rem 0.25rem;
}
.title.t3 h2{
    background:url("../img/title-t3.png") no-repeat center;
    background-size:5.36rem 0.25rem;
}
.title.t4 h2{
    background:url("../img/title-t4.png") no-repeat center;
    background-size:5.12rem 0.25rem;
}
.title.t5 h2{
    color:#ffffff;
    background:url("../img/title-t5.png") no-repeat center;
    background-size:5.12rem 0.25rem;
}
.title.t5 h3{
    color:#8595fc;
}
.title.t6{
    background:url("../img/title-t6.png") no-repeat center;
    background-size:6.15rem 0.25rem;
}
.title.t7{
    background:url("../img/title-t7.png") no-repeat center;
    background-size:5.15rem 0.25rem;
}
.title.t7 h3{
    font-size:0.38rem;
    line-height:0.38rem;
}
.title.t8{
    background:url("../img/title-t8.png") no-repeat center;
    background-size:5.42rem 0.25rem;
}
.title h3{
    top:0.26rem;
    color:#dfe1fe;
    font-size:0.48rem;
    line-height:0.48rem;
    font-weight:bold;
    text-align:center;
}
.p1 .box1{
    margin:0 auto;
    width:7.1rem;
    height:5.68rem;
    overflow:hidden;
    background:url("../img/p1-box1.png") no-repeat center;
    background-size:7.1rem 5.68rem;
}
.p1 .tit{
    margin-top:0.46rem;
    margin-left:0.5rem;
    height:0.5rem;
    position:relative;
}
.p1 .tit h2{
    top:-0.07rem;
    left:0.58rem;
    font-size:0.36rem;
    font-weight:bold;
    line-height:0.36rem;
    color:#31347a;
    position:absolute;
}
.p1 .tit h3{
    font-size:0.5rem;
    font-weight:bold;
    line-height:0.5rem;
    color:#dfe1fe;
}
.p1 .tit span{
    top:0.09rem;
    left:0.19rem;
    width:0.3rem;
    height:0.03rem;
    display:block;
    background:#31347a;
    position:absolute;
}
.p1 p{
    margin-top:0.15rem;
    margin-left:0.48rem;
    font-size:0.24rem;
    line-height:0.28rem;
    color:#9091a8;
}
.p1 img{
    margin:0.4rem auto 0;
    display:block;

}
.p1 .box1 img{
    width:6.16rem;
    height:3.05rem;
}
.p1 .box2 img{
    width:6.17rem;
    height:3.35rem;
}
.p1 .bg{
    margin:0 auto;
    width:7.5rem;
    height:7rem;
    background:url("../img/p1-bg.jpg") no-repeat center;
    background-size:7.5rem 7rem;
    overflow:hidden;
}
.p1 .box2{
    margin:0.7rem auto 0;
    width:6.6rem;
    height:5.6rem;
    background:#ffffff;
    overflow:hidden;
}
.part .btn{
    margin:0 auto;
    width:3.7rem;
    height:0.95rem;
    display:block;
    font-size:0.48rem;
    font-weight:bold;
    line-height:0.95rem;
    text-align:center;
    background:#fed767;
    border-radius:0.44rem;
}
.p2 ul{
    margin-left:0.05rem;
    width:7.5rem;
}
.p2 ul li{
    margin-right:0.2rem;
    margin-bottom:0.2rem;
    float:left;
    width:2.18rem;
    height:1.58rem;
    border:1px solid #5e69fa;
}
.p2 ul li p{
    margin-top:1.17rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:center;
    color:#31347a;
}
.p2 ul li.tag1{
    background:url("../img/p2-tag1.png") no-repeat center 0.29rem;
    background-size:0.6rem 0.6rem;
}
.p2 ul li.tag2{
    background:url("../img/p2-tag2.png") no-repeat center 0.29rem;
    background-size:0.6rem 0.61rem;
}
.p2 ul li.tag3{
    background:url("../img/p2-tag3.png") no-repeat center 0.29rem;
    background-size:0.63rem 0.6rem;
}
.p2 ul li.tag4{
    background:url("../img/p2-tag4.png") no-repeat center 0.29rem;
    background-size:0.64rem 0.6rem;
}
.p2 ul li.tag5{
    background:url("../img/p2-tag5.png") no-repeat center 0.29rem;
    background-size:0.6rem 0.6rem;
}
.p2 ul li.tag6{
    background:url("../img/p2-tag6.png") no-repeat center 0.29rem;
    background-size:0.6rem 0.6rem;
}
.p3 .bg{
    width:100%;
    height:10.3rem;
    background:url("../img/p3-bg.jpg") no-repeat center;
    background-size:7.5rem 10.3rem;
    overflow:hidden;
}
.p3 ul{
    margin-top:0.5rem;
    width:7.5rem;
}
.p3 ul li{
    margin-right:0.3rem;
    margin-bottom:0.8rem;
    float:left;
    width:3.4rem;
    height:2.6rem;
    position:relative;
    background:#ffffff
}
.p3 ul li img{
    top:-0.5rem;
    left:50%;
    margin-left:-0.44rem;
    width:0.88rem;
    height:1rem;
    display:block;
    position:absolute;
}
.p3 ul li h2{
    margin-top:0.7rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:center;
    color:#31347a;
}
.p3 ul li span{
    margin:0.18rem auto 0.1rem;
    width:0.8rem;
    height:0.02rem;
    display:block;
    background:#616cfb;
}
.p3 ul li p{
    font-size:0.2rem;
    line-height:0.3rem;
    color:#9091a8;
}
.p3 ul li.l1 p{
    margin-left:0.82rem;
}
.p3 ul li.l2 p{
    margin-left:0.26rem;
}
.p3 ul li.l3 p{
    margin-left:0.44rem;
}
.p3 ul li.l4 p{
    margin-left:0.44rem;
}
.p3 ul li.l5 p{
    margin-left:0.36rem;
}
.p3 ul li.l6 p{
    margin-left:0.24rem;
}
.p4{
    padding-bottom:0.2rem;
}
.p4 ul li{
    margin-bottom:0.3rem;
    width:6.26rem;
    height:2.5rem;
    background:#ffffff;
    box-shadow:0 0 10px 1px #f3f3ff;
}
.p4 ul li img{
    float:left;
    width:2.5rem;
    height:2.5rem;
}
.p4 ul li .info{
    float:left;
    width:3.76rem;
    height:2.5rem;
}
.p4 ul li .info h2{
    margin-top:0.26rem;
    margin-left:0.56rem;
    font-size:0.3rem;
    line-height:0.38rem;
    color:#9091a8;
}
.p4 ul li .info h2 b{
    font-weight:bold;
    color:#5e69fa;
}
.p4 ul li .info h2 span{
    color:#5e69fa;
}
.p4 ul li .info a{
    margin:0.34rem 0 0 0.94rem;
    width:1.9rem;
    height:0.5rem;
    display:block;
    font-weight:bold;
    font-size:0.3rem;
    color:#ffffff;
    line-height:0.5rem;
    text-align:center;
    background:#5e69fa;
    border-radius:0.22rem;
}
.p4 ul li.l2{
    margin-left:0.84rem;
}
.p5{
    height:8.17rem;
    position:relative;
    background:url("../img/p5-bg.jpg") no-repeat center;
    background-size:7.5rem 8.17rem;
}
.p5 ul{
    margin-left:0.38rem;
    width:7.5rem;
}
.p5 ul li{
    margin-bottom:0.2rem;
    margin-right:0.72rem;
    float:left;
    width:2.88rem;
    height:0.48rem;
    line-height:0.48rem;
    font-size:0.3rem;
    color:#ffffff;
    cursor:pointer;
    position:relative;
    border:1px solid #ffffff;
}
.p5 ul li.l1{
    text-indent:0.3rem;
}
.p5 ul li.l1 img{
    top:0.05rem;
    left:-0.18rem;
    width:0.36rem;
    height:0.38rem;
    display:block;
    position:absolute;
}
.p5 ul li.l2{
    text-indent:0.58rem;
}
.p5 ul li.l2 img{
    top:0.05rem;
    left:-0.19rem;
    width:0.38rem;
    height:0.38rem;
    display:block;
    position:absolute;
}
.p5 ul li.l3{
    text-indent:0.65rem;
}
.p5 ul li.l3 img{
    top:0.05rem;
    left:-0.18rem;
    width:0.38rem;
    height:0.38rem;
    display:block;
    position:absolute;
}
.p5 ul li.l4{
    text-indent:0.65rem;
}
.p5 ul li.l4 img{
    top:0.03rem;
    left:-0.2rem;
    width:0.4rem;
    height:0.38rem;
    display:block;
    position:absolute;
}
.p5 .p5-img{
    top:3.2rem;
    left:0.78rem;
    width:5.95rem;
    height:3.4rem;
    display:block;
    position:absolute;
}
#p5{
    width:5.95rem;
    height:3.4rem;
    overflow:hidden;
}
#p5 img{
    width:5.95rem;
    height:3.4rem;
    display:block;
}
.p6 .box{
    width:7.5rem;
    height:5rem;
    overflow:hidden;
    position:relative;
}
.p6 .box > div{
    top:0.4rem;
    left:-7.5rem;
    width:7.5rem;
    height:4.2rem;
    background:#f6f6f6;
    position:absolute;
    transition:0.4s;
}
.p6 .box > div.act{
    left:0;
    transition:0.4s;
}
.p6 .box > div img {
    top:-0.4rem;
    left:0;
    width:3.07rem;
    height:5rem;
    display:block;
    position:absolute;
}
.p6 .box > div .info{
    top:0.24rem;
    left:3.04rem;
    width:4.34rem;
    height:3.69rem;
    position:absolute;
    overflow:hidden;
    background:url("../img/p6-info.png") no-repeat center;
    background-size:4.34rem 3.69rem;
}
.p6 .box > div .info h2{
    margin-left:0.4rem;
    margin-top:0.35rem;
    font-size:0.36rem;
    color:#31347a;
}
.p6 .box > div .info p{
    margin-left:0.4rem;
    margin-top:0.16rem;
    width:3.7rem;
    font-size:0.2rem;
    line-height:0.3rem;
    color:#9091a8;
}
.p6 .box > div .info span{
    margin-left:0.4rem;
    margin-top:0.09rem;
    width:1.15rem;
    height:0.02rem;
    display:block;
    background:#616cfb;
}
#p6{
    margin:0.2rem auto 0;
    width:6.8rem;
    height:1.5rem;
    overflow:hidden;
}
#p6 .img{
    margin:0.2rem auto;
    width:1.5rem;
    height:1.3rem;
    position:relative;
    background:#616cfb;
}
#p6 img{
    top:-0.1rem;
    left:0.1rem;
    width:1.5rem;
    height:1.3rem;
    display:block;
    position:absolute;
}
#p6 .swiper-slide-active .img{
    margin:0 auto;
}
#p6 .swiper-slide-active img{
    top:0.1rem;
}
.p7 .bg{
    width:7.5rem;
    height:4.75rem;
    overflow:hidden;
    background:url("../img/p7-bg.jpg") no-repeat center;
    background-size:7.5rem 4.75rem;
}
.p7 ul{
    float:left;
    margin-top:0.8rem;
    margin-left:0.3rem;
}
.p7 ul li{
    margin-bottom:0.3rem;
    width:2rem;
    height:0.85rem;
    overflow:hidden;
    cursor:pointer;
    background:#5e69fa;
}
.p7 ul li h2{
    margin-top:0.12rem;
    font-size:0.24rem;
    line-height:0.3rem;
    text-align:center;
    color:#feee35;
}
.p7 ul li h2 span{
    color:#ffffff;
}
.p7 ul li.act h2 span{
    color:#feee35;
}
.p7 .img{
    margin-top:0.8rem;
    margin-left:0.2rem;
    float:left;
    width:4.69rem;
    height:3.15rem;
    position:relative;
    overflow:hidden;
}
.p7 .img img{
    top:3.15rem;
    left:0;
    width:4.69rem;
    height:3.15rem;
    display:block;
    position:absolute;
    transition:0.4s;
}
.p7 .img img.act{
    top:0;
    transition:0.4s;
}
.p8 .bg{
    width:7.5rem;
    height:5.7rem;
    background:url("../img/p8-bg.jpg") no-repeat center;
    background-size:7.5rem 5.7rem;
    overflow:hidden;
}
.p8 img{
    margin-top:0.6rem;
    margin-left:0.2rem;
    width:7.1rem;
    height:4.5rem;
    display:block;
}
.table{
    margin-top:0.5rem;
    width:7.5rem;
    height:6.88rem;
    position:relative;
    background:url("../img/table-bg.jpg") no-repeat center #5960ef;
    background-size:7.5rem 6.88rem;
    overflow:hidden;
}
.table h2{
    margin-top:0.5rem;
    font-size:0.34rem;
    font-weight:bold;
    line-height:0.45rem;
    color:#ffffff;
    text-align:center;
}
.table h2 b{
    font-size:0.45rem;
    color:#feee35;
}
.table h3{
    margin-top:0.1rem;
    font-size:0.45rem;
    font-weight:bold;
    line-height:0.6rem;
    color:#ffffff;
    text-align:center;
}
.table h3 span{
    color:#feee35;
}
.table h3 b{
    font-size:0.6rem;
}
.table input{
    -webkit-appearance:none;
}
.table form{
    margin-top:0.3rem;
    margin-left:1.4rem;
    width:4.7rem;
}
.table form input[type="text"]{
    margin-bottom:0.2rem;
    padding:0 0.3rem 0 1rem;
    width:3.38rem;
    height:0.83rem;
    color:#ffffff;
    font-size:0.24rem;
    line-height:0.83rem;
    border:0.01rem solid #ffffff;
    border-radius:0.09rem;
}
.table form input[type="text"].name{
    background:url("../img/table-name.png") no-repeat 0.17rem center;
    background-size:0.53rem 0.36rem;
}
.table form input[type="text"].phone{
    background:url("../img/table-phone.png") no-repeat 0.18rem center;
    background-size:0.52rem 0.38rem;
}
.table form input[type="text"].num{
    background:url("../img/table-num.png") no-repeat 0.21rem center;
    background-size:0.49rem 0.4rem;
}
.table input::-webkit-input-placeholder{
    color:#ffffff;
}
.table .phone-num{
    width:4.7rem;
    height:0.85rem;
    overflow:hidden;
    position:relative;
}
.table #getcode{
    left:3.19rem;
    top:0.17rem;
    width:1.3rem;
    height:0.5rem;
    cursor:pointer;
    color:#5e69fa;
    font-size:0.24rem;
    line-height:0.5rem;
    text-align:center;
    background:#ffffff;
    position:absolute;
}
.table .submit{
    margin:0.4rem auto 0;
    width:3.7rem;
    height:0.95rem;
    font-size:0.48rem;
    font-weight:bold;
    line-height:0.95rem;
    text-align:center;
    color:#5e69fa;
    display:block;
    cursor:pointer;
    overflow:hidden;
    background:#feee35;
    border-radius:0.46rem;
}
.table .pe{
    bottom:0;
    left:0;
    width:1.98rem;
    height:4.45rem;
    position:absolute;
}
.footer{
    width:100%;
    height:2rem;
    background:#000000;
}
.footer p{
    font-size:0.2rem;
    line-height:0.8rem;
    text-align:center;
    color:#ffffff;
}