/* 头部 */
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99; 
    /* height: fit-content;
    position: sticky;
    top: 0px; */
}
.headPc{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 70px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    position: relative;
    transition: all .5s;
}
.headPc .headPc-left .logo{
    display: none;
}
.headPc .headPc-right{
    display: flex;
    align-items: center;
}
.headPc .headPc-right .box1{
    display: flex;
    align-items: center;
    margin-right: 30px;
}
.headPc .headPc-right .box1>li{
    margin: 0 25px;
    position: relative;
    line-height: 88px;
}
.headPc .headPc-right .box1>li>a{
    transition: all .2s;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
}
.headPc .headPc-right .box1>li::after {
    content: '';
    width: 0;
    height: 2px;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.headPc .headPc-right .box1>li:hover:after {
    width: 100%;
}
.headPc .headPc-right .box1>li:hover a{
    font-weight: 500;
}
.headPc .headPc-right .box1>li.active::after {
    width: 100%;
}
.headPc .headPc-right .box1>li.active a{
    font-weight: 500;
}

.headPc .headPc-right .box3 .regist{
    background: url(/static/images/search-white.svg) no-repeat center;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.headPc.active{
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
}
.headPc.active .headPc-right .box1>li>a{
    color: #000000;
}
.headPc.active .headPc-right .box1>li::after{
    background:#000000;
}
.headPc.active .headPc-left .logo{
    display: block;
}
.headPc.active .headPc-left .logo-white{
    display: none;
}
.headPc.active .headPc-right .box3 .regist{
    background: url(/static/images/search.svg) no-repeat center;
    background-size: contain;
}

.headPc.activeShow{
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
}
.headPc.activeShow .headPc-right .box1>li>a{
    color: #000000;
}
.headPc.activeShow .headPc-right .box1>li::after{
    background:#000000;
}
.headPc.activeShow .headPc-left .logo{
    display: block;
}
.headPc.activeShow .headPc-left .logo-white{
    display: none;
}
.headPc.activeShow .headPc-right .box3 .regist{
    background: url(/static/images/search.svg) no-repeat center;
    background-size: contain;
}

.headPc.activeShowTab{
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
}
.headPc.activeShowTab .headPc-right .box1>li>a{
    color: #000000;
}
.headPc.activeShowTab .headPc-right .box1>li::after{
    background:#000000;
}
.headPc.activeShowTab .headPc-left .logo{
    display: block;
}
.headPc.activeShowTab .headPc-left .logo-white{
    display: none;
}
.headPc.activeShowTab .headPc-right .box3 .regist{
    background: url(/static/images/search.svg) no-repeat center;
    background-size: contain;
}

.headTwo{
    background: #FFFFFF;
    border-top: 2px solid #32AB3B;
    position: absolute;
    top: 100%;
    left: -300px;
    display: none;
    transition: all 0.2s ease-out;
    animation: headDown 0.6s;
    box-shadow: 0px 6px 12px 0px rgb(0 0 0 / 10%);
}
.headPc .headPc-right .box1>li:nth-child(5) .headTwo{
    left: -70px;
}
.headPc .headPc-right .box1>li:nth-child(6) .headTwo{
    left: -70px;
}
.headPc .headPc-right .box1>li:last-child .headTwo{
    left: -20px;
}
.headTwo dl {
    display: table-cell;
}
.headTwo dt{
    padding: 0 20px;
}
.headTwo dt a{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    white-space: nowrap;
    transition: all .3s;
}
.headTwo dt a:hover{
    color: #32AB3B;
}
.headPc .headPc-right .box1>li:hover .headTwo{
    display: table;
}
@keyframes headDown{
    0%{
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.navSearch {
    position: absolute;
    z-index: 6;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translate3d(0, -100%, 0);
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}
.navSearch.on{
    transform: translate3d(0, 0, 0);
    opacity: 1;
    pointer-events: auto;
}
.navSearch .search-box {
    display: flex;
    border: 1px solid #e5e5e5;
    padding-left: 15px;
    width: 40%;
}
.navSearch .search-box input {
    flex: 1;
    outline: none;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #808080;
    line-height: 20px;
    font-family: 'PingFang SC';
}
.navSearch .search-box .btn{
    background: #32AB3B;
    padding: 10px 25px;
    border: none;
    outline: none;
    border-radius: 0px;
}
.navSearch .search-box .btn span{
    color: #fff;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
.navSearch .sClose{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20%;
}
.navSearch .sClose a{
    color: #474747;
    font-size: 18px;
}


.headMob {
    display: none;
}
.headMob.active {
    background: #fff;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
}

.headMob .mob-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}
.headMob .box-right img {
    width: 30px;
}
.headMob .logo{
    display: none;
}
/*.headMob .logo,.headMob .logo-white{*/
/*    width: 100px;*/
/*}*/
.headMob .box-right .cd2{
    display: none;
}
.headMob.active{
    background: #fff;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
}
.headMob.active .box-left .logo{
    display: block;
}
.headMob.active .box-left .logo-white{
    display: none;
}
.headMob.active .box-right .cd1{
    display: none;
}
.headMob.active .box-right .cd2{
    display: block;
}

.headMob.activeShow {
    background: #fff;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
}
.headMob.activeShow .box-left .logo{
    display: block;
}
.headMob.activeShow .box-left .logo-white{
    display: none;
}
.headMob.activeShow .box-right .cd1{
    display: none;
}
.headMob.activeShow .box-right .cd2{
    display: block;
}

.mob-bg {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 7;
    left: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}
.headMob.headMob-active .mob-bg {
    opacity: 1;
    visibility: inherit;
}
.mob-list {
    position: fixed;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    width: 100%;
    top: 0;
    right: -100%;
    z-index: 8;
    padding: 30px 20px;
    height: 100%;
    transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    box-shadow: 0 -8px 16px 0 rgb(0 0 0 / 16%);
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
}
.headMob.headMob-active .mob-list {
    right: 0;
    opacity: 1;
    visibility: inherit;
}
.mob-list .list-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mob-list .top-left {
    float: left;
}
.mob-list .top-left img{
    width: 70%;
}
.mob-list .top-right {
    float: right;
}
.mob-list .top-right .clone {
    display: inline-block;
    background: url(/static/images/icon-phone-guanbi-white.svg) no-repeat center;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.mob-list .list-cent {
    margin-top: 30px;
}
.mob-list .box-list>li {
    padding: 12px 0;
    position: relative;
}
.mob-list .box-list>li:not(:last-child) {
    border-bottom: 1px solid #818181;
}
.mob-list .box-list > li > a {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #252931;
}
.mob-list .list-cent .con-laug{
    margin-top: 30px;
}

.mob-list .box-list .icon-bottom{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/static/images/phone-icon-bottom.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 16px;
}
.mob-list .box-list > li.active .icon-bottom {
    background: url(/static/images/phone-icon-top.svg) no-repeat center;
    background-size: contain;
}
.mob-list .box-list .two-list {
    margin: 10px 0;
    display: none;
}
.mob-list .box-list .two-list>li {
    width: 100%;
}
.mob-list .box-list .two-list>li>a {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: #818181;
}
.mob-list.mob-listEn .box-list .two-list>li {
    width: 100%;
    float: left;
}

.footer1{
    background: #515151;
}
.footer1 .container{
    display: flex;
    justify-content: space-between;
    padding: 70px 0;
}
.footer1-left .left-list {
    border: 1px solid #979797;
    margin-top: 30px;
    position: relative;
}
.footer1-left .left-list .list-box {
    display: flex;
    align-items: center;
    padding: 10px 16px;
}
.footer1-left .left-list .list-box p {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.8);
    padding-right: 60px;
}
.footer1-left .left-list .list-box i {
    display: inline-block;
    background: url(/static/images/foot-icon-bot.svg) no-repeat center;
    background-size: contain;
    width: 17px;
    height: 17px;
}
.footer1-left .left-list .list-ul {
    position: absolute;
    top: 102%;
    left: -1px;
    width: 101.2%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-top: none;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
    padding: 10px 6px;
}
.footer1-left .left-list .list-ul li:not(:first-child){
    padding-top: 6px;
}
.footer1-left .left-list .list-ul a {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    color: rgba(255, 255, 255, 0.8);
    transition: all .3s;
}
.footer1-left .left-list:hover .list-ul {
    opacity: 1;
    visibility: inherit;
}
.footer1-right .wx-boxList{
    text-align: right;
}
.footer1-right .wx-boxList span{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    margin-top: 16px;
}
.footer1-right .wx-boxList a{
    font-family: 'D-DIN';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    color: #FFFFFF;
    padding-top: 3px;
    display: block;
}
.footer1-right .wx-boxList p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    margin-top: 16px;
}

.footer1-cent {
    display: flex;
}
.footer1-cent dl:not(:first-child) {
    margin-left: 30px;
}
.footer1-cent dt {
    margin-bottom: 15px;
}
.footer1-cent dt a{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
}
.footer1-cent dd a {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: rgba(255, 255, 255, 0.8);
}
.footer2{
    background: #2C2C2C;
    padding: 20px 0;
}
.footer2 .footer2-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer2 .box-left span,.footer2 .box-left a{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.82;
}
.footer2 .box-right a{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.82;
}
.footer2 .box-right a:not(:first-child){
    padding-left: 10px;
}
.footer2 .box-right a.dowv{
    opacity: 0.1;
}


/* 首页 */
.index-banner{
    width: 100%;
}
.index-banner .index-swiper .banner-box img{
    max-width: 100%;
    max-height: 100vh;
    object-fit: cover;
}
.index-banner .index-swiper .banner-box .banner-text img{
    animation: bannerdDown 5s linear;
}
.index-banner .index-swiper .banner-box .phone-banner-img{
    display: none;
    width: 100%;
}
.index-banner .index-swiper .banner-text .banner-text-img{
    width: auto;
    object-fit: contain;
    max-height: none;
}
@keyframes bannerdDown{
    0%{
        opacity: 0;
    }
    25%{
        opacity: 0.25;
    }
    50%{
        opacity: 0.5;
    }
    75%{
        opacity: 0.75;
    }
    100%{
        opacity: 1;
    }
}
.index-banner .index-swiper .banner-box{
    position: relative;
}
.index-banner .index-swiper .banner-tit{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.index-banner .index-swiper .banner-text{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.index-banner .index-swiper .banner-text h2{
    font-family: 'SJxingkai-C';
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 120px;
    text-align: center;
    letter-spacing: 7px;
    text-transform: uppercase;
    color: #FFFFFF;
    opacity: 0.9;
}
.index-banner .index-swiper .banner-text h3{
    font-family: 'Source Han Serif CN';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 8px;
    text-transform: uppercase;
    color: #FFFFFF;
    opacity: 0.6;
}
.index-banner .index-swiper .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    background: inherit;
    opacity: .6;
    border: 2px solid rgba(255, 255, 255, 0.6);
}
.index-banner .index-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 35px;
    height: 14px;
    opacity: 1;
    border-radius: 7px;
    background: #fff;
    border: 1px solid #FFFFFF;
}
.index-banner .index-swiper .swiper-button-prev{
    left: 30px;
}
.index-banner .index-swiper .swiper-button-next{
    right: 30px;
}
.index-banner .index-swiper .swiper-button-next::after,.index-banner .index-swiper .swiper-button-prev::after{
    font-size: 30px;
    color: #fff;
}

.index-serve {
    padding: 80px 0;
}
.index-serve .serve-tit{
    margin-bottom: 70px;
}
.index-serve .serve-tit h2{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 56px;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
}
.index-serve .serve-imgBox .imgBg {
    max-width: 100%;
}
.index-serve .serve-imgBox{
    position: relative;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
}
.index-serve .serve-imgBox .imgRw{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.index-serve .serve-imgBox .serve-text{
    position: absolute;
    right: 10%;
    top: 10%;
}
.index-serve .serve-imgBox .serve-text h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 39px;
    text-align: justify;
    color: #FFFFFF;
    position: relative;
    margin-bottom: 14px;
    padding-bottom: 14px;
}
.index-serve .serve-imgBox .serve-text h3::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 41px;
    height: 2px;
    background: #FFFFFF;
}
.index-serve .serve-imgBox .serve-text h4{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: justify;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.index-serve .serve-imgBox .text-box p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    color: #FFFFFF;
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
}
.index-serve .serve-imgBox .text-box p::after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FFFFFF;
}
.index-serve .swiper-button-next, .index-serve  .swiper-button-prev {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}
.index-serve  .swiper-button-next{
    right:6%;
}
.index-serve  .swiper-button-prev{
    left: 6%;
}
.index-serve  .swiper-button-next::after, .index-serve  .swiper-button-prev::after {
    font-size: 20px;
    color: #fff;
}

.index-service{
    position: relative;
}
.index-service .video-bg{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.index-service .service-tit{
    position: absolute;
    left: 50%;
    top: 6%;
    transform: translateX(-50%);
}
.index-service .service-tit h2{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 56px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.index-service .service-cent{
    position: absolute;
    width: 100%;
    top: 22%;
}
.index-service .cent-box{
    display: inline-block;
    background: #FFFFFF;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    padding: 60px 30px 30px 30px;
}
.index-service .cent-box .cent-img{
    text-align: center;
}
.index-service .cent-box h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 31px;
    text-align: center;
    color: #333333;
    margin: 35px 0 14px 0;
}
.index-service .cent-box .box-text{
    height: 144px;
    overflow: hidden;
}
.index-service .cent-box p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.index-service .service-cent .swiper-button-next, .index-service .service-cent .swiper-button-prev {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #32AB3B;
    transition: all .3s;
}
.index-service .service-cent .swiper-button-next{
    right:13%;
}
.index-service .service-cent .swiper-button-prev{
    left: 13%;
}
.index-service .service-cent .swiper-button-next::after, .index-service .service-cent .swiper-button-prev::after {
    font-size: 20px;
    color: #32AB3B;
}
.index-service .service-cent .swiper-button-next:hover{
    background: #fff;
}
.index-service .service-cent .swiper-button-prev:hover{
    background: #fff;
}
.index-service .service-cent .swiper-button-next:hover::after{
    color: #32AB3B;
}
.index-service .service-cent .swiper-button-prev:hover::after{
    color: #32AB3B;
}

.index-solution{
    padding: 60px 0;
}
.index-solution .solution-tit{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index-solution .solution-tit h2{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 56px;
    text-transform: uppercase;
    color: #000000;
}
.index-solution .solution-tit a{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
}
.index-solution .solution-con img{
    max-width: 100%;
    width: 100%;
}
.index-solution .solution-box{
    margin-top: 70px;
}
.index-solution .solution-con{
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.index-solution .solution-con .con-text{
    background: #F5F8FA;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px 40px 10px 40px;
    transition: all .3s;
    width: 100%;
}
.index-solution .solution-con .con-text h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 39px;
    color: rgba(0, 0, 0, 0.8);
    position: relative;
    padding-top: 20px;
    transition: all .3s;
}
.index-solution .solution-con .con-text p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    color: #808080;
    margin-top: 13px;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.index-solution .solution-con .con-text h3::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 3px;
    background: #32AB3B;
    transition: all .3s;
}
.index-solution .solution-con .con-text a{
    border: 2px solid #FFFFFF;
    padding: 10px 50px;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    display: inline-block;
    visibility: hidden;
    transition: all .3s;
}
.index-solution .solution-con:hover .con-text{
    background: inherit;
}
.index-solution .solution-con:hover .con-text h3{
    color: #FFFFFF;
}
.index-solution .solution-con:hover .con-text h3::after{
    background: #FFFFFF;
}
.index-solution .solution-con:hover .con-text p{
    color: #FFFFFF;
}
.index-solution .solution-con:hover .con-text a{
    visibility: inherit;
    margin-top: 50px;
}


.index-case{
    position: relative;
}
.index-case .case-com{
    position: relative;
   display: none;
}
.index-case .case-com img{
    max-width: 100%;
}
.index-case .case-com.boActive{
    display: block;
}
.index-case .com-cent{
    position: absolute;
    width: 100%;
    top: 45px;
    left: 0;
}
.index-case .com-cent .com-cent-box{
    width: 50%;
}
.index-case .com-cent .cent-tit h2{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 56px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.index-case .com-cent .cent-text{
    margin-top: 90px;
}
.index-case .com-cent .cent-text h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 39px;
    color: #FFFFFF;
}
.index-case .com-cent .cent-text h4{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: #FFFFFF;
    margin-top: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.index-case .com-cent .cent-link{
    margin-top: 46px;
}
.index-case .com-cent .cent-link a{
    border: 2px solid #FFFFFF;
    padding: 10px 55px;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    display: inline-block;
}
.index-case .case-tab{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.index-case .case-tab .tab-ul{
    display: flex;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
}
.index-case .case-tab .tab-ul li{
    width: 16.6%;
}
.index-case .case-tab .tab-box{
    display: block;
    text-align: center;
    padding: 35px 0;
    position: relative;
}
.index-case .case-tab .tab-box .imgW{
    display: none;
}
.index-case .case-tab .tab-box::after{
    content: "";
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    top: -1px;
    left: 0;
    transition: all .5s;
}
.index-case .case-tab .tab-box p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.8;
    margin-top: 8px;
}
.index-case .case-tab .tab-ul li.active .tab-box{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.19) 0%, rgba(255, 255, 255, 0) 100%);
}
.index-case .case-tab .tab-ul li.active .tab-box p{
    opacity: 1;
}
.index-case .case-tab .tab-ul li.active .tab-box::after{
    width: 100%;
}
.index-case .case-tab .tab-ul li.active .tab-box .imgB{
    display: none;
}
.index-case .case-tab .tab-ul li.active .tab-box .imgW{
    display: inline-block;
}
.index-case .case-tab .tab-ul li:hover .tab-box{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.19) 0%, rgba(255, 255, 255, 0) 100%);
}
.index-case .case-tab .tab-ul li:hover .tab-box p{
    opacity: 1;
}
.index-case .case-tab .tab-ul li:hover  .tab-box::after{
    width: 100%;
}

