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:#838383;}
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 .logo{
    margin-top:0.3rem;
    margin-left:0.3rem;
    float:left;
    width:1.31rem;
    height:0.4rem;
    display:block;
}
.header .top .logo-text{
    margin-top:0.34rem;
    margin-left:0.15rem;
    padding-left:0.13rem;
    float:left;
    color:#ffffff;
    font-size:0.22rem;
    line-height:0.35rem;
    border-left:0.01rem solid #ffffff;
}
.header .top .phone{
    margin-top:0.36rem;
    margin-right:0.36rem;
    padding-left:0.4rem;
    float:right;
    line-height:0.33rem;
    font-size:0.2rem;
    color:#01d5a2;
    background:url("../img/phone.png") no-repeat left center;
    background-size:0.33rem 0.33rem;
}
.header .nav{
    margin-top:0.28rem;
    border-top:0.01rem solid #074b48;
    border-bottom:0.01rem solid #074b48;
}
.header .nav ul{
    margin-left:0.22rem;
}
.header .nav li{
    float:left;
    position:relative;
    background:url("../img/nav-line.jpg") no-repeat left center;
    background-size:0.01rem 100%;
}
.header .nav li.first{
    background:none;
}
.header .nav li a{
    padding:0 0.22rem;
    line-height:0.79rem;
    font-size:0.26rem;
    text-align:center;
    color:#ffffff;
    display:block;
}
.header .nav li span{
    left:50%;
    margin-left:-0.51rem;
    bottom:0;
    width:1.03rem;
    height:0.02rem;
    display:block;
    position:absolute;
    background:#01d5a2;
}
.banner{
    width:7.5rem;
    height:12rem;
    background-size:7.5rem 12rem;
}
.banner img{
    width:7.5rem;
    height:12rem;
}
.part{
    margin:0 auto;
    width:100%;
    overflow:hidden;
}
.part .title{
    margin-top:0.44rem;
    margin-bottom:0.54rem;
    height:1.92rem;
    position:relative;
    background:url("../img/title-bg.png") no-repeat left bottom;
    background-size:3.88rem 0.3rem;
}
.part .title.bg2{
    background:url("../img/title-bg2.png") no-repeat right bottom;
    background-size:3.92rem 0.3rem;
}
.part .title h3{
    font-size:0.58rem;
    text-align:center;
    color:#f7f7f7;
    line-height:0.58rem;
}
.part .title .txt{
    top:0.28rem;
    left:0;
    width:7.5rem;
    position:absolute;
}
.part .title .txt h2{
    font-size:0.54rem;
    line-height:0.54rem;
    text-align:center;
    color:#232227;
}
.part .title .txt h2 span{
    color:#01d5a2;
}
.part .title .txt p{
    margin-top:0.28rem;
    font-size:0.34rem;
    line-height:0.34rem;
    text-align:center;
}
.part .title.t2 h3{
    color:#37353d;
}
.part .title.t2 h2{
    color:#ffffff;
}
.part .title.t2 p{
    color:#ffffff;
}
.p1{
    background:#fefefe;
}
.p1 ul{
    margin-left:0.22rem;
    width:7.5rem
}
.p1 ul li{
    margin-bottom:0.28rem;
    margin-right:0.26rem;
    float:left;
    width:3.4rem;
    height:4.9rem;
    background:#ffffff;
    box-shadow:0 0 0.15rem 0.05rem #f4f4f4;
}
.p1 ul li img{
    width:100%;
    height:auto;
}
.p1 ul li h2{
    margin-top:0.3rem;
    font-size:0.34rem;
    line-height:0.34rem;
    color:#01d5a2;
    text-align:center;
}
.p1 ul li span{
    margin:0.2rem auto 0;
    width:0.8rem;
    height:0.04rem;
    display:block;
    background:#01d5a2;
}
.p1 ul li p{
    margin:0.18rem auto 0;
    width:2.9rem;
    font-size:0.26rem;
    line-height:0.38rem;
}
.p2{
    background:#fefefe;
}
.p2 ul{
    margin-left:0.14rem;
}
.p2 ul li{
    margin-right:0.08rem;
    float:left;
    width:2.33rem;
}
.p2 ul li .box{
    width:2.33rem;
    height:2.43rem;
    position:relative;
    background:#ffffff;
    border:0.01rem solid #f3f3f3;
    border-radius:0.03rem;
}
.p2 ul li .box img{
    margin-top:0.47rem;
    width:100%;
    height:auto;
}
.p2 ul li .box h2{
    margin-top:0.24rem;
    font-size:0.32rem;
    line-height:0.32rem;
    color:#01d5a2;
    text-align:center;
}
.p2 ul li .box span{
    left:50%;
    bottom:0;
    margin-left:-0.3rem;
    width:0.6rem;
    height:0.03rem;
    display:block;
    position:absolute;
    background:#01d5a2;
}
.p2 ul li p{
    margin:0.25rem auto 0;
    width:2.2rem;
    font-size:0.24rem;
    line-height:0.38rem;
    color:#b2b2b2;
}
.p2 .img{
    margin-top:0.4rem;
    width:100%;
    height:auto;
}
.part .link{
    margin:0.4rem auto;
    width:4.25rem;
    height:0.96rem;
    line-height:0.8rem;
    font-size:0.42rem;
    color:#ffffff;
    cursor:pointer;
    text-align:center;
    display:block;
    background:url("../img/link.png") no-repeat center;
    background-size:4.25rem 0.96rem;
}
.p3{
    height:8.76rem;
    background:url("../img/p3-bg.jpg") no-repeat center;
    background-size:7.5rem 8.76rem;
    overflow:hidden;
}
.p3 ul{
    margin-left:0.27rem;
    width:7.5rem;
}
.p3 ul li{
    margin-right:0.35rem;
    float:left;
    width:2.09rem;
    height:3.88rem;
}
.p3 ul li.l1{
    background:url("../img/p3-li1.png") no-repeat center;
    background-size:2.09rem 3.88rem;
}
.p3 ul li.l2{
    background:url("../img/p3-li2.png") no-repeat center;
    background-size:2.09rem 3.88rem;
}
.p3 ul li.l3{
    background:url("../img/p3-li3.png") no-repeat center;
    background-size:2.09rem 3.88rem;
}
.p3 ul li h2{
    margin-top:1.8rem;
    font-size:0.28rem;
    line-height:0.28rem;
    color:#ffffff;
    text-align:center;
}
.p3 ul li p{
    margin:0.34rem auto 0;
    font-size:0.24rem;
    line-height:0.36rem;
    width:1.5rem;
}
.p4 ul li{
    margin-bottom:0.24rem;
    width:100%;
    height:1.5rem;
    background:#ffffff;
    overflow:hidden;
    border-radius:0.05rem;
    box-shadow:0 0 0.1rem 0.1rem #f7fefc;
}
.p4 ul li.tag1{
    background:url("../img/p4-tag1.jpg") no-repeat 0.23rem 0.11rem;
    background-size:1.3rem 1.3rem;
}
.p4 ul li.tag2{
    background:url("../img/p4-tag2.jpg") no-repeat 0.23rem 0.11rem;
    background-size:1.3rem 1.3rem;
}
.p4 ul li.tag3{
    background:url("../img/p4-tag3.jpg") no-repeat 0.23rem 0.11rem;
    background-size:1.3rem 1.3rem;
}
.p4 ul li.tag4{
    background:url("../img/p4-tag4.jpg") no-repeat 0.23rem 0.11rem;
    background-size:1.3rem 1.3rem;
}
.p4 ul li h2{
    margin-left:1.82rem;
    margin-top:0.26rem;
    padding-bottom:0.16rem;
    width:4.8rem;
    font-size:0.32rem;
    line-height:0.32rem;
    color:#333333;
    border-bottom:0.01rem dashed #19d9ab;
}
.p4 ul li p{
    margin-left:1.82rem;
    margin-top:0.16rem;
    font-size:0.24rem;
    line-height:0.24rem;
}
.p5{
    width:100%;
    height:10.93rem;
    background:url("../img/p5-bg.jpg") no-repeat center;
    background-size:7.5rem 10.93rem;
}
.p5 .main > ul > li{
    margin-bottom:0.04rem;
    height:0.85rem;
    position:relative;
    overflow:hidden;
    transition:0.4s;
}
.p5 .main > ul > li.act{
    height:2.4rem;
    transition:0.4s;
}
.p5 .main > ul > li .jt{
    top:0.2rem;
    right:0.38rem;
    width:0.55rem;
    height:0.55rem;
    position:absolute;
    background:url("../img/p5-jt.png") no-repeat center;
    background-size:0.55rem 0.55rem;
}
.p5 .main > ul > li.act .jt{
    background:url("../img/p5-jt-act.png") no-repeat center;
    background-size:0.55rem 0.55rem;
}
.p5 .main > ul > li.l1{
    background:url("../img/p5-li1.jpg") no-repeat center top #ffffff;
    background-size:7.05rem 0.85rem;
}
.p5 .main > ul > li.l2{
    background:url("../img/p5-li2.jpg") no-repeat center top #ffffff;
    background-size:7.05rem 0.85rem;
}
.p5 .main > ul > li.l3{
    background:url("../img/p5-li3.jpg") no-repeat center top #ffffff;
    background-size:7.05rem 0.85rem;
}
.p5 .main > ul > li.l4{
    background:url("../img/p5-li4.jpg") no-repeat center top #ffffff;
    background-size:7.05rem 0.85rem;
}
.p5 .main > ul > li.l5{
    background:url("../img/p5-li5.jpg") no-repeat center top #ffffff;
    background-size:7.05rem 0.85rem;
}
.p5 .main > ul > li h2{
    font-size:0.34rem;
    color:#ffffff;
    text-indent:1.36rem;
    line-height:0.85rem;
}
.p5 .main > ul > li ul{
    margin-top:0.2rem;
    margin-left:0.34rem;
    background:url("../img/p5-line.png") no-repeat left center;
    background-size:6.37rem 0.01rem;
}
.p5 .main > ul > li ul li{
    float:left;
    width:3.2rem;
    line-height:0.54rem;
    font-size:0.26rem;
}


