* {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style: none;
}

.baokuandazao h2{
    font-weight: bold;
    font-size: .4rem;
    padding-bottom: .15rem;
}

.banner {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
}
.mobile-banner{
    display: none;
    position: relative;
}
.banner > img {
    display: inherit;
    width: 100%;
    height: 100%;
}
.pc-banner .text{
    width: 80%;
    position: absolute;
    top:2rem;
    left:3.5rem;
}
.mobile-banner .text{
    width: 100%;
    position: absolute;
    top:1rem;
    left:.7rem;
}
.text .headline{
    width: 100%;
    font-size: .6rem;
    margin-bottom: .3rem;
    font-weight: bold;
    color: #ffffff;
}
.text p{
    font-size: .24rem;
    margin-bottom: .15rem;
}
.text p img{
    width: .26rem;
    height: .21rem;
    margin-right: .1rem;
}
.jump{
    margin-top: .8rem;
    cursor: pointer;
    font-size: .3rem;
    color: #333333;
    text-align: center;
    width: 3.2rem;
    height: .8rem;
    line-height: .8rem;
    background: #ffbc07;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
}
.mobile-banner .jump {
    margin-left: 1.4rem;
}
.tongdian {
    padding: .4rem 0 .8rem;
}
.tongdianContent{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .7rem auto 0;
}
.contentRight{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 8.2rem;
}
.tongdianContent > img{
    display: block;
    width: 3.46rem;
    margin-right: .3rem;
}
.kuang{
    background: #f6f6f6;
    font-size: .22rem;
    color: #666666;
    height: 1.86rem;
    border-radius: .15rem;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    -ms-border-radius: .15rem;
    -o-border-radius: .15rem;
    position: relative;
    margin-bottom: .22rem;
}
.kuang img{
    display: block;
    width: .3rem;
    position: absolute;
    top: 0;
    left: 0;
}
.kuang1{
    width: 2.54rem;
}
.kuang2{
    width: 8.2rem;
}
.kuang div{
    width: 100%;
    height: 100%;
    padding: .3rem;
    line-height: .35rem;
    font-size: .22rem;
    color: #333333;
}
.kuang  div{
    padding: .4rem .3rem;
}
.tongdianImg {
    padding: 0 .2rem;
    margin-top: .5rem;
}
.tongdianImg img{
    display: block;
    width: 100%;
}
.fuwu{
    padding: .4rem 0 .8rem;
}
.fuwu .jump{
    color: #f8ce35;
    background: #333333;
    margin: .2rem auto 0;
}
.fuwuContent{
    margin: .5rem auto 0;
    width: 12rem;
}
.operation{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.service {
    height: 1.78rem;
    width: 2.86rem;
    background: #f8ce35;
    border-radius: .15rem;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    -ms-border-radius: .15rem;
    -o-border-radius: .15rem;
    padding: .2rem;
    text-align: center;
    margin-bottom: .2rem;
}
.serviceTitle{
    color: #cb913e;
    font-size: .4rem;
    font-weight: bold;
    margin-bottom: .15rem;
}
.serviceContent{
    font-size: .24rem;
    color: #333333;
}
.operationLeft{
    width: 2.86rem;
}
.operationCenter{
    width: 5.9rem;
}
.operationCenter img{
    display: block;
    width: 3.52rem;
    margin: 0 auto .25rem;
}
.operationCenter div{
    text-align: center;
    font-size: .4rem;
    color: #edb115;
    font-weight: bold;
}
.youshi {
    background: #f6f6f6;
    padding: .4rem 0 .8rem;
}
.youshiTitle {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.youshiTitle div{
    font-size: .4rem;
    line-height: 1.14rem;
    font-weight: bold;
    color: #333333;
}
.youshiTitle img{
    display: block;
    width: 1.2rem;
    margin: 0 .2rem 0 .1rem;
}
.youshiTitle .right{
    color: #32a1ff;
}
.youshiHeadline{
    text-align: center;
    font-size: .28rem;
    color: #999999;
    margin: 0.1rem 0 .2rem;
}
.youshiContent{
    display: flex;
    justify-content: center;
    margin-bottom: .05rem;
}
.contenttext{
    background: #ffffff;
    width: 5.3rem;
    height: 1.78rem;
    padding: .4rem .46rem;
    font-size: .24rem;
    color: #999999;
    text-align: justify;
}
.youshiCenter{
    font-size: .3rem;
    color: #ffffff;
    width: 1.4rem;
    height: 1.78rem;
    padding: .4rem;
    background: #32a1ff;
}
.youshiLeft{
    border-radius: .15rem 0 0 .15rem;
    -webkit-border-radius: .15rem 0 0 .15rem;
    -moz-border-radius: .15rem 0 0 .15rem;
    -ms-border-radius: .15rem 0 0 .15rem;
    -o-border-radius: .15rem 0 0 .15rem;
}
.youshiRight{
    border-radius: 0 .15rem .15rem 0;
    -webkit-border-radius: 0 .15rem .15rem 0;
    -moz-border-radius: 0 .15rem .15rem 0;
    -ms-border-radius: 0 .15rem .15rem 0;
    -o-border-radius: 0 .15rem .15rem 0;
}
.liucheng{
    background: #dfdfdf;
    padding: .4rem 0 .8rem;
}
.liucheng h2 img{
    display: inline-block;
    width: .4rem;
    margin-right: .2rem;
}
.liuchengType{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: .4rem;
}
.liuchengLeft {
    width: 2.45rem;
    position: relative;
}
.liuchengLeft img{
    display: block;
    width: 100%;
}
.liuchengLeft div{
    font-size: .6rem;
    color: #646464;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.liuchengRight{
    width: 8.94rem;
    display: flex;
    justify-content: space-between;
}
.tab-menu{
    width: 100%;
    height: 1rem;
    margin-bottom: .1rem;
}
.tab-menu ul{
    list-style:none;
    display: flex;
    justify-content: center;
}
.tab-menu li{
    display:block;
    width:25%;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .36rem;
    font-weight: bold;
    color: #999999;
    cursor: pointer;
}
.tab-box > div{
    display:none;
}
.tab-box div:first-Child{
    display:block;
}
.change{
    background:#32a1ff;
    color: #ffffff !important;
}
.jiezhou {
    width: 2.86rem;
    height: 3.44rem;
    background: #f2f2f2;
    padding: .25rem .15rem;
    border-radius: .15rem;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    -ms-border-radius: .15rem;
    -o-border-radius: .15rem;
}
.jiezhou .list{
    font-size: .24rem;
    color: #333333;
    display: flex;
}
.jiezhou .dian{
    display: inline-block;
    content: '';
    width: .05rem;
    height: .05rem;
    background: #edb115;
    margin: .15rem .2rem 0 0;
}
.jiezhou2 .dian{
    background: #f88335;
}
.jiezhou3 .dian{
    background: #f83535;
}
.zi {
    width: 2.3rem;
    margin-bottom: .15rem;
}
.jiezhou .list div{
    font-size: .24rem;
    color: #333333;
    text-align: justify;
    letter-spacing: .03rem;
}
.buzou {
    text-align: center;
    color: #999999;
    font-size: .24rem;
}
.buzou2 {
    margin-top: .1rem;
}
.buzouTitle{
    font-size: .36rem;
    font-weight: bold;
    color: #edb115;
    margin-bottom: .2rem;
}
.buzou3 .buzouTitle {
    color: #f88335;
}
.buzou4 .buzouTitle {
    color: #f83535;
}
.buzouTexe{
    font-size: .28rem;
     color: #565656;
}
.specialLiucheng{
    margin-bottom: 0;
}
.zizhi{
    width: 100%;
    position: relative;
}
.zizhi img{
    display: inherit;
    width: 100%;
    height: 100%;
}
.pcImg .zizhiContent {
    position: absolute;
    top: .8rem;
    left: 3.5rem;
    color: #ffffff;
}
.zizhiContent .title{
    font-size: .4rem;
    font-weight: bold;
    margin-bottom: .8rem;
}
.zizhiContent p{
    font-size: .24rem;
    line-height: .5rem;
}
.zizhiContent p span{
    font-size: .24rem;
    line-height: .5rem;
    color: #ffb709;
}
.mobileImg {
    display: none;
}
.mobileImg .zizhiContent{
    position: absolute;
    top: .8rem;
    left: .5rem;
    color: #ffffff;
}
.anli h2{
    margin: .4rem 0;
}
.lunbo {
    /* background: #666666; */
    margin-bottom: .5rem;
}
.lunbo .banners {
    position: relative;
    /* width: 15rem; */
    margin:  0 auto;
}
.lunbo .swiper-container {
    /* width: 10.8rem; */
    margin: 0 auto;
}
.pc-lunbo{
    width:12rem;
    margin: 0 auto;
}
.lunbo .img{
    width: 4.8rem;
}
.lunbo .img img{
    display: block;
    width: 100%;
}
.lunbo .swiper-button-prev, .lunbo .swiper-button-next{
    width: 1.05rem;
    height: 1.05rem;
    background-image: none;
    outline: none;
}
.lunbo .swiper-button-prev img{
    width: 1.05rem;
    height: 1.05rem;
}
.lunbo .swiper-button-next img{
    width: 1.05rem;
    height: 1.05rem;
}
.pc-banner .bg{
    height: 6.2rem;
}
.bg{
    background: #333;
}
.lunbo .flex{
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex > div {
    width: 50%;
    margin-bottom: .15rem;
}
.lunbo .texts{
    width: 6rem;
    padding: .2rem .4rem 0;
}
.texts .title{
    font-size: .28rem;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: .2rem;
}
.texts .content{
    font-size: .24rem;
    color: #eeeeee;
}
.mgb{
    margin-bottom: .4rem;
}
.mgb1{
    margin-bottom: 0 !important;
}
.num{
    font-size: .3rem;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: .1rem;
}
.tip{
    font-size: .24rem;
    color: #ffffff;
}
.pc-img{
    width: 7.4rem !important;
}
.pc-img img{
    height: 6.2rem;
}
.pc-text {
    width: 4.6rem !important;
    padding: .1rem .2rem 0 !important;
}
.pc-text .mgb{
    margin-bottom: .15rem;
}
.pc-text .title{
    font-size: .18rem;
    margin-bottom: .1rem;
}
.pc-text .num{
    font-size: .15rem;
    margin-bottom: .05rem;
}
.pc-text .tip{
    font-size: .14rem;
}
.pc-text .content{
    font-size: .14rem;
}
.button{
    width: 2.6rem;
    height: 0.64rem;
    font-size: .24rem;
    text-align: center;
    line-height: .64rem;
    background: #fff;
    margin: .2rem;
    color: #333333;
    border-radius: .15rem;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    -ms-border-radius: .15rem;
    -o-border-radius: .15rem;
}
.button img{
    display: inline-block;
    width: .16rem !important;
    height: .18rem !important;
    margin-right: .05rem;
}
.top .title{
    font-size: .4rem;
    color: #ffffff;
    padding-left: .2rem;
}
.top .title img{
    display: inline-block;
    margin-right: .1rem;
    width:.64rem
}

@media screen and (max-width: 767px) {
    .pc-banner{
        display: none;
    }
    .mobile-banner{
        display: block;
    }
    .pcImg {
        display: none;
    }
    .mobileImg {
        display: block;
    }
    .pcfenxi {
        display: none;
    }
    .mobilefenxi{
        display: block;
    }
    .lunbo {
        background: #666666;
        margin-bottom: 0;
    }
    .lunbo .banners{
        width: 100%;
    }
    .lunbo .bg.flex{
        display: block !important;
    }
    .jieguo {
        flex-wrap: wrap;
    }
    .jieguo > div{
        width: 50%;
        margin-bottom: .15rem;
    }
    .lunbo .swiper-container {
        width: 100%;
    }
    .lunbo .img{
        width: 100%;
    }
    .lunbo .texts{
        width: 100%;
    }
    .shuju{
        padding: .1rem 0 .2rem;
    }
    .shuju h2{
        margin: .2rem 0 .1rem;
        padding-bottom: 0;
    }
    .shujuContent .title{
        margin: 0;
    }
    .lunbo .texts{
        height: 9rem;
    }
    .texts .content{
        margin-bottom: .15rem;
    }
    .lunbo .swiper-pagination{
        bottom: 65% !important;
    }
}