.index-ry{
    padding: 70px 0;
}
.index-ry .ry-tit{
    margin-bottom: 60px;
}
.index-ry .ry-tit h2{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 56px;
    text-transform: uppercase;
    color: #000000;
}
.index-ry .ry-left .left-link{
    display: inline-block;
    border: 2px solid #DCDCDC;
    padding: 12px 60px;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
    margin-top: 30px;
}
.index-ry .ry-left .left-box{
    position: relative;
}
.index-ry .ry-left .left-list{
    height: 290px;
    overflow: hidden;
    padding-top: 20px;
}
.index-ry .ry-left .left-box::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.index-ry .ry-left .left-list li{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
    margin-top: 15px;
}
.index-ry .ry-right img{
    max-width: 100%;
}

.index-news{
    background: url(/static/images/index-news-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 80px 0 100px 19%;
}
.index-news .news-tit{
    padding-bottom: 60px;
}
.index-news .news-tit h2{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 56px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.index-news .news-box{
    display: inline-block;
}
.index-news .news-box img{
    max-width:100%;
    width: 100%;
    height: 13vw;
}
.index-news .news-box .box-text{
    padding: 20px;
    background: #FFFFFF;
}
.index-news .news-box .box-text h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    -webkit-line-clamp: 2;
    min-height: 60px;
}
.index-news .news-box .box-text span{
    font-family: 'DIN Alternate';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #A3A3A3;
}

.index-contact{
    padding: 55px 0;
}
.index-contact .contact-box{
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.index-contact .contact-box img{
    max-width: 100%;
}
.index-contact .contact-box .box-text{
    position: absolute;
    top: 80%;
    transform: translateY(-50%);
    left: 20px;
    transition: all .3s;
}
.index-contact .contact-box:hover .box-text{
    top: 40%;
}
.index-contact .contact-box .box-text h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: #FFFFFF;
}
.index-contact .contact-box .box-text p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    opacity: 0;
    margin-top: 6px;
    transition: all .3s;
}
.index-contact .contact-box .box-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.61) 100%);
    transition: all .3s;
    border-radius: 10px;
}
.index-contact .contact-box .box-bg1{
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    transition: all .3s;
    border-radius: 10px;
}
.index-contact .contact-box:hover .box-bg1{
    top: 0;
    border-radius: 10px;
}
.index-contact .contact-box:hover .box-text p{
    opacity: 1;
}
.index-contact .contact-box:hover .box-text{
    top: 50%;
}
/* 首页 */

