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;}
img{display:block}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

.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;
    z-index:9999;
    position:absolute;
}
.header .top{
    height:1rem;
}
.header .top .logo{
    margin-top:0.27rem;
    margin-left:0.2rem;
    float:left;
    width:1.58rem;
    height:0.47rem;
}
.header .top .logo-text{
    margin-top:0.4rem;
    margin-left:0.1rem;
    float:left;
    font-size:0.24rem;
    color:#ffffff;
}
.header .top .phone{
    margin-top:0.37rem;
    margin-right:0.2rem;
    padding-left:0.4rem;
    float:right;
    font-size:0.24rem;
    line-height:0.3rem;
    color:#ffffff;
    background:url("../img/phone.png") no-repeat left center;
    background-size:0.3rem 0.3rem;
}
.header .nav{
    width:7.5rem;
    height:0.5rem;
    background:url("../img/nav-bg.png") no-repeat center;
    background-size:7.5rem 0.5rem;
}
.header .nav ul{
    margin-left:0.7rem;
}
.header .nav ul li{
    margin-right:0.42rem;
    float:left;
    line-height:0.48rem;
}
.header .nav ul li a{
    font-size:0.3rem;
    color:#ffffff;
}
#banner{
    width:7.5rem;
    height:13rem;
}
#banner img{
    width:7.5rem;
    height:13rem;
}
.title{
    padding:0.5rem 0;
}
.title h2{
    color:#32383c;
    font-size:0.46rem;
    line-height:0.46rem;
    text-align:center;
    background:url("../img/title-t1.png") no-repeat center;
    background-size:5.97rem 0.05rem;
}
.title.t2 h2{
    background:url("../img/title-t2.png") no-repeat center;
    background-size:6.37rem 0.05rem;
}
.title.t3 h2{
    background:url("../img/title-t3.png") no-repeat center;
    background-size:7.17rem 0.05rem;
}
.title h2 span{
    color:#ff7b6e;
}
.title h3{
    margin-top:0.16rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:center;
    color:#00bbc4;
}
.title p{
    margin-top:0.24rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:center;
    color:#9c9c9c;
}
.part{
    padding-bottom:0.5rem;
}
.p1{
    background:url("../img/p1-bg.jpg") no-repeat left 2.74rem;
    background-size:7.5rem 3.5rem;
}
.p1 .ctn{
    height:5rem;
    position:relative;
}
.p1 .ctn ul li{
    width:2rem;
    height:2.5rem;
    position:absolute;
}
.p1 .ctn ul li.l1{
    top:0;
    left:3rem;
    background:#f2f2f2;
}
.p1 .ctn ul li.l1{
    top:0;
    left:3rem;
    background:#f2f2f2;
}
.p1 .ctn ul li.l2{
    top:0;
    left:5rem;
    background:#ffffff;
}
.p1 .ctn ul li.l3{
    top:2.5rem;
    left:0.5rem;
    background:url("../img/p1-l3.jpg") no-repeat center;
    background-size:2rem 2.5rem;
}
.p1 .ctn ul li.l4{
    top:2.5rem;
    left:2.5rem;
    background:url("../img/p1-l4.jpg") no-repeat center;
    background-size:2rem 2.5rem;
}
.p1 .ctn ul li h2{
    margin-top:0.36rem;
    color:#32383c;
    font-size:0.36rem;
    font-weight:bold;
    line-height:0.36rem;
    text-align:center;
}
.p1 .ctn ul li p{
    margin-top:0.26rem;
    color:#9c9c9c;
    font-size:0.24rem;
    text-align:center;
    line-height:0.28rem;
}
.p1 .ctn ul li h3{
    margin:0.36rem auto 0;
    width:1.38rem;
    height:0.33rem;
    color:#9c9c9c;
    font-size:0.24rem;
    text-align:center;
    line-height:0.3rem;
    border:0.01rem solid #9c9c9c;
}
.p1 .ctn ul li.l3 h2,.p1 .ctn ul li.l4 h2
,.p1 .ctn ul li.l3 p,.p1 .ctn ul li.l4 p{
    color:#ffffff;
}
.p1 .ctn ul li.l3 h3,.p1 .ctn ul li.l4 h3{
    color:#ffffff;
    border:0.01rem solid #ffffff;
}
.p2{
    background:#f6f6f6;
}
.p2 .ctn{
    width:7.5rem;
    height:3.73rem;
    position:relative;
    background:url("../img/p2-img.png") no-repeat center;
    background-size:6.96rem 3.73rem;
}
.p2 .ctn .tag1{
    left:0.98rem;
    bottom:0.78rem;
    width:6.24rem;
    height:2.3rem;
    position:absolute;
    animation:5s p1Tag1 ease infinite;
}
@keyframes p1Tag1{
    0%{height:0;}
    25%{height:61.66%}
    75%{height:61.66%}
    100%{height:0;}
}
.p2 .ctn .tag2{
    left:1.53rem;
    top:0.45rem;
    width:5.19rem;
    height:1.24rem;
    position:absolute;
    animation:5s p1Tag2 ease infinite;
}
@keyframes p1Tag2{
    0%{opacity:0;}
    25%{opacity:1;}
    75%{opacity:1;}
    100%{opacity:0;}
}
.p3 .ctn{
    height:3rem;
}
.p3 ul{
    margin-left:0.19rem;
}
.p3 ul li{
    margin-top:0.2rem;
    margin-right:0.08rem;
    padding-bottom:0.16rem;
    float:left;
    width:2.3rem;
    position:relative;
    border:1px solid #dadcdc;
}
.p3 ul li img{
    width:100%;
    height:auto;
}
.p3 ul li h2{
    top:0.2rem;
    left:0;
    width:1.3rem;
    height:0.45rem;
    line-height:0.45rem;
    color:#ffffff;
    font-size:0.24rem;
    text-align:center;
    position:absolute;
    background:#ff8073;
}
.p3 ul li h3{
    margin-top:0.09rem;
    font-size:0.24rem;
    color:#ff8579;
    line-height:0.24rem;
    text-align:center;
}
.p3 ul li p{
    margin-top:0.17rem;
    font-size:0.2rem;
    color:#9c9c9c;
    line-height:0.2rem;
    text-align:center;
}
.p3 ul li p span{
    color:#ff8579;
}
.p3 ul li.l2{
    margin-top:0;
}
.p3 ul li.l2 h2{
    font-size:0.2rem;
    background:#31d0d5;
}
.p3 ul li.l2 h3{
    margin-top:0.04rem;
}
.p4{
    background:#f6f6f6;
}
.p4 .ctn{
    width:7.5rem;
    height:5.19rem;
    position:relative;
    background:url("../img/p4-img.png") no-repeat center;
    background-size:7.36rem 5.19rem;
}
.p4 .ctn .tag{
    top:0;
    left:1.91rem;
    width:2.8rem;
    height:4.25rem;
    position:absolute;
    animation:5s p4Tag linear infinite;
}
@keyframes p4Tag{
    0%{width:0;}
    25%{width:37.33%;}
}
.part .link{
    margin:0.5rem auto 0;
    width:3.7rem;
    height:0.6rem;
    font-size:0.4rem;
    font-weight:bold;
    line-height:0.6rem;
    color:#ffffff;
    display:block;
    text-align:center;
    background:#ff8377;
    border-radius:0.04rem;
}
.p5{
    background:url("../img/p5-bg.jpg") no-repeat center 2.74rem;
    background-size:7.8rem 3.8rem;
}
.p5 .ctn{
    height:5rem;
    position:relative;
}
.p5 ul li{
    position:absolute;
}
.p5 ul li.l1{
    top:1.18rem;
    left:0.2rem;
    width:2.4rem;
    height:2.4rem;
    background:url("../img/p5-img1.jpg") no-repeat center;
    background-size:2.4rem 2.4rem;
}
.p5 ul li.l2{
    top:0;
    left:2.8rem;
    width:2rem;
    height:2rem;
    background:url("../img/p5-img2.jpg") no-repeat center;
    background-size:2rem 2rem;
}
.p5 ul li.l3{
    top:0.73rem;
    left:5rem;
    width:2.3rem;
    height:2.3rem;
    background:url("../img/p5-img3.jpg") no-repeat center;
    background-size:2.3rem 2.3rem;
}
.p5 ul li.l4{
    top:2.2rem;
    left:2.4rem;
    width:2.8rem;
    height:2.8rem;
    background:url("../img/p5-img4.jpg") no-repeat center;
    background-size:2.8rem 2.8rem;
}
.p5 ul li h2{
    bottom:0.2rem;
    left:0;
    width:1.6rem;
    height:0.3rem;
    font-size:0.2rem;
    text-align:center;
    color:#ffffff;
    line-height:0.3rem;
    position:absolute;
    background:#ff8377;
}
.p6{
    padding-bottom:0.2rem;
    background:#f6f6f6;
}
.p6 ul{
    margin-left:0.19rem;
    width:7.5rem;
}
.p6 ul li{
    margin-bottom:0.29rem;
    margin-right:0.23rem;
    float:left;
    width:2.2rem;
    height:2rem;
    background:url("../img/p6-line1.jpg") no-repeat left bottom #ffffff;
    background-size:2.2rem 0.03rem;
    border:1px solid #e2e3e3;
}
.p6 ul li.l2{
    background:url("../img/p6-line2.jpg") no-repeat left bottom #ffffff;
    background-size:2.2rem 0.03rem;
}
.p6 ul li h2{
    padding-right:0.1rem;
    width:100%;
    height:0.45rem;
    font-size:0.24rem;
    text-align:right;
    color:#ffffff;
    line-height:0.45rem;
    background:#ff8377;
    position:relative;
}
.p6 ul li.l2 h2{
    background:#26cbd1;
}
.p6 ul li h2 span{
    top:0.21rem;
    left:0;
    width:0.4rem;
    height:0.03rem;
    display:block;
    position:absolute;
    background:#ffffff;
}
.p6 ul li img{
    margin:0.13rem auto;
    width:0.72rem;
    height:0.82rem;
}
.p6 ul li p{
    margin-top:0.13rem;
    font-size:0.28rem;
    line-height:0.28rem;
    color:#9c9c9c;
    text-align:center;
}
.p6 ul li p span{
    font-size:0.2rem;
}
.p7 ul{
    margin-left:0.48rem;
}
.p7 ul li{
    margin-bottom:0.3rem;
    margin-right:0.26rem;
    float:left;
    width:1.45rem;
}
.p7 ul li img{
    width:1.45rem;
    height:1.45rem;
}
.p7 ul li p{
    margin-top:0.16rem;
    line-height:0.24rem;
    font-size:0.24rem;
    text-align:center;
}
.p7 ul li a{
    color:#000;
}
.p7 .link{
    margin-top:0.2rem;
}
.p8{
    background:#f6f6f6;
}
.p8 .box{
    margin:0.53rem auto 0;
    width:6.6rem;
    height:1.8rem;
    position:relative;
    background:#ffffff;
    border:1px solid #dedfdf;
}
.p8 .box h2{
    top:-0.24rem;
    left:50%;
    margin-left:-1rem;
    width:2rem;
    color:#ffffff;
    text-align:center;
    font-size:0.3rem;
    height:0.5rem;
    line-height:0.5rem;
    position:absolute;
    background:#ff7c6f;
}
.p8 .box.b2 h2{
    background:#09bfc7;
}
.p8 .box h2 span{
    right:-0.12rem;
    bottom:0;
    width:0.12rem;
    height:0.25rem;
    position:absolute;
    background:url("../img/p8-tag.png") no-repeat center;
    background-size:0.12rem 0.25rem;
}
.p8 .box ul{
    margin-top:0.5rem;
    margin-left:0.16rem;
}
.p8 .box ul li{
    margin-bottom:0.2rem;
    margin-right:0.1rem;
    width:1.48rem;
    float:left;
    height:0.38rem;
    color:#9c9c9c;
    position:relative;
    text-align:center;
    font-size:0.24rem;
    line-height:0.38rem;
    border:1px solid #d1d1d1;
}
.p8 .box ul li.big{
    width:2.38rem;
}
.p8 .box ul li span{
    top:0.09rem;
    left:-0.02rem;
    width:0.05rem;
    height:0.2rem;
    display:block;
    position:absolute;
    background:#ff8579;
}
.p8 .box.b2 ul li span{
    top:0.09rem;
    left:-0.02rem;
    width:0.05rem;
    height:0.2rem;
    display:block;
    position:absolute;
    background:#09bfc7;
}
.p9{
    background:url("../img/p9-bg.jpg") no-repeat center 1.1rem;
    background-size:7.5rem 4.79rem;
}
.p9 .ctn{
    width:7.5rem;
    height:4.79rem;
    position:relative;
}
.p9 #th{
    top:2.94rem;
    right:0.1rem;
    width:2.8rem;
    position:absolute;
}
.p9 #th img{
    margin:0 auto;
    width:0.85rem;
    height:0.85rem;
}
.p9 #th .swiper-slide-active img{
    border:2px solid #ff8579;
}
.p9 .tab{
    top:0.13rem;
    left:0.5rem;
    width:6.9rem;
    height:3.1rem;
    position:absolute;
    overflow:hidden;
}
.p9 .tab > div{
    left:7.5rem;
    width:6.9rem;
    overflow:hidden;
    position:absolute;
    transition:0.4s;
}
.p9 .tab > div.act{
    left:0;
    transition:0.4s;
}
.p9 .tab > div img{
    width:3.8rem;
    height:3.1rem;
}
.p9 .tab > div .info{
    top:0.65rem;
    right:0;
    width:3.55rem;
    height:1.8rem;
    position:absolute;
    background:#ffffff;
    border:1px solid #f3f3f4;
}
.p9 .tab > div .info span{
    top:0.15rem;
    left:0.2rem;
    width:0.01rem;
    height:1.5rem;
    display:block;
    position:absolute;
    background:#e1e1e1;
}
.p9 .tab > div .info h2{
    margin-top:0.15rem;
    margin-left:0.38rem;
    padding-bottom:0.08rem;
    width:2.8rem;
    color:#32383c;
    font-size:0.3rem;
    line-height:0.3rem;
    border-bottom:0.03rem solid #ff8579;
}
.p9 .tab > div .info h3{
    margin-top:0.1rem;
    margin-left:0.38rem;
    font-size:0.24rem;
    color:#32383c;
    line-height:0.24rem;
}
.p9 .tab > div .info p{
    margin-top:0.16rem;
    margin-left:0.38rem;
    font-size:0.16rem;
    color:#a3a3a3;
    line-height:0.2rem;
}
.p10{
    padding-bottom:0;
    background:#f6f6f6;
}
.p10 ul{
    margin-left:0.2rem;
    width:7.5rem;
}
.p10 ul li{
    margin-bottom:0.54rem;
    margin-right:0.25rem;
    float:left;
    width:2.2rem;
    height:1.5rem;
    position:relative;
}
.p10 ul li img{
    width:100%;
    height:auto;
}
.p10 ul li h2{
    bottom:-0.2rem;
    left:50%;
    margin-left:-0.95rem;
    width:1.9rem;
    font-size:0.2rem;
    color:#ffffff;
    height:0.35rem;
    line-height:0.35rem;
    text-align:center;
    position:absolute;
    background:#3ed6d9;
}
.p10 ul li.l2 h2{
    background:#ff7e71;
}
.p11{
    background:url("../img/p11-bg.jpg") no-repeat center 2rem;
    background-size:7.5rem 3.92rem;
}
.p11 h2{
    padding:0.5rem 0;
    font-size:0.48rem;
    line-height:0.58rem;
    text-align:center;
}
.p11 h2 span{
    color:#ff8579;
}
.p11 form{
    margin-left:0.9rem;
}
.p11 input[type="text"]{
    padding:0 0.2rem 0 0.8rem;
    width:4.7rem;
    height:0.9rem;
    color:#7b7b7b;
    line-height:0.9rem;
    font-size:0.24rem;
    border-bottom:0.02rem solid #e5e5e5;
}
.p11 input[type="text"].name{
    margin-top:0.3rem;
    background:url("../img/p11-tag1.png") no-repeat 0.2rem center #ffffff;
    background-size:0.4rem 0.44rem;
}
.p11 input[type="text"].phone{
    margin-top:0.3rem;
    background:url("../img/p11-tag2.png") no-repeat 0.2rem center #ffffff;
    background-size:0.34rem 0.45rem;
}
.p11 input[type="text"].num{
    background:url("../img/p11-tag3.png") no-repeat 0.2rem center #ffffff;
    background-size:0.4rem 0.44rem;
}
.p11 .box{
    margin-top:0.3rem;
    width:5.7rem;
    height:0.9rem;
    position:relative;
}
.p11 #getcode{
    top:0.15rem;
    right:0.2rem;
    width:2rem;
    height:0.6rem;
    color:#ffffff;
    font-size:0.3rem;
    line-height:0.6rem;
    text-align:center;
    position:absolute;
    background:#31d0d5;
    border-radius:0.24rem;
}
.p11 input[type="submit"]{
    margin-top:0.77rem;
    margin-left:1rem;
    width:3.7rem;
    height:0.6rem;
    color:#ffffff;
    line-height:0.6rem;
    font-size:0.4rem;
    border:none;
    background:#ff8377;
    border-radius:0.04rem;
}
.footer{
    padding:0.3rem 0 1rem;
    background:#32383c;
}
.footer p{
    font-size:0.18rem;
    text-align:center;
    color:#ffffff;
    line-height:0.3rem;
}
.footer p span{
    font-size:0.24rem;
}