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;}

.m-nav{
    width: 100%;
    height: 0.4rem;
    background: #222222;
}
.m-nav li{
    float: left;
    width:25%;
    line-height: 0.4rem;
}
.m-nav li > a{
    display: block;
    text-align: center;
    line-height:0.4rem;
    color: #cccccc;
    font-size:0.14rem;
    border-right: 1px solid #000;
}
.m-nav li.act > a{ color: #fff; background: #de2986;}


.wrap{
    margin:0 auto;
    width:100%;
    overflow:hidden;
}
.main{
    margin:0 auto;
    width:6.9rem;
}
.header{
    width:7.5rem;
}
.header .top{
    height:1.04rem;
}
.header .top .logo{
    margin-top:0.3rem;
    float:left;
    width:1.55rem;
    height:0.47rem;
}
.header .top .logo-text{
    margin-top:0.3rem;
    margin-left:0.15rem;
    padding-left:0.15rem;
    float:left;
    color:#222222;
    font-size:0.18rem;
    line-height:0.22rem;
    border-left:1px solid #666666;
}
.header .top .phone{
    margin-top:0.5rem;
    padding-left:0.27rem;
    float:right;
    font-size:0.2rem;
    line-height:0.22rem;
    background:url("../img/phone.png") no-repeat left center;
    background-size:0.22rem 0.22rem;
}
.header .nav{
    height:0.9rem;
    overflow:hidden;
    background:#222222;
}
.header .nav ul li{
    float:left;
    padding:0 0.25rem;
    line-height:0.9rem;

}
.header .nav ul li:last-child{
    border:none;
}
.header .nav ul li a{
    font-size:0.26rem;
    color:#ffffff;
}
.header .nav ul li.act a{
    color:#4c97ce;
    padding-bottom: 1rem;
    border-bottom: 2px solid #4c97ce;
}
.banner{

    width:100%;
    height:4.5rem;
    overflow:hidden;


}
.banner img{
    width:100%;
    height:4.5rem;
    display:block;
}


.part1,.part2,.part3,.part4,.part5,.part6,.part7,.part8{
    margin:0 auto;
    width:100%;
    overflow: hidden;
}
.title{
    padding:0.5rem 0;

}

.title h2{
    font-size:0.35rem;
    line-height:0.35rem;
    text-align:center;
    font-weight: bold;
}
.title.c2 h2{
    color:#ffffff;
}

.title h2 span{ color: #e66b14;}

.title.c2 p{
    margin-top:0.24rem;
    font-size:0.22rem;
    line-height:0.22rem;
    color:#999999;
    text-align:center;
}
.title.c3 h2{
 line-height: 0.5rem;
}

.part1{

}

.p1Cont .p1{ width: 2.31rem; float: left;}

.p1Cont .p2{ width: 2.27rem; float: left; margin-left: 0.08rem;}

.p1Cont .p3{ width: 2.17rem; float: right;}

.p1Cont .box{ color: #333; font-size: 0.26rem; width: 100%;margin-top: 0.1rem; }


/*part2*/
.part2{ background-color:#f9f9f9;}

.p2Cont{
    width:100%;
    position:relative;
    overflow:hidden;
}
.p2Cont p{ font-size: 0.14rem; float: right;}

.p2Cont p span{ color: #e66b14;}



/*part3*/
.part3{}
/*part9*/

.part3{
    width:7.5rem;
    height:5.3rem;
    background-color:#ededed;
    background-size:7.5rem 5.5rem;
}

.part3 form{
    margin-left:1.15rem;
}
.part3 input[type="text"]{
    margin-bottom:0.2rem;
    width:4.59rem;
    height:0.71rem;
    font-size:0.24rem;
    color:#515151;
    text-indent:0.8rem;
    line-height:0.71rem;
    border-radius:0.08rem;
    border: 1px solid #666;
}
.part3 input[type="text"].tag1{
    background:url("../img/p3-tag1.png") no-repeat 0.3rem center;
    background-size:0.3rem 0.35rem;
}
.part3 input[type="text"].tag2{
    background:url("../img/p3-tag2.png") no-repeat 0.3rem center;
    background-size:0.25rem 0.48rem;
}
.part3 input[type="submit"]{
    width:4.61rem;
    height:0.69rem;
    font-size:0.24rem;
    color:#ffffff;
    text-align:center;
    line-height:0.69rem;
    background:#ed8210;
    border:none;
    cursor:pointer;
    border-radius:0.35rem;
    -webkit-appearance: none;
    margin-top: 0.1rem;

}

/*part4*/
.part4{ border-bottom: 1px solid #efefef;}
.p4Cont{ height: 6.7rem;}

.p4Cont .box{ width: 3.05rem; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); float: left; margin:0 0 0.27rem 0.27rem;}

.p4Cont .box p{ width: 3.05rem; height: 1.72rem; position: relative;}

.p4Cont .box p:before{ content: ''; background: url("../img/p4_01.png") no-repeat left center; display: block; position: absolute;
    background-size: 3.88rem 0.8rem; width: 0.68rem; height: 0.8rem;}

.p4Cont .box h3{font-size: 0.3rem; margin: 0.25rem auto 0.35rem; text-align: center;}

.p4Cont .box1{  border-bottom: 2px solid #ffaa26;}
.p4Cont .box2{  border-bottom: 2px solid #2ccd9e;}
.p4Cont .box3{  border-bottom: 2px solid #ec6d15;}
.p4Cont .box4{  border-bottom: 2px solid #18a7e7;}

.p4Cont .box1 p{ background-color: #ffaa26;}
.p4Cont .box2 p{ background-color: #2ccd9e;}
.p4Cont .box3 p{ background-color: #ec6d15;}
.p4Cont .box4 p{ background-color: #18a7e7;}

.p4Cont .box1 p:before{ background-position: 0 0; left: 40%; top:25px;}
.p4Cont .box2 p:before{ background-position: -1.03rem 0; left: 40%; top:25px;}
.p4Cont .box3 p:before{ background-position: -2.09rem 0; left: 40%; top:25px;}
.p4Cont .box4 p:before{ background-position: -3.2rem 0; left: 40%; top:25px;}

/*part5*/

.p5Cont .p1{ width: 2.18rem; float: left;}

.p5Cont .p2{ width: 2.21rem; float: left; margin-left: 0.15rem;}

.p5Cont .p3{ width: 2.22rem; float: right;}

.p5Cont .p2 span{ display: block; text-align: center;}

.p5Cont .p3 .box{ background-color: #e66b14; color: #fff;width: 2.2rem; height: 2.33rem; font-size: 0.16rem; padding: 0.35rem 0.12rem 0rem;}

.p5Cont .p3 .box dd{ margin-top: 0.2rem; line-height: 0.25rem;}

/*part6*/

.part6{ background-color: #ededed;}

.p6Cont>div.left{ width: 3.2rem; float: left;}

.p6Cont>div.right{ width: 3.48rem; float: right;}

.p6Cont .box{ border-radius: 0.25rem; color: #fff; position: relative; overflow: hidden; margin-bottom: 0.2rem; box-shadow: 0px 2px 10px rgba(0,0,0,0.2);}

.p6Cont .box h3{ font-size: 0.95rem; padding-left: 0.25rem;}

.p6Cont .box h3 span{ font-size: 0.56rem; display: inline-block; margin-top: -0.1rem;}

.p6Cont .box>span{ font-size: 0.3rem; display: block; line-height: 0.4rem; padding-left: 0.25rem;}

.p6Cont .box>p{ font-size: 0.2rem; background-color:rgba(0,0,0,0.3);padding:0.15rem 0.2rem;position: absolute;bottom: 0; width: 100%;}

.p6Cont .box1{ height: 2.22rem; background-color: #ec6d15;}

.p6Cont .box2{ height: 3.75rem; background-color: #2ccd9e;}

.p6Cont .box3{ height: 2.85rem; background-color: #ffaa26;}

.p6Cont .box4{ height: 3.12rem; background-color: #18a7e7;}

.p6Cont .box2 h3{ margin-top: 0.45rem;}

/*p7Cont*/

.p7Cont{ background:url("../img/p7-bg.png") no-repeat center bottom; background-size: 6.83rem 4.55rem; height: 4.55rem; padding-top: 0.3rem;}

.p7Cont h3{ font-size: 0.36rem; position: absolute; left: 3.25rem; top:2.05rem;}

.p7Cont p{ font-size: 0.3rem; color: #ec6d15; position: absolute; }

.p7Cont .p1{ left: 0.7rem; top:0.3rem;}

.p7Cont .p2{ left: 5.75rem; top:0.35rem;}

.p7Cont .p3{ left: 1rem; top:3.7rem;}

.p7Cont .p4{ left: 5.65rem; top:3.5rem;}

/*part8*/
.part8{ height: 5.3rem;}

.part8:before{content: ''; width: 100%; height: 3.3rem; position: absolute;bottom: 0; background-color: #e66b14; display: block;position: absolute; z-index: -1;}


.p8Cont:before{content: ''; width: 7.09rem; height: 3.04rem; position: absolute; background-color: #f5f5f5; display: block;position: absolute;  top:0.25rem;right: 0; z-index:0;}

.p8Cont .p8{ width: 6.56rem; position:absolute; right: 0.3rem;}

.p8Cont .p8 .BoxImg{ width: 3.14rem; height: 3.02rem; float: left;}

.p8Cont .p8 .BoxImg img{ width: 3.14rem; height: 3.02rem;}

.p8Cont .p8 .con{ width: 3.1rem; float: right; margin-top: 0.1rem;}

.p8Cont .p8 .con>span{display: block; background-color: #b5b7b9; color: #fff; width: 0.98rem; height: 0.34rem; line-height: 0.32rem; text-align: center; font-size: 0.18rem;}

.p8Cont .p8 .con h3{ font-size: 0.4rem; font-weight: bold; margin: 0.2rem 0;}

.p8Cont .p8 .con h3>span{ font-size: 0.3rem; display: inline-block; font-weight: normal;}

.p8Cont .p8 .con p{ font-size: 0.24rem;color: #777;}




.pagination.p8pagination{
    width:100%;
    text-align:center;
    z-index: 2;
    position: absolute;
    top:3.35rem;
    cursor: pointer;

}
.pagination.p8pagination .swiper-pagination-switch{
    margin:0 0.1rem;
    width: 0.2rem;
    height: 0.2rem;
    border-radius:100%;
    background:#f08f04;
    display: inline-block;
    transition:0.4s;
}
.pagination.p8pagination .swiper-active-switch{
    width: 0.6rem;
    height: 0.2rem;
    background:#fff;
    border-radius:0.1rem;
    transition:0.2s;
}



/*part9*/

.part9{
    width:7.5rem;
    height:5.5rem;
    background:url("../img/p9-bg.jpg") no-repeat center;
    background-size:7.5rem 5.58rem;
}

.part9 .title.c2 h2 span{ color: #ed8210;}

.part9 form{
    margin-left:1.15rem;
}
.part9 input[type="text"]{
    margin-bottom:0.2rem;
    width:4.59rem;
    height:0.71rem;
    font-size:0.24rem;
    color:#dcdcdc;
    text-indent:0.8rem;
    line-height:0.71rem;
    border-radius:0.08rem;
    margin-top: 0.1rem;
    border: 1px solid #ffffff;
}
.part9 input[type="text"].tag1{
    background:url("../img/p9-tag1.png") no-repeat 0.3rem center;
    background-size:0.26rem 0.29rem;
}
.part9 input[type="text"].tag2{
    background:url("../img/p9-tag2.png") no-repeat 0.3rem center;
    background-size:0.2rem 0.33rem;
}
.part9 input[type="submit"]{
    width:4.61rem;
    height:0.7rem;
    font-size:0.24rem;
    color:#ffffff;
    text-align:center;
    line-height:0.69rem;
    background:#e66b14;
    border:none;
    cursor:pointer;
    border-radius:0.06rem;
    -webkit-appearance: none;
    margin-top: 0.2rem;
}
.footer{
    width:100%;
    color: #646464;
    font-size:0.2rem;
    text-align:center;
    background:#0e0e0e;
    padding: 0.2rem 0.2rem 1rem;
}