/* 栏目公共banner */
.com-banner{
    position: relative;
}
.com-banner .comImg{
    max-width: 100%;
    display: none;
}
.com-banner .com-video{
    object-fit: cover;
}
.com-banner .com-tit{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    display: none;
}
.com-banner .com-tit h2{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 65px;
    line-height: 91px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.join-banner.com-banner .com-tit h2{
    font-size: 36px;
    line-height: 50px;
}
.join-banner.com-banner .com-tit p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    margin-top: 10px;
}
.com-banner .com-nav{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.com-banner .com-nav .nav-box{
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 80px;
    border-bottom: 1px solid #e6e6e6;
}
.com-banner .com-nav .nav-box .box-left h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 56px;
    text-transform: uppercase;
    color: #000000;
    border-bottom: 2px solid #000;
    padding: 45px 0;
}

.com-arrhead{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.com-arrhead .arrhead-box{
    background: #FFFFFF;
    padding: 40px 30px;
}
.com-arrhead .box-ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.com-arrhead .box-ul li{
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
}
.com-arrhead .box-ul .box-list{
    background: #FFFFFF;
    box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    display: block;
    text-align: center;
    padding: 15px 5px;
    position: relative;
}
.com-arrhead .box-ul .box-list b{
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
}
.com-arrhead .box-ul .box-list b.biconWhite{
    display: none;
}
.com-arrhead .box-ul .box-list span{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    color: #818181;
    vertical-align: middle;
    padding-left: 5px;
}
.com-arrhead .box-ul li.active .box-list{
    background: #32AB3B;
}
.com-arrhead .box-ul li.active .box-list::after{
    border: 10px solid transparent;
    border-top: 10px solid #32AB3B;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -20px;
    content: ' ';
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.com-arrhead .box-ul li.active .box-list span{
    color: #fff;
}
.com-arrhead .box-ul li.active .bicon{
    display: none;
}
.com-arrhead .box-ul li.active .biconWhite{
    display: inline-block;
}

.com-arrhead-case.com-arrhead .arrhead-box {
    padding: 40px 20px;
}
.com-arrhead-case.com-arrhead .box-ul{
    margin-bottom: -30px;
}
.com-arrhead-case.com-arrhead .box-ul li{
    padding-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
    width: 20%;
}
.com-arrhead-case.com-arrhead .box-ul .box-list span {
    font-size: 18px;
}

.com-arrhead-news.com-arrhead .box-ul li{
    width: 50%;
}

.com-arrhead-solution.com-arrhead .arrhead-box {
    padding: 40px 20px;
}
.com-arrhead-solution.com-arrhead .box-ul{
    margin-bottom: -30px;
}
.com-arrhead-solution.com-arrhead .box-ul li{
    padding-bottom: 30px;
}


/* 栏目公共banner */

/* 关于ag8集团 */
.about-txt{
    padding: 60px 0;
}
.about-txt .txt-left{
    position: relative;
}
.about-txt .txt-left img{
    max-width: 100%;
}
.about-txt .txt-left .left-play{
    display: inline-block;
    background: url(/static/images/about-txt-play.svg) no-repeat center;
    background-size: contain;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 40px;
    left: 40px;
}
.about-txt .txt-right{
    padding-top: 50px;
}
.about-txt .txt-right h2{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 50px;
    text-transform: uppercase;
    color: #000000;
}
.about-txt .txt-right .right-con{
    margin-top: 30px;
    height: 290px;
    overflow-y: auto;
    padding-right: 30px;
}
.about-txt .txt-right .right-con::-webkit-scrollbar{
    width: 4px;
    height: 4px;
    background-color:#ECECEC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
.about-txt .txt-right .right-con::-webkit-scrollbar-thumb{
    background-color: #32AB3B;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
.about-txt .txt-right .right-con p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 33px;
    text-transform: uppercase;
    color: #000000;
    text-align: justify;
}

.product-con-video {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.85);
    z-index: 99;
}
.product-con-video video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1200px;
    max-width: 88%;
}
.product-con-video i {
    color: #fff;
    font-size: 22px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    line-height: 30px;
    position: absolute;
    left: 85%;
    top: 6%;
    cursor: pointer;
}

.com-xco .xco-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e6e6e6;
}
.com-xco  .xco-box .box-left h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 56px;
    text-transform: uppercase;
    color: #000000;
    border-bottom: 2px solid #000;
    padding: 45px 0;
}
.com-xco.com-active  .xco-box .box-left h3{
    color: #fff;
    border-bottom: 2px solid #fff;
}
.com-xco.com-active .xco-box{
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.about-lc{
    background: url(/static/images/about-lc-bg-230328.png) no-repeat center;
    background-size: cover;
    padding-bottom: 80px;
}
.about-lc .product-list{
    padding: 60px 0 40px 0;
}
.about-lc .product-list .list-left img{
    max-width: 100%;
}
.about-lc .product-list .list-right{
    padding-top: 30px;
}
.about-lc .product-list .list-right h2 span{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 49px;
    text-transform: uppercase;
    color: #000000;
}
.about-lc .product-list .list-right h2 i{
    font-family: 'PingFang SC';
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #000000;
}
.about-lc .product-list .list-right .right-txt{
    margin-top: 25px;
}
.about-lc .product-list .list-right .right-txt p{
    font-family: 'PingFang SC';
    font-size: 16px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #000000;
}
.about-lc .product-thumbs .con-box{
    display: block;
    padding-top: 26px;
    position: relative;
    text-align: center;
}
.about-lc .product-thumbs .con-box::after{
    content: "";
    width: 100%;
    height: 2px;
    background: #000000;
    position: absolute;
    top: -1px;
    left: 0;
    visibility: hidden;
}
.about-lc .product-thumbs .swiper-slide-thumb-active .con-box::after{
    visibility: inherit;
}
.about-lc .product-thumbs .swiper-slide-thumb-active .con-box p{
    color: #000;
}
.about-lc .product-thumbs .con-box p{
    font-family: 'PingFang SC';
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    color: #818181;
}
.about-lc  .lc-bot{
    border-top: 1px solid #D9D9D9;
}
/* .about-lc .product-thumbs .swiper-wrapper{
    
} */

.about-ry{
    padding-bottom: 100px;
}
.about-ry .ry-con{
    padding: 60px 0;
}
.about-ry .ry-con .con-box{
    display: block;
    text-align: center;
}
.about-ry .ry-con .con-box img{
    max-width: 100%;
}
.about-ry .ry-list .list-box{
    display: flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    border-radius: 60px;
    padding: 15px 20px;
}
.about-ry .ry-list .list-box span{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #000000;
    padding-left: 10px;
}
.about-ry .ry-list .row{
    margin-bottom: -30px;
    height: 243px;
    overflow-y: auto;
}
.about-ry .ry-list .row>div{
    padding-bottom: 30px;
}
.about-ry .ry-list .row::-webkit-scrollbar{
    width: 4px;
    height: 4px;
    background-color:#ECECEC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
.about-ry .ry-list .row::-webkit-scrollbar-thumb{
    background-color: #32AB3B;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}

.about-ys{
    background: url(/static/images/about-ys-bg-230817.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 88px;
}
.about-ys .ys-con{
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px 0 60px;
    margin-bottom: -44px;
}
.about-ys .ys-con p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
    margin: 8px 0;
}
.about-ys .ys-con p span{
    font-size: 58px;
    line-height: 81px;
}
.about-ys .ys-con .con-text{
    width: 50%;
    padding-bottom: 44px;
}
.about-ys .ys-con .con-text h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.about-ys .ys-con .con-text p span{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 62px;
    line-height: 71px;
    color: #FFFFFF;
}
.about-ys .ys-con .con-text p i{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
    vertical-align: middle;
}
.about-ys .ys-con .con-text p i.jia{
    /* vertical-align: top; */
    padding-left: 6px;
}
.about-ys .ys-con .con-text p i.txt{
    margin-left: 10px;
}
.about-ys .ys-con .con-text h4{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    opacity: 0.7;
}


.about-ys .ys-list .list-box{
    background: #FFFFFF;
    padding: 30px 6px;
}
.about-ys .ys-list .list-box p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
}

.about-ys .col-10-2{
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 15px;
    padding-left: 15px;
}
.about-ys .ys-map{
    padding-top: 88px;
}
.about-ys .ys-map .map-left img{
    max-width: 100%;
}

.about-wh{
    background: url(/static/images/about-wh-bg-230328.png) no-repeat center;
    background-size: cover;
    padding-bottom: 100px;
}
.about-wh .wh-box{
    margin-top: 70px;
}
.about-wh .wh-box .row>div{
    padding-bottom: 30px;
}
.about-wh .box-list{
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 35px 30px 118px 30px;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.about-wh .box-list img{
    width: 100px;
    position: absolute;
    top: 70%;
    transform: translateY(-50%);
    right: 40px;
}
.about-wh .box-list img.green{
    opacity: 0;
    transition: all .3s;
}
.about-wh .box-list h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 39px;
    color: #000000;
    position: relative;
    z-index: 5;
}
.about-wh .box-list .list-text{
    margin-top: 10px;
    z-index: 3;
    position: relative;
}
.about-wh .box-list .list-text p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #818181;
}
.about-wh .box-list .list-bg{
    background: linear-gradient(180deg, rgba(50, 171, 59, 0) 0%, rgba(50, 171, 59, 0.06) 100%), #FFFFFF;
    /* box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.15);
    border-radius: 4px; */
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s;
}
.about-wh .box-list:hover  .list-bg{
    top: 0;
}
.about-wh .box-list:hover .grey{
    opacity: 0;
}
.about-wh .box-list:hover .green{
    opacity: 1;
}

.about-fc{
    /* background: url(/static/images/about-fc-bg.png) no-repeat bottom;
    background-size: contain; */
    padding-bottom: 100px;
}
.about-fc .fc-box{
    margin-top: 50px;
}
.about-fc .row>div{
    padding-bottom: 30px;
}
.about-fc .box-list{
    display: block;
    height: 100%;
}
.about-fc .box-list img{
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-fc .aboutFc-swiper .aboutFc-con img{
    max-width: 100%;
    width: 100%;
}
/* 关于ag8集团 */

/* 解决方案 */
.solution1-txt{
    padding: 90px 0;
}
.solution1-txt .txt-box {
    display: flex;
    overflow: hidden;
}
.solution1-txt .txt-box h2{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 56px;
    text-transform: uppercase;
    color: #32AB3B;
}
.solution1-txt .txt-box p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 43px;
    text-transform: uppercase;
    color: #000000;
    padding-left: 88px;
    flex: 1;
}
.solution1-cent .cent-box{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 50px;
    padding-bottom: 20px;
}
.solution1-cent .box-lit{
    width: 39.5%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
}
.solution1-cent .box-big{
    width: 60.5%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
}
.solution1-cent .box-two-warp .box-list{
    height: auto;
}
.solution1-cent .box-two{
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 30px;
}
.solution1-cent .box-two .box-list{
    width: 50%;
    margin-left: 15px;
    margin-right: 15px;
}
.solution1-cent .box-list{
    display: block;
    background: #fff;
    border-radius: 10px;
    height: 100%;
    transition: all .3s;
}
.solution1-cent .box-list:hover{
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.14);
}
.solution1-cent .box-list img{
    max-width: 100%;
}
.solution1-cent .box-list .box-text{
    padding: 20px 15px;
}
.solution1-cent .box-list span{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #D5D5D5;
}
.solution1-cent .box-list p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    margin-top: 5px;
}
.solution1-cent .solution1-imgs{
    padding-bottom: 50px;
}
.solution1-cent .imgs-box{
    padding: 20px 0;
}
.solution1-cent .imgs-box img{
    max-width: 100%;
    width: 100%;
}
/* 解决方案 */