.p6 .img{
    width:100%;
    height:auto;
}
#p7{
    width:100%;
    height:4.03rem;
}
#p7{
    background:url("../img/p7-bg.jpg") no-repeat left;
    background-size:4.24rem 2.24rem;
}
#p7 .box{
    width:100%;
    height:4.03rem;
    position:relative;
}
#p7 .box img{
    top:0;
    left:0.4rem;
    width:3.29rem;
    height:4.03rem;
    position:absolute;
}
#p7 .box .info{
    top:0;
    padding:0.1rem;
    right:0.4rem;
    width:2.6rem;
    position:absolute;
    background:#ffffff;
}
#p7 .box .info h2{
    text-align:right;
    font-size:0.4rem;
    line-height:0.4rem;
    color:#232227;
}
#p7 .box .info h3{
    padding-bottom:0.2rem;
    margin-top:0.14rem;
    font-size:0.24rem;
    line-height:0.28rem;
    text-align:right;
    color:#232227;
    border-bottom:0.01rem solid #838383;
}
#p7 .box .info p{
    margin-top:0.28rem;
    font-size:0.24rem;
    line-height:0.36rem;
    text-align:right;
    color:#838383;
}
#p7-pag.swiper-pagination-bullets{
    bottom: 0;
    left: 1rem;
    width: 100%
}
#p7-pag .swiper-pagination-bullet-active {
    opacity: 1;
    background:#01d5a2;
}
.p8 .img{
    width:100%;
    height:auto;
}
.p9{
    width:100%;
    height:9.47rem;
    background:url("../img/p9-bg.jpg") no-repeat center;
    background-size:7.5rem 9.47rem;
}
.p9 ul{
    margin-left:0.24rem;
}
.p9 ul li{
    margin-right:0.09rem;
    float:left;
    width:2.28rem;
    height:4.47rem;
}
.p9 ul li.l1{
    background:url("../img/p9-li1.jpg") no-repeat center;
    background-size:2.28rem 4.47rem;
}
.p9 ul li.l2{
    background:url("../img/p9-li2.jpg") no-repeat center;
    background-size:2.28rem 4.47rem;
}
.p9 ul li.l3{
    background:url("../img/p9-li3.jpg") no-repeat center;
    background-size:2.28rem 4.47rem;
}
.p9 ul li h2{
    margin-top:1.92rem;
    font-size:0.34rem;
    line-height:0.34rem;
    text-align:center;
    color:#01d5a2;
}
.p9 ul li p{
    margin-top:0.4rem;
    font-size:0.26rem;
    line-height:0.4rem;
    text-align:center;
}
.p10 ul{
    margin-left:0.16rem;
    width:7.5rem;
}
.p10 ul li{
    margin-right:0.09rem;
    float:left;
    width:2.33rem;
    height:1.94rem;
}
.p10 ul li.l1{
    background:url("../img/p10-li1.jpg") no-repeat center;
    background-size:2.33rem 1.94rem;
}
.p10 ul li.l2{
    background:url("../img/p10-li2.jpg") no-repeat center;
    background-size:2.33rem 1.94rem;
}
.p10 ul li.l3{
    background:url("../img/p10-li3.jpg") no-repeat center;
    background-size:2.33rem 1.94rem;
}
.p10 ul li.l4{
    background:url("../img/p10-li4.jpg") no-repeat center;
    background-size:2.33rem 1.94rem;
}
.p10 ul li.l5{
    background:url("../img/p10-li5.jpg") no-repeat center;
    background-size:2.33rem 1.94rem;
}
.p10 ul li.l6{
    background:url("../img/p10-li6.jpg") no-repeat center;
    background-size:2.33rem 1.94rem;
}
.p10 ul li h2{
    margin-top:0.34rem;
    font-size:0.4rem;
    line-height:0.4rem;
    text-align:center;
    color:#ffffff;
}
.p10 ul li p{
    margin-top:0.4rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:center;
    color:#ffffff;
}
.table{
    width:7.5rem;
    height:10.43rem;
    overflow:hidden;
    background:url("../img/table-bg.jpg") no-repeat center;
    background-size:7.5rem 10.43rem;
}
.table form{
    margin:3rem auto 0;
    width:6.5rem;
    height:6.5rem;
    background:#24263f;
    border-radius:0.09rem;
    overflow:hidden;
}
.table form input[type="text"]{
    padding:0 0.1rem 0 1.2rem;
    width:4.19rem;
    height:0.87rem;
    display:block;
    border:0;
    color:#ffffff;
    font-size:0.32rem;
    line-height:0.87rem;
}
.table form input[type="text"].name{
    margin:0.67rem auto 0;
    background:url("../img/table-tag1.png") no-repeat center;
    background-size:5.49rem 0.87rem;
}
.table form input[type="text"].phone{
    margin:0.67rem auto 0;
    background:url("../img/table-tag2.png") no-repeat center;
    background-size:5.49rem 0.87rem;
}
.table form input[type="text"].num{
    background:url("../img/table-tag3.png") no-repeat center;
    background-size:5.49rem 0.87rem;
}
.table form .wm{
    margin:0.67rem auto 0;
    width:5.49rem;
    height:0.87rem;
    position:relative;
}
.table form .wm #getcode{
    top:0.2rem;
    right:0.11rem;
    width:1.82rem;
    height:0.5rem;
    cursor:pointer;
    line-height:0.5rem;
    color:#ffffff;
    font-size:0.26rem;
    text-align:center;
    position:absolute;
    background:#474a6a;
    border-radius:0.4rem;
}
.table form input[type="submit"]{
    margin:0.5rem auto 0;
    width:5.49rem;
    height:0.87rem;
    display:block;
    color:#ffffff;
    font-size:0.42rem;
    line-height:0.87rem;
    cursor:pointer;
    background:linear-gradient(#24f798,#05d9a1);
    border-radius:0.4rem;
    border:0;
}
.footer{
    padding-bottom:1rem;
    background:#000000;
}