@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;text-align: center;user-select: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.paging-menu, .paging-skip, .paging-hint{display: flex;flex-wrap: wrap;}
.paging-menu a{font-family: "RB"; width: auto;height: auto;margin: 4px 20px;font-size: 17px;color: #b6dbfc;transition: all .4s ease;display: flex;align-items: center;justify-content: center;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{color: #0877d8;}
.paging-skip{margin-left: 8px;align-items: center;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #0877d8;}
.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #0877d8;color: #fff;border-color: #0877d8;}
.paging-hint span{color: #0877d8;}
@media all and (max-width:1000px) {.paging-menu a{margin: 4px 12px;}.paging-skip{width: 100%;margin-left: 0;justify-content: center;}}
/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #0877d8;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #0877d8;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: 40px 24px;}
.search-link:not(:first-child){margin-top: 16px;}
.search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #0877d8 !important;}
.search-link:hover h2{color: #0877d8;}
@media all and (max-width:1000px) {.search-link{padding: 20px 15px;}.search-link:not(:first-child) {margin-top: 12px;}}
/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}
/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: 24px;}
.webmap-title::after{content: "";position: absolute;width: 60px;left: 0;right: 0;margin: 0 auto;bottom: 0;height: 4px;background: #0877d8;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -40px 0 0 -40px;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: calc(20% - 40px);margin: 40px 0 0 40px;color: #333;}
.webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;}
.webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;}
.webmap-list>ul>li a:hover{color: #0877d8;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: 20px;width: 100%;padding-bottom: 20px;line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: 16px;}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: 6px 0;font-size: 18px;}
.webmap-list>ul>li>.drop .drop a{padding-left: 18px;font-size: 16px;}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 14px;}
@media all and (max-width:1270px) {
    .webmap-list>ul{margin: -24px 0 0 -24px;}
    .webmap-list>ul>li{width: calc(20% - 24px);margin: 24px 0 0 24px;}
    .webmap-list>ul>li>.menu {font-size: 18px;}
    .webmap-list>ul>li>.drop a {font-size: 16px;}
    .webmap-list>ul>li>.drop .drop a{font-size: 14px;}
    .webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}
@media all and (max-width: 720px) {
    .webmap-title {padding-bottom: 16px;}
    .webmap-title::after {width: 44px;height: 3px;}
    .webmap-list>ul{margin: -14px 0 0;}
    .webmap-list>ul>li{width: 100%;margin: 14px 0 0;}
    .webmap-list>ul>li>.menu {font-size: 16px;padding-bottom: 14px;}
    .webmap-list>ul>li>.drop{margin-top: 10px;}
    .webmap-list>ul>li>.drop a{padding: 4px 0;font-size: 15px;}
    .webmap-list>ul>li>.drop .drop a{padding-left: 12px;}
}
/* 内页公共 */
.pagesBan-bg img{width: 100%;min-height: 300px;}
.pagesBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pagesBan-con .contain{position: relative;height: 100%;flex-direction: column;}
.pagesBan-scroll{z-index: 3; animation: banScroll 1s linear infinite alternate;transition: all .4s ease; position: absolute;right: 0;bottom: 80px; font-size: 50px;transform:translateY(0px) rotate(180deg);user-select: none;cursor: pointer;}
.pagesBan-scroll:hover{animation-play-state: paused;color: #0877d8;}
.pagesBan-con .title{opacity: 0;animation: banTitle 1.2s ease forwards;}
.pagesBan-con .title-en{opacity: 0;animation: banTitle 1.2s .1s ease forwards;}
@keyframes banTitle {0%{opacity: 0; transform: translateY(120px);}100%{opacity: 1; transform: translateX(0);}}
@keyframes banScroll {0%{transform: translateY(0px) rotate(180deg);}100%{transform: translateY(20px) rotate(180deg);}}
.pagesBread{position: absolute;left: 0;bottom: 45px;width: 100%;z-index: 2;}
.pagesBread-item{margin-right: 30px;position: relative;transition: all .4s ease;}
.pagesBread-item::after{content: "/";position: absolute;right: -15px;top: 50%;transform: translateY(-50%);color: #fff;}
.pagesBread-item:last-child{margin-right: 0;}
.pagesBread-item:last-child::after{display: none;}
.pagesBread-item:hover{color: #0877d8;}
/* 新闻中心 */
.newsHeader{justify-content: space-between;align-items: center;}
.newsHeader input{color: #c4cacf;font-size: 14px;font-family: "RM";padding-left: 25px;width: 470px;height: 46px;border-radius: 40px;background: #fff;}
.newsHeader input::-webkit-input-placeholder{color: #c4cacf;font-size: 14px;font-family: "RM";}
.newsNav-item{margin-left: 25px;padding: 10px 18px;border-radius: 40px;}
.newsNav-item:first-child{margin-left: 0;}
.newsNav-item:hover,.newsNav-item.active{color: #fff;background: #0877d8;}
.Indup-list {margin-right: -20px;}
.Indup-list .list{width: calc(100%/3 - 20px);margin-top: 20px; margin-right: 20px;border-radius: 20px;overflow: hidden;box-shadow: 0px 5px 11.18px 1.82px rgba(169, 169, 169, 0.11);background-color: #fff;}
.Indup-list .list .img{height: 315px;position: relative;overflow: hidden;}
.Indup-list .list .img > img{width: 100%;height: 100%;transition: all .4s ease;}
.Indup-list .list:hover .img > img{transform: scale(1.04);}
.Indup-list .list .img span{position: absolute;z-index: 2;top: 25px;left: 35px;height: 25px;background-color: #00f5c8;border-radius: 50px;padding: 0px 15px;display: flex;justify-content: center;align-items: center;}
.Indup-list .list .img .bg{position: absolute;z-index: 3;bottom: 0px;left: 0px;width: 100%;height: 95px;}
.Indup-list .list .img .bg img{width: 100%;height: 100%;}
.Indup-list .list .cont{padding: 45px 40px;}
.Indup-list .list .cont .data{color: #8e919b;}
.Indup-list .list .cont .title{color: #041b33;}
.Indup-list .list:hover .cont .title{color: #0877d8;}
/* 新闻详情 */
.newsDet-con{justify-content: space-between;align-items: flex-start;}
.newsDet-left{width: 36%;position: sticky;top: 20px;}
.newsDet-title{border-bottom: 1px solid #e6ecf4;}
.newsDet-title .date{color: #8e919b;}
.newsDet-share{align-items: center;}
.newsDet-share .share{display: flex;flex-wrap: wrap;}
.newsDet-share .share a{ background: #4c565f;width: 36px;height: 36px;border-radius: 50%;color: #fff;transition: all .4s ease;display: flex;align-items: center;justify-content: center;margin-left: 25px;}
.newsDet-share .share a:first-child{margin-left: 10px;}
.newsDet-share .share a:hover{background: #0877d8;}
.newsDet-right{width: 55%;}
.newsDet-file img,.newsDet-file video{display: inline-block;}
.newsDet-next .btn{margin-top: 10px;border-radius: 10px;background: #f2f4f6;padding: 20px 20% 20px 20px;}
.newsDet-next .btn:hover{transform: translateY(-5px);background: #0877d8;color: #fff;}
.newsDet-hot{border-top: 1px solid #eef3f7;}
.newsDet-hot-header{justify-content: space-between;align-items: flex-end;}
.newsDet-hot-btn{padding: 10px 20px;border-radius: 40px;}
.newsDet-hot-btn:hover{background: #0662b3;}
/* 联系我们 */
.ctaCon{justify-content: space-between;}
.ctaCon-bg{position: absolute;left: -100px;width: 40%;top: 0;opacity: .6;}
.ctaInfo{width: 34%;position: relative;z-index: 2;}
.ctaInfo-list li{align-items: center;}
.ctaInfo-list li:first-child{margin-top: 0;}
.ctaInfo-img{width: 42px;height: 42px;border-radius: 50%;border: 2px solid #4a4a4a;margin-right: 25px;}
.ctaInfo-img img{max-width: 50%;max-height: 50%;}
.ctaInfo-text{flex: 1;color: #4a4a4a;}
.ctaInfo-text .text{margin-top: 3px;}
.ctaMsg{width: 58%;position: relative;z-index: 2;}
.ctaMsg-table{justify-content: space-between;}
.ctaMsg-table input,.ctaMsg-table textarea{width: 100%;background: #f5f5f5;border-radius: 10px;padding-left: 24px;font-size: 14px;color: #333;margin-top: 20px;}
.ctaMsg-table input::-webkit-input-placeholder{font-size: 14px;color: #333;}
.ctaMsg-table textarea::-webkit-input-placeholder{font-size: 14px;color: #333;}
.ctaMsg-table input{height: 60px;}
.ctaMsg-table input:nth-child(-n+2){width: calc(50% - 10px);}
.ctaMsg-table textarea{padding-top: 24px;height: 150px;}
.ctaMsg-btn{width: 100%;border-radius: 10px;height: 60px;user-select: none;cursor: pointer;margin-top: 20px;}
.ctaMsg-btn:hover{background: #0662b3;}
.ctaMap{height: 550px;box-shadow: 0px 5px 28px 7px rgba(14, 61, 103, 0.15);}
.amap-logo{display: none !important;}
/* 关于我们 */
.abIntro .contain{justify-content: space-between;}
.abIntro-bg{position: absolute;left: -12%;top: 0;width: 42%;opacity: .6;}
.abIntro-left{position: relative;z-index: 2;width: 30%;}
.abIntro-right{width: 59%;position: relative;z-index: 2;}
.abIntro-text{color: #5f5f5f;}
.abIntro-text p br{height: 10px;}
.abIntro-num{justify-content: space-between;color: #4b4c4e;}
.abIntro-num .num{align-items: flex-start;}
.abIntro-num .num span{display: block;margin-right: 5px;line-height: .8;}
.abBus-header .contain{justify-content: space-between;align-items: flex-end;}
.abBus-text{width: 40%;color: #5d5d5d;}
.abBus-con-box{padding: 0 45px;}
.abBus-con{border-radius: 20px;overflow: hidden;}
.abBus-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.abBus-bg img{width: 100%;height: 100%;}
.abBus-list{position: relative;z-index: 2;}
.abBus-list li{border-bottom: 1px solid rgba(255, 255, 255, .1);user-select: none;cursor: pointer;}
.abBus-list li:first-child{border-top: 1px solid rgba(255, 255, 255, .1);}
.abBus-list-title i{position: absolute;right: 0;top: calc(50% - 18px);width: 37px;display: block;transform: scale(0);transition: all .4s ease;}
.abBus-list-title.active{color: #0877d8;}
.abBus-list-title.active i{transform: scale(1);}
.abBus-list-text{margin-top: 10px;display: none;width: 58%;}
.abBus-list-text .tips{align-items: center;}
.abBus-list-text .tips i{display: inline-block;font-size: 12px;margin-right: 5px;}
.abWH-list{flex-direction: column;align-items: flex-end;}
.abWH-list li{width: calc(44% - 15px);border-radius: 20px;overflow: hidden;position: relative;}
.abWH-bg img{width: 100%;height: 285px;}
.abWH-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 45px 25px 0;}
.abWH-con .label{display: inline-block;padding: 8px 20px;background: #264598;border-radius: 40px;}
.abWH-list li:nth-child(1){position: absolute;left: 0;top: 0;width: calc(56% - 15px);height: 100%;}
.abWH-list li:nth-child(1) .abWH-bg,.abWH-list li:nth-child(1) .abWH-bg img{height: 100%;}
.abWH-list li:nth-child(1) .abWH-con{padding-left: 50px;}
.abWH-list li:nth-child(1) .abWH-con .label{background: #0877d8;}
.abWH-list li:nth-child(3){margin-top: 30px;}
.abWH-list li:nth-child(3) .abWH-con .label{background: #2991b3;}
/* 用人承诺 */
.yrcnIntro .contain{justify-content: space-between;position: relative;}
.yrcnIntro-con{width: 50%;position: relative;z-index: 2;}
.yrcnIntro-img{width: 31%;border-radius: 50%;position: relative;z-index: 2;}
.yrcnIntro-img img{width: 100%;height: 100%;}
.yrcnIntro-bg{position: absolute;right: -40px;top: 0;width: 41%;opacity: .6;}
.yrcnPX-con-box{padding: 0 75px;}
.yrcnPX-con{border-radius: 20px;overflow: hidden;}
.yrcnPX-bg img{width: 100%;}
.yrcnPX-text{position: absolute;left: 0;top: 35%;width: 100%;}
.yrcnStep-list{border-radius: 20px;border: 1px solid #eef1f3; background: #fbfcfc;overflow: hidden;}
.yrcnStep-list li{overflow: hidden; padding: 30px 50px 80px;transition: all .4s ease; width: 25%;border-right: 1px solid #eef1f3;border-bottom: 1px solid #eef1f3;position: relative;}
.yrcnStep-list li::after{content: "";position: absolute;right: 0;top: 0;width: 0;height: 100%;background: #0877d8;transition: all .4s ease;}
.yrcnStep-list li:nth-last-child(3){border-bottom-color: transparent;}
.yrcnStep-list li:nth-child(4n){border-right-color: transparent;}
.yrcnStep-list .img{position: absolute;right: 25%;top: 25%;z-index: 2;}
.yrcnStep-list .page{color: #dae3eb;position: relative;z-index: 2;}
.yrcnStep-list .text{position: relative;z-index: 2;}
.yrcnStep-list .img img{transition: all .4s ease;}
.yrcnStep-list .img .h{position: absolute;left: 0;top: 0;opacity: 0;}
.yrcnStep-list li:hover::after{width: 100%;right: auto;left: 0;}
.yrcnStep-list li:hover .page,.yrcnStep-list li:hover .text{color: #fff;}
.yrcnStep-list li:hover .img .h{opacity: 1;}
.yrcnStep-list li:hover .img .s{opacity: 0;}
.abSM-swp .swiper-slide{padding-bottom: 150px;}
.abSM-img img{width: 100%;border-radius: 15px 15px 0 0;}
.abSM-text{z-index: 2; box-shadow: 0px 10px 33.82px 4.18px rgba(63, 63, 63, 0.16);padding: 50px 40px; position: absolute;right: -1px;bottom: 15%;width: 90%;background: #fff;border-top-left-radius: 15px;}
.abSM-text .page{position: absolute;right: 4%;top: 20%;transform: translateY(-50%);color: #f2f7fa;}
.abSM-title-en{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0; -webkit-text-stroke: 1px #eef4fb;color: transparent;white-space: nowrap;text-align: center;}
.abSM-swp .com-pagination{display: flex;flex-direction: column;position: absolute;right: 20%;top: 25%;z-index: 2;}
.abSM-swp  .com-pagination .swiper-pagination-bullet{margin-top: 20px;width: 12px;height: 12px;opacity: 1;background: transparent;border: 1px solid #d9d9d9;}
.abSM-swp  .com-pagination .swiper-pagination-bullet:first-child{margin-top: 0;}
.abSM-swp  .com-pagination .swiper-pagination-bullet-active {border-color: #0877d8;background: #0877d8;}
.abSM-page{position: absolute;left: 20%;top: 25%;z-index: 2;line-height: 1;}
.abSM-page .total{margin:10px 0 0 70px;}
.abSM-page .line{width: 1px;height: 60px;position: absolute;left:70%; background: #efefef;top: 38%;transform: rotate(45deg);}
/* 社会招聘 */
.joinHeader{margin-left: -10px;}
.joinHeader-item{margin-left: 10px;width: calc((100% / 2) - 10px);}
.joinSelect{user-select: none;cursor: pointer;}
.joinMenu{border: 1px solid #eef1f3;border-radius: 3px;align-items: center;padding-left: 20px;height: 60px;}
.joinMenu::after{content: "\e727";position: absolute; font-family: "icon";font-weight: 700;color: #c5c5c5;font-size: 12px;transform: rotate(180deg);transition: all .4s ease;right: 20px;top: calc(50% - 6px);}
.joinMenu.active{border-radius: 3px 3px 0 0;}
.joinMenu.active::after{transform: rotate(0);}
.joinDrop{display: none; overflow-y: auto; position: absolute;left: 0;top: 100%;width: 100%;z-index: 2;background: #fff;max-height: 240px; border-radius: 0 0 3px 3px;border: 1px solid #eef1f3;border-top: unset;}
.joinDrop-item{border-top: 1px solid #eef1f3;height: 60px;align-items: center;padding-left: 20px;}
.joinDrop-item:first-child{border-top: unset;}
.joinDrop-item:hover{background: #eef1f3;}
.joinForm{border-radius: 3px;overflow: hidden;}
.joinForm-form{position: relative;}
.joinForm-form input{width: 100%;height: 60px;border: 1px solid #eef1f3;font-size: 15px;color: #333;padding-left: 20px;}
.joinForm-form input::-webkit-input-placeholder{font-size: 15px;color: #a0a0a0;}
.joinForm-btn{width: 86px;height: 100%;font-size: 22px; position: absolute;right: 0;top: 0;user-select: none;cursor: pointer;}
.joinForm-btn:hover{background: #0662b3;}
.joinNav,.joinItem{justify-content: space-between;align-items: center;padding-left: 70px;}
.joinNav li,.joinItem .item{text-align: center;}
.joinNav{background: #f5f8fa;height: 78px;}
.joinItem{height: 70px;}
.joinItem:nth-child(2n){background: #f4f6f7;}
.joinNav li:nth-child(1),.joinItem .item:nth-child(1){text-align: left;width: 60%;}
.joinNav li:nth-child(2),.joinItem .item:nth-child(2){width: 40%;}
/*.joinNav li:nth-child(3),.joinItem .item:nth-child(3){width: 40%;}
.joinNav li:nth-child(4),.joinItem .item:nth-child(4){width: 13%;}
.joinNav li:nth-child(5),.joinItem .item:nth-child(5){width: 22%;}*/
.joinItem:hover{background: #0877d8;color: #fff;}
.joinBtm-item{width: 50%;justify-content: center;align-items: center;}
.joinBtm-img{margin-right: 35px;}
.joinBtm-con .link{align-items: center;}
.joinBtm-con .link i{display: block;margin-left: 10px;transform: rotate(180deg);font-size: 12px;transition: all .4s ease;font-weight: 700;}
.joinBtm-con .link:hover span{text-decoration: underline;}
.joinBtm-con .link:hover i{margin-left: 18px;}
/* 招聘详情 */
.joinDet-header .contain{justify-content: space-between;align-items: center;}
.joinDet-header-con{flex: 1;}
.joinDet-header-con .text{display: none;}
.joinDet-header-con .text span{position: relative;padding:0 12px;}
.joinDet-header-con .text span::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 80%;background: #d3d3d3;}
.joinDet-header-con .text span:first-child{padding-left: 0;}
.joinDet-header-con .text span:last-child{padding-right: 0;}
.joinDet-header-con .text span:first-child::after{display: none;}
.joinDet-header-con .link{width: 100%;margin-top: 20px;}
.joinDet-header-con a{max-width: 125px;margin-left: 40px;}
.joinDet-header-con a:first-child{margin-left: 0;}
.joinDet-header-btn .btn{width: 220px;height: 48px;border-radius: 40px;}
.joinDet-header-btn .btn i{display: block;margin-right: 8px;}
.joinDet-header-btn .btn:hover{background: #0662b3;}
.joinDet-con .contain{align-items: flex-start;}
.joinDet-file{width: 70%;padding-right: 30px;border-right: 1px solid #f2f2f2;}
.joinDet-file img,.joinDet-file video{display: inline-block;}
.joinDet-file h1,.joinDet-file h2,.joinDet-file h3,.joinDet-file h4,.joinDet-file h5,.joinDet-file h6{color: #333;font-weight: 700;font-size: 24px;line-height: 1.14;}
.joinDet-file h1{margin-bottom:15px;}
.joinDet-hot{position: sticky;top: 0;padding-left: 50px;width: 30%;}
.joinDet-hot-item{border-bottom: 1px solid #f2f2f2;position: relative;padding: 20px 0;}
.joinDet-hot-item:first-child{border-top: 1px solid #f2f2f2;}
.joinDet-hot-item .title4{position: absolute;right: 0;bottom: 20px;}
/* 人力资源部 */
.hr .IndTitle,.hrInfo{position: relative;z-index: 2;}
.hr-bg{position: absolute;right: 6%;top: 0;width: 25%;}
.hrInfo{border-radius: 20px;overflow: hidden;}
.hrInfo-bg img{width: 100%;}
.hrInfo-text{position: absolute;left: 0;bottom: 60px;width: 100%;padding: 0 60px;}
.hrInfo-text-item{border-top: 1px solid rgba(255, 255, 255, .1);}
.hrInfo-text .text:first-child{margin-top: 0;}
.hrInfo-text .text span{font-weight: 700;}
.hrLink-list{margin-left: -20px;}
.hrLink-item{margin: 20px 0 0 20px;width: calc(20% - 20px);border-radius: 10px;height: 90px;border: 1px solid #e5e9ed;}
.hrLink-item img{max-width: 50%;max-height: 50%;}
.hrLink-item:hover{box-shadow: 0 4px 14px #e5e9ed;}
/* 产品中心 */
.proNav{position: absolute;left: 0;bottom: 70px;width: 100%;}
.proNav .contain{justify-content: center;}
.proNav-item{flex-direction: column;justify-content: flex-start;margin-left: 80px;}
.proNav-item:first-child{margin-left: 0;}
.proNav-item .img{height: 38px;transition: all .4s ease;}
.proNav-item .img img{max-height: 100%;}
.proNav-item:hover,.proNav-item.active{color: #0877d8;}
.proNav-item:hover .img{transform: rotateY(180deg);}
.proNav2{margin-left: -35px;}
.proNav2-item{margin: 10px 0 0 35px;}
.proNav2-item:hover,.proNav2-item.active{color: #0877d8;}
.proShow-slide{border-radius: 20px;background: #fff;padding: 90px 0 60px 40px;}
.proShow-label{color: #fff; position: absolute;left: 0;top: 0;}
.proShow-label span{background: #22d0b1; display: flex;width: 142px;height: 40px;align-items: center;justify-content: center;text-align: center;text-transform: uppercase;}
.proShow-label span:nth-child(1){background: #0877d8;display: none;}
.proShow-label.active span:nth-child(1){display: flex;}
.proShow-label.active span:nth-child(2){display: none;}
.proShow-con{width: 48%;padding-top: 20px;}
.proShow-con .title{position: relative;transition: all .4s ease;}
.proShow-con .title::after{content: "";position: absolute;left: 0;bottom: 0;background: #0877d8;width: 74px;height: 3px;transition: all .4s ease;}
.product .more{align-items: center;}
.product .more i{display: block;font-size: 12px;margin-left: 15px;transition: all .4s ease;transform: rotate(180deg);}
.proShow-img{width: 52%;height: 250px;}
.proShow-img img{max-width: 70%;max-height: 100%;transition: all .4s ease;}
.proShow-slide:hover .proShow-con .title{color: #0877d8;}
.proShow-slide:hover .proShow-con .title::after{width: 100px;}
/* .proShow-slide:hover .proShow-con .more i{transform:translateX(5px) rotate(180deg);} */
.proShow-slide:hover .proShow-img img{transform: scale(1.08);}
.proShow-pagination .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: #c4c4c4;margin: 0 5px;}
.proShow-pagination .swiper-pagination-bullet-active{background: #0877d8;}
.proList{margin-left: -20px;}
.proItem{transition: all .4s ease;padding:45px 40px; margin: 20px 0 0 20px;width: calc((100% / 3) - 20px);background: #fff;border-radius: 20px;}
.proItem:hover{box-shadow: 0 5px 20px #d3dfeb;}
.proItem:hover .title{color: #0877d8;}
.proItem:hover .more i{transform: translateX(5px) rotate(180deg);}
/* 产品详情 */
.proDet-show .contain{justify-content: space-between;}
.proDet-show-bg{position: absolute;right: 50px;top: 0;width: 41%;}
.proDet-show-bg img{width: 100%;}
.proDet-show-con{position: relative;z-index: 2;width: 45%;}
.proDet-show-title{border-bottom: 1px solid #ebebeb;}
.proDet-show-title::after{content: "";position: absolute;left: 0;bottom: 0;height: 3px;background: #0877d8;width: 130px;}
.proDet-show-btn{width: 138px;height: 48px;border-radius: 40px;}
.proDet-show-btn i{display: block;font-weight: 700;font-size: 14px;margin-right: 10px;}
.proDet-show-btn:hover{background: #0662b3;}
.proDet-show-img{position: relative;z-index: 2;width: 45%;height: 430px;}
.proDet-show-img img{max-width: 50%;max-height: 90%;}
.proDetYs{background: linear-gradient(to bottom,#fafafa,transparent);}
.proDetYs-list{margin-left: -25px;}
.proDetYs-list li{position: relative;padding: 50px 25px; width: calc(25% - 25px);margin: 25px 0 0 25px;transition: all .4s ease;border: 1px solid #eaeef1;border-radius: 20px;}
.proDetYs-list .page{position: absolute;right: 25px;bottom: 20px;width: 26px;height: 26px;border-radius: 50%;background: #eaeef1;font-family: "RB";color: #a7afb5;}
.proDetYs-list li:hover{transform: translateY(-10px); background: #0877d8;border-color: #0877d8;}
.proDetYs-list li:hover .title,.proDetYs-list li:hover .text{color: #fff;}
.proDetYs-list li:hover .page{background: #fff;color: #0877d8;}
.proDet-data-table table{width: 100%;}
.proDet-data-table td{padding: 10px 40px;color: #777;border: 1px solid #f1f1f1;}
/* 定制服务 */
.serSteel-con{justify-content: space-between;}
.serSteel-list{width: calc(50% - 13px);margin:-26px 0 0;justify-content: space-between;}   
.serSteel-list li{margin-top: 26px; width: calc(50% - 13px); transition: all .4s ease;padding: 25px 20px 20px; border-radius: 15px;background: #f5f8fd;display: flex;flex-direction: column;align-items: center;}
.serSteel-list .img{height: 26px;}
.serSteel-list .img img{max-height: 100%;transition: all .4s ease;}
.serSteel-list .img .h{position: absolute;left: 0;top: 0;opacity: 0;}
.serSteel-list li:last-child{width: 100%;}
.serSteel-list li:hover{background: #0e4a9f;}
.serSteel-list li:hover .img .s{opacity: 0;}
.serSteel-list li:hover .img .h{opacity: 1;}
.serSteel-list li:hover .text{color: #fff;}
.serSteel-img{border-radius: 15px;width: calc(50% - 13px);}
.serSteel-img img{width: 100%;height: 100%;}
.serSteel-img:hover img{transform: scale(1.08);}
.serHeat-list{margin-left: -10px;}
.serHeat-list li{width: calc((100% / 3) - 10px);position: relative;overflow: hidden;margin-left: 10px;}
.serHeat-show .bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.8) 100%);}
.serHeat-show .bg img{width: 100%;height: 580px;}
.serHeat-show .title{position: absolute;left: 0;bottom: 0;width: 100%;padding: 35px 40px;}
.serHeat-hide{padding: 0 80px; transition: all .8s ease;transform: translateX(-101%); display: flex;flex-direction: column;justify-content: center; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(45, 130, 219, .95);}
.serHeat-hide .img{justify-content: flex-end;height: 28px;}
.serHeat-hide .img img{max-height: 100%;}
.serHeat-hide .btn{width: 136px;height: 48px;border-radius: 40px;background: #fff;font-weight: 700;border: 2px solid #fff;}
.serHeat-hide .btn:hover{background: transparent;color: #fff;}
.serHeat-list li:hover .serHeat-hide{transform: translateX(0);}
.serOil-list{justify-content: space-between;}
.serOil-list::after{transform: translateX(-50%); content: "";width: calc(100% - 160px);height: 1px;background: #eaf3ff;position: absolute;left: 50%;top: 96px;}
.serOil-list li{max-width: 20%; position: relative;z-index: 2;flex-direction: column;justify-content: flex-start;}
.serOil-list .page{color: #bacfe1;}
.serOil-list .img{width: 84px;height: 84px;border-radius: 50%;}
.serOil-list .img img{max-width: 50%;max-height: 50%;}
.serOil-list .text{color: #4d5258;}
.serCase{background: url('../images/pages/serCase-bg.jpg') no-repeat center/cover;}
.serCase-header .contain{justify-content: space-between;align-items: flex-end;}
.serCase-btn .btn{padding: 14px 30px;color: #0b223a;border-radius: 40px;user-select: none;cursor: pointer;}
.serCase-btn .btn:hover{color: #0877d8;}
.serCase-btn .btn.active{background: #0877d8;color: #fff;}
.serCase-btn .btn.active:hover{background: #0877d8;color: #fff;}
.Indtc-svp{display: none;}
.Indtc-svp:first-child{display: block;}
.Indtc-svp .swiper-container {padding-left: calc((100% - 1330px) / 2);padding-right: 470px;}
.Indtc-lun {position: relative;display: block;overflow: hidden;}
.Indtc-lun > img{width: 100%;height: 400px;border-radius: 20px;}
.Indtc-lun .show{border-radius: 20px;position: absolute;bottom: 0px;left: 0px;width: 100%;height: 40%;display: flex;flex-direction: column;justify-content: flex-end;padding: 0px 30px 25px 30px;background-image: linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.Indtc-lun .hide{border-radius: 16px;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: #fff;padding: 85px 50px 20px 50px;opacity: 0;transition: all .4s ease;}
.Indtc-span {margin-right: -15px;}
.Indtc-span span{width: 120px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 20px;background-color: #e9f1f8;color: #3d4042;margin-right: 15px;transition: all .4s ease;}
.Indtc-span span:hover{background-color: #0877d8;color: #fff;}
.Indtc-lun .hide .btn{display: flex;align-items: center;width: fit-content;}
.Indtc-lun .hide .btn i{font-size: 12px;transform: rotate(180deg);margin-left: 15px;position: relative;left: 0px;transition: all .4s ease;}
.Indtc-lun .hide .btn:hover i{left: 10px;}
.Indtc-lun:hover .hide{opacity: 1;}
.Indtc-page {align-items: center;}
.Indtc-page .swiper-pagination{position: static;width: fit-content;font-family: "RB";font-size: 16px;color: #0877d8;margin: 0px 95px;}
.Indtc-page .swiper-btn a{font-weight: 700; display: flex;justify-content: center;align-items: center;font-size: 34px;color: #0877d8;line-height: 1;transition: all .4s ease;}
.Indtc-page .swiper-btn a:hover{color: #0662b3;}
.Indtc-page .swiper-btn{transition: all .4s ease;}
.Indtc-page .swiper-btn.next {transform: rotate(180deg);}
.Indtc-page .swiper-btn.prev:hover{transform: translateX(-5px);}
.Indtc-page .swiper-btn.next:hover{transform: translateX(5px) rotate(180deg);}
/* 案例详情 */
.case .contain{align-items: flex-start;}
.caseCon{background: #fff;width: 67%;padding: 45px 40px;border-radius: 10px;}
.caseTitle{border-bottom: 1px solid #f3f3f3;}
.caseFile h1,.caseFile h2,.caseFile h3,.caseFile h4,.caseFile h5,.caseFile h6{font-size: 26px;color: #333;position: relative;display: inline-block;padding:0 8px;}
.caseFile h1 span,.caseFile h2 span,.caseFile h3 span,.caseFile h4 span,.caseFile h5 span,.caseFile h6 span{position: relative;z-index: 2;}
.caseFile h1::after,.caseFile h2::after,.caseFile h3::after,.caseFile h4::after,.caseFile h5::after,.caseFile h6::after{content: ""; position: absolute;left: 0;bottom: 0;width: 100%;height: 10px;background: #e7edf3;}
.caseBack{margin: 0 auto;width: 148px;height: 48px;border-radius: 40px;border: 2px solid #0877d8;}
.caseBack i{display: block;font-size: 14px;margin-right: 10px;}
.caseBack:hover{background: #0877d8;color: #fff;}
.caseHot{width: calc(33% - 20px);margin-left: 20px;position: sticky;top: 20px; border-radius: 10px;background: #fff;padding: 40px 20px 60px;}
.caseHot-title::after{content: "";position: absolute;left: -20px;top: 50%;transform: translateY(-50%);width: 3px;height: 150%;background: #0877d8;}
.caseHot-item{border-top: 1px solid #e9ecef;justify-content: space-between;}
.caseHot-item:first-child{border-top: unset;}
.caseHot-item-img{border-radius: 10px;width: 39%;}
.caseHot-item-img img{width: 100%;height: 100px;}
.caseHot-item-con{width: 55%;}
.caseHot-item:hover .caseHot-item-img img{transform: scale(1.1);}
.caseHot-item:hover .caseHot-item-con .title{color: #0877d8;}
.abBus-marsk,.yrcnPX-marsk{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f5f8fa;z-index: 2;}
.marsk{animation: marsk 1.5s ease forwards}
@keyframes marsk {0%{width: 100%;}100%{width: 0;}}


/* 新增 */
.pro2-bg{position: absolute;right: 0;bottom: 0;width: 28%;}
.pro2 .contain{position: relative;z-index: 2;}
.pro2-item{background: #fff;border-radius: 20px;padding: 50px 40px;justify-content: space-between;}
.pro2-con{width: 50%;}
.pro2-title::after{content: "";position: absolute;left: 0;bottom: 0;background: #0877d8;width: 74px;height: 3px;}
/* .pro2-text{max-height: 400px;overflow-y: auto;padding-right: 40px;} */
.pro2-text{padding-right: 40px;}
.pro2-text::-webkit-scrollbar {width: 1px;}
.pro2-text::-webkit-scrollbar-thumb {background: #0877d8;}
.pro2-text::-webkit-scrollbar-track {background: #e3e3e3;}
.pro2-text h1,.pro2-text h2,.pro2-text h3,.pro2-text h4,.pro2-text h5,.pro2-text h6{font-weight: 700;color: #0877d8;margin-bottom: 10px;}
.pro2-img{width: 47%;border-radius: 10px;}
.pro2-img img{width: 100%;height: 350px;transition: all 1s ease;}
.pro2-img:hover img{transform: scale(1.08);}

/* .pro2-text p{position: relative;padding-left: 20px;} */
/* .pro2-text p::before{content: "";position: absolute;width: 8px;height: 8px;background-color: #0877d8;border-radius: 100px;left: 0px;top: 0px;} */

.pro2-ul {margin-right: -20px;margin-bottom: -20px;width: 450px;}
.pro2-ul li{width: calc(100%/3 - 20px);margin-right: 20px;margin-bottom: 20px;}
.pro2-ul li a{width: 100%;height: 48px;border: 2px solid #c8c8c8;border-radius: 24px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.pro2-ul li.active a {border: 2px solid #2d82db;color: #2d82db;}
.pro2-ul li:hover a {border: 2px solid #2d82db;color: #2d82db;}



















/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .Indup-list .list .img {height: 260px;}
    .newsDet-next .btn{padding: 15px 20% 15px 15px;}
    .ctaMap{height: 450px;}
    .ctaInfo{width: 38%;}
    .ctaCon-bg{left: -70px;}
    .abBus-list-text{width: 65%;}
    .abWH-con{padding: 40px 20px 0;}
    .abWH-bg img{height: 240px;}
    .abWH-list li:nth-child(1) .abWH-con{padding-left: 40px;}
    .abWH-con .label{padding: 6px 15px;}
    .abSM-text{padding: 40px 30px;}
    .abSM-text .page{top: 18%;}
    .yrcnIntro-bg{right: -25px;}
    .yrcnStep-list li{padding: 20px 35px 60px;}
    .joinForm-form input{font-size: 13px;padding-left: 10px;}
    .joinForm-form input::-webkit-input-placeholder{font-size: 13px;}
    .joinForm-btn{width: 70px;font-size: 20px;}
    .joinDet-hot{padding-left: 35px;}
    .joinDet-header-con .text span{padding: 0 8px;}
    .joinDet-header-con a{max-width: 100px;margin-left: 20px;}
    .joinDet-header-btn .btn{width: 200px;height: 46px;}
    .joinDet-file h1, .joinDet-file h2, .joinDet-file h3, .joinDet-file h4, .joinDet-file h5, .joinDet-file h6{font-size: 20px;}
    .hrInfo-text{bottom: 40px;padding: 0 40px;}
    .hrInfo{border-radius: 15px;}
    .hrLink-item{height: 75px;}
    .proNav2{margin-left: -25px;}
    .proNav2-item{margin-left: 25px;}
    .proShow-label span{width: 130px;height: 38px;}
    .proShow-slide{border-radius: 15px;padding: 70px 0 40px 30px;}
    .proShow-img{height: 230px;}
    .proItem{padding: 35px;border-radius: 15px;}
    .proDet-show-img{height: 350px;}
    .proDetYs-list{margin-left: -20px;}
    .proDetYs-list li{margin: 20px 0 0 20px;border-radius: 15px;padding: 30px 20px 40px;}
    .proDetYs-list .page{right: 20px;bottom: 10px;}
    .proDet-data-table td{padding: 8px 30px;}
    .Indtc-svp .swiper-container {padding-left: calc((100% - 1080px) / 2);padding-right: 370px;}
    .Indtc-lun .show{border-radius: 15px;}
    .Indtc-lun .hide {padding: 55px 50px 20px 50px;border-radius: 11px;}
    .Indtc-lun > img{height: 300px;border-radius: 15px;}
    .serSteel-list li{padding: 20px 15px;border-radius: 10px;margin-top: 16px;width: calc(50% - 8px);}
    .serSteel-img{border-radius: 10px;width: calc(50% - 8px);}
    .serSteel-list{width: calc(50% - 8px);margin-top: -16px;}
    .serHeat-show .bg img{height: 450px;}
    .serHeat-show .title{padding: 25px;}
    .serHeat-hide{padding: 0 60px;}
    .serOil-list .text{font-size: 13px;}
    .serOil-list .img{width: 70px;height: 70px;}
    .serOil-list::after{top: 86px;}
    .serCase-btn .btn{padding: 10px 20px;}
    .caseCon{padding: 30px;}
    .caseFile h1, .caseFile h2, .caseFile h3, .caseFile h4, .caseFile h5, .caseFile h6{font-size: 23px;}
    .caseFile h1{margin-bottom:30px;}

    .pro2-text{font-size: 13px;padding-right: 30px;max-height: 270px;overflow-y: auto;}
    .pro2-text::-webkit-scrollbar {width: 3px;}
    .pro2-text::-webkit-scrollbar-thumb {background: #ddd;}
    .pro2-text::-webkit-scrollbar-track {background: #f1f1f1;}
    .pro2-img img{height: 300px;}
    .pro2-item{padding: 35px;border-radius: 15px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .Indup-list .list .img {height: 220px;}
    .abBus-list-text{width: 75%;}
    .joinDet-file h1, .joinDet-file h2, .joinDet-file h3, .joinDet-file h4, .joinDet-file h5, .joinDet-file h6{font-size: 18px;}
    .Indtc-svp .swiper-container{padding-left: calc((100% - 880px) / 2);padding-right: 270px;}
    .Indtc-lun > img{height: 260px;}
    .serSteel-list .img{height: 22px;}
    .serSteel-list .text{font-size: 14px;}
    .serHeat-show .bg img{height: 350px;}
    .serHeat-hide{padding: 0 40px;}
    .serOil-list::after{top: 75px;}
    .caseFile h1, .caseFile h2, .caseFile h3, .caseFile h4, .caseFile h5, .caseFile h6{font-size: 20px;}
    .pro2-ul {width: auto;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .pagesBan-scroll{font-size: 30px;right: 0;bottom: 30px;}
    .Indup-list {margin-right: 0px;margin-bottom: -15px;}
    .Indup-list .list {width: 100%;margin-right: 0px;margin-bottom: 15px;border-radius: 5px;}
    .Indup-list .list .img .bg{height: 70px;}
    .Indup-list .list .img span {top: 15px;left: 15px;padding: 0px 10 px;}
    .Indup-list .list .cont{padding: 30px 15px;}
    .newsHeader form,.newsHeader input{width: 100%;}
    .newsHeader input{height: 40px;}
    .newsNav{margin-top: 20px;}
    .newsNav-item{padding: 5px 12px;margin-left: 5px;}
    .newsDet-left{position: relative;top: 0;width: 100%;}
    .newsDet-bg{display: none;}
    .newsDet-share{margin-top: 20px;}
    .newsDet-share .share a{width: 28px;height: 28px;font-size: 12px;margin-left: 10px;}
    .newsDet-share .share a:first-child{margin-left: 0;}
    .newsDet-right{width: 100%;margin-top: 30px;}
    .newsDet-next{margin-top: 30px;}
    .newsDet-next .btn{padding: 10px 20px 10px 10px;border-radius: 5px;}
    .newsDet-hot-btn{padding: 5px 14px;}
    .ctaInfo{width: 100%;}
    .ctaInfo-img{width: 30px;height: 30px;margin-right: 12px;}
    .ctaMsg{width: 100%;margin-top: 30px;}
    .ctaMsg-table input:nth-child(-n+2){width: 100%;}
    .ctaMsg-table input,.ctaMsg-btn{height: 44px;margin-top: 10px;}
    .ctaMap{height: 200px;box-shadow: 0px 5px 14px 7px rgba(14, 61, 103, 0.15);}
    .ctaMsg-table input{padding-left: 15px;font-size: 12px;}
    .ctaMsg-table textarea{padding: 15px 0 0 15px;font-size: 12px;}
    .ctaMsg-table input::-webkit-input-placeholder{font-size: 12px;}
    .ctaMsg-table textarea::-webkit-input-placeholder{font-size: 12px;}
    .ctaMsg-table input, .ctaMsg-table textarea, .ctaMsg-btn{border-radius: 5px;}
    .amap-icon img{width: 30px;}
    .abIntro-left{width: 100%;}
    .abIntro-right{width: 100%;margin-top: 20px;}
    .abIntro-bg{display: none;}
    .abIntro-text p br{height: 5px;}
    .abIntro-num .num{font-size: 12px;}
    .abIntro-num .num span{font-size: 18px;margin-right: 3px;}
    .abBus-text{width: 100%;margin-top: 20px;}
    .abBus-con-box{padding: 0 4%;}
    .abBus-con{border-radius: 8px;}
    .abBus-list-text{width: 100%;}
    .abWH-list li{width: 100%;border-radius: 8px;}
    .abWH-bg img{height: 180px !important;}
    .abWH-con{padding: 25px 15px 0 !important;}
    .abWH-con .label{padding: 4px 12px;}
    .abWH-list li:nth-child(2),.abWH-list li:nth-child(3){margin-top: 10px;}
    .abWH-list li:nth-child(1){position: relative;width: 100%;height: auto;}
    .abSM-img{position: relative;z-index: 3;}
    .abSM-img img{border-radius: 5px 5px 0 0;}
    .abSM-text{border-radius: 0 0 5px 5px;padding: 30px 15px;  box-shadow: 0px 5px 10px 2px rgba(63, 63, 63, 0.05);position: relative;bottom: auto;right: auto;width: 100%;}
    .abSM-page{display: none;}
    .abSM-swp .com-pagination{position: static;margin-top: 15px;flex-direction: row;justify-content: center;}
    .abSM-swp .com-pagination .swiper-pagination-bullet{margin-top: 0;width: 10px;height: 10px;}
    .abSM-swp .com-pagination .swiper-pagination-bullet{margin: 0 5px;width: 10px;height: 10px;}
    .abSM-swp .swiper-slide{padding-bottom: 50px;}
    .abSM-title-en{font-size: 24px;-webkit-text-stroke: 0.5px #e5ebf1;}
    .yrcnIntro .contain{flex-direction: column-reverse;}
    .yrcnIntro-bg{display: none;}
    .yrcnIntro-con{width: 100%;}
    .yrcnIntro-text{margin-top: 15px;}
    .yrcnIntro-img{width: 60%;margin: 0 auto 30px;}
    .yrcnPX-con-box{padding: 0 4%;}
    .yrcnPX-con{border-radius: 5px;}
    .yrcnPX-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .yrcnPX-bg img{width: 100%;height: 100%;}
    .yrcnPX-text{position: relative;left: auto;top: auto;padding: 30px 0;z-index: 2;}
    .yrcnStep-list{border-radius: 8px;}
    .yrcnStep-list li{width: 50%;padding: 25px 15px;}
    .yrcnStep-list .img{right: 15%;top: 15%;}
    .yrcnStep-list .img img{max-width: 24px;max-height: 26px;}
    .yrcnStep-list li:nth-child(5){border-bottom-color: #eef1f3;}
    .yrcnStep-list li:nth-child(7){border-bottom-color: transparent;}
    .joinHeader{margin-left: 0;}
    .joinHeader-item{width: 100%;margin: 10px 0 0;}
    .joinMenu,.joinDrop-item{padding-left: 15px;height: 48px;}
    .joinDrop{max-height: 190px;}
    .joinMenu::after{right: 15px;}
    .joinForm-form input{height: 48px;font-size: 12px;padding-left: 15px;}
    .joinForm-form input::-webkit-input-placeholder{font-size: 12px;}
    .joinForm-btn{width: 60px;font-size: 18px;}
    .joinBtm-img{margin-right: 15px;width: 30px;}
    .joinBtm-con .link i{margin-left: 5px;transform:scale(.8) rotate(180deg);}
    .joinNav{display: none;}
    .joinItem{height: auto;padding: 15px;justify-content: flex-start;}
    .joinItem .item{width: auto !important;margin-right: 10px;}
    .joinItem .item:first-child{width: 100% !important;font-size: 14px;font-weight: 700;margin:0 0 10px;}
    .joinItem .item:last-child{display: none;}
    .joinDet-header-con{flex: unset;width: 100%;}
    .joinDet-header-btn{margin-top: 20px;}
    .joinDet-header-con .text{font-size: 12px;}
    .joinDet-header-con .text span{padding: 0 5px;}
    .joinDet-header-con .link{margin-top: 0;width: 100%;margin-left: -10px;}
    .joinDet-header-con .link a{margin: 10px 0 0 10px;max-width: 70px;}
    .joinDet-header-btn .btn{width: 150px;height: 42px;}
    .joinDet-file{width: 100%;padding-right: 0;border: unset;}
    .joinDet-hot{position: static;width: 100%;padding: 10px 0 0;}
    .joinDet-hot-item{padding: 15px 0;}
    .joinDet-hot-item .title4{bottom: 10px;}
    .joinDet-file h1, .joinDet-file h2, .joinDet-file h3, .joinDet-file h4, .joinDet-file h5, .joinDet-file h6{font-size: 15px;}
    .hrInfo{border-radius: 8px;}
    .hrInfo-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .hrInfo-bg img{height: 100%;}
    .hrInfo-text{position: relative;left: auto;bottom: auto;padding: 40px 15px;z-index: 2;}
    .hrLink-list{margin-left: -10px;}
    .hrLink-item{height: 56px;margin: 10px 0 0 10px;width: calc(50% - 10px);border-radius: 4px;}
    .proShow-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 4px;}
    .proList{margin-left: 0;}
    .proItem{width: 100%;margin: 15px 0 0;padding: 25px 15px;border-radius: 5px;}
    .proItem .title{font-size: 15px;}
    .product .more{margin-top: 15px;}
    .product .more i{margin-left: 10px;}
    .proNav2-box{overflow-x: auto;}
    .proNav2{flex-wrap: nowrap;white-space: nowrap;margin: 0;}
    .proNav2-item{margin: 0 0 0 15px;}
    .proShow-label span{width: 100px;height: 32px;}
    .proShow-slide{flex-direction: column-reverse;padding: 40px 15px 25px;}
    .proShow-con{width: 100%;}
    .proShow-img{width: 100%;height: 200px;}
    .proShow-img img{max-height: 90%;max-width: 60%;}
    .proShow-con .title::after{width: 60px;height: 2px;}
    .proShow-con .text{margin-top: 20px;}
    .proDet-show-bg{display: none;}
    .proDet-show-con{width: 100%;margin-top: 20px;}
    .proDet-show-title::after{width: 60px;height: 2px;}
    .proDet-show-btn{width: 100px;height: 38px;}
    .proDet-show-img{width: 100%;height: 250px;}
    .proDet-show .contain{flex-direction: column-reverse;}
    .proDetYs-list{margin-left: 0;}
    .proDetYs-list li{width: 100%;margin: 15px 0 0;border-radius: 8px;padding: 25px 15px 35px;}
    .proDetYs-list .page{right: 15px;bottom: 10px;font-size: 12px;width: 22px;height: 22px;}
    .proDet-data-table{overflow-x: auto;}
    .proDet-data-table table{width: 200%;}
    .proDet-data-table td{padding: 8px 15px;font-size: 12px;}
    .Indtc-svp {padding: 0px 4%;}
    .Indtc-svp .swiper-container {padding: 0px;}
    .Indtc-page{justify-content: center;}
    .Indtc-page .swiper-pagination {font-size: 14px;margin: 0px 50px;}
    .Indtc-page .swiper-btn a {font-size: 20px;}
    .Indtc-lun .hide {padding: 25px;}
    .Indtc-lun .show {padding: 0px 20px 20px 20px;}
    .Indtc-lun{border-radius: 8px;}
    .serSteel-list{width: 100%;margin-top: 0;}
    .serSteel-list li{width: calc(50% - 5px);margin: 10px 0 0;border-radius: 5px;padding: 25px 10px;}
    .serSteel-list .text{font-size: 12px;margin-top: 10px;}
    .serSteel-img{width: 100%;border-radius: 5px;margin-top: 20px;}
    .serHeat-list{margin-left: 0;}
    .serHeat-list li{width: 100%;margin: 15px 0 0;}
    .serHeat-hide{padding: 0 25px;}
    .serHeat-hide .btn{width: 100px;height: 38px;margin-top: 20px;}
    .serHeat-hide .title{font-size: 16px;}
    .serHeat-hide .text{font-size: 14px;line-height: 22px;margin-top: 20px;}
    .serOil-list::after{display: none;}
    .serOil-list{margin-top: 10px;}
    .serOil-list li{width: 48%;margin: 30px 0 0;max-width: unset;}
    .serOil-list .img{width: 50px;height: 50px;}
    .serOil-list .text br{display: none;}
    .serCase-btn{width: 100%;overflow-x: auto;flex-wrap: nowrap;white-space: nowrap;margin-top: 20px;}
    .serCase-btn .btn{padding: 4px 18px;}
    .caseCon{width: 100%;padding: 25px 15px;border-radius: 5px;}
    .caseFile h1, .caseFile h2, .caseFile h3, .caseFile h4, .caseFile h5, .caseFile h6{font-size: 16px;padding: 0 5px;}
    .caseFile h1::after, .caseFile h2::after, .caseFile h3::after, .caseFile h4::after, .caseFile h5::after, .caseFile h6::after{height: 4px;}
    .caseBack{margin-top: 20px;width: 110px;height: 40px;}
    .caseBack i{font-size: 12px;margin-right: 5px;}
    .caseHot{width: 100%;margin: 20px 0 0;position: static;border-radius: 5px;padding: 25px 15px;}
    .caseHot-title::after{height: 130%;width: 2px;left: -15px;}
    .caseHot-item-img{border-radius: 5px;}
    .caseHot-item-img img{height: 90px;}
    .caseHot-list{margin-top: 10px;}
    .proBan .pagesBan-bg img{min-height: 500px;}
    .proBan .pagesBan-scroll{bottom: 80px;}
    .proNav{bottom: 15px;}
    .proNav-item{margin-left: 20px;}
    .proNav-item .img{height: 24px;}
    .abBus-list-title i{width: 22px;top: calc(50% - 11px);right: 15px;}

    .pro2-item{border-radius: 5px;padding: 25px 15px;}
    .pro2-con{width: 100%;}
    .pro2-title::after{width: 40px;height: 2px;}
    .pro2-img{border-radius: 5px;width: 100%;margin-top: 20px;}
    .pro2-text h1, .pro2-text h2, .pro2-text h3, .pro2-text h4, .pro2-text h5, .pro2-text h6{margin-bottom: 5px;}
    .pro2-text{padding-right: 5px;font-size: 12px;}
    .pro2-img img{height: 190px;}
    .pro2-ul {margin-right: 0px;margin-bottom: 0px;}
    .pro2-ul li{width: calc(100%/3 - 10px);margin-right: 10px;margin-bottom: 10px;}
    .pro2-ul li a {height: 45px;border: 1px solid #c8c8c8;}
    .pro2-ul li.active a {border: 1px solid #2d82db;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
}