/* 精彩案例 */
.case-cent{
    padding: 60px 0;
}
.case-cent .box-img img{
    max-width: 100%;
}
.case-cent .box-ul li{
    padding-bottom: 50px;
}
.case-cent .list-box{
    display: block;
    border: 1px solid #E6E6E6;
    transition: all .3s;
}
.case-cent .box-text{
    padding: 30px 20px;
}
.case-cent .box-text h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    transition: all .3s;
}
.case-cent .box-text p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 31px;
    text-transform: uppercase;
    color: #818181;
    margin-top: 15px;
}
.case-cent .box-text span{
    display: inline-block;
    border: 1px solid #818181;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    padding: 10px 50px;
    margin-top: 40px;
}
.case-cent .list-box:hover .box-text h3{
    color: #32AB3B;
}
.case-cent .list-box:hover{
    border-color: #32AB3B;
}
/* 精彩案例 */

/* 新闻资讯 */
.newsList-box{
    padding: 45px 0;
}
.newsList-box .row>div{
    padding-bottom: 30px;
}
.newsList-box .list-box{
    display: block;
    border: 1px solid #E6E6E6;
    transition: all .3s;
    height: 100%;
}
.newsList-box .list-box .box-img{
    overflow: hidden;
}
.newsList-box .list-box .box-img img{
    max-width: 100%;
    width: 100%;
    height: 222px;
    object-fit: cover;
    transition: all .5s;
}
.newsList-box .list-box .box-text{
    padding: 25px 20px;
}
.newsList-box .list-box .box-text h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    transition: all .3s;
}
.newsList-box .list-box .box-text span{
    font-family: 'DIN Alternate';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #A3A3A3;
    display: inline-block;
    padding-top: 20px;
}
.newsList-box .list-box:hover .box-text h3{
    color: #32AB3B;
}
.newsList-box .list-box:hover{
    border-color: #32AB3B;
    box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
}
.newsList-box .list-box:hover .box-img img{
    transform: scale(1.1);
}
/* 新闻资讯 */

