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:#999999;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
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;
}
.main{
    margin:0 auto;
    width:7rem;
}
.header{
    top:0;
    left:0;
    width:7.5rem;
    z-index:9999;
    position:absolute;
}
.header .top{
    height:1rem;
}
.header .top .logo{
    margin-top:0.32rem;
    margin-left:0.2rem;
    float:left;
    width:1.18rem;
    height:0.36rem;
    display:block;
}
.header .top .logo-text{
    margin-top:0.3rem;
    margin-left:0.09rem;
    padding-left:0.09rem;
    float:left;
    color:#ffffff;
    font-size:0.24rem;
    line-height:0.4rem;
    border-left:0.01rem solid #ffffff;
}
.header .top .phone{
    margin-top:0.34rem;
    margin-right:0.2rem;
    padding-left:0.4rem;
    float:right;
    line-height:0.35rem;
    font-size:0.24rem;
    color:#01d5a2;
    background:url("../img/phone.png") no-repeat left center;
    background-size:0.35rem 0.35rem;
}
.header .nav{
    margin:0.1rem auto;
    width:7.32rem;
    height:0.61rem;
    background:url("../img/nav-bg.png") no-repeat center;
    background-size:7.32rem 0.61rem;
}
.header .nav ul{
    margin-left:0.14rem;
    width:7.5rem;
}
.header .nav li{
    padding:0 0.22rem 0 0.27rem;
    float:left;
    position:relative;
    background:url("../img/nav-tag.png") no-repeat left center;
    background-size:0.05rem 0.05rem;
}
.header .nav li.first{
    background:none;
}
.header .nav li a{
    line-height:0.61rem;
    font-size:0.24rem;
    text-align:center;
    color:#ffffff;
    display:block;
}
.header .nav li span{
    left:50%;
    margin-left:-0.45rem;
    bottom:0.1rem;
    width:0.95rem;
    height:0.01rem;
    display:block;
    position:absolute;
    background:linear-gradient(to right,#23c2c5,#52ffba);
}
.banner{
    width:7.5rem;
    height:10rem;
}
.banner img{
    width:7.5rem;
    height:10rem;
}
.part{
    margin:0 auto;
    width:100%;
    overflow:hidden;
}
.part .title{
    padding:0.5rem 0;
}
.part .title h3{
    color:#65e5b2;
    font-size:0.18rem;
    font-weight:bold;
    line-height:0.18rem;
    text-align:center;
}
.part .title h2{
    margin-top:0.18rem;
    font-size:0.46rem;
    font-weight:bold;
    line-height:0.46rem;
    color:#303541;
    text-align:center;
}
.part .title.t1 h2{
    background:url("../img/title-t1.png") no-repeat center;
    background-size:5.8rem 0.44rem;
}
.part .title.t2 h2{
    background:url("../img/title-t2.png") no-repeat center;
    background-size:5.3rem 0.44rem;
}
.part .title.t3 h2{
    line-height:0.53rem;
    background:url("../img/title-t3.png") no-repeat 1.54rem center;
    background-size:4.4rem 0.53rem;
}
.part .title.t4 h2{
    background:url("../img/title-t4.png") no-repeat 1.54rem center;
    background-size:5.6rem 0.44rem;
}
.part .title.t5 h2{
    background:url("../img/title-t5.png") no-repeat 1.54rem center;
    background-size:5.6rem 0.44rem;
}
.part .title.t6 h2{
    background:url("../img/title-t6.png") no-repeat 1.54rem center;
    background-size:4.17rem 0.44rem;
}
.part .title.t7 h2{
    background:url("../img/title-t7.png") no-repeat 1.54rem center;
    background-size:3.75rem 0.44rem;
}
.part .title.t8 h2{
    background:url("../img/title-t8.png") no-repeat center;
    background-size:4.77rem 0.44rem;
}
.part .title p{
    margin-top:0.1rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:center;
}
.part .title p span{
    color:#23c2c5;
}
.part .link{
    margin:0.5rem auto;
    width:3rem;
    height:0.65rem;
    line-height:0.65rem;
    text-align:center;
    color:#ffffff;
    font-size:0.3rem;
    display:block;
    background:url("../img/link.png") no-repeat center;
    background-size:3rem 0.65rem;
}
.p1 .box{
    width:7.5rem;
    height:5.2rem;
    overflow:hidden;
    background:url("../img/p1-box.jpg") no-repeat center;
    background-size:7.5rem 5.2rem;
}
.p1 .box ul{
    margin-top:0.5rem;
    margin-left:0.9rem;
    width:6rem;
}
.p1 .box ul li{
    margin-bottom:0.4rem;
}
.p1 .box ul li img{
    float:left;
    width:2.7rem;
    height:1.9rem;
}
.p1 .box ul li.l2 img{
    float:right;
}
.p1 .box ul li .info{
    margin-top:0.4rem;
    margin-left:0.3rem;
    float:left;
    width:3rem;
}
.p1 .box ul li.l2 .info{
    float:right;
}
.p1 .box ul li .info h2{
    width:1.71rem;
    height:0.45rem;
    font-size:0.3rem;
    color:#ffffff;
    text-align:center;
    line-height:0.45rem;
    background:url("../img/p1-tit.png") no-repeat;
    background-size:1.71rem 0.45rem;
}
.p1 .box ul li.l2 .info h2{
    float:right;
}
.p1 .box ul li .info p{
    margin-top:0.12rem;
    font-size:0.2rem;
    color:#ffffff;
    line-height:0.3rem;
}
.p1 .box ul li.l2 .info p{
    float:right;
}
.p1 .box ul li .info p span{
    color:#fefb00;
}
.p2 .ul1{
    margin-left:0.4rem;
    width:7.5rem;
}
.p2 .ul1 li{
    margin-right:0.34rem;
    float:left;
    width:2rem;
    height:2.61rem;
    box-shadow:0 0 0.15rem 0.05rem #e5e5e5;
}
.p2 .ul1 li.l1{
    background:url("../img/p2-li1.jpg") no-repeat center;
    background-size:2rem 2.61rem;
}
.p2 .ul1 li.l2{
    background:url("../img/p2-li2.jpg") no-repeat center;
    background-size:2rem 2.61rem;
}
.p2 .ul1 li.l3{
    background:url("../img/p2-li3.jpg") no-repeat center;
    background-size:2rem 2.61rem;
}
.p2 .ul1 li h2{
    margin:1.45rem auto 0;
    width:1.7rem;
    height:0.4rem;
    font-size:0.26rem;
    text-align:center;
    color:#ffffff;
    line-height:0.4rem;
    background:linear-gradient(to right,#52ffba,#23c2c5);
}
.p2 .ul1 li p{
    margin-top:0.1rem;
    width:100%;
    font-size:0.2rem;
    text-align:center;
    line-height:0.24rem;
}
.p2 .ul1 li p span{
    color:#23c2c5;
}
.p2 .ul2{
    margin-top:0.3rem;
    margin-left:0.4rem;
    width:7.5rem;
}
.p2 .ul2 li{
    margin-right:0.34rem;
    float:left;
    width:3.2rem;
    height:1.7rem;
    box-shadow:0 0 0.15rem 0.05rem #e5e5e5;
}
.p2 .ul2 li.l4{
    background:url("../img/p2-li4.jpg") no-repeat center;
    background-size:3.2rem 1.7rem;
}
.p2 .ul2 li.l5{
    background:url("../img/p2-li5.jpg") no-repeat center;
    background-size:3.2rem 1.7rem;
}
.p2 .ul2 li .info{
    margin-left:1.3rem;
    margin-top:0.32rem;
}
.p2 .ul2 li .info h2{
    width:1.7rem;
    height:0.4rem;
    font-size:0.26rem;
    text-align:center;
    color:#ffffff;
    line-height:0.4rem;
    background:linear-gradient(to right,#52ffba,#23c2c5);
}
.p2 .ul2 li .info p{
    margin-top:0.1rem;
    width:100%;
    font-size:0.2rem;
    line-height:0.24rem;
}
.p2 .ul2 li .info p span{
    color:#23c2c5;
}
.p3 .box{
    width:7.5rem;
    height:5.2rem;
    overflow:hidden;
    background:url("../img/p3-box.jpg") no-repeat center;
    background-size:7.5rem 5.2rem;
}
.p3 .box h2{
    margin-top:0.58rem;
    font-size:0.24rem;
    line-height:0.3rem;
    text-align:center;
    color:#ffffff;
}
.p3 .box h2 .sp1{
    color:#fefb00;
}
.p3 .box h2 .sp2{
    color:#65e5b2;
}
.p3 .box ul{
    margin-top:0.2rem;
    margin-left:0.62rem;
}
.p3 .box ul li{
    margin-right:0.18rem;
    float:left;
    width:1.27rem;
    height:0.55rem;
    background:url("../img/p3-li.png") no-repeat center;
    background-size:1.27rem 0.55rem;
}
.p3 .box ul li p{
    font-size:0.22rem;
    line-height:0.26rem;
    text-align:center;
    color:#ffffff;
}
.p3 .box ul li p span{
    color:#fefb00;
}
.p3 img{
    margin-left:0.62rem;
    margin-top:0.2rem;
    width:5.55rem;
    height:2.56rem;
}
.p4 .box{
    margin:0 auto;
    width:6.5rem;
    height:5.19rem;
    overflow:hidden;
    background:url("../img/p4-box.png") no-repeat center;
    background-size:6.5rem 5.19rem;
}
.p4 .box ul{
    margin:0.7rem auto 0;
    width:5.12rem;
}
.p4 .box ul li{
    margin-bottom:0.1rem;
    width:5.1rem;
    height:0.6rem;
    cursor:pointer;
    transition:0.4s;
    overflow:hidden;
    border:0.01rem solid #ffffff;
}
.p4 .box ul li.act{
    margin-bottom:0.2rem;
    height:2rem;
    transition:0.4s;
    border:0.01rem solid #dadada;
}
.p4 .box ul li h2{
    width:5.1rem;
    height:0.6rem;
    font-size:0.3rem;
    line-height:0.6rem;
    text-indent:1.2rem;
    color:#ffffff;
    position:relative;
}
.p4 .box ul li.l1 h2{
    background:url("../img/p4-li1.jpg") no-repeat center;
    background-size:5.1rem 0.6rem;
}
.p4 .box ul li.l2 h2{
    background:url("../img/p4-li2.jpg") no-repeat center;
    background-size:5.1rem 0.6rem;
}
.p4 .box ul li.l3 h2{
    background:url("../img/p4-li3.jpg") no-repeat center;
    background-size:5.1rem 0.6rem;
}
.p4 .box ul li.l4 h2{
    background:url("../img/p4-li4.jpg") no-repeat center;
    background-size:5.1rem 0.6rem;
}
.p4 .box ul li h2 span{
    top:0.23rem;
    right:0.17rem;
    width:0.15rem;
    height:0.15rem;
    position:absolute;
    background:url("../img/p4-jt.png") no-repeat center;
    background-size:0.09rem 0.15rem;
}
.p4 .box ul li.act h2 span{
    top:0.23rem;
    right:0.17rem;
    width:0.15rem;
    height:0.15rem;
    position:absolute;
    background:url("../img/p4-jt2.png") no-repeat center;
    background-size:0.15rem 0.09rem;
}
.p4 .box ul li p{
    margin:0.24rem;
    font-size:0.2rem;
    line-height:0.3rem;
}
.p5 .box{
    margin:0 auto;
    width:7.5rem;
    height:4.9rem;
    overflow:hidden;
    position:relative;
    background:url("../img/p5-box.jpg") no-repeat center;
    background-size:7.5rem 4.9rem;
}
.p5 .box .p5-div{
    width:7.5rem;
    height:4.9rem;
    position:relative;
}
.p5 .box .p5-div > div{
    top:0;
    left:7.5rem;
    width:7.5rem;
    height:4.9rem;
    position:absolute;
    transition:0.4s;
}
.p5 .box .p5-div > div.act{
    left:0;
    transition:0.4s;
}
.p5 .box .p5-div > div img{
    top:0.7rem;
    left:1.2rem;
    width:2.55rem;
    height:3.5rem;
    position:absolute;
}
.p5 .box .p5-div > div .info{
    top:0.9rem;
    left:4.2rem;
    position:absolute;
    background:#272b36;
}
.p5 .box .p5-div > div .info h2{
    width:1.45rem;
    height:0.36rem;
    font-size:0.36rem;
    color:#ffffff;
    text-align:center;
    line-height:0.36rem;
    background:url("../img/p5-tit.png") no-repeat center;
    background-size:1.45rem 0.34rem;
}
.p5 .box .p5-div > div .info h3{
    margin-top:0.18rem;
    margin-left:0.2rem;
    font-size:0.24rem;
    color:#65e5b2;
    line-height:0.24rem;
}
.p5 .box .p5-div > div .info span{
    margin-top:0.16rem;
    margin-left:0.2rem;
    width:0.45rem;
    height:0.03rem;
    display:block;
    background:linear-gradient(to right,#23c2c5,#52ffba);
}
.p5 .box .p5-div > div .info p{
    margin-top:0.32rem;
    margin-left:0.2rem;
    font-size:0.2rem;
    line-height:0.3rem;
    color:#ffffff;
}
.p5 .box .p5-ul{
    bottom:0.7rem;
    right:0.2rem;
    position:absolute;
}
.p5 .box .p5-ul li{
    margin-right:0.05rem;
    float:left;
    width:0.24rem;
    height:0.24rem;
    font-size:0.18rem;
    color:#ffffff;
    cursor:pointer;
    text-align:center;
    line-height:0.24rem;
    background:url("../img/p5-li.png") no-repeat center;
    background-size:0.24rem 0.24rem;
}
.p5 .box .p5-ul li.act{
    color:#272b36;
    background:linear-gradient(to bottom,#23c2c5,#52ffba);
}
.p6 .box{
    width:7.5rem;
    height:4.07rem;
    position:relative;
    background:url("../img/p6-box.jpg") no-repeat center;
    background-size:7.5rem 4.07rem;
}
.p6 .box h2{
    font-size:0.28rem;
    line-height:0.28rem;
    color:#272b36;
    position:absolute;
}
.p6 .box h2.tit1{
    top:3.33rem;
    left:1.02rem;
}
.p6 .box h2.tit2{
    top:0.56rem;
    left:4.68rem;
}
.p6 .box p{
    font-size:0.22rem;
    line-height:0.3rem;
    position:absolute;
}
.p6 .box p.txt1{
    top:0.38rem;
    left:1rem;
    color:#ffffff;
}
.p6 .box p.txt2{
    top:3.2rem;
    left:3.5rem;
}
.p7 .box{
    width:7.5rem;
    height:3.9rem;
    position:relative;
    background:url("../img/p7-box.jpg") no-repeat center;
    background-size:7.5rem 3.9rem;
}
.p7 .box .p7-div{
    top:0.7rem;
    left:0.9rem;
    width:3.1rem;
    height:2.8rem;
    position:absolute;
    overflow:hidden;
}
.p7 .box .p7-div > div{
    top:2.8rem;
    left:0;
    width:3.1rem;
    height:2.8rem;
    position:absolute;
    transition:0.4s;
}
.p7 .box .p7-div > div.act{
    top:0;
    transition:0.4s;
}
.p7 .box .p7-div img{
    width:3.1rem;
    height:1.7rem;
}
.p7 .box .p7-div p{
    margin-top:0.16rem;
    line-height:0.24rem;
    font-size:0.18rem;
    color:#ffffff;
}
.p7 .box .p7-ul{
    top:1rem;
    left:4.5rem;
    position:absolute;
    background:url("../img/p7-line.png") no-repeat 0.08rem 0.14rem;
    background-size:0.01rem 1.75rem;
}
.p7 .box .p7-ul li{
    margin-bottom:0.32rem;
    padding-left:0.32rem;
    font-size:0.26rem;
    line-height:0.26rem;
    color:#ffffff;
    cursor:pointer;
    background:url("../img/p7-tag1.png") no-repeat 0.03rem center;
    background-size:0.1rem 0.09rem;
}
.p7 .box .p7-ul li.act{
    color:#fefb00;
    background:url("../img/p7-tag2.png") no-repeat left center;
    background-size:0.17rem 0.16rem;
}











.p8 .box{
    width:7.5rem;
    height:3.4rem;
    background:url("../img/p8-box.jpg") no-repeat center;
    background-size:7.5rem 3.4rem;
}
.p8 .box ul{
    margin-left:0.25rem;
}
.p8 .box ul li{
    margin-top:0.2rem;
    margin-right:0.2rem;
    float:left;
    width:2.2rem;
    height:1.5rem;
}
.p8 .box ul li img{
    width:100%;
    height:auto;
}
.footer{
    padding:0.22rem 0 1.22rem;
    background:url("../img/footer-line.jpg") no-repeat center top #272b36;
    background-size:7.5rem 0.03rem;
}
.footer p{
    color:#ffffff;
    font-size:0.18rem;
    line-height:0.28rem;
    text-align:center;
}