@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{width: 40px;height: 40px;border: 1px solid #d7d7d7;margin: 5px;font-size: 18px;color: #888;transition: all .4s ease;border-radius: 50%; display: flex;align-items: center;justify-content: center;}
.paging-menu a i{font-size: 12px;display: block;transform: scale(.8);}
.paging-menu a.last{transform: rotate(180deg);}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #23b3f6;color: #23b3f6;}
.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: #23b3f6;}
.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: #23b3f6;color: #fff;border-color: #23b3f6;}
.paging-hint span{color: #23b3f6;}
@media all and (max-width:1000px) {.paging-menu a{margin: 4px 2px;font-size: 14px;width: 34px;height: 34px;}.paging-skip{width: 100%;margin-left: 0;justify-content: center;}}
/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #23b3f6;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #23b3f6;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: #23b3f6 !important;}
.search-link:hover h2{color: #23b3f6;}
@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: #23b3f6;}
.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: #23b3f6;}
.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;}
}
/*  */

.bgScale{animation: bgScale 4s linear forwards;}
@keyframes bgScale {0%{transform: scale(1);}100%{transform: scale(1.08);}}
.CommonBanner {z-index: 2;}
.CommonBanner > img{width: 100%;animation: banBg 5s linear forwards;}
.CommonBanner.after::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
@keyframes banBg {0%{transform: scale(1);}100%{transform: scale(1.08);}}
.aboutBan.CommonBanner > img.pc{height:100vh}
.CommonBanner .content {z-index: 3; position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.CommonBanner .content .name {opacity: 0;animation: CommonBannerContent1 1s ease both;text-transform: uppercase;letter-spacing: 5px;}
.CommonBanner .content .title {opacity: 0;animation: CommonBannerContent2 1s ease both;}
@keyframes CommonBannerContent1 {0%{opacity: 0;transform: translateX(-120px);filter: blur(20px);}100%{opacity: 1;transform: translateX(0px);filter: blur(0px);}}
@keyframes CommonBannerContent2 {0%{opacity: 0;transform: translateX(120px);filter: blur(20px);}100%{opacity: 1;transform: translateX(0px);filter: blur(0px);}}
.CommonBanner-btn {position: absolute;bottom: 55px;left: 0px;width: 100%;display: flex;justify-content: center;align-items: center;}
.CommonBanner-btn a{position: relative;display: flex;flex-direction: column;align-items: center;}
.CommonBanner-btn a span{font-family: "BS";font-size: 12px;color: #fff;transform: rotate(90deg);letter-spacing: 2px;display: block;margin-bottom: 25px;}
.CommonBanner-btn a i{width: 35px;height: 35px;display: flex;justify-content: center;align-items: center;border: 1px solid rgba(255, 255, 255, .6);border-radius: 100px;color: #fff;font-size: 12px;transform: rotate(-90deg);transition: all .4s ease;}
.CommonBanner-btn a:hover i{background-color: #fff;color: #000;}
.CommonBanner-btn a::before,.CommonBanner-btn a::after {content: "";display: block;width: 58px;height: 58px;border: 1px solid rgba(255, 255, 255, .6); border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -29px 0 0 -29px;animation: shineRing 1.5s linear infinite;opacity: 0;}
.CommonBanner-btn a::before {animation-delay: .6s;}
.CommonBanner-btn a::after {animation-delay: 1s;}
@keyframes shineRing{0%{opacity:0;transform:scale(.1)}5%{opacity:1}to{opacity:0;transform:scale(3)}}
.Abojs{width: 100%;position: relative;height: 100vh;}
.Abojs-sticky{width: 100%;top: 0;left: 0;position: relative;overflow: hidden;}
.Abojs-sticky .img{width: 100%;height: 100vh;object-fit: cover;}
.Abojs-logo{position: absolute;z-index: 2;width: 100%;height: 100vh;top: 0;left: 0;transform: scale(2.4);opacity: 0;}
.Abojs-logo img{width: 100%;height: 100%;object-fit: cover;}
.Abojs-logo img.mb{display: none;}
.Abojs-logo img.bg{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.AbojsText{width: 100%;opacity: 0;z-index: 4;align-items: center;flex-direction: column;color: #444;position: relative;transition: all .4s ease;margin-top: -50vh;}
.AbojsText.active{opacity: 1;}
.AbojsText .hit{position: relative;display: flex;justify-content: center;align-items: center;line-height: 1;}
.AbojsText .hit .name{font-size: 160px;color: #232b37;opacity: .1;line-height: 1;}
.AbojsText .hit .title{position: absolute;width: max-content;line-height: 1;text-transform: uppercase;}
.AbojsText .content{max-width: 1300px;padding: 0px 4%;}
.Abojs-btn a{display: flex;align-items: center;}
.Abojs-btn a i{width: 40px;height: 40px;font-size: 12px;font-weight: 700;transform: rotate(-90deg);margin-left: 20px;transition: all .4s ease;color: #23b3f6;display: flex;justify-content: center;align-items: center;background-color: #fff;box-shadow: 0px 0px 30px 0px rgba(76, 94, 127, 0.22);border-radius: 100px;}
.Abojs-btn a.active i{transform: rotate(90deg);}
.Abojs-sticky::before{content: "";position: absolute;bottom: 0px;left: 0px;width: 100%;height: 2px;background-color: #fff;}
.AbojsText .content{max-height: 250px;overflow: hidden;text-indent: 2em;}
.Aboyj-content {padding: 0px 125px;text-indent: 2em;}
.Aboyj-list {padding: 0px 125px;justify-content: center;}
.Aboyj-list .list{width: calc(100%/3);display: flex;flex-direction: column;align-items: center;}
.Aboyj-list .list .img{width: 145px;height: 145px;display: flex;justify-content: center;align-items: center;position: relative;}
.Aboyj-list .list .img img{max-height: 100%;}
.Aboyj-list .list .img img.bg{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;animation: AboyjList 3s linear infinite;}
@keyframes AboyjList{0%{transform: rotate(360deg);}100%{transform: rotate(0deg);}}
.Abokf-content {position: relative;}
.Abokf-content > img {width: 100%;}
.Abokf-content > .content {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.Abokf-cont .cont-l{width: 50%;}
.Abokf-cont .cont-r{width: 50%;padding-left: 85px;}
.Abokf-cont .cont-r .content{text-indent: 2em;}
.Abocg-content {padding: 0px 125px;text-indent: 2em;}
.swiper-btn a {width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 100px;background-color: #fff;color: #23b3f6;transition: all .4s ease;}
.swiper-btn a:hover {background-color: #23b3f6;color: #fff;}
.swiper-btn.next a {transform: rotate(180deg);}
.Abocg-svp {position: relative;}
.Abocg-svp .swiper-container{padding: 0px calc(100%/2 - 300px);}
.Abocg-svp .swiper-btn{position: absolute;z-index: 11;top: 50%;transform: translateY(-50%);}
.Abocg-svp .swiper-btn.prev{left: calc((100% - 1400px) / 2);}
.Abocg-svp .swiper-btn.next{right: calc((100% - 1400px) / 2);}
.Abocg-svp::after {content: '';position: absolute;top: 0;left: 0;background: linear-gradient(97.22deg, #fff 10.48%, rgba(255, 255, 255, 0) 94.21%);height: 100%;width: 450px;z-index: 10;pointer-events: none;}
.Abocg-svp::before {content: '';position: absolute;top: 0;right: 0;background: linear-gradient(97.22deg, #fff 10.48%, rgba(255, 255, 255, 0) 70.21%);transform: matrix(-1, 0, 0, 1, 0, 0);height: 100%;width: 450px;z-index: 10;pointer-events: none;}
.Abocg-page {display: none;}
.Anlilb-list .list {margin-bottom: 120px;}
.Anlilb-list .list:last-child {margin-bottom: 0px;}
.Anlilb-list .list .img{width: 55%;height: 620px;overflow: hidden;position: relative;}
.Anlilb-list .list .img img{width: 100%;height: 100%;transition: all .4s ease;}
.Anlilb-list .list:hover .img img{transform: scale(1.04);}
.Anlilb-list .list .cont{width: 45%;display: flex;flex-direction: column;justify-content: center;}
.Anlilb-list .list:nth-child(odd) .cont{padding-left: 130px;padding-right: calc((100% - 1400px) / 2);}
.Anlilb-list .list:nth-child(even) .cont{padding-right: 130px;padding-left: calc((100% - 1400px) / 2);}
.Anlilb-list .list:nth-child(odd) .img::before{content: "";position: absolute;z-index: 2;top: 0px;right: 0px;height: 100%;width: 100%;background-color: #fff;}
.Anlilb-list .list:nth-child(even) .img::before{content: "";position: absolute;z-index: 2;top: 0px;left: 0px;height: 100%;width: 100%;background-color: #fff;}
.Anlilb-list .list .cont .address {display: flex;align-items: center;}
.Anlilb-list .list .cont .address i{margin-right: 8px;}
.Anlilb-list .list .cont .btn{width: 115px;height: 50px;display: flex;justify-content: center;align-items: center;border-radius: 24px;background-color: #e9f7fe;transition: all .4s ease;}
.Anlilb-list .list .cont .btn:hover {background-color: #23b3f6;color: #fff;}
.Anlilb-list .list:nth-child(even) {flex-direction: row-reverse;}
.Anlilb-list .list .cont .title{transition: all .4s ease;}
.Anlilb-list .list:hover .cont .title{color: #23b3f6;}
.Anlilb-list .list:nth-child(odd).animated .img::before{animation: marsk1 1s linear forwards;}
.Anlilb-list .list:nth-child(even).animated .img::before{animation: marsk2 1s linear forwards;}
@keyframes marsk1 {0%{right: 0%;}100%{right: 100%;}}
@keyframes marsk2 {0%{left: 0%;}100%{left: 100%;}}
.AnliBan-cont {position: absolute;left: 0px;bottom: 0px;width: 960px;height: 110px;background-color: #23b3f6;display: flex;align-items: center;padding-left: calc((100% - 1400px) / 2);}
.AnliBan > img{width: 100%;}
.Anlixq-content {padding: 0px 100px;text-indent: 2em;}
.Anlixq-svp {padding-left: calc((100% - 1400px) / 2 + 100px);}
.Anlixq-svp .swiper-container {padding-right: 555px;}
.Anlixq-bg {position: absolute;bottom: 65px;left: 0px;}
.Anlixq-bg {height: 309px;width: 100%;background: url(../images/pages/Anlixq-bg.png)center;animation: AnlixqBg 30s linear infinite;}
@keyframes AnlixqBg{0%{background-position:1920px 0px;}100%{background-position:0px 0px;}}
.Anlixq-theme {padding-left: calc((100% - 1400px) / 2);padding-right: 1035px;}
.Anlixq-theme-lun {background-color: #23b3f6;padding: 45px;}
.Anlixq-theme-lun .text {color: rgba(255, 255, 255, .6);}
.Anlixq-btn {align-items: center;justify-content: flex-end;}
.Anlixq-btn .swiper-btn a{width: 45px;height: 45px;font-size: 20px;background-color: transparent;border: 1px solid rgba(255, 255, 255, .4);color: rgba(255, 255, 255, .4);}
.Anlixq-btn .swiper-pagination{position: relative;width: auto;bottom: 0px;margin: 0px 15px;color: #fff;}
.Anlixq-theme {margin-top: -100px;position: relative;z-index: 3;}
.Anlify {border-top: 1px solid #e0e0e0;}
.Anlify-btn {display: flex;align-items: center;}
.Anlify-btn a{width: 80px;height: 80px;display: flex;flex-direction: column; justify-content: center;align-items: center;border-radius: 100px;background-color: #222;}
.Anlify-btn a span {display:block; height:4px; position:relative;  transition:all 0.3s ease-in-out; width:28px; margin:0 auto;}
.Anlify-btn a span::before {content:''; display:block; width:4px; height:4px; background-color: #fff; border-radius: 4px; position:absolute; left:0; top:0; transition:all 0.3s ease-in-out;}
.Anlify-btn a span::after {content:''; display:block; width:21px; height:4px; background-color: #fff; border-radius: 4px; position:absolute; right:0; top:0; transition:all 0.3s ease-in-out;}
.Anlify-btn a span + span {margin-top:5px;}
.Anlify-btn a:hover {background-color:#23b3f6;animation: headShake 1.2s;}
.Anlify-btn a:hover span::before {width:28px;}
.Anlify-btn a:hover span::after {width:0px;background-color:transparent; right:100%;}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


.Anlify-cont .cont-l{width: calc((100% - 80px) / 2);display: flex;align-items: center;padding-right: 120px;}
.Anlify-cont .cont-r{width: calc((100% - 80px) / 2);display: flex;align-items: center;padding-left: 120px;}
.Anlify-cont .cont-l .hit {text-align: right;}
.Anlify-cont .cont-r .btn {transform: rotate(180deg);}
.Anlify-cont .btn {width: 50px;}
.Anlify-cont .btn i{font-size: 48px;color: #969696;transition: all .4s ease;}
.Anlify-cont .cont-l:hover .btn i{color: #23b3f6;}
.Anlify-cont .cont-r:hover .btn i{color: #23b3f6;}
.Anlify-cont .hit {width: calc(100% - 50px);}
.Anlify-cont .hit .title{transition: all .4s ease;}
.Anlify-cont .cont-l:hover .hit .title{color: #23b3f6;}
.Anlify-cont .cont-r:hover .hit .title{color: #23b3f6;}
.Abozc-cont {border-top: 1px solid #e5e5e5;padding-top: 100px;}
.Abozc-cont .img{width: 450px;position: relative;z-index: 3;height: 475px;}
.Abozc-cont .img img{position: relative;z-index: 3;}
.Abozc-cont .img::before{content: "";position: absolute;z-index: 2;width: 100%;height: 100%;right: -15px;bottom: -15px;background-color: rgba(35, 179, 246, .1);}
.Abozc-cont .cont{width: calc(100% - 450px);padding-left: 110px;position: relative;}
.Abozc-cont .cont > div{position: relative;z-index: 2;}
.Abozc-cont .cont .content{text-indent: 2em;}
.Abozc-cont .cont .hit{display: flex;align-items: center;justify-content: flex-end;}
.Abozc-cont .cont .hit span{margin-right: 30px;}
.Abozc-cont .cont::before{content: "";position: absolute;top: 130px;left: -175px;width: 1455px;height: 680px;background-color: #f4fbff;}
.JaGozz {background-image: linear-gradient(to top,#e5f0f6,#fff);}
.JaGozz-cont {display: flex;justify-content: center;}
.JaGozz-cont span {width: 195px;height: 195px;display: flex;justify-content: center;align-items: center;border-radius: 100px;border: 15px solid #23b3f6;background-color: #fff;}
.JaGozz-cont span i{width: 100%;height: 100%;background-color: #fff;border-radius: 100px;display: flex;justify-content: center;align-items: center;position: relative;z-index: 2;}
.JaGozz-cont span img{position: relative;z-index: 3;}
.JaGozz-cont span {position: relative;z-index: 3;}
.JaGozz-cont span::before,.JaGozz-cont span::after {content: "";display: block;width: 260px;height: 260px;background: #23b3f6;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -130px 0 0 -130px;animation: JaGozzCont 1.5s linear infinite;opacity: 0;}
.JaGozz-cont span::before {animation-delay: .6s;}
.JaGozz-cont span::after {animation-delay: 0s;}
@keyframes JaGozzCont{0%{opacity:0;transform:scale(.1)}5%{opacity:1}to{opacity:0;transform:scale(1)}}
.JaGozz-img {display: flex;justify-content: center;margin-top: -5px;}
.JaGobj img.bg{position: absolute;top: 0px;left: 0px;width: 100%;height: 580px;}
.JaGobj .contain{position: relative;z-index: 2;}
.JaGobj-svp {position: relative;z-index: 2;}
.JaGobj-svp .swiper-slide{height: auto;}
.JaGobj-svp .muen{margin: -20px;}
.JaGobj-svp .swiper-container{padding: 20px calc((100% - 1400px) / 2);}
.JaGobj-lun {background-color: #fff;border-radius: 15px;box-shadow: 0px 0px 20px 0px rgba(12, 40, 72, 0.1);padding: 60px 50px;height: 100%;}
.JaGobj-lun .img {height: 25px;}
.JaGobj-lun .img img{max-height: 100%;}
.JaGobj-lun .text{text-indent: 2em;}
.JaGobj-page .swiper-pagination{width: 100%;height: 2px;background-color: #e7e9ea;}
.JaGobj-page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #23b3f6;}
.RoYury {background-color: #f8f9fa;}
.RoYury-cont .cont-l{width: 445px;position: relative;}
.RoYury-cont .cont-r{width: calc(100% - 445px);display: flex;flex-direction: column;justify-content: space-between;}
.RoYury-cont .cont-l img.bg{transform: translateX(-65px);}
.RoYury-cont .cont-l .img{position: absolute;left: -20px;top: 0px;animation: RoYuryCont 1s linear infinite alternate;}
@keyframes RoYuryCont {0%{transform: translateY(50px);}100%{transform: translateY(0px);}}
.RoYury-list {margin-right: -20px;margin-bottom: -20px;}
.RoYury-list .list{background-color: #fff;margin-right: 20px;margin-bottom: 20px;width: calc(100%/2 - 20px);border: 1px solid #f1f1f1;padding: 30px;display: flex;transition: all .4s ease;}
.RoYury-list .list .cont{width: calc(100% - 60px);padding-right: 60px;}
.RoYury-list .list .img{width: 60px;display: flex;align-items: center;justify-content: center;}
.RoYury-list .list .cont .data{color: #e6e6e6;}
.RoYury-page {width: 100%;position: relative;}
.RoYury-page .swiper-pagination{width: 100%;height: 3px;background-color: #e7e9ea;}
.RoYury-page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #23b3f6;}
.RoYury-list .list:hover {transform: translateY(-10px);}
.RoYury-svp {margin-top: -10px;}
.RoYury-svp .swiper-container {padding-top: 10px;}
.RoYujx-cont {background-color: #f8f9fa;}
.RoYujx-cont .cont-l{width: 60%;display: flex;justify-content: center;align-items: center;}
.RoYujx-cont .cont-r{width: 40%;height: 600px;overflow: hidden;}
.RoYujx-cont .cont-r img{width: 100%;height: 100%;transition: all .4s ease;}
.RoYujx-cont .cont-r:hover img{transform: scale(1.04);}
.RoYujx-overflow {overflow-y: auto;overflow-x: hidden;height: 425px;}
.RoYujx-overflow::-webkit-scrollbar {width: 3px;}
.RoYujx-overflow::-webkit-scrollbar-thumb {background: #23b3f6;}
.RoYujx-overflow::-webkit-scrollbar-track {background: #e7e9ea;}
.RoYujx-list {width: 655px;padding-right: 10px;}
.RoYujx-list ul li{margin-bottom: 15px;position: relative;padding-left: 20px;}
.RoYujx-list ul li::before{content: "";position: absolute;width: 4px;height: 4px;background-color: #23b3f6;border-radius: 100px;left: 0px;top: 12px;}
.RoYujx-list ul li:last-child{margin-bottom: 0px;}
.RoYubz-list {margin-right: -60px;margin-bottom: -30px;}
.RoYubz-list .list{width: calc(100%/3 - 60px);margin-right: 60px;margin-bottom: 30px;border: 1px solid #abb6c0;background-color: rgba(255,255,255,.1);display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 65px;text-align: center;}
.RoYubz-page {display: flex;justify-content: center;}
.RoYubz-page .swiper-pagination {align-items: center;display: flex;}
.RoYubz-page .swiper-pagination-bullet {width: 8px;height: 8px;background: #fff;opacity: 1;margin: 0px 8px;}
.RoYubz-page .swiper-pagination-bullet-active {background: transparent;border: 2px solid #23b3f6;width: 12px;height: 12px;}
.RoYuzl .IndTitle .text{max-width: 780px;}
.RoYuzl-list {justify-content: center;}
.RoYuzl-list .list {display: flex;flex-direction: column;align-items: center;width: calc(100%/4);}
.RoYuzl-list .list .line{width: 30px;height: 1px;background-color: #23b3f6;}
.WeHuyj .IndTitle .text{max-width: 1100px;text-align: left;text-indent: 2em;}
.WeHuyj-list {justify-content: center;align-items: center;position: relative;}
.WeHuyj-list .list{width: 225px;height: 225px;display: flex;justify-content: center;align-items: center;border-radius: 100%;position: relative;}
.WeHuyj-list .list span{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background-color: #fff;color: #000;border-radius: 100%;position: relative;z-index: 3;}
.WeHuyj-list .list::before{content: "";background-color: #c1e9fc;width: 265px;height: 265px;border-radius: 100%;position: absolute;z-index: 2;}
.WeHuyj-list .list::after{content: "";background-color: #e8f6fd;width: 300px;height: 300px;border-radius: 100%;position: absolute;z-index: 1;}
.WeHuyj-list .list:nth-child(2){width: 240px;height: 240px;margin: 0px 155px;z-index: 5;}
.WeHuyj-list .list:nth-child(2) span{background-color: #23b3f6;color: #fff;}
.WeHuyj-list .list:nth-child(2)::before,.WeHuyj-list .list:nth-child(2)::after {content: "";display: block;width: 360px;height: 360px;background: rgba(35, 179, 246, 1); border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -180px 0 0 -180px;animation: WeHuyjList 1.5s linear infinite;opacity: 0;}
.WeHuyj-list .list:nth-child(2)::before {animation-delay: .6s;}
.WeHuyj-list .list:nth-child(2)::after {animation-delay: 1s;}
@keyframes WeHuyjList{0%{opacity:0;transform:scale(.1)}5%{opacity:1}to{opacity:0;transform:scale(1)}}
.WeHuyj-list::before {content: "";position: absolute;width: 560px;height: 8px;background: url(/images/WeHuyj-list.png) center no-repeat;background-size: contain;z-index: 4;}
.WeHuyj-img {display: none;}
.WeHujz-svp {position: absolute;top: 190px;right: calc((100% - 1400px) / 2);width: 765px;}
.WeHujz-svp .line{width: 100%;height: 3px;background-color: #fff;}
.WeHujz-line {position: absolute;bottom: 155px;left: 0px;width: 100%;}
.WeHujz-list {position: absolute;width: 100%;bottom: 150px;left: 0px;height: 130px;}
.WeHujz-list .list{display: flex;flex-direction: column;align-items: center;padding-top: 75px;transition: all .4s ease;cursor: pointer;}
.WeHujz-list .list .img{width: 60px;height: 60px;top: 0px;display: flex;justify-content: center;align-items: center;position: absolute;background-color: #fff;border-radius: 100px;transition: all .4s ease;}
.WeHujz-list .list .img img{transition: all .4s ease;z-index: 3;}
.WeHujz-list .list .img img:nth-child(1){opacity: 1;position: absolute;}
.WeHujz-list .list .img img:nth-child(2){opacity: 0;position: relative;}
.WeHujz-list .list .img::before{content: "";position: absolute;width: 0px;height: 0px;background-color: #23b3f6;border-radius: 100px;transition: all .4s ease;}
.WeHujz-list .list.active .img{width: 95px;height: 95px;background-color: rgba(255, 255, 255, .5);}
.WeHujz-list .list.active .img::before{width: 60px;height: 60px;}
.WeHujz-list .list.active .img img:nth-child(1){opacity: 0;}
.WeHujz-list .list.active .img img:nth-child(2){opacity: 1;}
.WeHujz-list .list.active {padding-top: 110px;transform: translateY(-15px);}
.WeHujz-list .list {position: absolute;}
.WeHujz-list .list:nth-child(1) {top: 60%;left: 15%;}
.WeHujz-list .list:nth-child(2) {top: 55%;left: 35%;}
.WeHujz-list .list:nth-child(3) {top: -15%;left: 56%;}
.WeHujz-list .list:nth-child(4) {top: -10%;left: 85%;}
.WeHujz-page {display: none;}
.WeHujz-page .swiper-pagination-bullet {width: 8px;height: 8px;background: #fff;opacity: 1;}
.WeHujz-page .swiper-pagination-bullet-active {background: #23b3f6;}



.channel_content .culture{padding:0px 0 0;}
/*20191116*/
.contact_us02 .tcc button {text-decoration: underline;}


/* 公司文化 */
.culture.channel_content{padding-bottom:0;}


.culture02{background:url(/images/culture02_1.jpg) no-repeat center;}
.culture02 .item{width:50%; float:left; height:240px; overflow:hidden;}
.culture02 .item.item1,.culture02 .item.item2{border-bottom:1px solid rgba(255,255,255,0.6);}
.culture02 .item.item1 .box,.culture02 .item.item3 .box{border-right:1px solid rgba(255,255,255,0.6); }
.culture02 .item .box{width:650px; float:right; position:relative; height:100%; }
.culture02 .item2 .box,.culture02 .item4 .box{float:left;}
.culture02 .item .cen{ position:absolute; height:100px; top:50%; left:50%; margin-top:-50px; margin-left:-100px; transform:scale(1); opacity:1; transform-origin:center center; transition:all .5s ease;  text-align:center; visibility:visible;}
.culture02 .item .cen .tit{ font-size:30px; font-weight:bold; color:#fff; } 
.culture02 .item .cen .en{ font-size:14px; color:#fff; font-family:"Arial"; margin:15px 0; text-transform:uppercase;}
.culture02 .item .cen .img{ text-align:center; color:#fff; padding-top:8px; }
.culture02 .item .cen .hr{ width:145px; height:1px; background:#fff; margin:8px auto 0; }
.culture02 .item .cen2{ padding:13% 10% 0 10%; transform:scale(0.9); transform-origin:center center; opacity:0; transition:all .5s ease; height:100%; visibility:hidden;}
.culture02 .item .cen2 .tit{ font-size:30px; font-weight:bold; color:#fff; text-align:left; }
.culture02 .item .cen2 .minh{ font-size:15px; color:#fff; text-align:left; margin-bottom:5%; }
.culture02 .item .cen2 .hr{ width:100%; height:1px; background:#fff; margin-top:4%; margin-bottom:2%; }
.culture02 .item .cen2 .en{ text-align:right; font-size:12px; font-family:Arial; color:#fff; text-transform:uppercase;}
.culture02 .item:hover .cen2{ transform:scale(1); opacity:1; visibility:visible;} 
.culture02 .item:hover .cen{opacity:0; visibility:hidden;}
.culture02 .item .cen2:after{content:''; position:absolute; top:0; z-index:-1; width:150%; height:100%; background:#0074ba; opacity:0; visibility:hidden;transform:scale(0.9); transform-origin:center center; transition:all .5s ease;}
.culture02 .item.item1 .cen2:after,.culture02 .item.item3 .cen2:after{right:0;}
.culture02 .item.item2 .cen2:after,.culture02 .item.item4 .cen2:after{left:0;}
.culture02 .item:hover .cen2:after{ transform:scale(1); opacity:1; visibility:visible;}




.contain{width:1200px;margin:0 auto;}
.mechanism{margin:10px auto 50px;}
.mechanism p{font-size:16px;color:#777;line-height:35px;}
.pubcatetit{font-size:30px;color:#333;text-align:center;font-weight:normal;}
.pdtb60{padding:60px 0px;}

.opportunity{background:#f4f4f4;padding:60px 0px;overflow:hidden;}
.opportunity ul li{width:378px;height:349px;background:#fff;float:left;margin-left:32px;}
.opportunity ul li h4{color:#333;font-size:18px;text-align:center;margin-top:30px;}
.opportunity ul li:first-child{margin-left:0px;}
.welfare .welsay{text-align:center;font-size:16px;color:#666;line-height:35px;margin-bottom:68px;}
.welfare ul li{width:20%;float:left;text-align:center;margin-bottom:62px;}
.welfare ul li img{max-height:60px;display: block;margin:0px auto;}
.welfare ul li p{margin-top:28px;font-size:16px;}
p.taC{margin:30px 0px;}

@media all and (max-width:1280px){

	.contain{width:100%;padding:0 2%;}
	.commSrv-nav .contain,
	.csPro-nav .contain{padding:0px;}
	.csPro-nav a:first-child{border-left:0px;}
	.csPro-nav a:last-child{border-right:0px;}
	
	.auChonor-block{height:250px;line-height:250px;}
	.auChonor-con{width:90%;}
	.auChonor-con .name{width:100%;line-height:24px;height:48px;font-size:14px;}
	
}



@media all and (max-width:980px){
.opportunity ul li{width:100%;margin:0px;margin-top:20px;height:auto;}
	.opportunity ul li:first-child{margin-top:0px;}
	.opportunity ul li h4{margin:15px auto;}

}



@media only screen and (max-width:1240px) {




    /* 公司文化 */
    .culture01 .content .item .text .box{padding:30px;}
    .culture01 .content .item .text .box .tit{font-size:28px; line-height:1.2;}
    .culture01 .content .item .text .box .con{font-size:20px;}
    .culture02 .item .box{width:100%;}


}
@media only screen and (max-width:992px) {
   

    /* 公司介绍 */
    .culture01 .content .item .img{width:100%;}
    .culture01 .content .item .text{width:100%;}
    .culture01 .content .item .text .box .txt{height:auto;}
    .culture01 .rect-48{padding-bottom:0; height:auto;}
    .culture01 .content .item .text .box .tit{font-size:20px;}
    .culture01 .content .item .text .box .con{font-size:18px; margin:10px 0;}
    .culture02 .item{height:240px;}
    .culture02 .item .cen .tit{font-size:25px;}
    .culture02 .item .cen2 .tit{font-size:25px;}

   
}
/*
* MobileMode
*/
@media only screen and (max-width:760px) {


    /* 公司介绍 */
    .culture01 .intro{margin-bottom:30px;}
    .culture01 .intro .t{font-size:20px; margin-bottom:10px;}
    .culture01 .content .item{margin-bottom:30px;}
    .culture01 .content .item .text .box{padding:20px;}
    .culture01 .content .item .text .box .txt{padding-right:0;}
    .culture01 .content .item .text .box .tit{font-size:18px;}
    .culture01 .content .item .text .box .con{font-size:15px;}
    .culture02{background-size:cover;}
    .culture02 .item{width:50%; border-bottom:1px solid rgba(255,255,255,0.6);}
    .culture02 .item .cen{margin-left:0; left:50%; transform:translate(-50%,-50%);}
    .culture02 .item .cen .tit{font-size:17px;}
    .culture02 .item .cen2 .tit{font-size:17px; margin-bottom:10px;}


}


.FaAnlb-list {margin-top: 120px;}
.FaAnlb-list .list{margin-bottom: 320px;position: relative;}
.FaAnlb-list .list:last-child{margin-bottom: 0px;}
.FaAnlb-list .list > div{position: relative;z-index: 2;}
.FaAnlb-list .list .cont{width: 50%;display: flex;flex-direction: column;justify-content: center;}
.FaAnlb-list .list .cont .title{transition: all .4s ease;}
.FaAnlb-list .list:hover .cont .title{color: #23b3f6;}
.FaAnlb-list .list .img{width: 50%;overflow: hidden;}
.FaAnlb-list .list .img img{width: 100%;height: 100%;transition: all .4s ease;}
.FaAnlb-list .list:hover .img img{transform: scale(1.04);}
.FaAnlb-list .list:nth-child(even) {flex-direction: row-reverse;}
.FaAnlb-list .list:nth-child(odd) .cont {padding-right: 230px;}
.FaAnlb-list .list:nth-child(even) .cont {padding-left: 230px;}
.FaAnlb-list .list::before{content: "";position: absolute;width: 845px;height: 705px;top: 50%;transform: translateY(-50%);background-color: #f7f7f7;}
.FaAnlb-list .list:nth-child(odd)::before{right: -260px;}
.FaAnlb-list .list:nth-child(even)::before{left: -260px;}
.RaShxq .IndTitle .text{max-width: 990px;text-align: left;text-indent: 2em;line-height: 2.3;}
.RaShtd-list .list{border-radius: 0px 60px 60px 40px;background-color: rgba(255, 255, 255, .95);padding: 90px 35px 100px 50px;position: relative;overflow: hidden;}
.swiper-pagination-progressbar{position: relative !important;background: rgba(255, 255, 255, .5) !important; height: 3px;width: 100%;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #0a9fe4 !important;}
.RaShtd-list .list .text{max-height: 200px;overflow-y: auto;padding-right: 10px;text-indent: 2em;margin-top: 30px;}
.RaShtd-list .list .text::-webkit-scrollbar {width: 3px;}
.RaShtd-list .list .text::-webkit-scrollbar-thumb {background: #ddd;border-radius: 10px;}
.RaShtd-list .list .text::-webkit-scrollbar-track {background: transparent;border-radius: 10px;}
.RaShtd-list .list .text{scrollbar-color:#ddd #f1f1f1;scrollbar-width:thin;border-radius: 10px;}
.RaShtd-list .list .text{scrollbar-face-color: #ddd;scrollbar-shadow-color: #ddd;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
.RaShtd-list .list .number {position: absolute;bottom: 0px;left: 70px;color: rgba(39, 176, 241, .1);font-size: 200px;line-height: .3;}
.RaShcj .IndTitle .text {max-width: 950px;text-align: left;}
.RaShcj-cont {position: relative;justify-content: flex-end;}
.RaShcj-cont .cont-l{width: 57%;position: absolute;z-index: 3;left: 0px;top: 50%;transform: translateY(-50%);height: calc(100% - 110px);background-color: #fff;padding: 75px;}
.RaShcj-cont .cont-r{width: 57%;}
/* .RaShcj-cont .cont-l .muen{display: none;} */
.RaShcj-cont .cont-l .muen.active{display: block;animation: RaShcjCont .4s ease;}
.RaShcj-cont .cont-l .muen .text{overflow-y: auto;overflow-x: hidden;height: 180px;padding-right: 20px;text-indent: 2em;margin-top: 30px;}
.RaShcj-cont .cont-l .muen .text p{text-indent: 2em;}
.RaShcj-cont .cont-l .muen .text::-webkit-scrollbar {width: 3px;}
.RaShcj-cont .cont-l .muen .text::-webkit-scrollbar-thumb {background: #ddd;}
.RaShcj-cont .cont-l .muen .text::-webkit-scrollbar-track {background: #f1f1f1;}
.RaShcj-cont .cont-l .muen .text{scrollbar-color:#ddd #f1f1f1;scrollbar-width:thin;border-radius: 10px;}
.RaShcj-cont .cont-l .muen .text{scrollbar-face-color: #ddd;scrollbar-shadow-color: #ddd;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
@keyframes RaShcjCont {0%{opacity: 0;}100%{opacity: 1;}}
.RaShcj-page {display: flex;}
.RaShcj-page .swiper-pagination {align-items: center;display: flex;}
.RaShcj-page .swiper-pagination-bullet {width: 30px;height: 40px;opacity: 1;position: relative;background: transparent;margin: 0;}
.RaShcj-page .swiper-pagination-bullet::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 8px;height: 8px;border-radius: 50%;background: #a3a3a5;}
.RaShcj-page .swiper-pagination-bullet-active::after{background: transparent;border: 2px solid #23b3f6;width: 12px;height: 12px;}


.RaShBan-svp {position: relative;}
.RaShBan-lun {position: relative;}
.RaShBan-lun::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.RaShBan-lun > img{width: 100%;height: 640px;}
.RaShBan-lun .content{z-index: 2; position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.RaShBan-lun .content .contain{display: flex;flex-direction: column;align-items: center;}
.RaShBan-lun .content .btn{width: 200px;height: 65px;border: 2px solid #fff;border-radius: 32.5px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.RaShBan-lun .content .btn i{margin-left: 55px;transform: rotate(180deg);}
.RaShBan-lun .content .btn:hover {background-color: #23b3f6;border: 2px solid #23b3f6;}
.RaShBan-svp .RaShBan-swiper-btn {position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;}
.RaShBan-svp .RaShBan-swiper-btn a{font-size: 48px;color: #fff;transition: all .4s ease;}
.RaShBan-svp .RaShBan-swiper-btn.next a{transform: rotate(180deg);display: block;}
.RaShBan-svp .RaShBan-swiper-btn.prev {left: 0px;}
.RaShBan-svp .RaShBan-swiper-btn.next {right: 0px;}
.RaShBan-svp .RaShBan-swiper-btn a:hover{color: #23b3f6;}
.Abolc-cont {display: flex;align-items: center;justify-content: center;margin-top: -50px;}
.Abolc-bg {width: 530px;height: 530px;position: relative;display: flex;align-items: center;justify-content: center;}
.Abolc-bg img.bg{animation: AbolcBg 60s linear infinite;}
.Abolc-bg img.bg2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.Abolc-bg .line{position: absolute;transform: rotate(-90deg);}
@keyframes AbolcBg {0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
.Abolc-muen .muen{display: none; padding: 30px 125px 30px 0px;position: relative;align-items: center;}
.Abolc-muen .muen.active {display: flex;}
.Abolc-muen .muen .swiper-btn {position: absolute;right: 30px;}
.Abolc-muen .muen .swiper-btn.prev{right: auto;left:-100px;}
.Abolc-muen .muen .swiper-btn a{box-shadow: 0px 0px 30px 0px rgba(76, 94, 127, 0.22);}
.Abolc-list {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 540px;height: 540px;display: flex;justify-content: center;}
.Abolc-list .list{transition: all .4s ease;position: absolute;}
/* .Abolc-list .list:nth-child(1) {top: 0%;left: 48%;}
.Abolc-list .list:nth-child(2) {top: 21%;left: 89%;}
.Abolc-list .list:nth-child(3) {top: 61%;left: 96%;}
.Abolc-list .list:nth-child(4) {top: 93%;left: 70%;}
.Abolc-list .list:nth-child(5) {top: 93%;left: 28%;}
.Abolc-list .list:nth-child(6) {top: 62%;left: 1%;}
.Abolc-list .list:nth-child(7) {top: 21%;left: 8%;} */
.Abolc-list .list {width: 40px;height: 100%;pointer-events: none;}
/* .Abolc-list .list:nth-child(1){transform: rotate(0deg);}
.Abolc-list .list:nth-child(2){transform: rotate(51deg);}
.Abolc-list .list:nth-child(3){transform: rotate(102deg);}
.Abolc-list .list:nth-child(4){transform: rotate(153deg);}
.Abolc-list .list:nth-child(5){transform: rotate(204deg);}
.Abolc-list .list:nth-child(6){transform: rotate(256deg);}
.Abolc-list .list:nth-child(7){transform: rotate(307deg);} */
.Abolc-list .list span{height: 50%;width: 100%;content: "";position: absolute;top: 0px;z-index: 9;pointer-events: auto;user-select: none;cursor: pointer;}
.Abolc-list .list::before{content: "";position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 15px;height: 15px;border: 1px solid #23b3f6;border-radius: 100px;transition: all .4s ease;}
.Abolc-list .list.active::before{background-color: #23b3f6;}
.Abolc-Content {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;pointer-events: none;}
.Abolc-Content .muen{display: none;}
.Abolc-Content .muen.active {display: block;animation: AbolcContent .4s ease;}
@keyframes AbolcContent {0%{opacity: 0;}100%{opacity: 1;}}
.WeHuzz-cont {display: flex;justify-content: center;align-items: center;position: relative;}
.WeHuzz-cont img.bg{animation: WeHuzzCont 12s linear infinite;}
@keyframes WeHuzzCont {0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
.WeHuzz-cont .logo{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;}
.WeHuzz-list {position: absolute;width: 100%;height: 100%;}
.WeHuzz-list .list {position: absolute;width: 490px;}
.WeHuzz-list .list .img{width: 130px;}
.WeHuzz-list .list .cont{width: calc(100% - 130px);padding: 0px 30px;}
.WeHuzz-list .list:nth-child(odd) {flex-direction: row-reverse;}
.WeHuzz-list .list:nth-child(odd) .cont {text-align: right;}
.WeHuzz-list .list:nth-child(1) {top: 5%;left: 3%;}
.WeHuzz-list .list:nth-child(2) {top: 5%;right: 3%;}
.WeHuzz-list .list:nth-child(3) {bottom: 5%;left: 3%;}
.WeHuzz-list .list:nth-child(4) {bottom: 5%;right: 3%;}
/* 在强 */
/* 内页导航 */
.pagesNav{position: relative;z-index: 3;margin-top: -40px;}
.pagesNav .contain{background: #fff;box-shadow: 0px 0px 40px 0px rgba(20, 83, 153, 0.1);}
.pagesNav-item{display: flex;flex-wrap: wrap;align-items: center;height: 80px;margin-left: 55px;}
.pagesNav-item::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 0;height: 3px;background: #23b3f6;transition: all .4s ease;}
.pagesNav-item:hover,.pagesNav-item.active{color: #23b3f6;}
.pagesNav-item.active::after{width: 100%;}
.pagesBread-item{margin-left: 20px;}
.pagesBread-item:hover{color: #000;}
.pagesBread-item::after{content: "\e80b";font-family: "icon";font-size: 12px;position: absolute;left: -17px;top: 50%;transform: translateY(-50%) rotate(180deg) scale(.8);color: #888;}
.pagesBread-item:first-child{margin-left: 0;}
.pagesBread-item:first-child::after{display: none;}
/* 新闻中心 */
.newsItem{align-items: center;position: relative;border-bottom: 1px solid #ddd;justify-content: space-between;}
.newsItem::after{content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #23b3f6;transition: all .8s ease;}
.newsItem-date{width: 120px;margin-right: 50px;}
.newsItem-date .day{border-bottom: 1px solid #aeaeae;}
.newsItem-img{width: 27%;margin-right: 50px;}
.newsItem-img img{width: 100%;height: 220px;}
.newsItem-con{width: calc(100% - 27% - 220px);}
.newsItem-title{width: 100%;}
.newsItem-con .line{width: 100%;height: 1px;background: #e9e9e9;}
.newsItem:hover::after{right: auto;left: 0;width: 100%;}
.newsItem:hover .newsItem-title{color: #23b3f6;}
.newsItem:hover .CommonBtn .link:before {width: 100%;height: 50px;border-radius: 50px;}
.newsItem:hover .CommonBtn .link .text {padding-left: 0.78125vw;color: #fff;}
.newsItem:hover .CommonBtn a:before {width: 100%;height: 50px;border-radius: 50px;}
.newsItem:hover .CommonBtn a .text {padding-left: 0.78125vw;color: #fff;}
/* 新闻详情 */
.newsDet-nav{position: relative;z-index: 3;margin-top: -80px;background: rgba(0, 0, 0, .7);}
.newsDet-nav .contain{justify-content: center;}
.newsDet-nav-item{height: 80px;width: 150px;position: relative;margin-left: 0;}
.newsDet-nav-item:first-child{margin-left: 0;}
.newsDet-nav-item::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 0;background: #fff;transition: all .4s ease;}
.newsDet-nav-item span{display: block;position: relative;z-index: 2;width: 100%;text-align: center;border-left: 1px solid rgba(255, 255, 255, .2);}
.newsDet-nav-item:first-child span{border: unset;}
.newsDet-nav-item:hover::after,.newsDet-nav-item.active::after{top: auto;bottom: 0;height: 100%;}
.newsDet-nav-item:hover,.newsDet-nav-item.active{color: #333;}
.newsDet-flex{border-bottom: 1px solid #e0e0e0;justify-content: space-between;align-items: flex-start;}
.newsDet-con{width: 71%;}
.newsDet-title{border-bottom: 1px solid #e0e0e0;}
.newsDet-title .date p{padding: 0 15px;align-items: center;border-left: 1px solid #d2d2d2;}
.newsDet-title .date p:first-child{padding-left: 0;border: unset;}
.newsDet-title .date p:last-child{padding-right: 0;}
.newsDet-title .date p i{display: block;font-size: 14px;margin-right: 8px;}
.newsDet-file img,.newsDet-file video{display: inline-block;}
.newsDet-side{position: sticky;top: 110px; width: 25%;padding: 0 15px 25px; box-shadow: 0px 0px 7px 0px rgba(31, 59, 115, 0.1);}
.newsDet-side-title{border-bottom: 1px solid #eeeeee;}
.newsDet-side-list{padding: 0 20px;}
.newsDet-side-item{padding-left: 15px;}
.newsDet-side-item::after{content: "";position: absolute;left: 0;top: 8px;width: 5px;height: 5px;border: 4px solid transparent;border-left-color: #23b3f6;}
.newsDet-side-item .date{color: #aeaeae;}
.newsDet-side-item:hover .title{color: #23b3f6;}
/* 产品详情 */
.fp-section {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fp-section.fp-table, .fp-slide.fp-table {display: table;table-layout: fixed;width: 100%;}
.fp-tableCell {display: table-cell;vertical-align: middle;width: 100%;height: auto;transform: translate3d(0,0,0);-webkit-font-smoothing: antialiased}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height: auto !important;}
.proLisst-con-title,.proLisst-con-text,.proLisst-con .CommonBtn{opacity: 0;}
#fullpage .section.active .proLisst-con-title,#fullpage .section.active .proLisst-con-text,#fullpage .section.active .proLisst-con .CommonBtn{animation: fullCon 1s .8s ease forwards;}
#fullpage .section.active .proLisst-con-text{animation-delay: .9s;}
#fullpage .section.active .proLisst-con .CommonBtn{animation-delay: 1s;}
#fullpage .section.active .Abouwh-lun > img{transform: scale(1.1);}
@keyframes fullCon {0%{opacity: 0;transform: translateY(100px);}100%{opacity: 1;transform: translateY(0);}}
/* #fullpage .section .Abouwh-lun .title{opacity: 0;transition: all .4s ease;}
#fullpage .section.active .Abouwh-lun .title{animation: fullpage .8s ease both .8s;}
@keyframes fullpage {0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0px);}} */
.Abouwh-lun > img{width: 100%;height: 100vh;transition:all 3s linear;}

.Abouwh-lun::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);}
.Abouwh-lun .content {position: absolute;top: 0px;left: 0px;padding-top: 160px; width: 100%;height: 100%;z-index: 2;}
.proLisst-con-title:hover{color: #23b3f6;}
.Abouwh-lun .content .contain{height: 100%;align-items: center;justify-content: flex-end;}
.Abouwh-lun .content .contain .proLisst-con{width: 550px;}
.proLabel{position: fixed;right: 6vw;top: 160px;z-index: 10;border-radius: 40px;width: 146px;height: 56px;transition: all .3s ease;}
.Abouwh-page{animation: abPage 1s ease forwards; overflow: hidden; position: fixed;top: 50%;transform: translateY(-50%);left: 5vw;z-index: 10;}
.Abouwh-page::after{content: "";position: absolute;left: 20px;top: 50%;transform: translateY(-50%);width: 1px;height: calc(100% - 42px); background: rgba(255, 255, 255, .3);}
@keyframes abPage {0%{opacity: 0; transform: translate(-100%,-50%);}100%{opacity: 1; transform: translate(0,-50%);}}
.Abouwh-page .list{display: flex;align-items: center;margin-top: 10px;position: relative;z-index: 2;}
.Abouwh-page .list:first-child{margin-top: 0;}
.Abouwh-page .list .span{width: 42px;height: 42px;margin-right: 20px;position: relative;}
.Abouwh-page .list .span::after,.Abouwh-page .list .span::before{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.Abouwh-page .list .span::before{width: 5px;height: 5px;border-radius: 50%;background: #fff;}
.Abouwh-page .list .span::after{transition: all .6s ease;transform: translate(-50%,-50%) scale(0);width: 100%;height: 100%; border-radius: 50%;border: 2px solid #fff;}
.Abouwh-page .list.active .span::after{transform: translate(-50%,-50%) scale(1);transition-delay: .2s;}
.Header.border::after{opacity: 1;background: rgba(255, 255, 255, .1);}
/* 产品详情 */
.proIntro-text{padding: 0 5vw;text-indent: 2em;line-height: 2.3;}
.proGY{position: relative;z-index: 2;}
.proGY-bg img{width: 100%;}
.proGY-con{align-items: center; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(to right,rgba(0,47,93,1),rgba(0,0,0,0));}
.proGY-text{width: 710px;text-indent: 2em;line-height: 2.5;}
.proXN-bg{position: absolute;right: 0;top: 0;width: 38%;transform: translate(20%,-40%);}
.proXN .contain{position: relative;z-index: 2;}
.proXN-img{width: 61%;}
.proXN-img img{width: 100%;}
.proXN-text{position: absolute;right: 0;top: 20%;width: 44%;min-height: 100%;padding: 30px 75px;display: flex;align-items: center;}
.proYS-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.proGY-bg{position: relative;}
.proYS-bg::after,.proGY-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:linear-gradient(to right,rgba(0,46,91,.9) 10%,rgba(0,0,0,0) 100%);}
.proYS-bg img{width: 100%;height: 100%;}
.proYS-con{position: relative;z-index: 2;}
.proYS-list li{display: flex;flex-wrap: wrap;}
.proYS-list .page{width: 40px;}
.proYS-list li:nth-child(1) .page{letter-spacing: 2px;}
.proYS-list .text{flex: 1;}
.proYY-con{justify-content: space-between;display: block;}
.proYY-list{margin-left: -20px;padding-left: 25%;}
.proYY-list li{position: relative; margin: 20px 0 0 20px;width: calc((100% / 3) - 20px);}
.proYY-list li:first-child{position: absolute;left: 0;top: 0;height: calc(100% - 20px);width: calc(25% - 20px);}
.proYY-list li:first-child .proYY-img,.proYY-list li:first-child .proYY-img img{height: 100%;}
.proYY-img img{width: 100%;height: 240px;}
.proYY-text{position: absolute;left: 0;bottom: 0;width: 100%;padding: 25px 30px;}
.proCase-swp{padding: 0 13.5vw;}
.proCase-swp .swiper-container{overflow: visible;}
.proCase-bg::after{ content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 0;transition: all .6s ease; background: linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.3));}
.proCase-bg img{width: 100%;height: 560px;}
.proCase-text{position: absolute;left: 0;bottom: 0;width: 100%;padding: 30px 50px;opacity: 0;transform: translateY(100%);transition: all .6s ease;}
.proCase-text .text{align-items: center;}
.proCase-text .text i{display: block;margin-right: 8px;}
.swiper-slide-active .proCase-bg::after{height: 100%;transition-delay: .6s;}
.swiper-slide-active .proCase-text{opacity: 1;transform: translateY(0);transition-delay: 1s;}
.proCase-btn{z-index: 2; position: absolute;top: calc(50% - 35px);width: 70px;height: 70px;border-radius: 50%;background: #fff;user-select: none;cursor: pointer;font-size: 20px;}
.proCase-btn.prev{left: 80px;}
.proCase-btn.next{right: 80px;transform: rotate(180deg);}
.proCase-btn:hover{background: #23b3f6;color: #fff;}
.marsk{animation: marsk 4s ease forwards;}
@keyframes marsk {
    0%{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
    100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
/* 技术支持 */
.serMsg-table{justify-content: space-between;}
.serMsg-table .w100{width: 100% !important;}
.serMsg-input{width: 48%;}
.serMsg-input .title span{color: #ed2024;}
.serMsg-input input{border: 1px solid #e1e1e1; margin-top: 15px;width: 100%;height: 52px;border-radius: 10px;padding-left: 20px;font-size: 16px;color: #333;}
.serMsg-input input::-webkit-input-placeholder{font-size: 16px;color: #c5c5c5;}
.serMsg-input textarea{margin-top: 15px; border: 1px solid #e1e1e1;width: 100%;height: 200px;font-size: 16px;color: #333;padding: 15px 0 0 20px;border-radius: 10px;}
.serMsg-input textarea::-webkit-input-placeholder{font-size: 16px;color: #c5c5c5;}
.serMsg-btm{justify-content: space-between;}
.serMsg-select{user-select: none;cursor: pointer;margin-top: 15px;color: #c5c5c5;}
.serMsg-menu{border: 1px solid #e1e1e1;height: 52px;border-radius: 10px;padding-left: 20px;font-size: 16px;align-items: center;transition: all .4s ease;}
.serMsg-menu::before{font-size: 14px;color: #8e8e8e;position: absolute;right: 20px;top: 50%;transition: all .4s ease;transform:translateY(-50%) rotate(180deg);}
.serMsg-menu.active{border-radius: 10px 10px 0 0;}
.serMsg-menu.active::before{transform:translateY(-50%) rotate(0);}
.serMsg-menu.value{color: #333;}
.serMsg-drop{color:#666; display: none;max-height: 260px;overflow-y: auto; border: 1px solid #e1e1e1;border-top: unset; position: absolute;left: 0;top: 100%;width: 100%;z-index: 2;background: #fff;border-radius: 0 0 10px 10px;}
.serMsg-drop::-webkit-scrollbar {width: 3px;}
.serMsg-drop::-webkit-scrollbar-thumb {background: #23b3f6;}
.serMsg-drop::-webkit-scrollbar-track {background: #f1f1f1;}
.serMsg-drop li{color: #333; display: flex;flex-wrap: wrap;align-items: center;padding-left: 20px;height: 52px;border-top: 1px solid #e1e1e1;transition: all .4s ease;}
.serMsg-drop li:first-child{border-top: unset;}
.serMsg-drop li:hover{background: #f6f6f6;}
.serMsg-code{margin-top: 15px;justify-content: space-between;}
.serMsg-code-input{width: 58%;border-radius: 10px;overflow: hidden;border: 1px solid #e1e1e1;}
.serMsg-input .serMsg-code-input input{margin-top: 0;border-radius: 0;border: unset;}
.serMsg-code-input img{position: absolute;right: 10px;top: 50%;transform: translateY(-50%); height: 80%;width: 125px;user-select: none;cursor: pointer;}
.serMsg-btn{width: 40%;margin-left: -10px;}
.serMsg-btn .btn{width: calc(90% - 10px);height: 52px;border-radius: 40px;border: 2px solid #23b3f6;margin-left: 10px;}
.serMsg-btn .btn:hover{background: #23b3f6;color: #fff;}
.serCode{overflow: auto; border-radius: 20px;padding: 80px;background: url('../images/pages/serCode-bg.jpg') no-repeat center/cover;}
.serCode-con{width: 36%;}
.serCode-con .img{align-items: flex-end;}
.serCode-con .img img{width: 130px;display: inline-block;margin-right: 15px;}
.serCode-img{position: absolute;right: 0;top: 0;height: 100%;width: 50%;}
.serCode-img img{height: 100%;width: 100%;object-position: left center;}
/* 常见问题 */
.faqList li{align-items: flex-start; padding: 30px 45px;display: flex;flex-wrap: wrap;cursor: pointer;user-select: none; transition: all .4s ease; position: relative;border-bottom: 1px solid #cfd4dc;}
.faqList li:first-child{border-top: 1px solid #cfd4dc;}
.faqList-label{margin-top: 5px;}
.faqList-btn{transform: rotate(180deg);font-size: 17px;color: #494949;}
.faqList-text{flex: 1;padding: 0 80px 0 20px;}
.faqList-text .text{display: none;user-select: text;cursor: auto;}
.faqList li.active{background: #fcfcfc;}
.faqList li.active .faqList-btn{transform: rotate(0);color: #23b3f6;}
.faqMore{border-radius: 20px;background: url('../images/pages/faqMore-bg.jpg') no-repeat center/cover;}
.faqMore{justify-content: center;}
.faqMore-left{width: 37%;flex-direction: column;justify-content: space-between;}
.faqMore-right{width: 36%;flex-direction: column;justify-content: space-between;}
.faqMore-right .btn{width: 216px;height: 60px;border: 2px solid #fff;border-radius: 32.5px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.faqMore-right .btn i{margin-left: 25px;transform: rotate(180deg);font-size: 25px;}
.faqMore-right .btn:hover {background-color: #23b3f6;border: 2px solid #23b3f6;}
/* 资料下载 */
.downItem{padding: 20px 55px;background: #f7f7f7;align-items: center;}
.downItem .title{flex: 1;}
.downItem .text{width: 17%;transition: all .4s ease;}
.downItem .btn{width: 36px;height: 36px;border-radius: 50%;transition: all .4s ease;}
.downItem:hover{z-index: 2;background: #23b3f6;}
.downItem:hover .title,.downItem:hover .text{color: #fff;}
.downItem:hover .btn{color: #23b3f6;background: #fff;}
/* 联系我们 */
.ctaMap{background-color: rgb(255, 255, 255);box-shadow: 0px 0px 30px 0px rgba(76, 94, 127, 0.22);}
.ctaMap-show{width: 100%;height: 500px;}
.ctaMap-text{padding: 40px 75px;align-items: center;}
.ctaMap-text .text{flex: 1;}
.ctaMap-text .text p{position: relative;display: flex;}
.ctaMap-text .text p::before{content: "/";display: inline-block;margin: 0 20px;}
.amap-logo,.amap-copyright{display: none !important;}
.ctaList li{width: 25%;position: relative;padding: 0 45px 35px;}
.ctaList li::after{content: "";position: absolute;left: 0;bottom: 0;width: 1px;height: 75%;background: #e5e5e5;}
.ctaList li:first-child::after{display: none;}
.ctaList .img{height: 70px;align-items: flex-end;}
.ctaList .img img{max-height: 100%;}
.ctaList .phone i,.ctaList .email i{font-size: 14px;display: inline-block;margin:2px 10px 0 0;}
.ctaList .phone span,.ctaList .email span{flex: 1;}
.ctaList .phone a,.ctaList .email a{color: #23b3f6;text-decoration: underline;}
.ctaList .email span{color: #888;}
/* 人才招聘 */
.joinIntro{background: url('../images/pages/joinIntro-bg.jpg') no-repeat center/cover;}
.joinIntro-img{position: absolute;right: 0;top: 0;width: 42%;}
.joinIntro-img .img{position: relative;z-index: 2;width: 100%;transform-origin: right top;}
.joinIntro-img .line{position: absolute;left: -11%;top: 0;width: auto;height: 78%;}
.joinIntro .contain{position: relative;z-index: 2;}
.joinIntro-con{width: 45%;}
.joinIntro-con .text{text-indent: 2em;}
.joinIntro-con .btn{width: 100px;height: 100px;border-radius: 50%;border: 1px solid #d9f2fd;cursor: pointer;}
.joinIntro-con .btn img{max-height: 40%;}
.joinCon-box{background: url('../images/pages/joinList-bg.jpg') no-repeat center/cover;}
.joinCon-header{justify-content: space-between;align-items: center;}
.joinCon-header-left{justify-content: space-between;align-items: center;width: 74%;}
.joinCon-select{user-select: none;cursor: pointer;width: 30%;}
.joinCon-menu{font-size: inherit; border: 1px solid #fff; height: 70px;background: #fff;border-radius: 40px;align-items: center;padding-left: 40px;box-shadow: 0px 0px 49px 0px rgba(12, 40, 72, 0.1);}
.joinCon-menu::before{content: "\e727";font-family: "icon";display: block; position: absolute;right: 30px;top: calc(50% - 9px);font-size: 12px;transition: all .4s ease;transform: rotate(180deg);}
.joinCon-menu.active{border-radius: 40px 40px 0 0;}
.joinCon-menu.active::before{transform: rotate(0);}
/* .joinCon-select:hover .joinCon-menu{border-color: #23b3f6;} */
.joinCon-drop{display: none; max-height: 350px;overflow-y: auto; position: absolute;left: 0;top: 100%;width: 100%;z-index: 99;background: #fff;}
.joinCon-drop::-webkit-scrollbar {width: 1px;}
.joinCon-drop::-webkit-scrollbar-thumb {background: #23b3f6;}
.joinCon-drop::-webkit-scrollbar-track {background: transparent;}
.joinCon-drop li{height: 70px;border-top: 1px solid #eee; display: flex;align-items: center;padding-left: 40px;position: relative;transition: all .4s ease;}
.joinCon-drop li::after{content: "";position: absolute;left: 0;top: 0;width: 2px;height: 100%;background: #23b3f6;opacity: 0;}
.joinCon-drop li:hover{background: #f9f9f9;}
.joinCon-drop li:hover::after{opacity: 1;}
.joinCon-input{width: 30%;}
.joinCon-input input{box-shadow: 0px 0px 49px 0px rgba(12, 40, 72, 0.1);border-radius: 40px; background: #fff; width: 100%;height: 70px;padding-left: 40px;font-size: 16px;color: #888;border: 1px solid #fff;}
.joinCon-input input::-webkit-input-placeholder{font-size: 16px;color: #888;}
.joinCon-input input:focus{border-color: #23b3f6;}
.joinCon-input .btn{width: 90px;height: 100%;user-select: none;cursor: pointer;transition: all .4s ease;position: absolute;right: 0;top: 0;}
.joinCon-input .btn:hover{color: #23b3f6;}
.joinCon-btn{width: 14%;height: 70px;border-radius: 40px;user-select: none;cursor: pointer;}
.joinCon-btn:hover{background: #0a9fe4;}
.joinList li{background: #fff;border-radius: 40px;transition: all .4s ease; box-shadow: 0px 0px 49px 0px rgba(12, 40, 72, 0.1);}
.joinList li:hover{box-shadow: 0px 0px 20px 0px rgba(35, 179, 246, 0.3);}
.joinList-menu{ cursor: pointer; justify-content: space-between;align-items: center;padding: 0 58px;height: 80px;}
.joinList-menu .title{align-items: center;transition: all .4s ease;}
.joinList-menu .title::before{content: "";display: inline-block;width: 7px;height: 7px;border-radius: 50%;background: #23b3f6;margin-right: 20px;}
.joinList-menu .more{align-items: center;}
.joinList-menu .more::after{content: "\e80b";font-family: "icon";transform: rotate(180deg); display: inline-block;margin-left: 30px;transition: all .4s ease;}
.joinList-menu:hover .title{color: #23b3f6;}
.joinList-menu.active .more::after{transform: rotate(90deg);}
.joinList-drop{padding: 0 58px 58px;display: none;}
.joinList-drop-item:first-child{border-top: 1px solid #eee;}
.joinList-drop-title{justify-content: space-between;}
.joinList-drop-text p{line-height: inherit;}
.joinList-drop-btn{cursor: pointer;transition: all .4s ease; width: 180px;height: 59px;border-radius: 40px;box-shadow: 0 15px 30px -10px rgba(97, 97, 97, 0.15);border: 1px solid #23b3f6;}
.joinList-drop-btn:hover{color: #fff;background: #23b3f6}
.joinWH-slide-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.joinWH-slide-bg img{width: 100%;height: 1000px;}
.joinWH-slide-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;align-items: center;}
.joinWH-nav-box{z-index: 2; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 40vw;height: 40vw;border-radius: 50%;border: 1px solid rgba(255, 255, 255, .2);}
.joinWH-nav-box::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 60%;height: 60%;border-radius: 50%;border: 1px solid rgba(255, 255, 255, .2);}
.joinWH-nav{transition: all .5s ease-in-out; position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;}
.joinWH-nav li{width: 0;height: 0; user-select: none;cursor: pointer;transition: all .5s ease-in-out;position: absolute;}
.joinWH-nav-item{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); position: relative; width: 130px;height: 130px;transition: all .6s ease;}
.joinWH-nav-item::after,.joinWH-nav-item::before{ animation: whNav 2s ease-out infinite;animation-play-state: paused; opacity: 1; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;border-radius: 50%;background: rgba(255, 255, 255, .1);transition: all .6s ease;}
.joinWH-nav-item::before{animation-delay: 1s;}
@keyframes whNav {0%{opacity: 1;transform: translate(-50%,-50%) scale(1);}100%{opacity: 0;transform: translate(-50%,-50%) scale(1.4);}}
.joinWH-nav .img{border-radius: 50%;overflow: hidden;z-index: 2;width: 100%;height: 100%;}
.joinWH-nav .img img{transition: all .6s ease;width: 100%;height: 100%;max-width: unset;}
.joinWH-nav .img::after{transition: all .6s ease;content: ""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
.joinWH-nav .img::before{transition: all .6s ease;content: "";border-radius: 50%;opacity: 0; position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;border: 5px solid #23b3f6;}
.joinWH-nav .text{z-index: 2; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);white-space: nowrap;opacity: 1;transition: all .6s ease;}
.joinWH-nav .line{z-index: 2; opacity: 0; position: absolute;right: 100%;width: 0; top: calc(50% - 1px);height: 2px;background: rgba(255, 255, 255, .5);transition: all .6s ease;}
.joinWH-nav .line::after{ content: "";position: absolute;right: calc(100% - 1px);top: 50%;transform: translateY(-50%);width: 7px;height: 7px;border-radius: 50%;background: #fff;}
.joinWH-nav li.active  .joinWH-nav-item{width: 220px;height: 220px;}
.joinWH-nav li.active  .joinWH-nav-item::after,.joinWH-nav li.active  .joinWH-nav-item::before{animation-play-state: running;}
.joinWH-nav li.active  .img::after{opacity: 0;}
.joinWH-nav li.active  .img::before{opacity: 1;}
.joinWH-nav li.active  .text{opacity: 0;}
.joinWH-nav li.active  .line{opacity: 1;width: 68%;transition-delay: .4s;}
.joinWH-nav li:nth-child(1){left: 100%;top: 50%;}
.joinWH-nav li:nth-child(2){left: 85%;top: 85%;}
.joinWH-nav li:nth-child(3){left: 50%;top: 100%;}
.joinWH-nav li:nth-child(4){left: 15%;top: 85%;}
.joinWH-nav li:nth-child(5){left: 85%;top: 15%;}
.joinBox{overflow: visible;}
.joinLine{position: absolute;top: 0;left: 50%;width: 1px;height: 80%;background: #d3f0fd;overflow: hidden;}
.joinLine .line{transition: all .4s linear; position: absolute;left: 0;top: 0;width: 100%;height: 0;background: #23b3f6;}
.joinIntro .joinLine{top: 25%;height: 75%;}
.joinIntro .joinLine::after{content: "";position: absolute;left: 50%;transform: translate(-50%,-50%); top: 0;width: 12px;height: 12px;border-radius: 50%;background: #23b3f6;}
.joinWH .joinLine{z-index: 2;background: transparent;}
.joinCon .contain{position: relative;z-index: 2;}
.joinCon .joinLine{background: transparent;}

/* .Abolc {background-image: linear-gradient(to top,rgba(31,73,121,1),rgba(71,134,180,1));} */
/* .Abolc {background-color: #b1d5ff;} */
.Abolc .contain{position: relative;z-index: 2;}
.Abolc-cloud1,.Abolc-cloud2 {position: absolute;bottom: 0px;left: 0px;width: 100%;height: 40%;pointer-events: none;background-image: url('../images/index/indqy-line2.png');background-repeat: repeat-x;background-position: 0 0;background-size: 50% auto;}
.Abolc-cloud1 {animation: footerCloudAnim1 20s infinite linear alternate;}
.Abolc-cloud2 {animation: footerCloudAnim2 22s infinite linear alternate;}
@keyframes footerCloudAnim1 {0% {transform: translateX(-80%);}100% {transform: translateX(0);}}
@keyframes footerCloudAnim2 {0% {transform: translateX(0);}100% {transform: translateX(80%);}}

.Abolc-muen .muen .swiper-container {margin: 0px;width: 100%;}

.Abolc-lun {min-height: 151px;}























/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .Abocg-svp .swiper-btn.prev{left: calc((100% - 1200px) / 2);}
    .Abocg-svp .swiper-btn.next{right: calc((100% - 1200px) / 2);}
    .Anlilb-list .list .img {height: 420px;}
    .Anlilb-list .list:nth-child(odd) .cont{padding-left: 100px;padding-right: calc((100% - 1200px) / 2);}
    .Anlilb-list .list:nth-child(even) .cont{padding-right: 100px;padding-left: calc((100% - 1200px) / 2);}
    .Anlilb-list .list {margin-bottom: 80px;}
    .AnliBan-cont {padding-left: calc((100% - 1200px) / 2);width: 850px;}
    .Anlixq-svp {padding-left: calc((100% - 1200px) / 2 + 100px);}
    .Anlixq-theme {padding-left: calc((100% - 1200px) / 2);padding-right: 860px;}
    .Abozc-cont {padding-top: 55px;}
    .Abozc-cont .cont::before {top: 100px;left: -175px;width: 1455px;height: 680px;}
    .JaGobj-svp .swiper-container {padding: 20px calc((100% - 1200px) / 2);}
    .JaGobj-lun {padding: 45px 35px;}
    .JaGobj img.bg {height: 510px;}
    .WeHujz-svp {top: 70px;right: calc((100% - 1200px) / 2);width: 565px;}
    .WeHujz-list .list:nth-child(3) {top: 5%;left: 65%;}
    .WeHujz-list .list:nth-child(4) {top: 20%;left: 90%;}
    .FaAnlb-list {margin-top: 50px;}
    .FaAnlb-list .list {margin-bottom: 150px;}
    .FaAnlb-list .list:nth-child(odd) .cont {padding-right: 130px;}
    .FaAnlb-list .list:nth-child(even) .cont {padding-left: 130px;}
    .FaAnlb-list .list::before {width: 645px;height: 505px;}
    .RaShtd-list .list {width: calc(100%/4 - 30px);border-radius: 0px 60px 60px 40px;padding: 50px;padding-right: 30px;}
    .AbojsText {margin-top: -60vh;}
    .WeHuzz-list .list:nth-child(1) {top: 5%;left: -3%;}
    .WeHuzz-list .list:nth-child(2) {top: 5%;right: -3%;}
    .WeHuzz-list .list:nth-child(3) {bottom: 5%;left: -3%;}
    .WeHuzz-list .list:nth-child(4) {bottom: 5%;right: -3%;}
    /* 在强 */
    .pagesNav-item{margin-left: 40px;}
    .newsItem-date,.newsItem-img{margin-right: 40px;}
    .newsItem-img img{height: 190px;}
    .newsDet-side-list{padding: 0 15px;}
    .proXN-text{padding:30px 65px;}
    .proCase-bg img{height: 530px;}
    .proCase-btn{width: 60px;height: 60px;}
    .proCase-btn.prev{left: 40px;}
    .proCase-btn.next{right: 40px;}
    .serCode{padding: 65px;}
    .serCode-con .img img{width: 110px;}
    .faqList li{padding: 20px 30px;}
    .faqList-text{padding-right: 60px;}
    .downItem{padding: 18px 40px;}
    .downItem .btn{width: 34px;height: 34px;font-size: 14px;}
    .ctaMap-show{height: 400px;}
    .ctaMap-text{padding: 30px 55px;}
    .ctaMap-text .text p::before{margin: 0 15px;}
    .ctaList li{padding: 0 30px 25px;}
    .ctaList .email,.ctaList .phone{font-size: 14px;}
    .ctaList .img{height: 60px;}
    .joinIntro-con .btn{width: 80px;height: 80px;}
    .joinWH-slide-bg img{height: 800px;}
    .joinWH-nav-item{width: 110px;height: 110px;}
    .joinWH-nav li.active .joinWH-nav-item{width: 190px;height: 190px;}
    .RaShBan-lun > img{height: 490px;}
    .Abolc-lun {min-height: 130px;}
    .RaShtd-list .list .number{line-height: .4;left: 50px;font-size: 150px;}
    .Abolc-muen .muen .swiper-btn.prev{left: -80px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .Aboyj-content {padding: 0px;}
    .Aboyj-list {padding: 0px;}
    .Abocg-content {padding: 0px;}
    .Abocg-svp .swiper-btn.prev{left: calc((100% - 960px) / 2);}
    .Abocg-svp .swiper-btn.next{right: calc((100% - 960px) / 2);}
    .AbojsText .content {max-height: 260px;}
    .Anlilb-list .list:nth-child(odd) .cont{padding-left: 60px;padding-right: calc((100% - 960px) / 2);}
    .Anlilb-list .list:nth-child(even) .cont{padding-right: 60px;padding-left: calc((100% - 960px) / 2);}
    .Anlilb-list .list {margin-bottom: 40px;}
    .AnliBan-cont {padding-left: calc((100% - 960px) / 2);width: 650px;}
    .Anlixq-content {padding: 0px;}
    .Anlixq-svp {padding-left: calc((100% - 960px) / 2);}
    .Anlixq-theme {padding-left: calc((100% - 960px) / 2);padding-right: 560px;margin-top: -50px;}
    .Anlify-cont .cont-l {width: calc((100% - 80px) / 2);display: flex;align-items: center;padding-right: 40px;}
    .Anlify-cont .cont-r {width: calc((100% - 80px) / 2);display: flex;align-items: center;padding-left: 40px;}
    .JaGobj-svp .swiper-container {padding: 20px calc((100% - 960px) / 2);}
    .JaGobj img.bg {height: 470px;}
    .RoYury-list .list .cont {width: calc(100% - 60px);padding-right: 20px;}
    .RoYury-cont .cont-l {width: 350px;}
    .RoYury-cont .cont-r {width: calc(100% - 350px);}
    .RoYujx-list {width: 455px;}
    .RoYujx-overflow {height: 270px;}
    .RoYujx-cont .cont-r {height: 410px;}
    .RoYujx-list .list::before {top: 9px;}
    .RoYubz-list {margin-right: -20px;margin-bottom: -20px;}
    .RoYubz-list .list {width: calc(100%/3 - 20px);margin-right: 20px;margin-bottom: 20px;padding: 35px;}
    .WeHuyj-list .list {width: 160px;height: 160px;}
    .WeHuyj-list .list::before {width: 180px;height: 180px;}
    .WeHuyj-list .list::after {width: 200px;height: 200px;}
    .WeHuyj-list .list:nth-child(2) {width: 180px;height: 180px;margin: 0px 75px;}
    .WeHuyj-list .list:nth-child(2)::before, .WeHuyj-list .list:nth-child(2)::after {width: 260px;height: 260px;margin: -130px 0 0 -130px;}
    .WeHuyj-list::before {width: 334px;height: 8px;}
    .WeHujz-list {bottom: 90px;height: 130px;}
    .WeHujz-line {bottom: 100px;}
    .WeHujz-svp {top: 70px;right: 0px;width: 100%;padding: 0px 4%;}
    /* .FaAnlb-list .list::before {display: none;} */
    .RaShtd-list .list {border-radius: 20px;padding: 35px;padding-right: 25px;}
    .RaShtd-list .list .number{font-size: 120px;left: 70px;}
    .RaShcj-page{margin-top: 0;}
    .WeHuzz-list .list {width: 360px;}
    .WeHuzz-list .list:nth-child(1) {top: 0%;left: -3%;}
    .WeHuzz-list .list:nth-child(2) {top: 0%;right: -3%;}
    .WeHuzz-list .list:nth-child(3) {bottom: 0%;left: -3%;}
    .WeHuzz-list .list:nth-child(4) {bottom: 0%;right: -3%;}
    .WeHuzz-list .list .cont {width: calc(100% - 130px);padding: 0px 20px;}
    /* 在强 */
    .newsItem-img img{height: 160px;}
    .proCase-bg img{height: 410px;}
    .serCode{padding: 50px;}
    .joinWH-nav-item{width: 90px;height: 90px;}
    .joinWH-nav li.active .joinWH-nav-item{width: 150px;height: 150px;}
    .RaShBan-lun > img{height: 380px;}
    .Abozc-cont .cont::before{height: 800px;}
    .Abolc-muen .muen .swiper-btn.prev{left: -70px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .CommonBanner > img {height: auto;min-height: 200px;}
    .CommonBanner-btn {display: none;}
    .Abojs-logo {display: none;}
    .Abojs {display: none;}
    .AbojsText {margin-top: 0px;opacity: 1;padding: 36px 0px;}
    .AbojsText .hit .name {font-size: 70px;}
    /* 在强 */
    .pagesBread{display: none;}
    .Abouwh-page{display: none;}
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .Aboyj-list {margin-right: -10px;margin-bottom: -10px;}
    .Aboyj-list .list .img {width: 65px;height: 65px;}
    .Aboyj-list .list {width: calc(100%/3 - 10px);margin-right: 10px;margin-bottom: 10px;}
    .Aboyj-list .list .img img {max-height: 35px;}
    .Aboyj-list .list .img img.bg {max-height: 100%;}
    .Aboyj-list .list .title{font-size: 12px;}
    .Abokf-content > img {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
    .Abokf-content > .content {position: relative;}
    .Abokf-cont .cont-r {width: 100%;padding: 36px 0px;}
    .Abocg-svp::after,.Abocg-svp::before{display: none;}
    .Abocg-svp .swiper-container {padding: 0px 4%;}
    .Abocg-svp .swiper-btn {display: none;}
    .Abocg-page {display: flex;justify-content: center;align-items: center;position: relative;}
    .Anlilb-list {padding: 0px 4%;}
    .Anlilb-list .list .img {height: 194px;width: 100%;}
    .Anlilb-list .list .img::before{display: none;}
    .Anlilb-list .list .cont {width: 100%;padding: 0px !important;margin-top: 15px;}
    .Anlilb-list .list .cont .btn {width: 90px;height: 35px;border-radius: 15px;}
    .Anlilb-list .list {margin-bottom: 15px;}
    .AnliBan > img {min-height: 200px;}
    .AnliBan-cont {padding: 0px 4%;width: 100%;height: 60px;justify-content: center;}
    .Anlixq-theme {margin-top: 15px;padding: 0px 4%;}
    .Anlixq-svp {padding: 0px 4%;}
    .Anlixq-svp .swiper-container {padding-right: 0px;}
    .Anlixq-theme-lun {padding: 15px;}
    .Anlify-btn a {width: 50px;height: 50px;}

    .Anlify-cont{justify-content: space-between;}
    .Anlify-cont .cont-l {width: calc((100% - 80px) / 2);display: flex;align-items: center;padding-right: 10px;}
    .Anlify-cont .cont-r {width: calc((100% - 80px) / 2);display: flex;align-items: center;padding-left: 10px;}
    .Anlify-cont .btn {display: none;}
    .Anlify-cont .hit {width: 100%;}
    .Anlixq-bg {bottom: -45px;}
    .Abozc-cont .img {width: 100%;height: 350px;}
    .Abozc-cont .img::before {display: none;}
    .Abozc-cont {padding-top: 15px;}
    .Abozc-cont .cont {width: 100%;padding-left: 0px; margin-top: 15px;}
    .Abozc-cont .cont::before {display: none;}
    .JaGobj-svp .muen {margin: -20px 0px;}
    .JaGobj-svp .swiper-container {padding: 20px 4%;}
    .JaGobj img.bg {height: 100%;}
    .JaGobj-lun {padding: 25px;border-radius: 5px;}
    .JaGozz-cont span {width: 80px;height: 80px;border: 2px solid #23b3f6;}
    .JaGozz-cont span i{border-radius: 100px;overflow: hidden;}
    .JaGozz-cont span::before, .JaGozz-cont span::after {width: 60px;height: 60px;margin: -30px 0 0 -30px;}
    .RoYury-cont .cont-l {display: none;}
    .RoYury-cont .cont-r {width: 100%;}
    .RoYury-page {margin-top: 25px;}
    .RoYury-list {margin-right: 0px;margin-bottom: -15px;}
    .RoYury-list .list {margin-right: 0px;margin-bottom: 15px;width: 100%;padding: 20px;}
    .RoYury-list .list .cont{width: calc(100% - 35px);}
    .RoYury-list .list .img {width: 35px;}
    .RoYujx-cont {flex-direction: column-reverse;}
    .RoYujx-cont .cont-l {width: 100%;padding: 15px;}
    .RoYujx-cont .cont-r {width: 100%;height: 355px;}
    .RoYujx-list {width: 100%;}
    .RoYujx-list .list::before {top: 6px;}
    .RoYujx-list .list {margin-bottom: 5px;padding-left: 10px;}
    .RoYujx-overflow {height: 200px;}
    .RoYubz-list {margin-right: -10px;margin-bottom: -10px;}
    .RoYubz-list .list {width: calc(100%/2 - 10px);margin-right: 10px;margin-bottom: 10px;padding: 15px;}
    .RoYuzl-list {margin-right: -10px;margin-bottom: -10px;}
    .RoYuzl-list .list {width: calc(100%/2 - 10px);margin-right: 10px;margin-bottom: 10px;}
    .WeHuyj-list {display: none;}
    .WeHuyj-img {display: flex;margin-top: 25px;}
    .WeHujz-line {display: none;}
    .WeHujz-list {display: none;}
    .WeHujz > img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
    .WeHujz-svp {position: relative;padding: 36px 4%;top: 0px;}
    .WeHujz-svp .swiper-slide{height: auto;}
    .WeHujz-svp .muen{height: 100%;}
    .WeHujz-page {display: flex;justify-content: center;}
    .FaAnlb-list {margin-top: 0px;}
    .FaAnlb-list .list {flex-direction: column-reverse !important;}
    .FaAnlb-list .list .cont {width: 100%;padding: 0px !important;margin-top: 15px;}
    .FaAnlb-list .list .cont .text{height: auto;}
    .FaAnlb-list .list .img {width: 100%;}
    .FaAnlb-list .list {margin-bottom: 60px;}
    .RaShtd-list .list {border-radius: 10px;padding: 25px;padding-right: 5px;}
    .RaShcj-cont {flex-direction: column-reverse;}
    .RaShcj-cont .cont-l{width: 100%;position: static;transform: translateY(0px);padding:25px 15px 50px;}
    .RaShcj-cont .cont-r{width: 100%;}
    .RaShcj-page {height: 15px;position: absolute;left: 50%;transform: translateX(-50%);z-index: 10; top: auto;bottom: 15px;}
    .RaShBan-lun > img {height: 240px;}
    .RaShBan-svp .RaShBan-swiper-btn a {font-size: 24px;}
    .RaShBan-lun .content .btn {width: 100px;height: 35px;border: 1px solid #fff;}
    .RaShBan-lun .content .btn i {display: none;}
    .RaShBan-lun .content .btn:hover {border: 1px solid #23b3f6;}
    .Abolc-muen .muen{padding: 0px 40px;}
    .Abolc-muen .muen .swiper-btn {right: 0px;}
    .Abolc-muen .muen .swiper-btn.prev {left: 0px;}
    .Abolc-muen .muen .swiper-btn a {width: 30px;height: 30px;font-size: 12px;box-shadow: none;}
    /* .Abolc-list {display: none;} */
    /* .Abolc-bg .line {display: none;} */
    /* .Abolc-bg img.bg {display: none;} */
    .Abolc-cont {margin-top: 25px;}
    .Abolc-bg {width: 100%;height: 300px;}
    .Abolc-list {width: 340px;height: 340px;}
    /* .Abolc-Content {position: static;flex-wrap: wrap;justify-content: flex-start;} */
    /* .Abolc-Content .muen {display: block;width: calc(100%/2);} */
    .Abolc-muen {margin-top: 50px;}
    .Abokf-content > .content {background-color: rgba(0, 0, 0, .3);}
    .WeHuzz-cont img.bg {display: none;}
    .WeHuzz-list {position: static;}
    .WeHuzz-list .list {position: static;padding: 20px;background-color: #f6f6f6;border-radius: 5px;margin-bottom: 15px;}
    .WeHuzz-list .list:last-child {margin-bottom: 0px;}
    .WeHuzz-cont .logo {display: none;}
    .WeHuzz-list .list:nth-child(odd) {flex-direction: inherit;}
    .WeHuzz-list .list:nth-child(odd) .cont {text-align: left;}
    .WeHuzz-list .list .img {width: 80px;display: flex;align-items: center;}
    .WeHuzz-list .list .cont {width: calc(100% - 80px);padding: 0px;padding-left: 20px;}
    /* 在强 */
    .pagesNav .contain{margin-top: -25px;}
    .pagesNav-item{margin-left: 20px;height: 50px;}
    .pagesNav-item::after{height: 2px;}
    .newsItem{padding: 40px 0;}
    .newsItem-date{order: 2;margin: 15px auto 0;}
    .newsItem-img{width: 100%;order: 1;margin: 0;}
    .newsItem-img img{height: 200px;}
    .newsItem-con{flex: unset;width: 100%;order: 3;margin-top: 10px;}
    .newsItem-con .CommonBtn{display: none;}
    .newsItem-con .line{display: none;}
    .newsDet-con{width: 100%;}
    .newsDet-side{position: relative;top: 0;width: 100%;margin-top: 30px;}
    .newsDet-side-title{font-size: 16px;font-weight: 700;}
    .Abouwh-lun .content .title {font-size: 18px;line-height: 24px;}
    .Abouwh-lun > img {height: auto;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .Abouwh-lun .content{position: relative;padding: 80px 0;}
    .proLisst-con-title, .proLisst-con-text, .proLisst-con .CommonBtn{opacity: 1;}
    .proLabel{right: 4vw;top: 80px;width: 90px;height: 32px;}
    .proIntro-text{padding: 0;}
    .proGY-con{position: relative;z-index: 2;padding: 40px 0;}
    .proGY-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .proGY-bg img{width: 100%;height: 100%;}
    .proXN-img{width: 100%;}
    .proXN-text{width: 100%;top: 0;position: relative;min-height: unset;padding: 25px 15px;}
    .proYS-list .page{width: 30px;}
    .proYY-list{padding-left: 0;margin-left: -15px;justify-content: space-between;}
    .proYY-list li{width: calc(50% - 15px);margin: 15px 0 0 15px;}
    .proYY-list li:first-child{position: relative;width: calc(50% - 15px);height: auto;}
    .proYY-img img{height: 120px !important;}
    .proYY-text{padding:10px 15px;}
    .proCase-swp{padding: 0 20px;}
    .proCase-bg img{height: 195px;}
    .proCase-btn{display: none;}
    .proCase-text{padding: 10px 15px;}
    .proCase-text .text i{font-size: 12px;margin-right: 4px ;}
    .proCase-swp .swiper-pagination-bullet{margin: 0 4px;}
    .proCase-swp .swiper-pagination-bullet-active{background: #23b3f6;}
    .serMsg-input{width: 100%;}
    .serMsg-input input{height: 42px;border-radius: 5px;padding-left: 12px;font-size: 13px;margin-top: 5px;}
    .serMsg-input input::-webkit-input-placeholder{font-size: 13px;}
    .serMsg-input textarea{border-radius: 5px;font-size: 13px;padding: 12px 0 0 12px;height: 150px;margin-top: 5px;}
    .serMsg-input textarea::-webkit-input-placeholder{font-size: 13px;}
    .serMsg-select{font-size: 12px;margin-top: 5px;}
    .serMsg-menu{height: 42px;font-size: 13px;padding-left: 12px;border-radius: 5px;}
    .serMsg-menu.active{border-radius: 5px 5px 0 0;}
    .serMsg-menu::before{right: 15px;}
    .serMsg-drop{border-radius: 0 0 5px 5px;}
    .serMsg-drop li{padding-left: 12px;height: 42px;}
    .serMsg-code{margin-top: 5px;}
    .serMsg-code-input{width: 100%;}
    .serMsg-code-input img{width: 100px;right: 8px;}
    .serMsg-btn{width: 100%;margin-top: 20px;}
    .serMsg-btn .btn{height: 46px;font-size: 15px;}
    .serCode-img{display: none;}
    .serCode{background-position: left bottom;border-radius: 5px;padding: 25px 15px;}
    .serCode-con{width: 100%;}
    .serCode-con .img img{width: 90px;}
    .faqList li{padding: 20px 15px;}
    .faqList-label{margin-top: 0;width: 12px;}
    .faqList-btn{font-size: 13px;}
    .faqList-text{padding: 0 10px;}
    .faqMore{padding: 25px 15px;border-radius: 5px;}
    .faqMore-left{width: 100%;}
    .faqMore-left .img img{width: 50px;}
    .faqMore-right{width: 100%;margin-top: 40px;}
    .faqMore-right .btn{width: 150px;height: 46px;}
    .faqMore-right .btn i{font-size: 14px;margin-left: 15px;}
    .downItem{padding: 15px;}
    .downItem .title{width: 100%;flex: unset;margin-bottom: 5px;}
    .downItem .text{width: auto;margin-right: 10px;}
    .downItem .btn{width: 32px;height: 32px;font-size: 12px;position: absolute;right: 15px;top: calc(50% - 16px);font-weight: 400;}
    .ctaMap-show{height: 200px;}
    .ctaMap-text{padding: 15px;}
    .ctaMap-text .text{flex: unset;width: 100%;margin-top: 5px;}
    .ctaMap-text .text p::before{margin: 5px 10px 0 0;display: none;}
    .ctaList li{width: 100%;padding: 25px 15px;}
    .ctaList li::after{bottom: auto;top: 0;width: 100%;height: 1px;}
    .ctaList .email, .ctaList .phone{font-size: 12px;}
    .ctaList .title{margin-top: 15px;}
    .ctaMap {box-shadow: 0px 0px 15px 0px rgba(76, 94, 127, 0.22);}
    .proGY-text{width: 100%;}
    .marsk{animation: marsk 2s ease forwards;}
    .joinIntro-img{display: none;}
    .joinIntro-con{width: 100%;}
    .joinIntro-con .btn{width: 40px;height: 40px;}
    .joinWH-slide-bg img{height: 400px;}
    .joinWH-nav-box{width: 70vw;height: 70vw;}
    .joinWH-nav-item{width: 50px;height: 50px;}
    .joinWH-nav li.active .joinWH-nav-item{width: 80px;height: 80px;}
    .joinWH-nav .img::before{border-width: 2px;}
    .joinWH-nav .text{font-size: 12px;}
    .joinWH-nav .line::after{width: 5px;height: 5px;}
    .joinWH-nav li.active .line{height: 1px;}
    .joinWH-slide-con .title,.joinWH-slide-con .text{width: 50%;}
    .joinCon-header-left{width: 100%;}
    .joinCon-select{width: 100%;margin-top: 15px;}
    .joinCon-menu{height: 54px;padding-left: 15px;box-shadow: 0px 0px 20px 0px rgba(12, 40, 72, 0.1);font-size: 13px;border-radius: 20px;}
    .joinCon-menu.active{border-radius: 20px 20px 0 0;}
    .joinCon-menu::before{right: 25px;}
    .joinCon-drop{max-height: 270px;}
    .joinCon-drop li{height: 54px;padding-left: 15px;}
    .joinCon-input{width: 100%;margin-top: 15px;}
    .joinCon-input input{padding-left: 15px; box-shadow: 0px 0px 20px 0px rgba(12, 40, 72, 0.1);height: 54px;font-size: 13px;}
    .joinCon-input input::-webkit-input-placeholder{font-size: 13px;}
    .joinCon-input .btn{width: 70px;font-size: 14px;}
    .joinCon-btn{width: 100px;height: 44px;margin: 15px auto 0;}
    .joinList-menu{padding: 0 15px;height: 50px;}
    .joinList-menu .title::before{width: 4px;height: 4px;margin-right: 5px;}
    .joinList-menu .more::after{font-size: 12px;margin-left: 10px;height: 16px;}
    .joinList-drop{padding: 0 15px 35px;}
    .joinList li{border-radius: 30px;}
    .joinList-drop-btn{width: 110px;height: 40px;}
    .joinLine{display: none;}
    .Abolc-cloud1, .Abolc-cloud2 {height: 30%;}
    .RaShcj-cont .cont-l .muen .text{margin-top: 15px;padding-right: 0;height: 150px;}
    .RaShcj-page .swiper-pagination{position: relative;}
    .newsDet-nav-item{height: 42px;width: auto;padding: 0 15px;}
    .newsDet-nav{margin-top: -42px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
}