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;
    max-width:750px;
    min-width:320px;
    width:100%;
    overflow:hidden;
}
.main{
    margin:0 auto;
    width:92%;
}
.header{
    top:0;
    width:100%;
    max-width:750px;
    min-width:320px;
    z-index:9999;
    position:absolute;
}
.header .top{
    height:0.9rem;
    background:#171819;
}
.logo{
    float:left;
    margin-top:0.23rem;
    width:1.52rem;
    height:0.45rem;
}
.logo-text{
    float:left;
    margin-top:0.17rem;
    margin-left:0.14rem;
    padding-left:0.15rem;
    font-size:0.2rem;
    color:#ffffff;
    line-height:0.275rem;
    border-left:1px solid #ffffff;
}
.phone{
    padding-left:0.56rem;
    float:right;
    display:block;
    color:#ffffff;
    font-size:0.24rem;
    line-height:0.9rem;
    background:url("../img/phone.png") no-repeat left center;
    background-size:0.43rem 0.43rem;
}
.header .bottom{
    width:100%;
    height:0.75rem;
}
.nav{
  background: -webkit-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); /* 标准的语法 */
}
.nav li{
    float:left;
    width:16.666%;
    text-indent:0.3rem;
    line-height:0.65rem;
}
.nav li a{
    color:#ffffff;
    font-size:0.26rem;
    font-weight: 900;
}
.nav li.li1{
    text-indent:0.3rem;
}
.nav li.li2{
    text-indent:0;
}
.nav li.li3{
    text-indent:0.05rem;
}
.nav li.li4{
    text-indent:0.55rem;
}
.nav li.li5{
    text-indent:0;
}
.nav li.li6{
    text-indent:0;
}
#banner{
    margin-top:0.9rem;
    width:100%;
    overflow:hidden;
}
#banner img{
    width:100%;
    height:auto;
    display:block;
}
.title{
    padding:0.55rem 0 0.4rem;
}
.title h2{
    color:#333333;
    font-size:0.38rem;
    text-align:center;
}
.title h2 span{
    color:#41ae77;
}
.title p{
    margin-top:0.22rem;
    font-size:0.25rem;
    line-height:0.2rem;
    color:#999999;
    text-align:center;
}
.title.c2 h2{
    color:#ffffff;
}
.title.c2 p{
    color:#ffffff;
}
.title.c2 span{
    color:#f13900;
}
.title.c2.bai span{
    color:#41ae77;
}
.p1{
    padding-bottom:1.7rem;
    border-bottom:1px solid #d3d3d3;
}
.p1 img{
    width:100%;
    height:auto;
}
.p2{
    padding-bottom:0.5rem;
}
.p2 .main{
    position:relative;
}
.p2 h4{
    float:right;
    margin-right:0.3rem;
    padding-left:0.27rem;
    line-height:0.16rem;
    font-size:0.16rem;
    color:#2ea7a6;
    background:url("../img/p2-tag.png") no-repeat  left;
    background-size:0.13rem;
}
.p2 .img{
    width:3.88rem;
    height:5.48rem;
    position:relative;
    background:url("../img/p2-img.png") no-repeat center;
    background-size:3.88rem 5.48rem;
}
.p2 .img .info{
    top:0.32rem;
    left:3.7rem;
    width:2.93rem;
    height:4.54rem;
    position:absolute;
    background:#2ea7a6;
    border-radius:4px;
    box-shadow:0 15px 15px #bcb9bb;
}
.p2 .img .info h2{
    margin-top:0.4rem;
    margin-left:0.28rem;
    font-size:0.24rem;
    line-height:0.24rem;
    color:#ffffff;
}
.p2 .img .info h3{
    margin-top:0.2rem;
    margin-left:0.28rem;
    font-size:0.2rem;
    line-height:0.18rem;
    color:#f2ac00;
}
.p2 .img .info p{
    margin-top:0.35rem;
    padding:0 0.26rem;
    font-size:0.2rem;
    line-height:0.36rem;
    color:#ffffff;
}
.p2 .img .info img{
    margin:0.26rem auto 0;
    display:block;
    width:2.34rem;
    height:0.43rem;
}
.p2 .img .info a{
    margin-top:0.26rem;
    margin-left:0.4rem;
    display:block;
    width:2.22rem;
    height:0.69rem;
    color:#2ea7a6;
    line-height:0.5rem;
    font-size:0.2rem;
    text-align:center;
    background:url("../img/p2-info-a.png") no-repeat center;
    background-size:2.22rem 0.69rem;
}
.p3{
    padding-bottom:0.6rem;
    background:#f4f4f4;
}
.p3 img{
    margin-bottom:0.3rem;
    width:100%;
    height:auto;
    display:block;
}
.p3 table{
    width:100%;
}
.p3 table th{
    font-size:0.24rem;
    text-align:center;
    color:#41ae77;
    line-height:0.67rem;
    background:#d3ecdf;
    border-right:1px solid #f4f4f4;
}
#table{
    width:100%;
    height:4.6rem;
    overflow:hidden;
    position:relative;
}
#table table{
    width:100%;
}
#table table td{
    font-size:0.24rem;
    text-align:center;
    color:#555555;
    line-height:0.67rem;
    background:#ffffff;
    border-right:1px solid #f4f4f4;
}
.p4{
    padding-bottom:0.7rem;
}
#p4{
    overflow:visible;
}
#p4 .swiper-slide{
    padding-bottom:0.7rem;
    position:relative;
}
#p4 .box{
    margin:0.9rem auto 0;
    width:92%;
    height:3.6rem;
    position:relative;
    background:#ffffff;
    border-radius:4px;
    box-shadow:0 0 5px #999999;
}
#p4 .box img.tag{
    left:0.2rem;
    top:-52%;
    width:3.7rem;
    height:3.7rem;
    position:absolute;
}
#p4 .box h2{
    padding-top:1.5rem;
    width:4.1rem;
    font-size:0.3rem;
    line-height:0.3rem;
    text-align:center;
    color:#1296db;
}
#p4 .box p{
    padding-top:0.3rem;
    width:4.1rem;
    font-size:0.2rem;
    line-height:1.3;
    text-align:center;
    color:#3d3d3d;
}
#p4 .box a{
    margin-top:0.5rem;
    margin-left:1.24rem;
    width:1.66rem;
    height:0.38rem;
    line-height:0.38rem;
    font-size:0.2rem;
    color:#1296db;
    display:block;
    text-align:center;
    border:1px solid #1296db;
    border-radius:4px;
}
#p4 .box img.img{
    right:0.13rem;
    top:-0.55rem;
    width:2.66rem;
    height:3.94rem;
    position:absolute;
}
#p4 .bg{
    left:0;
    bottom:0;
    width:100%;
    height:3.5rem;
    position:absolute;
}
#p4 .bg.b1{
    background:#1296db;
}
#p4 .bg.b2{
    background:#003063;
}
#p4 .bg.b3{
    background:#e72829;
}
#p4 .box.b1 h2{
    color:#1296db;
}

