* {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style: none;
}

.zhizuanchaotuiguang h2{
    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 .banner-button div{
    display: inline-block;
}
.pc-banner .text{
    width: 80%;
    position: absolute;
    top:1rem;
    left:3.5rem;
}
.mobile-banner .text{
    width: 100%;
    position: absolute;
    top:.35rem;
    left:.7rem;
}
.text .headline{
    width: 100%;
    font-size: .72rem;
    margin-bottom: .3rem;
    font-weight: bold;
    color: #ffffff;
}
.text p{
    font-size: .24rem;
    margin-bottom: .7rem;
}
.pc-banner .banner-button .jump{
    font-size: .4rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
    width: 2.5rem;
    height: .8rem;
    line-height: .8rem;
    background: #ffae02;
    border-radius: .2rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
}
.pc-banner .banner-data {
    margin-top: .4rem;
}
.pc-banner .banner-data .data-col{
    display: inline-block;
    margin-right: .7rem;
}
.pc-banner .banner-data .data-col div{
    margin-bottom: 0;
    color: #fff;
}
.pc-banner .banner-data .data-col .data-value{
    font-size: 0;
}
.pc-banner .banner-data .data-col .data-value div{
    line-height: .8rem;
    font-size: .48rem;
    display: inline-block;
    margin: 0;
    padding: 0;
    clear: both;
}
.pc-banner .banner-data .data-col .data-value .data-num{
    border-bottom: .05rem solid #fff;
}
.pc-banner .banner-data .data-col .data-desc{
    margin-top: .1rem;
    font-size: .24rem;
}
.mobile-banner .jump {
    position: absolute;
    bottom: .25rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.strength{
    height: 1.5rem;
}
.strength_content{
    color: #000;
    width: 12rem;
    height: 2.2rem;
    margin: 0 auto 1rem !important;
    box-shadow: 0px 0px 20px 0px rgb(255 255 255 / 18%);
    position: relative;
    margin-top: -1rem !important;
    background: #fff;
    z-index: 10000;
}
.strength_content > div{
    width: 25%;
    text-align: center;
}
.num_time{
    font-size: .4rem;
    color: #3857ff;
}
.num_text{
    font-size: .24rem;
    color: #666;
}
.flex{
    display: flex;
    align-items: center;
}
.serviceItems {
    height: 10.23rem;
    padding: .2rem 0 .4rem;
    background: url("../image/第2屏-背景.jpg") no-repeat;
    background-position: 0% 0%;
    background-size: 100% 100%;
}
.serviceItems h2{
    margin: 0;
    font-size: .48rem;
    font-weight: bold;
}
.serviceItems .title-sp{
    font-size: .48rem;
    color: #3857ff;
}
.serviceItems h3{
    margin: 0 0 .2rem 0;
    font-size: .36rem;
}
.serviceItemsContent {
    height: 6rem;
    width: 13rem;
    margin: 0 auto;
}
.promoteData{
    margin-bottom: .15rem;
    height: 6.5rem;
    background-color: #EEF1F8;
    padding: .5rem .5rem;
}
.promoteItem {
    height: 5.5rem;
    position: relative;
}
.promoteItem:nth-of-type(1) {
    background: url("../image/第2屏01.png") no-repeat;
    background-size: 2.8rem 5.5rem;
}
.promoteItem:nth-of-type(2) {
    background: url("../image/第2屏02.png") no-repeat;
    background-size: 2.8rem 5.5rem;
}
.promoteItem:nth-of-type(3) {
    background: url("../image/第2屏03.png") no-repeat;
    background-size: 2.8rem 5.5rem;
}
.promoteItem:nth-of-type(4) {
    background: url("../image/第2屏04.png") no-repeat;
    background-size: 2.8rem 5.5rem;
}
.promote-title {
    height: .8rem;
    font-size: .28rem;
    font-weight: bold;
    color: #fff;
    line-height: .8rem;
}
.promoteItem .promote-sub-list {
    height: 4.5rem;
    padding-top: .5rem;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
}
.promote-sub-item {
    width: 2.5rem;
}
.promote-sub-title {
    font-size: .2rem;
    font-weight: bold;
    border-left: .05rem  solid blue;
    padding-left: .1rem;
}
.promote-sub-desc {
    font-size: .1rem;
    line-height: .3rem;
}

.youshi {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.youshi .youshi_container {
    width: 100%;
    height: 100%;
    padding: 2% 20% 0 20%;
    box-sizing: border-box;
}
.youshi .youshi_container h2 {
    margin: 0;
    font-size: .48rem;
    font-weight: bold;
}
.youshi .youshi_container .youshi-container-title {
    text-align: center;
}
.youshi .youshi_container h2 span {
    width: 100%;
    height: .5rem;
    margin-top: .4rem;
    line-height: .5rem;
    text-align: center;
    font-size: .48rem;
    font-weight: bold;
    letter-spacing: .05rem;
    color: #3857ff;
}
.youshi .youshi_container h3 {
    margin: 0;
}
.youshi .youshi_container .content_one {
    margin-top: .6rem;
}
.youshi .youshi_container .content_one ul li {
    height: 2.3rem;
    margin-bottom: .3rem;
}
.youshi .youshi_container .content_one ul li img {
    display: inline;
    margin: 0 .15rem 0 .55rem;
    width: .5rem;
}
.youshi .youshi_container .content_one ul li .one_title {
    /*display: inline-block;*/
    width: 100%;
    height: .4rem;
    /* margin-top: 5px; */
    margin: 0;
    line-height: .3rem;
    font-size: .25rem;
    font-weight: bold;
    color: #000;
    text-align: center;
}
.youshi .youshi_container .content_one ul li .one_desc {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0 0 0 15%;
    margin-top: .2rem;
    box-sizing: border-box;
    line-height: .25rem;
    font-size: .18rem;
    color: #888;
    text-align: left;
}
.youshi .youshi_container .content_one ul li .one_desc span {
    line-height: .25rem;
    font-size: .18rem;
    color: #ffae02;
}
.youshi .youshi_container .content_img {
    width: 100%;
    height: auto;
    margin-top: .8rem;
    padding: 0 25%;
    box-sizing: border-box;
}
.youshi .youshi_container .content_desc {
    width: 100%;
    height: auto;
    margin-top: .1rem;
    font-size: .25rem;
    color: #000;
    text-align: center;
}
.youshi .youshi_container .content_desc span {
    font-size: .25rem;
    font-weight: bold;
}
.fangan {
    height: 10rem;
    background-color: #ebf0f8;
    padding-top: .5rem;
}
.fangan h2{
    margin: 0;
    font-size: .48rem;
    font-weight: bold;
}
.fangan .title-sp{
    font-size: .48rem;
    color: #3857ff;
}
.fangan h3{
    margin: 0 0 .3rem 0;
    font-size: .36rem;
}
.fangan .cat-list {
    width: 12.5rem;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fangan .cat-item {
    flex: 1;
    color: #fff;
    text-align: center;
    font-size: .24rem;
    font-weight: bold;
    line-height: .68rem;
    height: .68rem;
    background-color: #c5c5c5;
    margin: 0 .08rem;
    border-radius: .12rem;
    cursor: pointer;
}
.fangan .cat-item a {
    color: #fff;
    text-align: center;
    font-size: .24rem;
    font-weight: bold;
}
.fangan .cat-list .active {
    background-color: #ffae02;
}
.fangan .fangan-swiper {
    margin: .3rem auto 0 auto;
    width: 80%;
}
.fangan .swiper-container {
    position: relative;
}
.fangan .swiper-slide img {
    width: 100%;
}
.fangan .swiper-slide .slide-content {
    width: 50%;
    position: absolute;
    top: .3rem;
    left: .3rem;
}
.fangan .item-title {
    font-size: .24rem;
    color: #fff;
    background-color: #3857ff;
    width: 1.6rem;
    text-align: center;
    height: .46rem;
    border-radius: 1rem;
    border: 1px #3857ff solid ;
    line-height: .46rem;
    margin-bottom: .2rem;
}
.fangan .slide-item-1 .item-title {
    width: 3.6rem;
}
.fangan .slide-item {
    margin-bottom: .2rem;
}
.fangan .item-content {
    font-size: .2rem;
    color: #666;
}
.fangan .slide-item-1 .item-content {
    display: flex;
    display: -webkit-flex;
}
.fangan .slide-item-1 .content-info {
    color: #666;
    transform: scale(0.5);
    transform-origin: 0 50%;
}
.fangan .slide-item-1 .sub-item {
    flex: 1;
}
.fangan .slide-item-1 .sub-title {
    font-size: .3rem;
    font-weight: bold;
    color: #333;
}
.fangan .slide-item-1 .sub-text {
    font-size: .2rem;
    color: #666;
}
.fangan .slide-item-3 .sub-item div {
    float: left;
}
.fangan .slide-item-3 .sub-item-icon {
    margin-top: .05rem;
    height: .22rem;
    border-left: .05rem solid #3857ff;
}
.fangan .slide-item-3 .sub-item-text {
    width: 99%;
    padding-left: .1rem;
    margin-bottom: .1rem;
    font-size: .2rem;
}
.fangan .slide-item-3 .sub-item span {
    font-size: .24rem;
    font-weight: bold;
}
.fangan .swiper-button-prev {
    background-image: url("/images");
    display: none;
}
.fangan .swiper-button-next {
    right: .8rem;
    background-image: url("/images");
}
.fangan .swiper-button-prev img {
    width: 1rem;
}
.fangan .swiper-button-next img {
    width: 1rem;
}

.text div{
    color: #666666;
    font-size: .24rem;
    margin-bottom: .2rem;
}
.mobilefenxi{
    display: none;
    width: 100%;
}
.mobilefenxi img{
    display: block;
    width: 100%;
    margin: .15rem 0 0;
}

.partner {
    background: #fff;
    padding: .4rem 0 .8rem;
}
.partner h2{
    margin: 0;
    font-size: .48rem;
    font-weight: bold;
}
.partner .title-sp{
    font-size: .48rem;
    color: #3857ff;
}
.partnerContent {
    position: relative;
    overflow: hidden;
}
.partnerContent img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.liucheng {
    height: 8rem;
    background: #f1f1f1;
    padding: .4rem 0 .8rem;
}
.liucheng h2{
    font-size: .48rem;
    font-weight: bold;
    margin-bottom: .3rem;
}
.liucheng .icon-list {
    margin-bottom: 2.5rem;
}
.liucheng .liucheng-icon {
    padding: 0;
}
.liucheng .liucheng-item {
    text-align: center;
}
.liucheng .liucheng-item .item-icon {
    margin-bottom: .2rem;
}
.liucheng .liucheng-item .item-icon img {
    width: 25%;
    display: block;
    margin: auto;
}
.liucheng .liucheng-item .item-title {
    font-size: .36rem;
    color: #3857ff;
    font-weight: bold;
    margin-bottom: .2rem;
}
.liucheng .liucheng-item .sub-item {
    font-size: .2rem;
    color: #666;
}

.clicks{
    cursor: pointer;
    width: 2.9rem;
    height: .8rem;
    line-height: .8rem;
    background: #333333;
    color: #ffffff;
    font-size: .24rem;
    font-weight: bold;
    text-align: center;
    border-radius: .15rem;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    -ms-border-radius: .15rem;
    -o-border-radius: .15rem;
    margin: .3rem auto 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;
}

.shuju {
    background: #fff;
    padding: .4rem 0 .8rem;
}
.shuju h2{
    margin: 0;
    font-size: .48rem;
    font-weight: bold;
}
.shuju .title-sp{
    font-size: .48rem;
    color: #3857ff;
}
.shuju h3{
    margin: 0 0 .4rem 0;
    font-size: .36rem;
}
.shujuContent {
    position: relative;
    overflow: hidden;
}
.shujuContent img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.anli {
    padding: .4rem 0 .4rem 0;
    background-color: #f1f1f1;
    height: 8.2rem;
}
.anli h2{
    margin: 0;
    font-size: .48rem;
    font-weight: bold;
}
.anli .title-sp{
    font-size: .48rem;
    color: #3857ff;
}
.anli h3{
    margin: 0 0 .4rem 0;
    font-size: .36rem;
}
.anli-content {
    position: relative;
    overflow: hidden;
}
.anli-content img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@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 .banners{
        width: 100%;
    }
    .lunbo .bg.flex{
        display: block;
    }
    .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: 5.6rem;
    }
    .lunbo .swiper-pagination{
        bottom: 52% !important;
    }
}