/* 案例详情 */
.showCase-top{
    background: url(/static/images/show-case-banner.png) no-repeat center;
    background-size: cover;
    padding:200px 0 120px 0;
}
.showCase-top .top-box{
    text-align: center;
}
.showCase-top .top-box h2{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 48px;
    text-align: center;
    color: #FFFFFF;
}
.showCase-top .topTime {
    margin-top: 20px;
}
.showCase-top .topTime img{
    vertical-align: middle;
    padding-right: 6px;
}
.showCase-top .topTime span{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.8;
    vertical-align: middle;
}
.showCase-box{
    background: #F5F5F5;
}
.showCase-box .box-cent{
    padding: 50px 80px;
    background: #fff;
}
.showCase-box .box-cent img{
    max-width: 100%;
}
.showCase-box .box-cent p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    color: #000000;
}
/* 案例详情 */
/* 新闻详情 */
.showNews-top{
    background: #F4F4F4;
    padding:160px 0 100px 0;
}
.showNews-top .top-box{
    text-align: center;
}
.showNews-top .top-box h2{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 48px;
    text-align: center;
    color: #000000;
}
.showNews-top .topTime {
    margin-top: 20px;
}
.showNews-top .topTime img{
    vertical-align: middle;
    padding-right: 6px;
}
.showNews-top .topTime span{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    mix-blend-mode: normal;
    opacity: 0.8;
    vertical-align: middle;
}
.showNews-box .box-con{
    padding: 50px 80px;
    background: #fff;
}
.showNews-box .box-con img{
    max-width: 100%;
}
.showNews-box .box-con p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    color: #000000;
}

