@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/pages/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;} .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 閫傞厤 */ }