#p4 .box.b1 a{
    color:#1296db;
    border:1px solid #1296db;
}
#p4 .box.b2 h2{
    color:#003063;
}
#p4 .box.b2 a{
    color:#003063;
    border:1px solid #003063;
}
#p4 .box.b3 h2{
    color:#e72829;
}
#p4 .box.b3 a{
    color:#e72829;
    border:1px solid #e72829;
}
.sp2 .swiper-pagination-bullet {
    background:#ffffff;
    border:none;
}
.sp2 .swiper-pagination-bullet-active{
    background:#41ae77;
}
.p5{
    overflow:hidden;
    background:#f4f4f4;
}
.p5 .box{
    width:100%;
    height:4.1rem;
    border-radius:4px;
    background:url("../img/p5-box.png") no-repeat center #ffffff;
    background-size:6.26rem 3.65rem;
    box-shadow:0 2px 5px #999999;
}
.p5 .box ul li{
    float:left;
    width:33.333%;
    height:2rem;
}
.p5 .box ul li h2{
    margin-top:0.6rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:center;
}
.p5 .box ul li p{
    margin:0 auto;
    margin-top:0.12rem;
    font-size:0.17rem;
    width:1.6rem;
    line-height:0.24rem;
    color:#999999;
    word-break:break-all;
}
.btn{
    margin:0.5rem auto;
    width:2.67rem;
    height:0.52rem;
    color:#ffffff;
    font-size:0.22rem;
    line-height:0.52rem;
    text-align:center;
    display:block;
    background:#2f9963;
    border-radius:4px;
}
.p6 .box{
    height:4.1rem;
    position:relative;
}
.p6 .box .info{
    bottom:0;
    left:0;
    width:100%;
    height:0.54rem;
    font-size:0.24rem;
    line-height:0.54rem;
    text-align:center;
    position:absolute;
    color:#ffffff;
    background:rgba(0,0,0,0.7);
    border-radius: 0 0 4px 4px;
}
.p6 .box .img1{
    top:0;
    left:0;
    width:2.24rem;
    height:2.54rem;
    position:absolute;
    background:url("../img/p6-img1.jpg") no-repeat center;
    background-size:2.24rem 2.54rem;
    overflow:hidden;
}
.p6 .box .img2{
    top:0;
    left:2.32rem;
    width:2.24rem;
    height:2.01rem;
    position:absolute;
    background:url("../img/p6-img2.jpg") no-repeat center;
    background-size:2.24rem 2.01rem;
    overflow:hidden;
}
.p6 .box .img3{
    top:0;
    left:4.64rem;
    width:2.24rem;
    height:1.46rem;
    position:absolute;
    background:url("../img/p6-img3.jpg") no-repeat center;
    background-size:2.24rem 1.46rem;
    overflow:hidden;
}
.p6 .box .img4{
    top:2.62rem;
    left:0;
    width:2.24rem;
    height:1.46rem;
    position:absolute;
    background:url("../img/p6-img4.jpg") no-repeat center;
    background-size:2.24rem 1.46rem;
    overflow:hidden;
}
.p6 .box .img5{
    top:2.07rem;
    left:2.32rem;
    width:2.24rem;
    height:2.01rem;
    position:absolute;
    background:url("../img/p6-img5.jpg") no-repeat center;
    background-size:2.24rem 2.01rem;
    overflow:hidden;
}
.p6 .box .img6{
    top:1.54rem;
    left:4.64rem;
    width:2.24rem;
    height:2.54rem;
    position:absolute;
    background:url("../img/p6-img6.jpg") no-repeat center;
    background-size:2.24rem 2.54rem;
    overflow:hidden;
}
.p7{
    background:url("../img/p7-bg.jpg") no-repeat center /cover;
}
#p7{
    padding-bottom:0.4rem;
}
#p7 .box{
    width:100%;
    height:6.87rem;
    overflow:hidden;
    position:relative;
    background:url("../img/p7-box.png") no-repeat center;
    background-size:100% 6.87rem;
}
#p7 .box > img{
    left:0.28rem;
    top:0.69rem;
    width:6.9rem;
    height:2.9rem;
    display:block;
    position:absolute;
}
#p7 .box .info{
    left:0.28rem;
    top:3.6rem;
    width:3.32rem;
    height:2.93rem;
    display:block;
    overflow:hidden;
    position:absolute;
}
#p7 .box .info h2{
    margin-top:0.38rem;
    margin-left:0.27rem;
    font-size:0.24rem;
    line-height:0.24rem;
    color:#ffffff;
}
#p7 .box .info img{
    margin:0.45rem auto 0.3rem;
    display:block;
    width:0.38rem;
    height:0.48rem;
}
#p7 .box .info p{
    margin:0.3rem auto;
    display:block;
    width:2.8rem;
    font-size:0.18rem;
    line-height:0.26rem;
    color:#ffffff;
}
#p7 .box a{
    top:4.56rem;
    left:4.43rem;
    width:1.96rem;
    height:0.49rem;
    color:#ffffff;
    line-height:0.45rem;
    font-size:0.24rem;
    text-align:center;
    position:absolute;
    background:rgba(255,255,255,0.4);
    border:1px solid #ffffff;
    border-radius:0.04rem;
}
.sp3 .swiper-pagination-bullet {
    background:#647594;
    border:none;
}
.sp3 .swiper-pagination-bullet-active{
    background:#ffffff;
}
#p8{
    margin:0 auto;
    padding-bottom:0.8rem;
    width:94%;
}
#p8 .box a{
    margin-top:0.76rem;
    width:2.67rem;
    height:0.52rem;
    line-height:0.52rem;
    font-size:0.22rem;
    display:block;
    color:#ffffff;
    text-align:center;
    z-index:9999;
    background:#2f9963;
}
#p8 .img{
    margin-top:0.52rem;
    width:2.69rem;
    height:3.23rem;
}
#p8 .img img{
    display:none;
}
#p8 .img.i1{
    background:url("../img/p8-t1-1.jpg") no-repeat center;
    background-size:2.69rem 3.23rem;
}
#p8 .img.i2{
    background:url("../img/p8-t2-1.jpg") no-repeat center;
    background-size:2.69rem 3.23rem;
}
#p8 .img.i3{
    background:url("../img/p8-t3-1.jpg") no-repeat center;
    background-size:2.69rem 3.23rem;
}
#p8 .img.i4{
    background:url("../img/p8-t4-1.jpg") no-repeat center;
    background-size:2.69rem 3.23rem;
}
#p8 .box > h2{
    margin-top:0.12rem;
    width:2.69rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:right;
}
#p8 .box > h3{
    margin-top:0.08rem;
    width:2.69rem;
    font-size:0.18rem;
    line-height:0.18rem;
    text-align:right;
}
#p8 .info{
    display:none;
}
#p8 .swiper-slide-next a{
    display:none;
}
#p8 .swiper-slide-next .img{
    margin-top:0;
    margin-left:-0.7rem;
    width:3.53rem;
    height:6rem;
    position:relative;
}
#p8 .swiper-slide-next .img.i1{
    background:url("../img/p8-t1-2.jpg") no-repeat center;
    background-size:3.53rem 6rem;
}
#p8 .swiper-slide-next .img.i2{
    background:url("../img/p8-t2-2.jpg") no-repeat center;
    background-size:3.53rem 6rem;
}
#p8 .swiper-slide-next .img.i3{
    background:url("../img/p8-t3-2.jpg") no-repeat center;
    background-size:3.53rem 6rem;
}
#p8 .swiper-slide-next .img.i4{
    background:url("../img/p8-t4-2.jpg") no-repeat center;
    background-size:3.53rem 6rem;
}
#p8 .swiper-slide-next .box > h2{
    display:none;
}
#p8 .swiper-slide-next .box > h3{
    display:none;
}
#p8 .swiper-slide-next .img img{
    right:-0.66rem;
    top:2.1rem;
    width:1.52rem;
    height:2.02rem;
    display:block;
    position:absolute;
    border:2px solid #2f9963;
}
#p8 .swiper-slide-next .info{
    right:-0.66rem;
    top:4.62rem;
    width:1.53rem;
    height:1.61rem;
    display:block;
    position:absolute;
    background:#2f9963;
}
#p8 .swiper-slide-next .info h2{
    margin-top:0.16rem;
    width:1.53rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:center;
    color:#ffffff;
}
#p8 .swiper-slide-next .info h3{
    margin-top:0.16rem;
    padding:0 0.1rem;
    font-size:0.14rem;
    line-height:0.24rem;
    color:#ffffff;
}
.sp4 .swiper-pagination-bullet {
    background:#c7e3d5;
    border:none;
}
.sp4 .swiper-pagination-bullet-active{
    background:#2f9963;
}
.p9{
    background:#f4f4f4;
}
.p9 ul{
    width:110%;
}
.p9 ul li{
    margin-bottom:0.55rem;
    margin-right:0.59rem;
    float:left;
    width:1.91rem;
}
.p9 ul li .img{
    width:1.91rem;
    height:2.18rem;
    position:relative;
    background:url("../img/p9-img1.png");
    background-size:1.91rem 2.18rem;
}
.p9 ul li .img.i1{
    background:url("../img/p9-img1.png");
    background-size:1.91rem 2.18rem;
}
.p9 ul li .img.i2{
    background:url("../img/p9-img2.png");
    background-size:1.91rem 2.18rem;
}
.p9 ul li .img.i3{
    background:url("../img/p9-img3.png");
    background-size:1.91rem 2.18rem;
}
.p9 ul li .img.i4{
    background:url("../img/p9-img4.png");
    background-size:1.91rem 2.18rem;
}
.p9 ul li .img.i5{
    background:url("../img/p9-img5.png");
    background-size:1.91rem 2.18rem;
}
.p9 ul li .img.i6{
    background:url("../img/p9-img6.png");
    background-size:1.91rem 2.18rem;
}
.p9 ul li h2{
    top:1.23rem;
    left:0;
    width:1.33rem;
    height:0.4rem;
    line-height:0.4rem;
    color:#ffffff;
    text-indent:0.1rem;
    font-size:0.24rem;
    position:absolute;
    background:#00a8aa;
}
.p9 ul li .info{
    margin:0.13rem auto 0;
    width:1.91rem;
    height:0.55rem;
    position:relative;
    background:url("../img/p9-tag.png") no-repeat center;
    background-size:1.91rem 0.55rem;
}
.p9 ul li .info h3{
    text-align:center;
    font-size:0.2rem;
    line-height:0.43rem;
}
.p9 ul li .info h4{
    text-align:center;
    font-size:0.24rem;
    font-weight:bold;
    line-height:0.3rem;
    color:#00a8aa;
}
.p10{
    padding-bottom:0.6rem;
    background:url("../img/p10-bg.jpg") no-repeat center /cover;
}
.p10 form{
    margin-left:1.9rem;
}
.p10 input[type='text']{
    margin-bottom:0.2rem;
    width:3.59rem;
    height:0.51rem;
    text-indent:0.5rem;
    color:#ffffff;
    border:1px solid #9a9a9a;
    border-radius:0.08rem;
}
.p10 input[type='text'].tag1{
    background:url("../img/p10-tag1.png") no-repeat 0.18rem center;
    background-size:0.21rem 0.24rem;
}
.p10 input[type='text'].tag2{
    background:url("../img/p10-tag2.png") no-repeat 0.18rem center;
    background-size:0.15rem 0.28rem;
}
.p10 ul li{
    float:left;
}
.p10 ul li a{
    width:1.56rem;
    height:0.42rem;
    line-height:0.42rem;
    text-align:center;
    font-size:0.16rem;
    color:#ffffff;
    display:block;
    background:#2f9963;
    border-radius:4px;
}
.p10 ul li input[type="submit"]{
    margin-left:0.07rem;
    width:1.98rem;
    height:0.42rem;
    line-height:0.42rem;
    text-align:center;
    font-size:0.16rem;
    color:#ffffff;
    display:block;
    background:#f13900;
    border-radius:4px;
    border:none;
}
.p10 input{
    -webkit-appearance:none;
    outline:none
}
.footer{
    padding:0.32rem 0.32rem 1.3rem;
    background:#2a2c32;
}
.footer{
    font-size:0.18rem;
    line-height:0.26rem;
    text-align:center;
    color:#eeeeee;
}