.newShow-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
}
.newShow-list .list-s {
    width: 40%;
}
.newShow-list .list-c {
    width: 20%;
    text-align: center;
}
.newShow-list .list-s span {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #808080;
}
.newShow-list .list-s a {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    transition: all .3s;
}
.newShow-list .list-c a {
    border-radius: 6px;
    border: 1px solid #393939;
    display: inline-block;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000000;
    line-height: 20px;
    padding: 15px 60px;
    transition: all .3s;
}
.newShow-list .list-c a:hover{
    color: #32AB3B;
    border: 1px solid #32AB3B;
    background: #32AB3B;
    color: #fff;
}
/* 新闻详情 */
/* 联系ag8集团 */
.contact-txt{
    padding: 80px 0;
}
.contact-txt  .txt-box{
    text-align: right;
    position: relative;
    overflow: hidden;
}
.contact-txt  .txt-box img{
    max-width: 100%;
}
.contact-txt .box-list{
    background: #fff;
    padding: 40px 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    text-align: left;
}
.contact-txt .box-list h2{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 50px;
    text-transform: uppercase;
    color: #000000;
}
.contact-txt .box-list p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 33px;
    text-transform: uppercase;
    color: #000000;
    padding: 17px 0;
}
.contact-txt .box-list a{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #818181;
}
.contact-sw{
    background: #F4F4F4;
    padding: 60px 0;
}
.contact-sw .sw-box{
    padding-top: 60px;
}
.contact-sw .sw-box .box-left h2{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 50px;
    text-transform: uppercase;
    color: #000000;
    padding-top: 30px;
}
.contact-sw .sw-box .box-left h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 33px;
    text-transform: uppercase;
    color: #818181;
    margin-top: 24px;
}
.contact-sw .sw-box .box-left .left-cal{
    background: linear-gradient(90deg, #32AB3B 0%, rgba(50, 171, 59, 0) 80.53%);
    display: flex;
    align-items: center;
    border-radius: 50px;
    padding: 10px 20px;
    margin-top: 50px;
}
.contact-sw .sw-box .box-left .cal-txt{
    margin-left: 5px;
}
.contact-sw .sw-box .box-left .cal-txt span{
    /*font-family: 'D-DIN';*/
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: rgba(255, 255, 255, 0.7);
}
.contact-sw .sw-box .box-left .cal-txt p{
    /*font-family: 'D-DIN';*/
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 35px;
    color: #FFFFFF;
    margin-top: 2px;
}
.contact-sw .sw-box .box-left .cal-txt a{
    /*font-family: 'D-DIN';*/
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 35px;
    color: #FFFFFF;
    margin-top: 2px;
    display: block;
}
.contact-sw .sw-box .box-right .right1 .img1{
    float: left;
    position: relative;
}
.contact-sw .sw-box .box-right .right1 .img1 p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    position: absolute;
    left: 25px;
    bottom: 25px;
    z-index: 3;
    visibility: hidden;
}
.contact-sw .sw-box .box-right .right1 .img2{
    float: right;
}
.contact-sw .sw-box .box-right .right1{
    margin-bottom: 30px;
}
.contact-sw .sw-box .box-right .right2 .right-img-box img{
    width: 100%;
}
.contact-sw .sw-box .box-right img{
    max-width: 100%;
}
.contact-sw .sw-box .box-right .right-mbg{
    background: rgba(50, 171, 59, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-radius: 20px;
    transition: all .3s;
}
.contact-sw .sw-box .box-right .right-img-box{
    position: relative;
}
.contact-sw .sw-box .box-right .right-img-box:hover .right-mbg{
    height: 100%;
}
.contact-sw .sw-box .box-right .img1:hover p{
    visibility: inherit;
}
.contact-lx{
    padding-bottom: 110px;
    background: url(/static/images/contact-lx-bg-230329.png) no-repeat bottom;
    background-size: cover;
}
.contact-lx .left-text{
    transition: all .3s;
    padding: 10px;
    margin-top: 30px;
}
.contact-lx .left-text h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 31px;
    color: #000000;
    margin-bottom: 25px;
    margin-top: 20px;
    transition: all .3s;
}
.contact-lx .left-text .text-box {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.contact-lx .left-text .text-box p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    position: relative;
    padding-left: 28px;
}
.contact-lx .left-text .text-box p::after{
    content: "";
    width: 24px;
    height: 24px;
    background: url(/static/images/contact-lx-dz.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.contact-lx .left-text .text-box span{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #818181;
    flex: 1;
}
.contact-lx .left-text .text-box.text-box2 p::after{
    background: url(/static/images/contact-lx-zj.svg) no-repeat center;
    background-size: contain;
}
.contact-lx .left-text .text-box.text-box3 p::after{
    background: url(/static/images/contact-lx-cz.svg) no-repeat center;
    background-size: contain;
}
.contact-lx .left-text:hover{
    background: #FFFFFF;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.14);
    border-radius: 10px;
}
.contact-lx .left-text:hover h3{
    color: #32AB3B;
}
.contact-lx .left-img img,.contact-lx .right-img img{
    max-width: 100%;
}
/* 联系ag8集团 */

/* 社会责任 */
.police-yj{
    padding-bottom: 130px;
    background: url(/static/images/police-yj-bg.png) no-repeat center;
    background-size: cover;
}
.police-yj .yj-box{
    margin-top: 80px;
}
.police-yj .yj-box .box1{
    display: flex;
    align-items: center;
}
.police-yj .yj-box .box1-txt{
    padding-left: 50px;
}
.police-yj .yj-box .box1-txt p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 33px;
    text-align: justify;
    color: #000000;
}
.police-yj .yj-box .box2{
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
}
.police-yj .yj-box .box2 .box2-imgRight{
    margin-left: 20px;
    position: relative;
}
.police-yj .yj-box .box2 .box2-imgRight::after{
    content: '';
    width: 15px;
    height: 180px;
    position: absolute;
    right: -25px;
    bottom: -25px;
    background: #32AB3B;
}
.police-yj .yj-box .box2 .box2-imgRight::before{
    content: '';
    width: 180px;
    height: 15px;
    position: absolute;
    right: -25px;
    bottom: -25px;
    background: #32AB3B;
}

.police-cent {
    padding: 60px 0;
    position: relative;
}
.police-cent .cent-left{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.police-cent .cent-left img{
    max-width: 100%;
}
.police-cent .cent-right{
    background: #FFFFFF;
    box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    width: 70%;
    float: right;
    padding: 80px 120px 80px 70px;
    padding-left: 19%;
}
.police-cent .cent-right .list-link{
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #E6E6E6;
}
.police-cent .cent-right .list-link p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    margin-bottom: 3px;
    transition: all .3s;
}
.police-cent .cent-right .list-link:hover p{
    color: #32AB3B;
}
.police-cent .cent-right .list-link span{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #A3A3A3;
}
.police-cent .cent-right .box-lib{
    margin-top: 32px;
}
.police-cent .cent-right .box-lib a{
    background: #F5F5F5;
    padding: 12px 55px;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    display: inline-block;
    transition: all .3s;
    border-radius: 50px;
}
/* 社会责任 */

/* 人才招聘 */
.join-box{
    padding: 120px 0 35px 0;
}
.join-box .box-list li{
    border-bottom: 1px solid #e6e6e6;
}
.join-box .box-list li:not(:last-child){
    margin-bottom: 20px;
}
.join-box .box-list .ul-link{
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 40px;
    transition: .3s;
}
.join-box .box-list .ul-link .link-left h2{
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000000;
    line-height: 28px;
    transition: all .3s;
    margin-bottom: 10px;
}
.join-box .box-list .ul-link .link-left p span{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #818181;
}
.join-box .box-list .ul-link .link-left p span:nth-child(:first-child){
    padding-left: 5px;
}

.join-box .box-list .ul-link .icon-right{
    display: inline-block;
    background: url(/static/images/about3-right.svg) no-repeat center;
    background-size: contain;
    width: 30px;
    height: 30px;
    transition: all .3s;
}
.join-box .box-list .ul-link.active .icon-right {
    background: url(/static/images/about3-right-bottom.svg) no-repeat center;
    background-size: contain;
}

.join-box .box-list .ul-link.active h2{
    color: #fff;
}
.join-box .box-list .ul-link.active p span{
    color: #fff;
}
.join-box .box-list .ul-link.active{
    background: #32AB3B;
}
.join-box .box-list .talent-bar{
    background: #F5F5F5;
    padding: 25px 40px;
    display: none;
}

.join-box .left-search{
	display: flex;
    margin: 20px 0;
    border: 1px solid #D9D9D9;
    padding-left: 15px;
    border-radius: 50px;
    overflow: hidden;
}
.join-box .left-search input {
    flex: 1;
    outline: none;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #808080;
    line-height: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
}
.join-box .left-search button{
	outline: none;
    border: none;
    background: #000000;
    padding: 10px 35px;
    border-radius: 50px;
}
.join-box .left-search button span{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    vertical-align: middle;
    padding-left: 5px;
}
.join-box .left-search .icon-search {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/static/images/search-white.svg) no-repeat center;
    background-size: contain;
    flex: none;
    vertical-align: middle;
}
/* 人才招聘 */

