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:#1e2432;}
a{text-decoration:none;}
a:hover{text-decoration:none;}

.wrap{
    margin:0 auto;
    max-width:750px;
    min-width:320px;
    width:100%;
    overflow:hidden;
}
.main{
    margin:0 auto;
    width:92%;
}
.main{
    margin:0 auto;
    width:92%;
}
.header{
    width:100%;
}
.header .top{
    width:100%;
    height:0.9rem;
}
.header .top .logo{
    float:left;
    margin-top:0.31rem;
    margin-left:0.02rem;
    width:1.2rem;
    height:0.36rem;
    display:block;
}
.header .top .logo-text{
    float:left;
    margin-top:0.29rem;
    margin-left:0.1rem;
    padding-left:0.09rem;
    font-size:0.18rem;
    line-height:0.2rem;
    color:#1e2432;
    border-left:1px solid #1e2432;
}
.header .top .phone{
    float:right;
    margin-top:0.35rem;
    padding-left:0.33rem;
    font-size:0.2rem;
    line-height:0.27rem;
    color:#21d2b5;
    background:url("../img/phone.png") no-repeat left center;
    background-size:0.27rem 0.27rem;
}
.header .top .phone{
    float:right;
    margin-top:0.35rem;
    padding-left:0.33rem;
    font-size:0.2rem;
    line-height:0.27rem;
    color:#21d2b5;
    background:url("../img/phone.png") no-repeat left center;
    background-size:0.27rem 0.27rem;
}
.header .nav{
    width:100%;
    height:0.55rem;
}
.header .nav li{
    float:left;
    width:16.6%;
    height:0.55rem;
    line-height:0.55rem;
    text-align:center;
    background:#1e2432;
}
.header .nav li.act{
    width:17%;
    background:#21d2b5;
}
.header .nav li a{
    font-size:0.24rem;
    color:#ffffff;
    display:block;
}
.header .nav li:hover{
    background:#21d2b5;
}
#banner.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
    left: 0;
    width: 100%
}
.swiper-pagination.sp1 .swiper-pagination-bullet{
    margin:0;
    width:25%;
    height: 0.03rem;
    background:#989da9;
    border-radius:0;
}
.swiper-pagination.sp1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #21d2b5
}
.title{
    padding:0.55rem 0 0.3rem;
}
.title h2{
    padding-bottom:0.18rem;
    font-size:0.34rem;
    line-height:0.34rem;
    text-align:center;
    background:url("../img/title-line.png") no-repeat center bottom;
    background-size:1rem 0.03rem;
}
.title p{
    margin-top:0.2rem;
    font-size:0.18rem;
    line-height:0.18rem;
    text-align:center;
    color:#b0b0b0;
}
.p1 ul{
    width:7.5rem;
}
.p1 ul li{
    margin-right:0.22rem;
    float:left;
    width:1.54rem;
    height:2.1rem;
    position:relative;
}
.p1 ul li.img1{
    background:url("../img/p1-img1.jpg") no-repeat top center;
    background-size:100% auto;
}
.p1 ul li.img2{
    background:url("../img/p1-img2.jpg") no-repeat top center;
    background-size:100% auto;
}
.p1 ul li.img3{
    background:url("../img/p1-img3.jpg") no-repeat top center;
    background-size:100% auto;
}
.p1 ul li.img4{
    background:url("../img/p1-img4.jpg") no-repeat top center;
    background-size:100% auto;
}
.p1 ul li h2{
    padding-bottom:0.08rem;
    margin-top:0.58rem;
    font-size:0.22rem;
    line-height:0.22rem;
    font-weight:bold;
    text-align:center;
    color:#ffffff;
    background:url("../img/p1-line.png") no-repeat bottom center;
    background-size:0.46rem 0.02rem;
}
.p1 ul li p{
    margin-top:0.04rem;
    font-size:0.16rem;
    line-height:0.16rem;
    text-align:center;
    color:#ffffff;
}
.p1 ul li .tag{
    bottom:0;
    width:100%;
    height:0.55rem;
    position:absolute;
    background:url("../img/p1-tag.png") no-repeat center;
    background-size:1.54rem 0.55rem;
}
.p1 ul li .tag h3{
    margin:0.12rem auto 0;
    width:1.22rem;
    height:0.28rem;
    color:#ffffff;
    font-size:0.18rem;
    text-align:center;
    border:1px solid #ffffff;
}
.p2 .line{
    width:100%;
    height:4.29rem;
    background:url("../img/p2-line.png") no-repeat center;
    background-size:100% 4.29rem;
}
.p2 ul{
    margin-left:0.72rem;
}
.p2 ul li{
    margin-right:0.01rem;
    float:left;
    width:1.54rem;
    height:1.44rem;
    overflow:hidden;
}
.p2 ul li img{
    margin:0.07rem auto;
    width:0.86rem;
    height:0.94rem;
    display:block;
}
.p2 ul li h2{
    font-size:0.22rem;
    line-height:0.22rem;
    text-align:center;
}
.btn{
    margin:0.55rem auto 0;
    width:2.22rem;
    height:0.55rem;
    font-size:0.36rem;
    line-height:0.52rem;
    text-align:center;
    color:#ffffff;
    display:block;
    background:url("../img/btn.png") no-repeat center;
    background-size:2.22rem 0.55rem;
}
.btn.b2{
    width:3.44rem;
    height:0.56rem;
    background:url("../img/btn2.png") no-repeat center;
    background-size:3.44rem 0.56rem;
}
.btn.b3{
    width:3.04rem;
    height:0.56rem;
    background:url("../img/btn3.png") no-repeat center;
    background-size:3.04rem 0.56rem;
}
.p3 ul li{
    width:25%;
    float:left;
}
.p3 ul li .tag{
    margin:0 auto;
    width:1.32rem;
    height:1.33rem;
    overflow:hidden;
}
.p3 ul li .tag.t1{
    background:url("../img/p3-img1.png") no-repeat center;
    background-size:1.32rem 1.33rem;
}
.p3 ul li .tag.t2{
    background:url("../img/p3-img2.png") no-repeat center;
    background-size:1.32rem 1.33rem;
}
.p3 ul li .tag.t3{
    background:url("../img/p3-img3.png") no-repeat center;
    background-size:1.32rem 1.33rem;
}
.p3 ul li .tag.t4{
    background:url("../img/p3-img4.png") no-repeat center;
    background-size:1.32rem 1.33rem;
}
.p3 ul li .tag h2{
    margin-top:0.46rem;
    font-size:0.18rem;
    font-weight:bold;
    line-height:0.22rem;
    color:#ffffff;
    text-align:center;
}
.p3 ul li .jt{
    margin:0.11rem auto;
    width:0.1rem;
    height:0.06rem;
    display:block;
}
.p3 ul li h3{
    font-size:0.18rem;
    font-weight:bold;
    line-height:0.18rem;
    color:#21d2b5;
    text-align:center;
}
.p3 ul li h4{
    margin-top:0.08rem;
    font-size:0.2rem;
    font-weight:bold;
    line-height:0.2rem;
    color:#21d2b5;
    text-align:center;
    background:url("../img/p3-line.png") no-repeat center;
    background-size:0.98rem 0.01rem;
}
.p4 .bg{
    background:url("../img/p4-bg.jpg") no-repeat top center;
    background-size:100% 1.8rem;
    overflow:hidden;
}
.p4 ul{
    margin-top:0.16rem;
}
.p4 ul li{
    float:left;
    width:25%;
    height:auto;
}
.p4 ul li img{
    width:100%;
    height:1.46rem;
    display:block;
}
.p4 ul li .info{
    width:100%;
    height:0.5rem;
    display:none;
    background:#2dd5ba;
}
.p4 ul li.act .info{
    display:block;
}
.p4 ul li .info h2{
    font-size:0.16rem;
    line-height:0.25rem;
    color:#ffffff;
    text-indent:0.16rem;
}
.p4 ul li .info p{
    font-size:0.16rem;
    line-height:0.25rem;
    color:#ffffff;
    text-indent:0.16rem;
}
.p5 ul{
    width:7.5rem;
}
.p5 ul li{
    float:left;
    margin-right:0.14rem;
    width:2.21rem;

}
.p5 ul li img{
    width:100%;
    height:auto;
    display:block;
}
.p5 ul li h2{
    font-size:0.16rem;
    line-height:0.32rem;
    text-align:center;
    color:#ffffff;
    background:#1e2432;
}
.p6 .bg{
    background:url("../img/p6-bg.jpg") no-repeat top center;
    background-size:100% 2.01rem;
    overflow:hidden;
}
#p6{
    margin-top:0.06rem;
}
#p6 .swiper-slide{
    height:2.1rem;
}
#p6 .img{
    left:50%;
    margin-left:-0.895rem;
    padding-top:0.48rem;
    width:1.79rem;
    height:1.17rem;
    position:absolute;
    transition:0.5s;
}
#p6 h2{
    bottom:0;
    width:100%;
    font-size:0.16rem;
    line-height:0.16rem;
    text-align:center;
    position:absolute;
}
#p6 .img.i1{
    background:url("../img/p6-img1.jpg") no-repeat center bottom;
    background-size:1.79rem 1.17rem;
}
#p6 .img.i2{
    background:url("../img/p6-img2.jpg") no-repeat center bottom;
    background-size:1.79rem 1.17rem;
}
#p6 .img.i3{
    background:url("../img/p6-img3.jpg") no-repeat center bottom;
    background-size:1.79rem 1.17rem;
}
#p6 .img.i4{
    background:url("../img/p6-img4.jpg") no-repeat center bottom;
    background-size:1.79rem 1.17rem;
}
#p6 .img.i5{
    background:url("../img/p6-img5.jpg") no-repeat center bottom;
    background-size:1.79rem 1.17rem;
}
#p6 .img.i6{
    background:url("../img/p6-img6.jpg") no-repeat center bottom;
    background-size:1.79rem 1.17rem;
}
#p6 .swiper-slide-next .img{
    padding-top:0;
    margin-left:-1.485rem;
    width:2.97rem;
    height:1.67rem;
    transition:0.5s;
}
#p6 .swiper-slide-next .img.i1{
    background:url("../img/p6-img1-act.jpg") no-repeat center bottom;
    background-size:2.97rem 1.67rem;
}
#p6 .swiper-slide-next .img.i2{
    background:url("../img/p6-img2-act.jpg") no-repeat center bottom;
    background-size:2.97rem 1.67rem;
}
#p6 .swiper-slide-next .img.i3{
    background:url("../img/p6-img3-act.jpg") no-repeat center bottom;
    background-size:2.97rem 1.67rem;
}
#p6 .swiper-slide-next .img.i4{
    background:url("../img/p6-img4-act.jpg") no-repeat center bottom;
    background-size:2.97rem 1.67rem;
}
#p6 .swiper-slide-next .img.i5{
    background:url("../img/p6-img5-act.jpg") no-repeat center bottom;
    background-size:2.97rem 1.67rem;
}
#p6 .swiper-slide-next .img.i6{
    background:url("../img/p6-img6-act.jpg") no-repeat center bottom;
    background-size:2.97rem 1.67rem;
}
#p6 .swiper-slide-next h2{
    font-size:0.2rem;
    line-height:0.2rem;
    font-weight:bold;
}
.p7 .bg{
    width:100%;
    height:3.49rem;
    background:url("../img/p7-bg.jpg") no-repeat center;
    background-size:100% 3.49rem;
    overflow:hidden;
}
.p7 .main{
    position:relative;
}
#p7{
    margin:0 auto;
    padding-top:0.57rem;
    width:90%;
}
#p7 .box{
    margin:0 auto;
    width:1.64rem;
    border:1px solid #53627f;
}
#p7 .swiper-slide{
    width:30%;
}
#p7 .box img{
    width:100%;
    height:auto;
    display:block;
}
#p7 .box h2{
    width:100%;
    line-height:0.32rem;
    font-size:0.16rem;
    font-weight:bold;
    text-indent:0.06rem;
    color:#ffffff;
    background:#00b698;
}
#p7 .box h2 span{
    margin-left:0.03rem;
    line-height:0.32rem;
    font-weight:normal;
    color:#ffffff;
}
#left{
    top:1.56rem;
    left:0.57rem;
    width:0.33rem;
    height:0.34rem;
    cursor:pointer;
    position:absolute;
    z-index:9999;
    background:url("../img/left.png") no-repeat center;
    background-size:0.33rem 0.34rem;
}
#right{
    top:1.56rem;
    right:0.57rem;
    width:0.33rem;
    height:0.34rem;
    cursor:pointer;
    z-index:9999;
    position:absolute;
    background:url("../img/right.png") no-repeat center;
    background-size:0.33rem 0.34rem;
}
.p8 .mac{
    width:100%;
    height:3.55rem;
    background:url("../img/mac.png") no-repeat top right;
    background-size:5.58rem 3.55rem;
    overflow:hidden;
    position:relative;
}
.p8 ul{
    top:0.27rem;
    left:0.66rem;
    position:absolute;
}
.p8 ul li{
    width:1.7rem;
    height:0.4rem;
    position:relative;
    cursor:pointer;
    border-bottom:1px solid #999999;
}
.p8 ul li h2{
    font-size:0.15rem;
    line-height:0.4rem;
    font-weight:bold;
    padding-left:0.34rem;
    color:#999999;
}
.p8 ul li.l1 h2{
    background:url("../img/p8-tag1.png") no-repeat 0.04rem center;
    background-size:0.19rem 0.15rem;
}
.p8 ul li.l2 h2{
    background:url("../img/p8-tag2.png") no-repeat 0.04rem center;
    background-size:0.2rem 0.17rem;
}
.p8 ul li.l3 h2{
    background:url("../img/p8-tag3.png") no-repeat 0.04rem center;
    background-size:0.2rem 0.17rem;
}
.p8 ul li.l4 h2{
    background:url("../img/p8-tag4.png") no-repeat 0.04rem center;
    background-size:0.18rem 0.18rem;
}
.p8 ul li.l5 h2{
    background:url("../img/p8-tag5.png") no-repeat 0.04rem center;
    background-size:0.19rem 0.19rem;
}
.p8 ul li.act{
    margin-bottom:0.1rem;
}
.p8 ul li.act h2{
    left:-0.3rem;
    top:-1px;
    padding-left:0.68rem;
    width:2.74rem;
    height:0.53rem;
    color:#1e2432;
    line-height:0.53rem;
    position:absolute;
}
.p8 ul li.l1.act h2{
    background:url("../img/p8-tag1-act.png") no-repeat 0.35rem center #ffdd00;
    background-size:0.19rem 0.15rem;
}
.p8 ul li.l2.act h2{
    background:url("../img/p8-tag2-act.png") no-repeat 0.35rem center #ffdd00;
    background-size:0.19rem 0.15rem;
}
.p8 ul li.l3.act h2{
    background:url("../img/p8-tag3-act.png") no-repeat 0.35rem center #ffdd00;
    background-size:0.19rem 0.15rem;
}
.p8 ul li.l4.act h2{
    background:url("../img/p8-tag4-act.png") no-repeat 0.35rem center #ffdd00;
    background-size:0.19rem 0.15rem;
}
.p8 ul li.l5.act h2{
    background:url("../img/p8-tag5-act.png") no-repeat 0.35rem center #ffdd00;
    background-size:0.19rem 0.15rem;
}
.p8 .img{
    top:0.15rem;
    right:0.82rem;
    width:3.52rem;
    height:2rem;
    overflow:hidden;
    position:absolute;
}
.p8 .img img{
    width:3.52rem;
    height:2rem;
    display:none;
}
.p8 .img img.act{
    display:block;
}
.p9{
    padding-bottom:0.6rem;
}
.p9 ul{
    margin-left:0.34rem;
    width:7rem;
}
.p9 ul li{
    margin-top:0.34rem;
    margin-right:0.5rem;
    float:left;
    width:1.74rem;
    height:2.01rem;
    position:relative;
    background:url("../img/p9-box.png") no-repeat center;
    background-size:1.74rem 2.01rem;
}
.p9 ul li img{
    top:-0.17rem;
    left:0.64rem;
    width:0.49rem;
    height:0.49rem;
    display:block;
    position:absolute;
}
.p9 ul li h2{
    margin-top:0.55rem;
    color:#ffffff;
    font-size:0.2rem;
    font-weight:bold;
    line-height:0.2rem;
    text-align:center;
}
.p9 ul li p{
    margin-top:0.18rem;
    font-size:0.18rem;
    line-height:0.18rem;
    color:#ffffff;
    text-align:center;
}
.p9 ul li h3{
    margin:0.09rem auto 0;
    width:1.3rem;
    height:0.29rem;
    line-height:0.29rem;
    font-size:0.18rem;
    font-weight:bold;
    color:#22d3b6;
    text-align:center;
    background:#ffffff;
    border-radius:0.12rem;
}
.p10{
    width:100%;
    height:3.72rem;
    background:url("../img/p10-bg.jpg") no-repeat center;
    background-size:100% 3.72rem;
}
.title2{
    padding-top:0.5rem;
    padding-bottom:0.3rem;
}
.title2 h2{
    font-size:0.35rem;
    font-weight:bold;
    line-height:0.35rem;
    text-align:center;
    color:#22d3b6;
    background:url("../img/p10-line.png") no-repeat center;
    background-size:5.76rem 1px;
}
.title2 h3{
    margin-top:0.14rem;
    font-size:0.35rem;
    font-weight:bold;
    line-height:0.35rem;
    text-align:center;
    color:#ffae00;
}
.p10 form{
    margin-left:1.87rem;
    width:3.17rem;
}
.p10 input[type="text"]{
    margin-bottom:0.15rem;
    width:3.15rem;
    height:0.42rem;
    line-height:0.42rem;
    color:#abaeb4;
    display:block;
    font-size:0.27rem;
    text-indent:0.47rem;
    border:1px solid #abaeb4;
    border-radius:0.08rem;
}
.p10 input.name{
    background:url("../img/t-name.png") no-repeat 0.17rem center;
    background-size:0.2rem 0.24rem;
}
.p10 input.phone{
    background:url("../img/t-phone.png") no-repeat 0.17rem center;
    background-size:0.14rem 0.28rem;
}
.p10 input[type='submit']{
    margin:0 auto;
    width:1.7rem;
    height:0.43rem;
    color:#ffffff;
    display:block;
    line-height:0.38rem;
    font-size:0.24rem;
    font-weight:bold;
    background:url("../img/submit.png") no-repeat center;
    background-size:1.7rem 0.43rem;
    border:none;
}
.footer{
    padding:0.2rem 0 1rem;
    width:100%;
    background:#131721;
}
.footer p{
    font-size:0.14rem;
    line-height:0.24rem;
    color:#ffffff;
    text-align:center;
}