/* 分页 */
.text-center{
    z-index: 2;
    position: relative;
}
.pager .pagination{
    margin: 25px 0;
}
.pager ul{
    justify-content: center;
}
.pager li {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 32px;
    margin: 0 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    color: #7F7F7F;
}
.pager li.active {
    background: #32AB3B;
    color: #fff;
}
.pager li:hover {
    background: #32AB3B;
    color: #fff;
}
.pager li:hover a {
    color: #fff;
}
.pager li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-family: 微软雅黑,PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #7F7F7F;
}
/* 分页 */
.loadmore{
    text-align: center;
    margin: 25px 0;
}
.loadmore .loadmore-tips{
    font-size: 22px;
    font-family: '微软雅黑',PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #32AB3B;
    line-height: 30px;
}

/* 搜索结果页 */
.search-cont{
	padding: 40px 0;
    margin-top: 20px;
}
.search-cont .search-txt p{
	font-size: 20px;
	font-weight: 400;
	color: #333333;
	line-height: 28px;
    font-family: PingFangSC-Regular, PingFang SC;
}
.search-cont .search-txt p>strong{
	color: #32AB3B ;
}
.search-cont .search-list{
	margin-top: 20px;
}
.search-cont .search-box:nth-child(even){
    background: #FAFAFA;
}
.search-cont .search-box p{
	font-size: 14px;
	font-weight: 500;
	color: #333333;
	line-height: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
}
.search-cont .search-box h2{
	font-size: 20px;
	font-weight: 400;
	color: #333333;
	line-height: 28px;
	margin-top: 10px;
    font-family: PingFangSC-Regular, PingFang SC;
    transition: all .3s;
}
.search-cont .search-box{
    padding: 25px 15px;
	position: relative;
}
.search-cont .search-box::before{
	content: "";
	width: 100%;
	height: 2px;
	background:#ECECEC;
	position: absolute;
	bottom: 0;
	left: 0;
}
.search-cont .search-box::after{
	content: "";
	width: 0;
	height: 2px;
	background:#ECECEC;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.search-cont .search-box:hover::after{
	background: #32AB3B ;
    width: 100%;
}
.search-cont .search-box:hover h2{
	color: #32AB3B ;
}
.search-cont .left-search{
	display: flex;
    margin: 20px 0;
    border: 1px solid #32AB3B;
    padding-left: 15px;
}
.search-cont .left-search input {
    flex: 1;
    outline: none;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #808080;
    line-height: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
}
.search-cont .left-search button{
	outline: none;
    border: none;
    background: #32AB3B;
    padding: 10px 25px;
}
.search-cont .left-search button span{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    vertical-align: middle;
    padding-left: 5px;
}
.search-cont .left-search .icon-search {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/static/images/search-white.svg) no-repeat center;
    background-size: contain;
    flex: none;
    vertical-align: middle;
}
/* 搜索结果页 */

.kcx-a-list{
    margin-top: 50px;
}
.kcx-a-title{
    text-align: center;
    margin: 50px 0;
}
.kcx-a-title h2{
    text-align: center;
    font-size: 32px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #000000;
    line-height: 50px;
}
.kcx-a-title span{
    display: inline-block;
    width: 46px;
    height: 3px;
    background: #254CD5;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}
.kcx-a-list ul li{
    width: 32%;
    margin-right: 2%;
    float: left;
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}
.kcx-a-list ul li:nth-child(3n){
    margin-right: 0px;
}
.kcx-a-text{
    height: 328px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.06);
    border-radius: 12px 12px 12px 12px;
    opacity: 1;
   margin-top: -200px;
    z-index: -1;
    padding: 220px 30px 0 30px;
}
.kcx-a-text h3{
    font-size: 20px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
}
.kcx-a-text h4{
    font-size: 16px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #818181;
    line-height: 33px;
}
.kcx-aa img{
    width: 251px;
    height: 340px;
    transition: all 1s;
}
.kcx-a-list ul li:hover img{
    transform: scale(1.05);
}