.wap_show,.wapfootnav,.show_1024{display: none;} .pd120 {padding-top: var(--ptb);padding-bottom:var(--ptb); position: relative; } .ggdwm{position: absolute;top:calc( -1 * var(--ptb));top:0;} /* 移动端导航 */ .phonenavs{display: none;} .gnb-overlay-bg-m {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9998;} .headerInnerWrap {position:fixed;z-index:99;top:0;left:0;width:100%;} .headerInnerWrap {height:var(--wap-nav-height);} .headerInnerWrap {background:rgba(255,255,255,0.08);backdrop-filter:blur(5px);} .headerInner {position:relative;width:100%;} .headerInner {display:flex;align-items:center;justify-content:space-between;} .headerInner {padding:0 var(--lr);height:100%;} .hIlogo {position:relative;height:35px;} .hIlogom {transition:all 0.3s ease;height:100%;vertical-align:top;} .hIlogom1 {position:absolute;left:0;top:0;visibility:hidden;opacity:0;-webkit-opacity:0;} .whites .hIlogom1 {visibility:visible;opacity:1;-webkit-opacity:1;} .whites .hIlogom2 {visibility:hidden;opacity:0;-webkit-opacity:0;} .whites .headerInner {background:#fff;transition:all 0.3s ease;} .whites .nav-open-btn .line {background:#333;} .nav-open-btn {position:fixed;z-index:99999;display:block;height:30px;-webkit-transition:all 0.3s cubic-bezier(0.47,0,0.745,0.715);transition:all 0.3s cubic-bezier(0.47,0,0.745,0.715);} .nav-open-btn {right:var(--lr);top:24px;} .nav-open-btn .line {display:block;background-color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .nav-open-btn .line {width:20px;height:2px;margin:4px auto;} #gnbM {display:block;position:fixed;top:0px;right:-82%;width:80%;height:100vh;max-width:500px;background-color:#fff;z-index:9999;transition:all 0.3s cubic-bezier(0.47,0,0.745,0.715);-webkit-transition:all 0.3s cubic-bezier(0.47,0,0.745,0.715);visibility:hidden;} #gnbM.open {right:0;visibility:visible;} .gnb-navigation-wrapper {position:relative;height:calc(100% - var(--wap-nav-height));box-sizing:border-box;padding-top:0;overflow-y:auto;} .header-util-menu-box + .gnb-navigation-wrapper {padding-top:0;height:calc(100% - var(--wap-nav-height));} #navigation > li {border-bottom:1px solid #e7e7e7;} #navigation > li:first-child {border-top:1px solid #e7e7e7} #navigation li a {position:relative;} #navigation li a i {align-items:center;justify-content:center;} #navigation li a i {width:45px;position:absolute;height:100%;right:0;top:0;display:none;} #navigation > li > a {display:block;padding:15px 15px;color:#333;font-size:16px;font-weight:var(--b600);} #navigation li.has-2dep> a > i,#navigation li.has-3dep> a > i {display:flex;} #navigation > li.open > a {color:var(--colors2);} #navigation > li.open > a>i:before {content:"\e729";} .has-3dep.open.active a>i:before {content:"\e729";} #navigation > li .gnb-2dep {display:none;padding:15px 0;background-color:#f2f2f2;} #navigation > li .gnb-2dep > ul > li {height:auto !important;} #navigation > li .gnb-2dep > ul > li > a {display:block;color:#888;font-size:14px;padding:12px 15px;} #navigation > li .gnb-2dep > ul > li.on > a {color:#000;} #navigation > li .gnb-2dep > ul > li > .gnb-3dep {display:none;padding:10px;background-color:#fff;margin:0 10px} #navigation > li .gnb-2dep > ul > li > .gnb-3dep > ul > li > a {display:block;padding:8px 0;font-size:12px;color:#444;} .header-util-menu-box {height:var(--wap-nav-height);display:flex;} .language_select {display:flex;align-items:center;height:100%;padding:0 15px;} .language_select img {width:24px;} .language_select span {padding-left:5px;color:#666;} .xx-navbar-pub {box-sizing:border-box;background:#f8f8f8;} .xx-navbar-pub {width:100%;position:absolute;z-index:100;left:100%;top:0;bottom:0;padding:0 5%;background-color:#f8f8f8;-webkit-transition:all 0.5s;transition:all 0.5s;overflow:hidden;padding-bottom:48px;} .xx-navbar-pub.in {left:0;} .xx-navbar-pub {padding-top:25px;} .xx-navbar-pub {overflow-y:auto;} .xx-navbar-meau {margin-top:10px;} .xx-navbar-meau a {color:#333;} .btn-nav-back {display:inline-block;color:#333;font-size:16px;position:relative;} .btn-nav-back span {position:absolute;left:-8px;font-size:18px;line-height:1;} .btn-nav-back span {top:5px;} .btn-nav-back {padding-left:20px;} .xx-navbar-h4 {font-weight:bold;font-size:20px;margin-top:15px;border-bottom:1px solid #d4d4d4;} .xx-navbar-h4 {padding:10px 0;} .xx-navbar-dd {font-size:16px;border-bottom:1px solid #d4d4d4;padding:20px 0 10px 0;} .xx-navbar-dd a {color:#555;font-size:14px;} .xx-navbar-dd {padding:10px 0;padding-left:30px;position:relative;} .xx-navbar-dd {font-size:16px;border-bottom:1px solid #d4d4d4;padding:20px 0 10px 0;} .xx-navbar-dd a {display:block;vertical-align:top;} .xx-navbar-dd a {color:#555;font-size:14px;} .nav-open-btn.active .line {background-color:#333;} .nav-open-btn.active .line:nth-child(2),.nav-open-btn.active .line:nth-child(4) {opacity:0;} .nav-open-btn.active .line:nth-child(1) {-webkit-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg);} .nav-open-btn.active .line:nth-child(3) {-webkit-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg);} /* 移动端导航 */ :root { --nav-widths: 90%; --wap-nav-height:70px; --widths: 88%; --mainwidth: 1400px; --nav-height: 74px; --b300: 300; --b400: 400; --b500: 500; --b600: 600; --b700: 700; --b800: 800; --b900: 900; --fs16: 16px; --fs18: 18px; --fs20: 20px; --fs22: 22px; --fs24: 24px; --fs26: 26px; --fs28: 28px; --fs30: 30px; --fs36: 36px; --fs40: 40px; --fs42: 42px; --fs48: 48px; --fs55: 55px; --fs60: 60px; --fs62: 62px; --fs65: 65px; --color: #82b44c; --blue: #063166; --reds: #e20a20; --colors2: #2355a2; --bgs: #f3f3f3; --color2: #6fb92c; --borders: 25px; --bord5: 15px; --border15: 15px; --border10: 10px; --global-width: 250px; --border5: 5px; --border10: 10px; --border20: 20px; --ftbg: #07172e; --plr120: 120px; --fsp1: 48px; --mt55p:55px; --mt45p:45px; --mt35p:35px; --mt25p:25px; --mt15p:15px; --mt5p:5px; --mt60p:60px; --mt50p:50px; --mt40p:40px; --mt30p:30px; --mt20p:20px; --mt10p:10px; --line-bg: linear-gradient(-270deg, #4680cb 0%, #67d78c 100%); --background-aware-gradient-bottom-right: linear-gradient(136.47deg, #fff 35.41%, #fff7f5 58%, #bde3ff 128.14%); } @media only screen and (max-width:1440px) { body,table,td,input{font-size: 14px;} :root { --mainwidth: 1200px; --ptb: 80px; --fs16: 14px; --fs18: 16px; --fs20: 18px; --fs22: 20px; --fs24: 22px; --fs26: 24px; --fs28: 26px; --fs30: 28px; --fs36: 34px; --fs40: 38px; --fs42: 38px; --fs48: 40px; --fs55: 45px; --fs60: 50px; --fs62: 52px; --fs65: 55px; } } @media only screen and (max-width:1280px) { :root { --mainwidth: 1100px; --ptb: 70px; } } @media only screen and (max-width:1024px) { :root { --mainwidth: 94%; --ptb: 60px; --lr:4%; --npd:30px; } .head3,#hamburgers,.htfootnav{display: none !important;} .phonenavs,.wapfootnav,.show_1024{display:block;} } @media only screen and (max-width:768px) { .wap_show{display: block;} .wap_hide{display: none;} :root { --mainwidth: 100%; --ptb: 50px; --npd:20px; --fs42:26px; } } .js_nav_subbrb {display:none;} .js_nav_subbrp1 {text-align:center;margin-top:12px;} /* .hamburgers {position:fixed;left:80px;top:80px;width:50px;height:50px;} */.head3assicon,.head3asstxt {display:none;} .head3assp1 {color:#fff;display:flex;line-height:42px;font-size:14px;} /* .tsgdm {position:sticky;top:0;background:#fff;} */.site-baner:before {display:none;} .site-baner:before {position:absolute;content:'';left:0;top:0;width:100%;height:200px;} .site-baner:before {background:linear-gradient(360deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 30%,rgba(255,255,255,1) 100%);} .site-baner:before {background:linear-gradient(0deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);z-index:2;} .site-baner-bg:before {background:linear-gradient(72.77deg,rgba(0,0,0,0.855) 26.39%,rgba(0,0,0,0) 83.78%,rgba(0,0,0,0.27) 100%),linear-gradient(180deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 27.65%);} .site-baner-bg:before {opacity:1;} .site-baner-bg:before {display:none;} .mainbg {z-index:2;} .site-baner {z-index:6;} /* .site-baner {animation-name:scrP2xx} */@keyframes scrP2xx {0% {z-index:10;} to {z-index:0;} } /* .site-baner {position:relative;top:0;} */.banrs {position:absolute;width:515px;z-index:66;bottom:70px;} .banrs {right:calc((100% - var(--widths)) / 2);} .banrsa {display:flex;width:100%;padding:10px;} .banrsaimg {width:245px;overflow:hidden;} .banrsaimg img {width:100%;} .banrsawz {width:calc(100% - 245px);padding-left:20px;padding-right:15px;} .banrsawz {padding-top:20px;position:relative;} .banrsap1 {color:#fff;font-size:14px;opacity:0.5;line-height:1;} .banrsap2 {color:#fff;font-size:16px;line-height:1.4;margin-top:15px;} .banrsap3 {position:absolute;right:25px;bottom:15px;} .banrsicon {width:18px;height:18px;position:relative;overflow:hidden;} .banrsicon i {position:absolute;top:0;display:block;width:100%;line-height:18px;text-align:right;color:#fff;transition:all 0.4s ease;} .banrsap3icon2 {opacity:0;left:-100%;} .banrsap3icon1 {opacity:1;left:0;} .banrsa,.banrsbimg,.banrsbwzb {background-color:rgba(0,0,0,0.5);backdrop-filter:blur(20px);} .banrsa,.banrsbimg,.banrsbwzb {background:hsl(260deg 87% 5% / 30%);} .banrsb {margin-top:15px;display:flex;width:100%;justify-content:space-between;} .banrsbimg {width:calc(100% - 245px - 10px - 10px);overflow:hidden;} .banrsbimg {padding:10px;} .banrsbimg img {width:100%;} .banrsbimg img,.banrsaimg img {transition:all 0.4s ease;} .banrsbwz {width:calc(245px + 10px);display:flex;flex-wrap:wrap;align-items:flex-start;} .banrsbwzb {padding:20px;padding-top:25px;width:100%;height:calc(100% - 38px - 15px);margin-top:15px;} .banrsbwza {display:flex;justify-content:space-between;width:100%;} .banrsbwza a {width:48%;color:#fff;background-color:rgba(255,255,255,0.3);backdrop-filter:blur(10px);} .banrsbwza a {background-color:hsla(0,0%,100%,.1);} .banrsbwza a {height:38px;line-height:38px;border-radius:38px;text-align:center;} .js_hover:hover .banrsap3icon2 {opacity:1;left:0;} .js_hover:hover .banrsap3icon1 {opacity:0;left:100%;} .js_hover:hover img {transform:scale(0.97);} .banrsaimg {transition:all 0.3s ease;} .banrs {overflow:hidden;} .siteots {position:absolute;left:50%;transform:translateX(-50%);display:flex;z-index:6;} .siteots {bottom:10%;display:flex;align-items:center;justify-content:flex-start;} .site-baner-page2 {position:relative;width:260px !important;bottom:0 !important;padding:0 !important;justify-content:space-between;} .site-baner-page2 span {width:70px !important;height:5px !important;border-radius:5px !important;overflow:hidden;} .site-baner-page2 {margin:0 !important;} .sitebtns {text-align:center;width:30px;height:30px;border:2px solid #fff;border-radius:50%;} .sitebtns {line-height:26px;color:#fff;margin-left:40px;cursor:pointer;} .sitebtns:last-child {margin-left:10px;} .banfour {position:absolute;left:50%;transform:translateX(-50%);z-index:6;} .banfour {bottom:5%;text-align:left;color:#fff;width:var(--widths);padding:0;} .site3page {position:relative;width:100%;bottom:0 !important;width:1400px !important;margin:0 auto;} .site3page {display:flex;justify-content:space-between;} .site3page span {width:23%;position:relative;margin:0 !important;opacity:1 !important;border-radius:0 !important;} .site3page span {max-width:25%;font-size:0;} .site3page span {overflow:hidden;cursor:pointer;} .site3page span:before,.site3page span:after {left:0;position:absolute;bottom:0;width:100%;height:4px;content:'';} .site3page span:before,.site3page span:after {border-radius:4px;} .site3page span:before {background:rgba(255,255,255,0.08);} .site3page span:after {z-index:1;opacity:0;} .site3page span:after {background:var(--line-bg);} .site3page span:after {transform:translateX(-100%);} .site3page span:after {animation-timing-function:ease;animation-duration:5s;animation-play-state:running;} .site3page span {min-height:60px;font-size:18px;line-height:1.2;} .banfourp1 {font-size:12px;padding-bottom:20px;} @-webkit-keyframes slideProgress {0% {-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);} 50% {-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);} 100% {-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);} } .site3page span.bullet-active:after {animation-name:slideProgress;opacity:1;} .site3page span:nth-child(1):after {animation-duration:20s;} .site-baner-p3 {font-size:var(--fs55);line-height:1.2;} .site-baner-pen {color:#fff;font-size:20px;margin-top:5px;} .site-baner-zw {top:calc(162px + 10%);bottom:auto;transform:translateX(-50%);} .site-baner-zw {height:320px;bottom:30%;} .site-baner-slide:nth-child(1) .site-baner-bg:before {display:block;background:rgba(0,0,0,0.28);} .site-baner {position:relative;} .vh100 {height:100vh;z-index:-1;position:relative;width:100%;background:#000;} .jlsolo {background-color:#fff;margin-top:0;padding-bottom:0;} .jl1sub {display:flex;gap:35px;margin-top:20px;} .jl1sub a {font-size:20px;color:#333;transition:all 0.3s ease;} .jl1sub a:hover {color:var(--color);} .jlsolob {margin-top:0;} .jlsoloam {width:100%;position:relative;overflow:hidden;} .jlsoloam {margin-top:15px;} .jlsoloam:before {position:absolute;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.05;content:'';z-index:1;} /* .jlsoloam:nth-child(1) {margin-top:0;} */.jlsolobbg {position:absolute;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;} .jlsolobbg {object-fit:cover;} .jlsolobwz {position:absolute;left:50%;top:10%;transform:translateX(-50%);z-index:3;} .jlsolobwz {color:#fff;} .jlsolobwz {text-align:center;} .jlsolobp1 {font-size:24px;line-height:1.2;} .jlsolobp2 {font-size:48px;font-weight:var(--b600);line-height:1.4;} .jlsolobp3 {margin-top:30px;max-width:600px;line-height:1.4;} .jlsolobp4 {margin-top:45px;display:flex;gap:35px;justify-content:center;} .jlsoloamjs .jlsolobwz {animation-name:scrP21;} .jlsoloamjs2 {animation-name:scrP19;} .jlsoloamjs1 {animation-name:scrP19;} .jlsoloamjs1 .jlsolobwz {animation-name:scrP22;} .jlsoloamjs4,.jlsoloamjs3 {width:calc(50% - 5px);} .jlsoloamjs4,.jlsoloamjs3 {padding-bottom:40%;} @keyframes scrP19 {0% {-webkit-clip-path:inset(5% 120px 5% 120px round var(--border20) var(--border20) var(--border20) var(--border20));clip-path:inset(5% 120px 5% 120px round var(--border20) var(--border20) var(--border20) var(--border20))} to {-webkit-clip-path:inset(0 round 0 0 0 0);clip-path:inset(0 round 0 0 0 0)} } @keyframes scrP20 {0% {-webkit-clip-path:inset(0 round 0 0 0 0);clip-path:inset(0 round 0 0 0 0)} to {-webkit-clip-path:inset(5% 120px 5% 120px round var(--border20) var(--border20) var(--border20) var(--border20));clip-path:inset(5% 120px 5% 120px round var(--border20) var(--border20) var(--border20) var(--border20))} } @keyframes scrP21 {0% {padding-left:120px;} to {padding-left:240px;} } @keyframes scrP22 {0% {padding-left:240px;} to {padding-left:120px;} } .jlsoloamjs1,.jlsoloamjs2 {padding-bottom:43.9%;} .jlsoloam {margin-top:10px;} .jlsolob {display:flex;justify-content:space-between;flex-wrap:wrap;} .jlsolobwz .more19 {width:200px;} .pro0827wz {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;} .pro0827wz-100{width:100% !important;height:100%;} .pro0827slideimg,.pro0827slideimgn {width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;overflow:hidden;} .pro0827slide {position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;} .pro0827slide.opens .pro0827wz-100{z-index:5;} .pro0827 {height:100vh;position:sticky;top:0;z-index:3;} .pro0827hs {height:250vh;} .pro0827swiper {overflow:hidden;height:100%;} .pro0827wzm {opacity:0;transform:translateY(50px);transition:all 0.5s ease;} .opens .pro0827wzm {opacity:1;transform:translateY(0);} .pro0827p1,.pro0827p2 {color:#fff;} .pro0827p1 {line-height:1.2;font-weight:var(--b600);font-size:48px;} .pro0827p2 {font-size:16px;margin-top:25px;line-height:1.6;} .pro0827p21 {max-width:350px;} .pro0827p2 p {margin-top:15px;} .pro0827p2 p:nth-child(1) {margin-top:0;} .pro0827more {display:flex;margin-top:55px;} .probtn_jslist {position:absolute;width:100%;bottom:10%;z-index:3;} .probtn_jsmain {display:flex;justify-content:center; width:1088px; width:738px; margin:0 auto;background:rgb(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:50px;position:relative;} .probtn_tit {height:77px;height:100px;color:#fff;border-radius:50px;display:flex;align-items:center;justify-content:center; width:33.33%; width:50%; text-align:center;position:relative;} .probtn_tit:before {position:absolute;width:100%;height:100%;left:0;top:0;content:'';} .probtn_tit:before {background:url(/img/probtn_bg2.png) center no-repeat;} .probtn_tit:before {background-size:auto 100%;opacity:0;transition:all 0.5s ease;} .probtn_tit.opens:before {opacity:1;} .probtn_tit_bg {/* background:url(/img/probtn_bg1.png) center no-repeat;*/ background:url(/img/probtn_bg2.png) center no-repeat;background-size:100% auto;/* background-size:100% 100%;*/ position:absolute;width:34%;height:100%;left:0;top:0;} .solo819 {position:relative;height:100vh;} .inside-swiper {height:100%;} .solution-content {position:relative;width:100%;height:100%;background-repeat:no-repeat;background-size:100% auto;} .switch-btn {position:absolute;top:calc(var(--ratio-size) * 125);left:50%;transform:translateX(-50%);z-index:4;width:calc(var(--ratio-size) * 100);height:calc(var(--ratio-size) * 36);margin:0 auto;margin-top:calc(var(--ratio-size) * 50);background-color:#60a527;border-radius:calc(var(--ratio-size) * 40);cursor:pointer;} .switch-btn .icon {position:absolute;left:0;top:50%;transform:translate(-5%,-50%);width:calc(var(--ratio-size) * 50);height:calc(var(--ratio-size) * 50);padding:calc(var(--ratio-size) * 10);border-radius:50%;background-color:#fff;box-shadow:1px 1px 4px #939e8b;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .switch-btn .icon .moon-icon {position:absolute;top:50%;left:50%;transform:scale(.5);width:auto;max-height:80%;opacity:0;} .solution-content .dot {position:absolute;display:inline-block;width:calc(var(--ratio-size) * 10);height:calc(var(--ratio-size) * 10);border-radius:50%;background-color:#2655a8;transform-origin:center;animation:dotAn 3s linear infinite;cursor:pointer;} .solution-content .dot:nth-child(2) {animation-delay:-1.5s;} .solution-content .dot:nth-child(3) {animation-name:none;} .solution-content .dot-content {position:absolute;z-index:5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .solution-content .item {overflow:hidden;position:absolute;z-index:2;bottom:calc(var(--ratio-size) * 20);right:calc(var(--ratio-size) * -45); /* min-width:calc(var(--ratio-size) * 350); */ width:max-content;padding-bottom:calc(var(--ratio-size) * 10);} .solution-content .dot-content.desert-panel .item {bottom:auto;top:calc(var(--ratio-size) * -30);left:calc(var(--ratio-size) * 30);right:auto;padding-left:calc(var(--ratio-size) * 10);} .solution-content .dot-content.desert-panel .item {transform-origin:left 30%;transform:scale(0);transition:all .5s;} .solution-content .dot-content.home-panel .item {transform-origin:15% bottom;transform:scale(0);transition:all .5s;} .solution-content .dot-content.grty-panel .item {transform-origin:15% bottom;transform:scale(0);transition:all .5s;} .solution-content .dot-content.car-panel .item {transform-origin:85% bottom;transform:scale(0);transition:all .5s;} .solution-content .item-main {display:block;padding:calc(var(--ratio-size) * 20) calc(var(--ratio-size) * 30);background-image:linear-gradient(to bottom right,#e9eef3,#f6f8fa);box-shadow:0 0 1px #fff,0 0 1px #000;border-radius:calc(var(--ratio-size) * 20);} .solution-content .item::after {content:'';position:absolute;bottom:calc(var(--ratio-size) * 11);right:calc(var(--ratio-size) * 30);transform:translateY(100%);z-index:1;display:inline-block;width:0;height:0;border:calc(var(--ratio-size) * 13) solid transparent;border-top-color:#e9eef3;filter:drop-shadow(0 0 1px #fff,0 0 1px #000);} .solution-content .dot-content.desert-panel .item::after {top:calc(var(--ratio-size) * 25);right:auto;bottom:auto;transform:translateX(-50%);border-top-color:transparent;border-right-color:#e9eef3;left:0;} .solution-content .item-main .message {display:flex;align-items:center;} .solution-content .item .more-btn {position:relative;width:calc(var(--ratio-size) * 32);height:calc(var(--ratio-size) * 32);box-shadow:0 0 3px #c1c1c1;border-radius:50%;} .solution-content .item .more-btn .default-hidden {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:all .5s;} .solution-content .item .message .title {flex:1;margin-left:calc(var(--ratio-size) * 15);font-family:Poppins-SemiBold;font-size:calc(18rem / 16);font-weight:bold;text-align:center;} .solution-content .item .message .text {display:none;font-size:calc(var(--ratio-size) * 20);} .solution-content .dot-content.desert-panel {top:calc(var(--ratio-size) * 150);left:calc(var(--ratio-size) * 1050);} .solution-content .dot-content.home-panel {top:calc(var(--ratio-size) * 395);left:calc(var(--ratio-size) * 260);} .solution-content .dot-content.car-panel {top:calc(var(--ratio-size) * 700);left:calc(var(--ratio-size) * 900);} .solution-content .dot-content.grty-panel {top:calc(var(--ratio-size) * 620);left:calc(var(--ratio-size) * 300);} .solution-content .dot-content.home-panel .item {right:auto;left:calc(var(--ratio-size) * -35);} .solution-content .dot-content.home-panel .item::after {right:auto;left:calc(var(--ratio-size) * 30);} .solution-content .dot-content.grty-panel .item {right:auto;left:calc(var(--ratio-size) * -35);} .solution-content .dot-content.grty-panel .item::after {right:auto;left:calc(var(--ratio-size) * 30);} .solution-content .dot-content.grty-panel .item {transform: scale(1);} .solution-content video {display:block;width:100%;height:100%;object-fit:cover;object-position:top;} .solution-content .day-video {position:relative;z-index:3;transition:all .5s;} .solution-content .night-video {position:absolute;top:0;left:0;width:100%;height:100%;} :root {--ratio-size:calc(100vw / 1920);font-size:calc(0.417vw + 8px);} .solo819 {/* margin-top:10px;*/} @keyframes dotAn {to {scale:5;opacity:0;} } .common-a-p1 {color:#fff;font-size:48px;font-weight:var(--b600);line-height:1.4;margin-top:10px;} .common-a-p2 {color:#fff;font-size:22px;line-height:1.4;} .common-title-content {position:absolute;width:100%;left:0;bottom:0;padding-bottom:50px;z-index:5;text-align:center;} .wish1 {color:#000;font-size:48px;font-weight:var(--b600);line-height:1.4;} .wisnew {display:flex;align-items:center;background:#fff;position:relative;z-index:3;} .wisnewn {margin-top:45px;} .wisnewna {width:49%;} .wisnewnb {width:47%;display:flex;flex-wrap:wrap;justify-content:space-between;} .wisnewnbm {width:48%;} .wisnewn .wisalp1 {font-size:20px;font-weight:var(--b600);} .wisnewn .ggtit span {line-height:1.2;} .wisnewp0 {color:#666;font-size:14px;margin-top:-10px;margin-bottom:10px;} .wisnewp0 em {color:var(--color);padding-right:15px;} .wisnewnbm {margin-top:6%;} .wisnewnbm:nth-child(-n+2) {margin-top:0;} .wisnewnbm {position:relative;padding-bottom:55px;} .wisnewnbmore {position:relative;left:0;bottom:0;} .wisnewnbm .ggtit span {font-size:18px;line-height:1.4;} .wisnewnbm .wisalp1 {line-height:1;} .wisalms {font-size:14px;line-height:1.5;color:#666;margin-top:15px;} .wisalms {display:none;} .wisnewnbm {padding-bottom:0;} .wisaimg em {position:absolute;color:#fff;display:flex;padding:5px 20px;background:rgba(0,0,0,0.2);backdrop-filter:blur(5px);} .wisaimg em {font-size:14px;border-radius:999px;top:15px;left:15px;z-index:3;} .wisnewna {display:flex;position:relative;} .wisawz2 {position:absolute;background:rgba(0,0,0,0.2);padding:30px 30px;} .wisaimg2 img {width:100%;height:100%;object-fit:cover;} .wisawz2 .wisnewp0 {display:none;} .wisawz2 {width:100%;left:0;bottom:0;} .wisnewn .wisawz2 .wisalp1 {color:#fff;} .wisnewn .wisawz2 .wisalp1 span {background:none;} .wisawz2 .more9 i:after {transform:scale(1);opacity:1;} .wisawz2 .more9 i {right:-10px;color:#fff;} .esg27 {position:relative;height:100vh;z-index:3;overflow:hidden;} .esg27m {height:100%;display:flex;width:100%;align-items:center;position:relative;} .esg27x {display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;} .esg27xa {width:40%;} .puesg_right {width:40%;display:flex;flex-wrap:wrap;} .puesg_item {width:48%;margin-right:15px;padding:30px 30px;text-align:center;margin-top:20px;transition:all 0.3s ease;border-radius:10px;} .puesg_item:nth-child(2n) {margin-right:0;} .puesg_item img {width:90px;} .puesg_item:hover {background:rgb(255,255,255,0.2);} .puesg_p4 {color:#fff;margin-top:20px;font-size:20px;} .puesg_p4 i {font-size:22px;margin-left:10px;} .esg27mbg {position:absolute;width:104%;height:104%;left:-2%;top:-2%;background-position:center;background-repeat:no-repeat;background-size:cover;} .esg27mbg {transform:translateY(calc((1 - var(--progress,0)) * -60px));} .nwa42 {position:relative;background-color:#fff;overflow:hidden;} .nwa42hs {height:10px;} .nwa42waite {height:100px;} .nwa42sti {position:relative;top:0;width:100%;height:100vh;} .nwa42vidoe {position:absolute;left:-2.5%;top:-2.5%;width:105%;height:105%;object-fit:cover;} .nwa42wz1,.nwa42wz2 {position:absolute;width:100%;left:0;top:20%;z-index:3;transition:all 0.3s ease;} .nwa42wz2 {transform:none;top:auto;top:50%;opacity:0;transform:translateY(-30%);} .nwa42wz2 {opacity:1;transform:translateY(-50%);} .show .nwa42wz2 {opacity:1;transform:translateY(-60%);transition-delay:0.6s;} .show .nwa42wz1 {opacity:0;} .nwa42wz1img img {height:150px;} .nwa42wz1img {text-align:center;padding-top:60px;} .nwa42wzp9 {display:flex;justify-content:space-between;width:1200px;margin:0 auto;margin-top:80px;} .nwa42wzp9 ul {color:#fff;text-align:center;} .nwa42wzp9p1 {font-weight:var(--b700);line-height:1;font-size:30px;} .nwa42wzp9p1 span {font-size:70px;padding-right:10px;} .nwa42wzp9p2 {font-size:16px;margin-top:20px;line-height:1.4;} .nwa42wzp9 li:nth-child(1) {width:330px;} .nwa42wzp9 li:nth-child(2) {width:195px;} .nwa42wzp9 li:nth-child(3) {width:195px;} .nwa42wz2p1 {color:#fff;font-size:50px;font-weight:var(--b600);line-height:1.4;} .nwa42wzp11 {display:flex;justify-content:center;margin-top:100px;} .nwa42zz {position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.18);z-index:1;} .hline,.innerfoot {position:relative;z-index:3;} .kbjx {height:150vh;width:100%;pointer-events:none;} .ds2g .tsgdm {position:sticky;top:0;z-index:3;} /* .esg27 {position:fixed;z-index:2;width:100%;left:0;top:0;} */ .solo819 { position: fixed; width: 100%; left: 0; top: 0; z-index: 1; } .w1400 {width:var(--mainwidth);margin: 0 auto;} /* 内页baner 公共*/ .bangban {position:relative;margin-top:0px;overflow: hidden;} .bangban .isbg {width:100%;position:relative;} .ban_top ul {height:55px;line-height:55px;} .ban_ul1 {margin-top:40px;display:flex;} .ban_ul1 a {color:#fff;margin:0 3px;} .ban_ul1 em {margin:0 5px;color:#fff;} .xxbppwz {position:absolute;left:50%;top:80%;transform:translate(-50%,-50%);color:#fff;/* display:flex;justify-content:space-between;flex-wrap:wrap;align-items:end;*/} .banp1 {font-size:var(--fs42);color:#fff;font-weight:bold;line-height:1.4;} .banp2 {font-size:var(--fs18);color:#fff;} .ban_select {position:relative;} .ban_select select {border: none;background:transparent;color:#fff;border-bottom:1px solid #fff;outline:none;font-weight:bold;margin:0 5px;cursor:pointer;padding:4px 0px !important;width:140px;height:30px !important;} .ban_select i {position:absolute;right:10px;top:50%;transform:translate(0,-50%);color:#fff;font-size:var(--fs18);} /* 内页baner 公共*/ /* 内页大标题 公共*/ .gcltit {line-height:1.2;font-weight:var(--b600);font-size:var(--fs42);} .gcltit span {color:#222;} .gcltit-fff span {color:#fff;} .gcltit-line span {background:rgba(0,0,0,1) -webkit-linear-gradient(left,rgba(72,132,201,1) 0%,rgba(103,213,142,1) 100%) no-repeat 0 0;-webkit-text-fill-color:transparent;-webkit-background-clip:text;} .gcltit-line span {background-size:0;transition:all 1s ease;} .gcltit-line.is-inview>span {background-size:100%;} /* 内页大标题 公共*/ /* 弹窗 公共 */ .has-lay {overflow:hidden;} .pulinelay{width: 100%;transition:none;display:none;} .pulinelay.active {display:block;} .pulinelaybg {background: linear-gradient(rgba(0,0,0,0.48), rgba(0,0,0,0.48));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:none;} .pulinelaybg {position:fixed;left:0;top:0;width:100%;height:100vh;} .pulinelaybg{background: rgba(0,0,0,0.48);} .pulinelay {overflow:auto;padding:54px 0;-webkit-overflow-scrolling:touch;} .pulinelay {position:fixed;z-index:999991;left:0;right:0;top:0;bottom:0;} .pulinelay-table {display:table;width:100%;height:100%;transition:none;} .pulinelay-cell {display:table-cell;vertical-align:middle;transition:none;} .pulinelay-wrapper {margin-left:auto;margin-right:auto;width:90%;max-width:1400px;z-index:9998;transition:none;} .pulinelayclose{position: absolute;right:25px;top:25px;cursor: pointer;} .pulinelayclose {background: #f8f8f8;color:var(--colors2);} .pulinelayclose {width:38px;height:38px;border-radius:50%;line-height:36px;text-align:center;font-size:16px;} .pulinelayclose {background-size:20px auto;} .pulinelay-wrapper {position:relative;} @media screen and (max-width:768px) { .pulinelayclose i{font-size: 14px;} .pulinelayclose {width:30px;height:30px;line-height: 28px;} .pulinelayclose {right:20px;} .pulinelay-wrapper {width:86%;} } /* 弹窗 公共 */ /* 视频播放按钮 公共 */ .playvideo {position:absolute;left:50%;z-index:3;top:50%;} .playvideo {width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;} .playvideo {margin-left:-25px;margin-top:-25px;} .playvideo i {color:#fff;font-size:20px;line-height:1;position:relative;z-index:2;height:auto;width:auto;} .playvideo,.playvideo i {transition:all 0.5s ease;} .playvideo {background:rgba(255,255,255,0.1);backdrop-filter:blur(15px);} .playvideo:hover {background:rgba(2555,255,255,1);} .playvideo:hover i {color:var(--color);} .ripple {position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,0.7);animation:rippleEffect 3s infinite;} .ripple-1 {width:100%;height:100%;animation-delay:0s;} .ripple-2 {width:100%;height:100%;animation-delay:0.75s;} @keyframes rippleEffect {0% {transform:scale(1);opacity:0.7;} 100% {transform:scale(2);opacity:0;} } /* 视频播放按钮 公共 */ /* 页码 公共 */ .dnpage {display:flex;justify-content:center;margin-top:var(--mt45p)} .dnpage a,.dnpage span {width:36px;height:36px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;} .dnpage a,.dnpage span {border-radius:50%;} .dnpage a,.dnpage span {margin:0 8px;font-size:14px;} .dnpage span {border-color:transparent;width:auto;} .dnpage a {transition:all 0.3s ease;} .dnpage a.prev,.dnpage a.next {color:var(--colors2);border-color:transparent;font-weight:var(--b600)} .dnpage a:hover,.dnpage a.on {background:var(--colors2);color:#fff;} .dnpage a.prev:hover,.dnpage a.next:hover {background:none;color:var(--colors2);} /* 页码 公共 */ /* more19 公共 */ .more19 {min-width:196px;display:flex;padding:0;line-height:52px;border-radius:0;} .more19 {justify-content:center;align-items: center;position: relative;overflow: hidden;} .more19 span,.more19 i{position: relative;z-index: 3;color:#fff;} .more19:before,.more19:after{position: absolute;width: 100%;top:0;height: 100%;content:'';box-sizing: border-box;} .more19:before{border: 1px solid #fff;left:0;} .more19:after{background: var(--line-bg);right:0;left: auto;width:0;} .more19 i {font-size:16px;margin-left:10px;} .more19 span,.more19 i,.more19,.more19:before,.more19:after{transition:all 0.4s ease;-webkit-transition:all 0.4s ease;} .more19:hover:after{width: 100%;left: 0;right: auto;} .more19:hover:before{opacity: 0;-webkit-opacity: 0;} .more19-line:before{opacity: 0;-webkit-opacity: 0;} .more19-line:after{width: 100%;left: 0;right: auto;} .more19-line-blue-blue:before{border: 1px solid var(--colors2);} .more19-line-blue-blue span,.more19-line-blue-blue i{color:var(--colors2)} .more19-line-blue-blue:hover span,.more19-line-blue-blue:hover i{color:#fff;} .more19-line-fff-fff{background: rgba(255,255,255,0.2);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);color:#fff;} .more19-fff:before{background: #fff;z-index:1} .more19-fff:after{z-index:2} .more19-fff:hover:before{opacity: 1;-webkit-opacity: 1;} .more19-line-000-000{ border: 1px solid #ddd; } .more19-line-000-000 span, .more19-line-000-000 i{ color: #000; } .more19-line-000-000:hover span, .more19-line-000-000:hover i{ color: #fff; } /* more19 公共 */ /* 公共 swiperscrollbar */ .swiperscrollbar {width:100%;position:relative;} .swiperscrollbar {height:3px;} .swiperscrollbar:before {border-radius:3px;background:#ddd;position:absolute;width:100%;left:0;content:'';} .swiperscrollbar:before {height:3px;top:0;} .swiperscrollbar .swiper-scrollbar-drag {height:100%;background:none;} .swiperscrollbar .swiper-scrollbar-drag:before {height:3px;top:0;border-radius:3px;background:#ddd;position:absolute;width:100%;left:0;content:'';} .swiperscrollbar .swiper-scrollbar-drag:before {background:var(--colors2);} /* .swiperscrollbar .swiper-scrollbar-drag:after {background:url(/img/xjtscroll.png) center no-repeat var(--color);height:31px;width:31px;content:'';position:absolute;} .swiperscrollbar .swiper-scrollbar-drag:after {border-radius:50%;left:50%;transform:translateX(-50%);} */ /* 公共 swiperscrollbar */ /* 公共 swiperbtns */ .swiperbtns{width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;position: relative;} .swiperbtns:before,.swiperbtns:after{position: absolute;width: 100%;height: 100%;inset: 0;margin: auto;content:'';} .swiperbtns:before,.swiperbtns:after{box-sizing: border-box;} .swiperbtns i{color:#fff;position: relative;z-index: 2;} .swiperbtns:before{border: 1px solid #ccc;} .swiperbtns:after{z-index: 1;background: var(--line-bg);} .swiperbtns i,.swiperbtns:before,.swiperbtns:after{transition: all 0.6s ease;-webkit-transition: all 0.6s ease;} .swiperbtns:before{opacity:0;-webkit-opacity:0;} .swiperbtns.swiper-button-disabled:before{opacity:1;-webkit-opacity:1;} .swiperbtns.swiper-button-disabled:after{opacity:0;-webkit-opacity:0;} .swiperbtns.swiper-button-disabled i{color:#ccc;} .swiperbtns{cursor: pointer;} .swiperbtns.swiper-button-disabled{cursor: default;} .swiperbtns.swiper-button-lock{display: none;} /* 公共 swiperbtns */ /* 公共 swiperpage */ .swiperpage {display:flex;justify-content:flex-start;width:100%;bottom:0 !important;} .swiperpage {align-items:flex-start;} .swiperpage span {background:#333;} .swiperpage-fff span {background:#fff;} .swiperpage span.swiper-pagination-bullet-active {background:var(--colors2);} .swiperpage-center{justify-content:center} /* 公共 swiperpage */ /* 关于 */ .bangbanvideo {position:absolute;right:0;bottom:20%;} .ab34ap2 {margin-top:var(--mt25p);} .ab34ap2 {color:#333;} .ab34ap2 p {margin-top:5px;} .ab34ap2 p:nth-child(1) {margin-top:0;} .ab34ap3 {display:flex;width:100%;justify-content:space-between;flex-wrap:wrap;} .ab34ap3p2 {color:#90929c;margin-top:var(--mt10p);} .ab34ap3m {line-height:1.2;} .ab34ap3p1 {display:flex;align-items:flex-end;line-height:1;margin-top:var(--mt20p);justify-content:center;} .ab34ap3p1 span {font-size:var(--fs60);font-weight:var(--b600);} .ab34ap3p1 i {font-style:normal;position:relative;transform:translateY(-26%);padding-left:5px;} .ab34ap3icon {width:100px;height:100px;position:relative;} .ab34ap3icon {display:inline-block;} .ab34ap3icon img {position:absolute;inset:0;margin:auto;max-width:90%;max-height:90%;} .ab34ap3m {text-align:center;} .ab34ap3 {margin-top:var(--mt55p);} .ab34bbg {padding-bottom:46.52%;overflow:hidden;position:relative;padding-bottom: 0;height: 100vh;min-height: 620px;} .ab34bbgm,.ab34bbgslidem {width:100%;height:100%;left:0;top:0;position:absolute;} .ab34bbgslidem {object-fit:cover;background-position:center;background-repeat:no-repeat;background-size:cover;} .ab34bbgslidem {width:104%;height:104%;left:-2%;top:-2%;} .ab34btop,.ab34bottom {position:absolute;z-index:3;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);} .ab34btop {top:10%;} .ab34btopm {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;} .ab34bottom {bottom:10%;} .ab34bottom {display:flex;flex-wrap:wrap;justify-content:space-between;} .ab34bottomp1 {font-size:var(--fs24);font-weight:var(--b600);line-height:1.2;} .ab34bottomp2 {color:#333;line-height:1.6;margin-top:var(--mt15p);} .ab34bottomm {position:relative;width:31.5%;padding:3% 2.5%;border-radius:var(--border15);overflow:hidden;} .ab34bottomm:before,.ab34bottomm:after {position:absolute;content:'';width:100%;height:100%;left:0;top:0;} .ab34bottomm:before {background:#fff;opacity:0;z-index:1;} .ab34bottomm:after {background:rgba(255,255,255,0.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);} .ab34bottommn {position:relative;z-index:2;} .ab34bottommn {display:flex;flex-wrap:wrap;justify-content:space-between;} .ab34bottoma {width:calc(90% - 50px);} .ab34bottomb {width:50px;height:50px;border-radius:50%;position:relative;margin-top:10px;} .ab34bottombicon,.ab34bottombimg {width:100%;height:100%;left:0;top:0;position:absolute;} .ab34bottombicon {background:#fff;color:#222;display:flex;align-items:center;justify-content:center;} .ab34bottombicon {border-radius:50%;font-size:20px;} .ab34bottombimg {opacity:0;transform:scale(0);background:var(--line-bg);overflow:hidden;border-radius:50%;} .ab34bottombimg img {position:absolute;max-width:60%;max-height:60%;inset:0;margin:auto;} .ab34bottomm:before,.ab34bottombimg {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;} .ab34bottomm.cur:before {opacity:1} .ab34bottomm.cur .ab34bottombimg {opacity:1;transform:scale(1);} .ab34c {background-color:#f4f6f7;display: flex;align-items: center;min-height: 100vh;} .ab34ca {position:relative;z-index:3;} .ab34cb {position:relative;} .ab34cimgvg{position: relative;} .ab34cbbg {position:relative;width:100%;vertical-align:top;} .ab34cbitemm {width:1.7%;z-index:3;position:absolute;cursor:pointer;} .ab34cbitemmicon,.ab34cbitemmiconm {width:100%;vertical-align: top;} .ab34cbitemmiconm {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;} .ab34cbitemmiconm2 {position:absolute;left:0;top:0;opacity:0;-webkit-opacity:0;} .ab34cbitemmwz {position:absolute;left:50%;transform:translateX(-50%);bottom:100%;padding-bottom:15px;} .ab34cbitemmwz {width:max-content;} .ab34cbitemmwzm {background:#fff;line-height:1.4;padding:10px 30px;position:relative;} .ab34cbitemmwzm span {background:-webkit-linear-gradient(left,rgba(72,132,201,1) 0%,rgba(103,213,142,1) 100%) no-repeat 0 0;-webkit-text-fill-color:transparent;-webkit-background-clip:text;} .ab34cbitemmwzm:before {position:absolute;content:'';width:0;height:0;bottom:-8px;} .ab34cbitemmwzm:before {border-left:8px solid transparent;border-top:8px solid #fff;border-right:8px solid transparent;} .ab34cbitemmwzm:before {left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);} .ab34cbitemmwz {opacity:0;-webkit-opacity:0;visibility:hidden;bottom:150%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;} .ab34cbitemm.cur .ab34cbitemmwz {opacity:1;-webkit-opacity:1;visibility:visible;bottom:100%;} .ab34cbitemm.active .ab34cbitemmiconm2{opacity:1;-webkit-opacity:1;} .ab34cbitemm[data-name="China"] {left:33%;top:40%;} .ab34cbitemm[data-name="Japan"] {left:41.2%;top:38%;} .ab34cbitemm[data-name="Indonesia"] {left:37.2%;top:61%;} .ab34cbitemm[data-name="Singapore"] {left:32.1%;top:55%;} .ab34cbitemm[data-name="Dubai"] {left:21.5%;top:47%;} .ab34cbitemm[data-name="Germany"] {left:11.5%;top:30%;} .ab34cbitemm_autos {position:absolute;width:100%;overflow:hidden;visibility:hidden;} .ab34cbitemmwz2{left:100%;position:absolute;top:50%;transform:translateY(-50%);width:max-content;} .ab34cbitemmwz2m{padding-left:10px;font-size: 14px;} .ab34c {animation-name:ab34c} @keyframes ab34c {0% {clip-path:inset(var(--ptb) 8vw round var(--border15) var(--border15) var(--border15) var(--border15));clip-path:inset(var(--ptb) 8vw round var(--border15) var(--border15) var(--border15) var(--border15))} to {clip-path:inset( 0 round var(--border15) var(--border15) var(--border15) var(--border15));clip-path:inset(0 round var(--border15) var(--border15) var(--border15) var(--border15))} } @-webkit-keyframes ab34c {0% {-webkit-clip-path:inset(var(--ptb) 8vw round var(--border15) var(--border15) var(--border15) var(--border15));clip-path:inset(var(--ptb) 8vw round var(--border15) var(--border15) var(--border15) var(--border15))} to {-webkit-clip-path:inset( 0 round var(--border15) var(--border15) var(--border15) var(--border15));clip-path:inset(0 round var(--border15) var(--border15) var(--border15) var(--border15))} } .ab34cban {display:flex;justify-content:center;} .ab34cban {position:absolute;z-index:5;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);} .ab34cban {bottom:5%;} .ab34cbana {margin:0 10px;} .ab34dp1 {font-size:var(--fs30);font-weight:var(--b600);line-height:1.2;color:#fff;} .ab34dp2 {height:0;overflow:hidden;line-height:30px;margin-top:10px;display:flex;} .ab34dp2a {display:flex;height:30px;align-items:center;padding-right:20px;position:relative;} .ab34dp2a,.ab34dp2a i {color:#fff;font-size:14px;line-height:30px;} .ab34dp2a i {position:absolute;right:0;display:block;top:0;} .ab34dp2,.ab34dimg {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;} .ab34dlink {width:48.5%;overflow:hidden;position:relative;} .ab34dimg{width: 100%;} .ab34dm {display:flex;flex-wrap:wrap;justify-content:space-between;} .ab34dwz {position:absolute;width:100%;left:0;bottom:0;padding:45px;} .ab34dlink:hover .ab34dp2 {height:30px;} .ab34dlink:hover .ab34dimg {transform:scale(1.1);} .ab34e {position:relative;padding-bottom:40.66%;overflow:hidden;} .ab34ebg {position:absolute;width:104%;left:-2%;top:-2%;height:104%;background-size:cover;background-repeat:no-repeat;background-position:center;} .ab34ep2 {color:#fff;opacity:0.8;-webkit-opacity:0.8;margin-top:var(--mt10p);} .ab34ep3 {display:flex;justify-content:center;margin-top:var(--mt45p);} .ab34em {position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:3;} .ab34em {bottom:12%;} /* 关于 */ /* 企业文化 */ .ab36aimg {overflow:hidden;position:relative;padding-bottom:35.71%;} .ab36aimgm {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;} .ab36bimg {display:flex;flex-wrap:wrap;justify-content:space-between;} .ab36bimgm {width:31%;} .ab36bimgmn {overflow:hidden;position:relative;} .ab36bimgmn {padding-bottom:134.4%;overflow:hidden;} .ab36bimgmnimg {width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;} .ab36bimgmnwz {position:absolute;width:100%;z-index:3;left:0;text-align:center;top:10%} .ab36bimgmnp1,.ab36bimgmnp2 {color:#fff;line-height:1.4;} .ab36bimgmnp1 {font-size:var(--fs30);font-weight:var(--b600);} .ab36bimgmnp2 {font-size:var(--fs24);margin-top:var(--mt15p);} .ab36b {padding-top:calc(var(--ptb) * 0.5);} .ab36bimg {margin-top:var(--ptb);} .ab36bimgm {margin-top:50px;} .ab36bimgm:nth-child(2) {margin-top:0;} .ab36bimgmnimg {transition:all 0.7s ease;-webkit-transition:all 0.5s ease;} .ab36bimgmn:hover img {transform:scale(1.1);} .ab36ca {height:100vh;min-height:620px;width:100%;position:sticky;left:0;top:0;} .ab36cax,.ab36cam,.ab36cambg,.ab36cambgm {position:absolute;width:100%;left:0;top:0;height:100%;} .ab36ckx {height:300vh;} .ab36cam,.ab36cambg {overflow:hidden;} .ab36cambgm {background-repeat:no-repeat;background-position:center;background-repeat:no-repeat;} .ab36camwz {text-align:center;position:absolute;width:100%;left:0;top:0;height:100%;display:flex;align-items:center;justify-content:center;} .ab36camwz {visibility:hidden;opacity:0;-webkit-opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);} .ab36camwz {transition:all 0.6s ease;-webkit-transition:all 0.6s ease;} .ab36camwz.opens {opacity:1;-webkit-opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);} .ab36cap1,.ab36cap2 {color:#fff;line-height:1.4;} .ab36cap1 {font-size:var(--fs42);font-weight:var(--b600);margin-top:var(--mt10p);} .ab36cap2 {font-size:var(--fs18);margin-top:var(--mt25p);} .ab36caicon {display:inline-block;width:90px;height:90px;cursor:pointer;position:relative;} .ab36caicon img {position:absolute;inset:0;margin:auto;max-width:80%;max-height:80%;} /* 企业文化 */ /* 全球布局 */ .ab34ccards {width:26%;max-width:450px;z-index:5;} .ab34ccardsm {padding:15px;background:#fff;} .ab34ccards {overflow:hidden;position:absolute;right:var(--plr120);top:15%;} .ab34ccardsp1 {line-height:1.2;font-size:var(--fs30);font-weight:var(--b600);line-height:1;} .ab34ccardsp1 {padding-bottom:var(--mt30p);margin-bottom:var(--mt30p);border-bottom:1px solid #eee} .ab34ccardsp1 {padding-left:0;} .ab34ccardswz {padding:10px 15px;padding-top:var(--mt30p);} .ab34ccardsp4 {line-height:1.4;} .ab34ccardsp4 strong {font-weight:var(--b600);color:#222;padding-bottom:5px;display:inline-block;} .ab34ccardsp4 {color:#555;font-size:14px;} .ab34ccardsp4 {padding-bottom:var(--mt25p);} .ab34ccardsp2 {margin-top:var(--mt5p);} .ab34ccardsp2 {position:relative;line-height:24px;padding-left:25px;color:#666;} .ab34ccardsp2 i {display:block;line-height:24px;position:absolute;left:0;top:0;} .ab34ccardsp2 i {color:var(--color);} .ab34ccardsimg {overflow:hidden;} .ab34ccardsimgm {width:100%;} .ab34ccardsp2dh {font-size:16px;} .ab34ccardsp2mail {font-size:16px;} .ab35a {z-index:3;position:relative;} .ab35b {position:relative;} .ab35b-wap {height:200vh;margin-top:-100vh;position:sticky;} .ab35b-wap-zw {position:sticky;top:0;overflow:hidden;} .ab35b-wap-zw {height:100vh;display:flex;align-items:center;} .ab35bxx {display:flex;align-items:flex-start;flex-wrap:wrap;margin-top:var(--mt55p);justify-content:space-between;} .ab35bxxa {width:42%;} .ab35bxxb {width:54%;} .ab35bxxbimg {width:100%;vertical-align:top;} .ab35bxxbimg {max-height:78vh;object-fit:cover;} .ab35bxxam {border-bottom:1px solid #ebebeb;} .ab35bxxamp1 {font-size:var(--fs20);font-weight:var(--b600);color:#222;} .ab35bxxamtit {position:relative;line-height:1.2;padding:25px 30px;cursor:pointer;} .ab35bxxamms {padding:30px;line-height:1.4;background-color:#f6fcff;margin-bottom:15px;display:none;} .ab35bxxamms p {margin-top:10px;} .ab35bxxamms p:nth-child(1) {margin-top:0;} .ab35bxxamms a:hover {color:var(--color);} .ab35bxxamtit:before {position:absolute;width:0;top:0;height:100%;background:var(--line-bg);content:'';left:0;} .ab35bxxamp1,.ab35bicon {z-index:2;position:relative;} .ab35bicon {position:absolute;right:30px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;overflow:hidden;} .ab35bicon {overflow:hidden;background:var(--line-bg);} .ab35biconn1,.ab35biconn2 {left:1px;top:1px;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;} .ab35bicon:after {border-radius:50%;top:0;position:absolute;width:100%;height:100%;content:'';left:0;} .ab35bicon:after {width:calc(100% - 2px);height:calc(100% - 2px);background:#fff;} .ab35bicon:after {left:1px;top:1px;z-index:1;} .ab35bicon i {color:#333;font-size:14px;z-index:2;background:-webkit-linear-gradient(left,rgba(72,132,201,1) 0%,rgba(103,213,142,1) 100%) no-repeat 0 0;-webkit-text-fill-color:transparent;-webkit-background-clip:text;} .ab35bxxamp1,.ab35bicon:after,.ab35biconn1,.ab35biconn2,.ab35bxxamtit:before {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;} .ab35biconn2 {opacity:0;} .ab35bxxamtit.cur .ab35biconn2 {opacity:1;} .ab35bxxamtit.cur .ab35biconn1 {opacity:0;} .ab35bxxamtit.cur:before {width:100%;} .ab35bxxamtit.cur .ab35bxxamp1 {color:#fff} .ab35bxxamtit.cur .ab35bicon {background:#fff;} .ab35bxxamtit.cur .ab35bicon:after {opacity:0;} .ab35c {background:#f7f7f7;} .ab35cm {margin-top: var(--mt45p);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;} .ab35cma {width:320px; } .ab35cmb {width:calc(94% - 320px);} .ab35cma {position:sticky;top:80px;} .ab35cman {display:block;font-size:var(--fs20);color:#a5a5a5;cursor:pointer;line-height:1.2;} .ab35cman {margin-bottom:25px;position:relative;} .ab35cman:before {position:absolute;width:0;height:100%;left:0;top:0;content:'';background:var(--colors2);} .ab35cman:before,.ab35cman,.ab35cman span {transition:all 0.5s ease;} .ab35cman span {position:relative;display:block;} .ab35cman.active {color:var(--colors2);font-weight:var(--b600);} .ab35cman.active:before {width:3px;} .ab35cman.active span {transform:translateX(15px);} .ab35cmbm {margin-top:calc(var(--ptb) * 0.75);} .ab35cmbm:nth-child(1) {margin-top:0;} .ab35cmbmn {display:flex;flex-wrap:wrap;width:100%;} .ab35cmbmna {width:31.5%;background:#fff;padding:30px;} .ab35cmbmna {margin-right:2.75%;margin-top:2.75%;} .ab35cmbmna:nth-child(3n) {margin-right:0;} .ab35cmbh5 {font-size:var(--fs28);color:#222;line-height:1.2;} .ab35cmbp1 {position:relative;font-size:var(--fs16);line-height:30px;padding-left:30px; word-break: break-all;} .ab35cmbp1icon {display:block;line-height:30px;position:absolute;left:0;top:0;} .ab35cmbp1icon1 {color:var(--colors2);font-size:20px;} .ab35cmbp1icon2 {font-size:22px;} .ab35cmbp1 {margin-top:5px;} .ab35cmbp1:nth-child(1) {margin-top:0;} .ab35cmbmnab {padding-top:20px;margin-top:20px;border-top:1px solid #dddddd} .ab35cmbmnab img{max-width: 160px;} /* 全球布局 */ /* 投资者 */ .inv39a {background:#f7f7f7;} .inv39azs {background:#fff;padding:5%;margin-top:var(--mt55p);} .inv39azs {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color:#222;line-height:1.2;} .inv39azsp1 {font-size:var(--fs24);} .inv39azsp2 {margin-top:var(--mt30p);} .inv39azsp2 {display:flex;align-items:flex-end;line-height:1;} .inv39azsp2 em {font-size:var(--fs60);font-weight:var(--b600);color:#ff0000;font-style:normal;} .inv39azsp2 span {font-size:var(--fs32);padding-left:var(--mt5p);} .inv39azsp2 span {position:relative;top:-5px} .inv39azsba {display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;font-size:var(--fs18);color:#999;} .inv39azsbam em {font-size:var(--fs32);font-style:normal;color:var(--colors2);} .inv39azsba em {display:block;margin-top:var(--mt30p);} .inv39azsbb {margin-top:var(--mt30p);font-size:14px;color:#999;} .inv39azsbb span {color:#333;padding:0 5px;} .inv39azsb {flex-grow:1;} .inv39azsc {width:1px;background:#eee;margin:0 6.5%;height:140px;} .inv39btop {display:flex;align-items:flex-end;justify-content:space-between;line-height:1;} .inv39btop {border-bottom:1px solid #eee;padding-bottom:30px;} .inv39btab {margin-top:var(--mt45p);min-height:605px;} .inv39btopr {display:flex;} .inv39btopr span {font-size:var(--fs22);position:relative;} .inv39btopr span {margin-left:var(--mt55p);cursor:pointer;} .inv39btopr span:nth-child(1) {margin:0;} .inv39btopr span:before {position:absolute;content:'';width:100%;height:1px;background:var(--colors2);} .inv39btopr span:before {left:0;bottom:-31px;opacity:0;-webkit-opacity:0;} .inv39btopr span.cur:before {opacity:1;-webkit-opacity:1;} .inv39btopr span.cur {color:var(--colors2);} .inv39btabm {display:none;} .inv39btabmn {display:flex;flex-wrap:wrap;width:100%;} .inv39btabmna {display:flex;width:49%;margin-bottom:2%;margin-right:2%;} .inv39btabmna {padding:30px;} .inv39btabmna:nth-child(2n) {margin-right:0;} .inv39btabmna {border:1px solid #eee;} .inv39bp1 {font-size:var(--fs18);color:#222;} .inv39bp2 {color:#999;line-height:1;margin-top:var(--mt10p);} .inv39bicon {width:55px;height:65px;position:absolute;left:0;top:0;} .inv39bicon {display:block;background-repeat:no-repeat;background-size:100% auto;background-position:center;} .inv39bicon {background-image:url(/inv9/icon01.svg);} .inv39bp1,.inv39bp2,.inv39bp3,.inv39btabmna {transition:all 0.5s ease;} .inv39blink {padding-right:30px;width:100%;position:relative;padding-left:85px;} .inv39bp3 {position:absolute;display:block;line-height:1;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .inv39bp3 {right:0;font-size:22px;} .inv39btabmna:hover {border-color:var(--colors2);} .inv39btabmna:hover .inv39bp1,.inv39btabmna:hover .inv39bp3 {color:var(--colors2);} .inv39c {padding-top:calc(var(--ptb) * 0.5);} .inv39cmn {position:relative;overflow:hidden;padding-bottom:30%;} .inv39cbg {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;} .inv39cwz {position:absolute;width:100%;z-index:1;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .inv39cwz {padding:0 8%;} .inv39cp1 {margin-top:var(--mt30p);font-size:var(--fs22);color:#fff;} .inv39cp2 {position:relative;padding-left:30px;font-size:var(--fs18);} .inv39cp2 i {position:absolute;left:0;display:block;top:0;font-size:calc(var(--fs18) * 1.2);} .inv39cp2 i,.inv39cp2 {line-height:28px;color:#fff;} /* 投资者 */ /* esg */ .esg9a {padding-bottom: calc(var(--ptb) * 0.5);position: relative;} .esg9ams {margin-top:var(--mt35p);} .esg9ap1 {font-size:var(--fs20);font-weight:var(--b600);} .esg9ap2 {margin-top:var(--mt15p);padding:0 8%;} .txtlineani span {will-change:background-size;animation-duration: 1s;animation-iteration-count: infinite;animation-direction: alternate;animation-play-state: paused;animation-delay: calc(var(--progress) * -1s);animation-timing-function: cubic-bezier(.22, .61, .36, 1);} .txtlineani span {color:#999;background:rgba(153,153,153,1) -webkit-linear-gradient(left,#222,#222) no-repeat 0 0;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-size:0 100%;} .txtlineani span {animation-name:txtlineani;} @keyframes txtlineani { 0% {background-size:0 100%;} to {background-size:100% 100%;} } .ggsubs27 {height:75vh;overflow:hidden;min-height:600px;padding:0 20px;margin-top:var(--mt45p);} .ggsubs27m {display:flex;margin:0 -15px;height:100%;} .ggsubs27item {width:12%;flex-grow:1;padding:0 5px;transition:all .6s ease} .ggsubs27box {position:relative;height:100%;} .ggsubs27pic {width:100%;height:100%;position:relative;} .ggsubs27picm {width:100%;height:100%;object-fit:cover} .ggsubs27tit {position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:12;} .ggsubs27tit {top:10%;width:150px;text-align:center;} .ggsubs27txtp1,.ggsubs27tit {font-size:var(--fs24);color:#fff;line-height:1.4;} .ggsubs27txtp2 {color:#fff;margin-top:var(--mt10p);line-height: 1.4;} .ggsubs27txtp3 {display:flex;flex-wrap:wrap;margin-top:var(--mt20p);} .ggsubs27txtp3 li {width:23.5%;margin-right:2%;margin-top:2%;} .ggsubs27txtp3 img {width:100%;vertical-align:top;} .ggsubs27txtp3 li:nth-child(4n) {margin-right:0;} .ggsubs27num {font-size:90px;font-weight:var(--b600);line-height:1;color:#fff;} .ggsubs27num {width:100px;z-index:12;position:absolute;transition:all .4s ease;} .ggsubs27num span {opacity:0.5} .ggsubs27num1 {bottom:10%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);text-align:center;} .ggsubs27num2 {top:50px;right:50px;opacity:0;-webkit-opacity:0;text-align:right;} .ggsubs27txt {width:510px;padding:40px;opacity:0;-webkit-opacity:0;pointer-events:none;z-index:2;transition:all .4s ease;} .ggsubs27txt {border-radius:0;overflow:hidden;background:rgba(6,45,52,0.10);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:absolute;} .ggsubs27txt {left:8%;bottom:8%;} .ggsubs27txt {border:1px solid rgba(255,255,255,0.2)} .ggsubs27box:after {content:"";height:100%;position:absolute;top:0;left:0;width:100%;background:rgba(0,40,75,0.20);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);z-index:9;} .ggsubs27box:after {opacity:1;-webkit-opacity:1;} .ggsubs27item.curs {width:64%;} .ggsubs27item.curs .ggsubs27box:after {opacity:0;-webkit-opacity:0;} .ggsubs27item.curs .ggsubs27txt {opacity:1;-webkit-opacity:1;pointer-events:all;transition-delay:.6s;} .ggsubs27item.curs .ggsubs27tit {pointer-events:none;opacity:0;} .ggsubs27item.curs .ggsubs27num2 {opacity:1;-webkit-opacity:1;} .ggsubs27item.curs .ggsubs27num1 {opacity:0;-webkit-opacity:0;} .esg9b {padding-bottom:calc(var(--ptb) * 0.5);position: relative;} .esg9bswiper {overflow:hidden;margin-top:var(--mt55p);} .esg9bslide {background-color:#f8f8f8;border:1px solid #f3f3f3;padding-bottom:30px;height:auto;} .esg9bwz {padding:0 5%;padding-top:25px;line-height:1.4;text-align:center;} .esg9bwz {color:#222;} .esg9bimg {text-align:center;background:#fff;} .esg9bimg img {max-width:90%;} .esg9bslide,.esg9bwz {transition:all 0.6s ease;} .esg9bslide:hover {background:var(--colors2);border-color:var(--colors2);} .esg9bslide:hover .esg9bwz {color:#fff;} .esg9bswiperscrollbar {width:300px;margin:0 auto;margin-top:var(--mt45p);} .esg10a {padding-bottom:calc(var(--ptb) * 0.5);position: relative;} .esg10aswiper {overflow:hidden;margin-top:var(--mt55p);} .esg10aslide {height:auto;position:relative;} .esg9bwz {padding:0 5%;padding-top:25px;line-height:1.4;text-align:center;} .esg9bwz {color:#222;} .esg10aimg {padding-bottom:46%;position:relative;overflow:hidden;} .esg10aimg img {width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;} .esg10aimg:before {position:absolute;width:100%;height:100%;z-index:1;left:0;top:0;content:'';} .esg10aimg:before {background:linear-gradient(360deg,rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.65) 100%);} .esg10aimg:before {opacity:0.5} .esg10ap1,.esg10ap2 {transition:all 0.6s ease;position:relative;} .esg10ap1,.esg10ap2 {transform:translateY(30px);-webkit-transform:translateY(30px);opacity:0;-webkit-opacity:0;} .esg10aslide {width:var(--mainwidth);} .esg10awz {position:absolute;width:100%;text-align:center;padding:0 5%;} .esg10awz {left:0;top:15%;z-index:2;} .esg10ap1 {font-size:var(--fs36);line-height:1.2;color:#fff;} .esg10ap2 {max-width:880px;margin:0 auto;} .esg10ap2 {color:#fff;margin-top:var(--mt35p);} .esg10aslide.swiper-slide-active .esg10ap2,.swiper-slide-active .esg10ap1 {transform:translateY(0);-webkit-transform:translateY(0);opacity:1;-webkit-opacity:1;} .esg10aslide.swiper-slide-active .esg10ap2 {transition-delay:0.5s;} .esg10aslide.swiper-slide-active .esg10ap2 {transition-delay:0.7s;} .qy0225clogom {height:100px;position:relative;padding:0 50px;} /* .qy0225clogomm {position:absolute;inset:0;margin:auto;max-width:80%;max-height:80%;} */.qy0225clogomm {height:100%;} .qy0225clogo {display:flex;width:var(--mainwidth);margin:0 auto;overflow:hidden;position:relative;} .qy0225clogowrapper {animation:15s linear infinite logoSw;display:flex;} .qy0225clogowrapper .swiper-slide {width:auto;height:auto;} @keyframes logoSw { 0% {transform:translate(0,0)} to {transform:translate(-100%)} } .qy0225cset {pointer-events:none;position:absolute;width:110%;left:-5%;height:100%;z-index:6;} .leftMk {width:50%;height:100%;background:linear-gradient(-90deg,rgba(255,255,255,0) 0%,#fff 90%);position:absolute;bottom:0;left:0;} .rightMk {width:50%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 90%);position:absolute;bottom:0;right:0;} .qy0225clogo {margin-top:50px;} /* .qy0225clogomm {filter:grayscale(100%) invert(1);opacity:0.3;} */ .esg10b {position: relative;} /* .esg10b {padding-top:calc(var(--ptb) * 0.5);} */ .esg10bswiper {overflow:hidden;margin-top:var(--mt45p);} .esg10bslide {height:auto;position:relative;} .esg10btop {display:flex;align-items:flex-end;justify-content:space-between;} .esg10btopr {display:flex;} .esg10bimg {padding-bottom:177.74%;position:relative;overflow:hidden;} .esg10bimgm {width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;} .esg10bbtn.right {margin-left:20px;} .esg10c {background:#f7f7f7;position: relative;} .esg10cswiper {overflow:hidden;margin-top:var(--mt45p);} .esg10cslide {height:auto;position:relative;padding-bottom:50px;} .esg10cslide:before {position:absolute;width:100%;height:0;left:0;bottom:0;z-index:-1;background:#fff;content:'';} .esg10ctop {display:flex;align-items:flex-end;justify-content:space-between;} .esg10cimg {padding-bottom:42.2%;position:relative;overflow:hidden;} .esg10cimgm {width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;} .esg10cp1 {color:#999;font-size:14px;line-height:1;} .esg10cp2 {color:#222;line-height:1.4;font-size:var(--fs20);margin-top:var(--mt5p);} .esg10cwz {padding:25px;padding-bottom:50px;} .esg10cmore {display:flex;padding:0 25px;height:50px;width:100%;position:absolute;left:0;bottom:0;align-items:center;} .esg10cmorea {display:flex;height:30px;align-items:center;padding-right:20px;position:relative;} .esg10cmorea,.esg10cmorea i {color:#222;font-size:14px;line-height:30px;} .esg10cmorea i {position:absolute;right:0;display:block;top:0;} .esg10cimgm,.esg10cp2,.esg10cslide:before {transition:all 0.6s ease;-webkit-transition:all 0.6s ease;} .esg10cslide:hover .esg10cimgm {transform:scale(1.03);} .esg10cslide:hover .esg10cp2 {color:var(--colors2);} .esg10cslide:hover:before {height:100%;} .esg10cslide:hover .esg10cmorea,.esg10cmorea i{background: rgba(0, 0, 0, 1) -webkit-linear-gradient(left, rgba(72, 132, 201, 1) 0%, rgba(103, 213, 142, 1) 100%) no-repeat 0 0;-webkit-text-fill-color: transparent;-webkit-background-clip: text;} .esg10ems {max-width:1050px;margin:0 auto;color:#555;} .esg10ems {margin-top:var(--mt25p);line-height:1.6;} .esg10esub {display:flex;justify-content:space-between;align-items:flex-start;line-height:1.4;} .esg10esub {padding-bottom:20px;border-bottom:1px solid #ccc;} .esg10esubm {max-width:230px;display:flex;position:relative;font-size:var(--fs18);font-weight:var(--b600);} .esg10esubm:before {position:absolute;width:100%;height:1px;bottom:-21px;background:var(--colors2);content:'';} .esg10esubm.cur span {background:-webkit-linear-gradient(left,rgba(72,132,201,1) 0%,rgba(103,213,142,1) 100%) no-repeat 0 0;-webkit-text-fill-color:transparent;-webkit-background-clip:text;} .esg10esubm.cur:before {opacity:1;-webkit-opacity:1;} .esg10esubm {cursor:pointer;} .esg10esub {margin-top:var(--ptb);} .esg10esubm:before,.esg10esubm span {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;} .esg10esubm:before {opacity:0;-webkit-opacity:0;} .esg10exx {padding-bottom:41.07%;position:relative;overflow:hidden;margin-top:var(--mt45p);} .esg10eslide {overflow:hidden;} .esg10eimgm,.esg10eimg,.esg10eswiper {width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;} .esg10ewz {position:absolute;z-index:1;width:100%;left:0;} .esg10ewz {padding:0 7%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .esg10ep1,.esg10ep2 {color:#fff;} .esg10ep1 {line-height:1.4;font-size:var(--fs32);} .esg10ep2 {line-height:1.6;margin-top:var(--mt20p);max-width:640px;width:85%;} .esg10ep1,.esg10ep2 {position:relative;opacity:0;-webkit-opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);} .esg10ep1,.esg10ep2 {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;} .esg10eslide.swiper-slide-active .esg10ep1,.esg10eslide.swiper-slide-active .esg10ep2 {opacity:1;-webkit-opacity:1;transform:translateY(0);-webkit-transform:translateY(0);} .esg10ep1 {transition-delay:0.3s;-webkit-transition-delay:0.5s;} .esg10ep2 {transition-delay:0.6s;-webkit-transition-delay:0.7s;} .esg10f {padding-top:calc(var(--ptb) * 0.5);padding-bottom:0;} .esg10fxx {padding-bottom:46.35%;position:relative;overflow:hidden;margin-top:var(--mt45p);} .esg10fslide {overflow:hidden;} .esg10fimgm,.esg10fimg,.esg10fswiper {width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;} .esg10fimgm {width:104%;height:104%;left:-2%;top:-2%;} .esg10fwz {position:absolute;z-index:1;left:50%;} .esg10fwz {top:50%;transform:translate(-50%,-50%);-webkit-transform:translateY(-50%,-50%);} .esg10fp1,.esg10fp2 {color:#fff;} .esg10fp1 {line-height:1.4;font-size:var(--fs32);} .esg10fp2 {line-height:1.6;margin-top:var(--mt20p);max-width:640px;width:85%;} .esg10fp1,.esg10fp2 {position:relative;opacity:0;-webkit-opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);} .esg10fp1,.esg10fp2 {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;} .esg10fslide.swiper-slide-active .esg10fp1,.esg10fslide.swiper-slide-active .esg10fp2 {opacity:1;-webkit-opacity:1;transform:translateY(0);-webkit-transform:translateY(0);} .esg10fp1 {transition-delay:0.5s;-webkit-transition-delay:0.5s;} .esg10fp2 {transition-delay:0.7s;-webkit-transition-delay:0.7s;} .esg10fpage {position:absolute;z-index:10;width:200px;flex-wrap:wrap;display:flex;align-items:flex-start;} .esg10fpage:before {position:absolute;width:1px;height:150%;background:#fff;content:'';opacity:0.3;} .esg10fpage:before {right:0;top:50%;transform:translateY(-50%);} .esg10fpage span {color:#fff;position:relative;line-height:1.2;width:100%;} .esg10fpage span {text-align:right;padding-right:45px;margin:20px 0;cursor:pointer;} .esg10fpage i {position:absolute;width:9px;height:9px;background:#fff;background:#fff;border-radius:50%;} .esg10fpage i {top:50%;transform:translateY(-50%);right:-4px;} .esg10fpage i:before {width:20px;height:20px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:50%;content:'';} .esg10fpage i:before {transition:all 0.5s ease;box-sizing:border-box;} .esg10fpage i:before {opacity:0;transform:translate(-50%,-50%) scale(0);} .esg10fpage {right:5%;top:50%;transform:translateY(-50%);} .esg10fpage span {} .esg10fpage span.on i:before {opacity:1;transform:translate(-50%,-50%) scale(1);} .esg10fxx {animation-name:esg10fxx;will-change:clip-path;} @keyframes esg10fxx {0% {clip-path:inset(var(--ptb) 8vw round 0 0 0 0);clip-path:inset(var(--ptb) 8vw round 0 0 0 0)} 75% {clip-path:inset( 0 round 0 0 0 0);clip-path:inset(0 round 0 0 0 0)} 100% {clip-path:inset( 0 round 0 0 0 0);clip-path:inset(0 round 0 0 0 0)} } @-webkit-keyframes esg10fxx {0% {-webkit-clip-path:inset(var(--ptb) 8vw round 0 0 0 0);clip-path:inset(var(--ptb) 8vw round 0 0 0 0)} 75% {-webkit-clip-path:inset( 0 round 0 0 0 0);clip-path:inset(0 round 0 0 0 0)} 100% {-webkit-clip-path:inset( 0 round 0 0 0 0);clip-path:inset(0 round 0 0 0 0)} } .esg10gxx {display:flex;align-items:flex-start;flex-wrap:wrap;margin-top:var(--mt55p);justify-content:space-between;} .esg10gxxa {width:48%;} .esg10gxxb {width:47.57%;} .esg10gxxbimg {width:100%;vertical-align:top;} .esg10gxxbimg {max-height:78vh;object-fit:cover;} .esg10gxxam {border-bottom:1px solid #ebebeb;} .esg10gxxamp1 {font-size:var(--fs20);font-weight:var(--b600);color:#222;} .esg10gxxamtit {position:relative;line-height:1.2;padding:30px 30px;cursor:pointer;} .esg10gxxamms {color:#555;padding:30px;line-height:1.6;background-color:#f6fcff;margin-bottom:15px;display:none;} .esg10gxxamms p {margin-top:10px;} .esg10gxxamms p:nth-child(1) {margin-top:0;} .esg10gxxamms a:hover {color:var(--color);} .esg10gxxamtit:before {position:absolute;width:0;top:0;height:100%;background:var(--line-bg);content:'';left:0;} .esg10gxxamp1,.esg10gicon {z-index:2;position:relative;} .esg10gicon {position:absolute;right:30px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;overflow:hidden;} .esg10gicon {overflow:hidden;background:var(--line-bg);} .esg10giconn1,.esg10giconn2 {left:1px;top:1px;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;} .esg10gicon:after {border-radius:50%;top:0;position:absolute;width:100%;height:100%;content:'';left:0;} .esg10gicon:after {width:calc(100% - 2px);height:calc(100% - 2px);background:#fff;} .esg10gicon:after {left:1px;top:1px;z-index:1;} .esg10gicon i {color:#333;font-size:14px;z-index:2;background:-webkit-linear-gradient(left,rgba(72,132,201,1) 0%,rgba(103,213,142,1) 100%) no-repeat 0 0;-webkit-text-fill-color:transparent;-webkit-background-clip:text;} .esg10gxxamp1,.esg10gicon:after,.esg10giconn1,.esg10giconn2,.esg10gxxamtit:before {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;} .esg10giconn2 {opacity:0;} .esg10gxxamtit.cur .esg10giconn2 {opacity:1;} .esg10gxxamtit.cur .esg10giconn1 {opacity:0;} .esg10gxxamtit.cur:before {width:100%;} .esg10gxxamtit.cur .esg10gxxamp1 {color:#fff} .esg10gxxamtit.cur .esg10gicon {background:#fff;} .esg10gxxamtit.cur .esg10gicon:after {opacity:0;} .esg11a {background:#f7f7f7;} .esg11am {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;} .esg11ama {background:#fff;width:285px;padding:20px 0;padding-top:35px;} .esg11ama {position:sticky;top:20px;} .esg11amasub {margin-top:var(--mt25p);} .esg11amasubm {display:flex;width:100%;line-height:1.2;} .esg11amasubm {position:relative;padding:18px 0;overflow:hidden;} .esg11amasubm span {padding:0 20px;position:relative;width:100%;} .esg11amasubm i {display:block;line-height:1;top:50%;transform:translateY(-50%);right:0;position:absolute;} .esg11amasubm i {right:30px;opacity:0;-webkit-opacity:0;} .esg11amasubm span:before {position:absolute;content:'';width:4px;height:4px;top:50%;transform:translateY(-50%);left:0;} .esg11amasubm span:before {background:#999;border-radius:50%;} .esg11amasubm:before {position:absolute;width:100%;height:100%;left:0;top:0;content:'';} .esg11amasubm:before {transform:translateX(-100%);-webkit-transform:translateX(-100%);background:var(--line-bg);} .esg11amasubm:before,.esg11amasubm span,.esg11amasubm i,.esg11amasubm span:before,.esg11ambaimgm,.esg11ambap1 {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;} .esg11amap1 {font-size:var(--fs20);font-weight:var(--b600);line-height:1;} .esg11amasubm,.esg11amap1 {padding-left:30px;} .esg11amasubm.on span,.esg11amasubm.on i,.esg11amasubm:hover span,.esg11amasubm:hover i {color:#fff;} .esg11amasubm.on span:before,.esg11amasubm:hover span:before {background-color:#fff;} .esg11amasubm.on i,.esg11amasubm:hover i {right:25px;opacity:1;-webkit-opacity:1;} .esg11amasubm.on:before,.esg11amasubm:hover:before {transform:translateX(0);-webkit-transform:translateX(0);} .esg11amb {width:calc(95% - 285px);} .esg11amba {display:flex;flex-wrap:wrap;width:100%;} .esg11ambalink {width:32%;margin-right:2%;margin-bottom:2%;} .esg11ambalink:nth-child(3n) {margin-right:0;} .esg11ambalink:hover .esg11ambaimgm {transform:scale(1.1);} .esg11ambalink:hover .esg11ambap1 {color:var(--colors2);} .esg11ambap1 {font-size:var(--fs20);color:#222;line-height:1.4;} .esg11ambawz {padding:30px 0;} .esg11ambap2 {color:#555;line-height:1.2;margin-top:var(--mt10p);} .esg11ambaimg {position:relative;overflow:hidden;padding-bottom:136.36%;} .esg11ambaimgm {position:absolute;max-width:100%;max-height:100%;inset:0;margin:auto;} /* esg */ /* case */ .case39am {display:flex;flex-wrap:wrap;} .case39ama {width:32%;margin-top:2%;margin-right:2%;cursor:pointer;} .case39ama:nth-child(3n) {margin-right:0;} .case39ama:nth-child(-n+3) {margin-top:0;} .case39aimg {overflow:hidden;padding-bottom:57.11%;position:relative;} .case39aimgm {width:100%;position:absolute;height:100%;object-fit:cover;left:0;top:0;} .case39aicon {position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;} .case39aicon {inset:0;margin:auto;background:rgba(0,0,0,0.5);visibility:hidden;opacity:0;-webkit-opacity:0;} .case39aicon i {display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--colors2);z-index:3;} .case39aicon i {width:50px;height:50px;} .case39ap1 {text-align:center;font-size:var(--fs18);color:#222;} .case39awz {padding:20px 10px;} .case39aimgm,.case39ap1,.case39aicon {transition:all 0.6s ease;} .case39ama:hover .case39aicon {opacity:1;visibility:visible;} .case39ama:hover .case39aimgm {transform:scale(1.03);} .case39ama:hover .case39ap1 {color:var(--colors2);} .pulinelaycase {position:relative;max-width:90%;margin:0 auto;transition:none;} .pulinelaycase {display:flex;background:#fff;padding:35px;} .pulinelaycaseimg {width:50%;transition:none;} .pulinelaycasewz {width:50%;padding-left:5%;padding-top:3%;transition:none;} .pulinelaycasewz {width:100%;padding-left:0%;padding-top:0%;transition:none;} .pulinelaycasems img{ width: 100%; } .pulinelaycaseimgm {overflow:hidden;padding-bottom:57.11%;position:relative;transition:none;} .pulinelaycaseimgmn {width:100%;position:absolute;height:100%;object-fit:cover;left:0;top:0;transition:none;} .pulinelaycasetit {font-size:var(--fs24);font-weight:var(--b600);line-height:1.4;color:var(--colors2);transition:none;} .pulinelaycasems {color:#999;margin-top:var(--mt10p);line-height:1.4;transition:none;} /* case */ @media only screen and (max-width:1024px) { .plr5{padding-left: var(--lr);padding-right: var(--lr); position: relative;} .swiperbtns{width: 45px;height: 45px;} /* baner */ .bangban img{width: 100%;} .bangbanvideo{bottom: 10%;right: var(--lr);} .bangbanvideo .playvideo{position: relative;left:auto;margin: 0;top:auto;width: 45px;height: 45px;} .ban_ul1{display: none;} .xxbppwz{padding: 0 var(--lr);} /* baner */ /* 移动端底部 */ .inner.innerfoot{padding:0 var(--lr)} .innerfoot{padding-top:var(--ptb)} .hline{height: 6px;} .htfootlogo img{height: 40px;} .htfootar,.htfootlogo{width: 100%;} .htfoota,.htfootlogo{margin-bottom: 0;} .htfoota{flex-wrap: wrap;padding-bottom: 0;} .htfootsharea {margin-right:20px;} .wapfootnav{padding-top: calc(var(--ptb) * 0.5);} .wapfootnav a{color:#fff;position: relative;padding: 15px 0;display: block;font-size: 16px;} .wapfootnav a i{position: absolute;display: block;line-height: 1;position: absolute;right: 0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .wapfootnav li{border-bottom: 1px solid rgba(255,255,255,0.2);} .htfootshare .htftssub{left:0;margin-left:0;} .hf126a,.hf126b{width: 100%;} .hf126{flex-wrap: wrap;padding: var(--ptb) 0;} .hf126a{padding-bottom: 30px;} .hf126b{gap:0;} .hf126b .hzzxbtn {margin-left:20px;} .hf127{flex-wrap: wrap;padding-top: 0;line-height: 1.4;} .hf127a,.hf127b{width: 100%;} /* 移动端底部 */ /* 全球布局 */ .ab35b-wap{position:relative;margin-top:0;height:auto;} .ab35b{padding-top:var(--ptb);padding-bottom: var(--ptb);} .ab35b-wap-zw{height:auto;position: relative;} .ab34c{align-items: flex-start;} .ab34c{display: block;} .ab34cbitemmwz2{display: none;} .ab34ccards{position: relative;width: 100%;top:0;right:0;max-width:800px;margin: 0 auto;} .ab34ccardspage{margin-top: var(--mt25p);} .ab35cmbmna{width: 49%;margin-right: 2%;} .ab35cmbmna:nth-child(3n) {margin-right: 2%;} .ab35cmbmna:nth-child(2n){margin-right: 0;} /* 全球布局 */ /* esg */ .esg9ap2{padding:0;} /* esg */ } @media only screen and (max-width:768px) { .swiperbtns{width: 40px;height: 40px;} .txtlineani span{animation:none;background: none;-webkit-text-fill-color:initial ;-webkit-background-clip: initial;} .txtlineani span{color:#333} .more19{line-height: 42px;} .more19{min-width: 130px;} /* 关于 */ .ab34ap1{text-align: center;} .ab34ap2{margin-top: var(--mt20p);} .ab34ap3icon{width: 60px;height: 60px;} .ab34ap3p1 span{font-size: var(--fs30);} .ab34ap3m{width: 50%;padding: var(--mt10p) 0;} .ab34ap3p1{margin-top: var(--mt10p);} .ab34ap3{margin-top: var(--mt25p);} .ab34btop{top:var(--ptb)} .ab34bottomm{padding:var(--npd);width: 100%;} .ab34bottomp1{font-size: var(--fs20);} .ab34bottomm{border-radius: var(--border5);} .ab34bottomm:before{display: none;} .ab34bottomp2{margin-top: var(--mt10p);} .ab34bottomm:after{background: rgba(255,255,255,0.8);} /* .ab34bottombicon{display: none;} .ab34bottombimg{opacity:1;-webkit-opacity:1;transform: scale(1);-webkit-transform: scale(1);} */ .ab34bottomb{width: 45px;height: 45px;margin-top: 5px;} .ab34bottomb img{max-width: 60%;max-height: 60%;} .ab34bottomm{margin-top: var(--mt20p);} /* .ab34btopm{justify-content: center;flex-wrap: wrap;} */ /* .ab34btopmp1{width: 100%;text-align: center;} .ab34btopmp2{margin-top: var(--mt25p);} */ .ab34btop{position: relative;top:0;} .ab34btopmp1 span{color: #222;} .ab34bbg{margin-top: var(--mt25p);} .ab34c{animation-name:none;min-height: inherit;} .ab34bottom{position: relative;top:0;transform: translate(0);-webkit-transform: translate(0);bottot:auto;left:0;} .ab34bottom {padding-top: calc(var(--ptb) * 1.5);padding-bottom: calc(var(--ptb) * 1.5);} .ab34bottomm:nth-child(1) {margin-top: 0;} .ab34bbg{height: auto;min-height: inherit;} .ab34cb{margin-top: var(--mt25p);} .ab34cban{position: relative;transform: translate(0);-webkit-transform: translate(0);bottot:auto;left:0;} .ab34cban{margin-top: var(--mt25p);} .ab34dlink{width: 100%;margin-top: var(--mt20p);} .ab34dlink:nth-child(1){margin-top: 0;} .ab34dp1{font-size: var(--fs20);} .ab34dp2{height: 30px;} .ab34dwz{padding:var(--npd);top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .ab34em{bottom: auto;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 0;} .ab34e{padding-bottom: 60%;} .ab34ep2{opacity:1;-webkit-opacity:1;padding:0 5%;} .ab34ep3{margin-top: var(--mt25p);} .ab34b{padding-top: calc(var(--ptb) * 0.5);} /* 关于 */ /* 企业文化 */ .ab36bimgmnimg{position: relative;height: auto;} .ab36b{padding-top: 0;} .ab36bimgmnp1{font-size: var(--fs20);} .ab36bimgmnp2{font-size: 14px;} .ab36bimgmnp2{margin-top: var(--mt10p);} .ab36bswiper{margin-top: var(--mt25p);overflow: hidden;} .ab36cap2{margin-top: var(--mt10p);} .ab36caicon{width: 70px;height: 70px;} /* 企业文化 */ /* 全球布局 */ .ab34ccardsp1{font-size: var(--fs18);} .ab34ccardsp1{padding-bottom: var(--npd);margin-bottom: var(--npd);} .ab35bxx{margin-top: var(--mt25p);} .ab35bxxb,.ab35bxxa{width: 100%;} .ab35bxxa{margin-top: var(--mt20p);} .ab35bxxamtit,.ab35bxxamms{padding:var(--npd);} .ab35bicon{right:var(--npd);} .ab35cma{position: relative;top:0;display: none;} .ab35cmb{width: 100%;} .ab35cmbh5{font-size: var(--fs42);} .ab35cmbmna{padding: var(--npd);} .ab35cmbp1icon1{font-size: var(--fs16);} .ab35cmbp1icon2{font-size: var(--fs18);} .ab35cmbp1{padding-left: 25px;} .ab35cmbmna:nth-child(-n+2){margin-top: 0;} .ab35cmbmn{margin-top: var(--mt25p);} /* 全球布局 */ /* 投资者 */ .inv39azs{margin-top: var(--mt25p);} .inv39azsp1{font-size: var(--fs18);} .inv39azsc{display: none;} .inv39azsb,.inv39azsa{width: 100%;} .inv39azs{padding: var(--npd);} .inv39azsp2 em{font-size: var(--fs32);} .inv39azsp2 span{font-size: var(--fs18);} .inv39azsbam{width: 50%;display: flex;align-items: end;line-height: 24px;margin-top: var(--mt10p);} .inv39azsba{font-size: var(--fs14);} .inv39azsba em{font-size: var(--fs24);} .inv39azsba em{margin-top:0;padding-left: 5px;} .inv39azsbam:last-child{width: 100%;} .inv39azsp2,.inv39azsba,.inv39azsbb{margin-top: var(--mt25p);} .inv39btop{flex-wrap: wrap;padding-bottom: 15px;} .inv39btopr{width: 100%;} .inv39btopr span:before{bottom:-16px;} .inv39btopr span{margin-left: 20px;} .inv39btopr{margin-top: var(--mt25p);} .inv39btopr span{font-size:16px;} .inv39btabmna{width: 100%;margin-right: 0;padding: var(--npd);margin-bottom: 20px;} .inv39bicon{width: 38px;height: 50px;} .inv39blink{padding-left: 55px;} .inv39bp1{line-height: 1.4;overflow: inherit;text-overflow: inherit;white-space: normal;} .inv39bp2{display: block;} .inv39btab{margin-top: var(--mt25p);min-height: inherit;} .inv39c{padding: 0;} .inv39cmn{padding-bottom: 50%;} .inv39cwz{padding:0 var(--lr)} .inv39cp0{font-size: var(--fs22);} .inv39cp1,.inv39cp2{font-size: 14px;} .inv39cp2 i{font-size: 18px;} .inv39cp2{padding-left: 25px;} .inv39cp1{margin-top: var(--mt20p);} /* 投资者 */ /* esg */ .esg9ams{margin-top: var(--mt25p);} .ggsubs27txt{position: relative;left: 0;bottom: 0;opacity: 1;-webkit-opacity:1;} .ggsubs27pic{position: absolute;width: 100%;} .esg9aswiperbg{position: absolute;width: 100%;height: 100%;left:0;top:0;} .esg9aswiper{position: relative;overflow: hidden;padding:calc(var(--ptb) * 1.3) var(--lr)} .esg9aslide {height: auto;display: flex} .ggsubs27txt{border:none;} .ggsubs27txt{width: 100%;padding: var(--npd);} .esg9aswiper{margin-top: var(--mt25p);} .esg9b{padding-top:0;} .ggsubs27pic{opacity:0;-webkit-opacity:0;transition: all 0.3s ease;} .ggsubs27pic.cur{opacity:1;-webkit-opacity:1;} .ggsubs27txtp1{font-size: var(--fs20);font-weight: var(--b600);} .esg9bswiperscrollbar{width: 70%;margin-top: var(--mt25p);} .esg9bswiper{margin-top: var(--mt25p);} .esg10aswiper{margin-top: var(--mt25p);} .esg10ap1{font-size: var(--fs18);font-weight: var(--b600);} .esg10awz{position: relative;top:0;padding: var(--npd);text-align: left;} .esg10ap1{color:#222;} .esg10ap2{color: #444;margin-top: 0;display: none;transition:none;-webkit-transition:none;} .esg10ap2{padding:var(--npd);border-top:1px solid #eee} .esg10ap1,.esg10ap2{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;-webkit-opacity: 1;} .esg10awapm{box-shadow: 0 0 10px rgba(0,0,0,0.05);} .esg10awapm{margin-top: var(--mt25p);} .esg10awz{padding:0;} .esg10ap1{position: relative;padding:var(--npd);padding-right: 45px;} .esg10ap1 i{position: absolute;line-height: 1;display: block;right: var(--npd);top:calc(var(--npd) + 1px);font-size: 14px;opacity:0.8} .esg10ap1.active i:before{content:"\e729";} .qy0225clogom{height: 50px;padding:0 20px;} .esg10btop,.esg10ctop {align-items: center;} .esg10bswiper{margin-top: var(--mt25p);} .esg10cmore{display: none;} .esg10cwz{padding:var(--npd);} .esg10cslide{padding-bottom: 0;} .esg10cp2{font-size: var(--fs18);} .esg10cswiper,.esg10cswiperpage{margin-top: var(--mt25p);} .esg10ems{margin-top: var(--mt20p);} .esg10esub{white-space: nowrap;overflow-x: auto;overflow-y: hidden;padding-bottom:15px;} .esg10esubm{max-width:inherit;} .esg10esubm:before{displau:none;} .esg10esub{padding-left: var(--lr);border-bottom: none;} .esg10em{overflow: hidden;} .esg10esub::-webkit-scrollbar {height:1px;} .esg10esub::-webkit-scrollbar-track {background-color:#eee;} .esg10esub::-webkit-scrollbar-thumb {background-color:var(--color2s);border-radius:1px;} .esg10esub::-webkit-scrollbar-thumb:hover {background-color:var(--color2s);} .esg10esubm{margin-right: 15px;} .esg10exx{padding-bottom:0;} .esg10eswiper {position: relative;height: auto;} .esg10eimg{position: relative;padding-bottom: 41.07%;overflow: hidden;height: auto;} .esg10ewz{position: relative;top:0;transform: translateY(0);-webkit-transform: translateY(0);} .esg10ep1, .esg10ep2{opacity: 1;-webkit-opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);} .esg10ep1{color:#222;font-weight: var(--b600);font-size: var(--fs18);} .esg10ep2{color:#444;} .esg10exx{margin-top:0;} .esg10esubm{font-weight: normal;} .esg10ep2{width: 100%;max-width: 100%;margin-top: var(--mt10p);} .esg10ewz{padding:var(--npd)} .esg10eslide{height: auto;background: #fafafa;} .esg10f{padding-top:0;} .esg10fp1{font-size: var(--fs18);font-weight: var(--b600);} .esg10fpage span{font-size:0;} .esg10fpage:before,.esg10fpage i{display:none;} .esg10fxx{animation-name:none;} .esg10fxx{padding-bottom: 0;} .esg10fswiper{position: relative;height: auto;} .esg10fwz{position: relative;left:0;top:0;transform:none;-webkit-transform:none;padding:calc(var(--ptb) * 1.5) var(--lr);} .esg10fp2{margin-top: var(--mt10p);} .esg10fslide{height: auto;} .esg10fp2{width:100%;} .esg10fpage{position: relative;right: 0;top: 0;transform: none;-webkit-transform: none;display:none;} .esg10fswiperpage,.esg10fxx{margin-top: var(--mt25p);} .esg10fp1{transition-delay: 0.1s;-webkit-transition-delay: 0.1s;} .esg10fp2{transition-delay: 0.3s;-webkit-transition-delay: 0.3s;} .esg10gxxb,.esg10gxxa{width:100%;} .esg10gxx{margin-top: var(--mt25p);} .esg10gxxamp1{font-size: var(--fs18);} .esg10gxxamtit,.esg10gxxamms{padding:var(--npd);} .esg10gicon{right:var(--npd);} .esg10gicon{top:15px;transform: none;-webkit-transform: none;} .esg11a_wap_hide{display: none;} .esg11amb{width:100%;} .esg11ambalink{width: 49%;} .esg11ambalink:nth-child(3n) {margin-right: 2%;} .esg11ambalink:nth-child(2n) {margin-right: 0;} .esg11ambap1{font-size: var(--fs18);font-weight: var(--b600);} .esg11ambawz{padding:var(--npd) 0} /* esg */ /* case */ .case39ama{width: 100%;margin-right: 0;} .case39ap1{font-weight: var(--b600);} .case39awz{padding-bottom: 0;} .case39ama{margin-bottom: 20px;} .pulinelaycaseimg,.pulinelaycasewz{width: 100%;} .pulinelaycase{flex-wrap: wrap;padding:0;} .pulinelaycasetit{font-size: var(--fs18);} .pulinelaycasewz{padding:var(--npd)} .pulinelaycase{max-width: 100%;} .pulinelayclose1 {z-index: 3;} .pulinelayclose1{right:var(--npd);top:var(--npd)} /* case */ /* indexm2 */ .nwa42logo { position: absolute; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center; } .nwa42logo { inset: 0; margin: auto; } /* .nwa42logo{animation-name: nwa42logo;} */ @keyframes nwa42logo { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 1; transform: scale(1); } 70% { opacity: 0.9; transform: scale(2); } 85% { opacity: 0; transform: scale(3.5); } 100% { opacity: 0; transform: scale(3.5); } } @keyframes fadebig { 0% { transform: scale(1); opacity: 0; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(5); opacity: 0; } } .fadebig { opacity: 0; -webkit-opacity: 0; } .fadebig.is-inview, .fadebigaos-animate { animation: 1s fadebig 0.3s; animation-fill-mode: forwards; -webkit-animation-duration: 2s; animation-duration: 2s; } .nwa42wz2 .pro0827p1 { animation-delay: 1.5s !important } .nwa42wz2 .nwa42wzp9 { animation-delay: 1.7s !important } .nwa42wz2 .nwa42wzp11 { animation-delay: 1.9s !important } /* */ .wapbanerbg { width: 100%; height: 100%; left: 0; top: 0; } .wapbanerbg { position: absolute; object-fit: cover; background-position: center; background-repeat: no-repeat; background-size: cover; } .wapbanerbgm { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } .wapbanerwz { position: absolute; left: 50%; transform: translateX(-50%); z-index: 3; width: 100%; } .wapbanerwz { top: 15%; } .wapbanerp0 img { height: 15px; } .wapbanerp0 { text-align: center; } .wapbanerp1 { font-size: var(--fs42); } .wapbanerp1 { color: #fff; line-height: 1.4; font-weight: var(--b600); text-align: center; } /* .wapbanerp1 br {display:none;} */ .wapbanerp3 { color: #fff; margin-top: 15px; text-align: center; } .wapbanerp2 { margin-top: var(--mt35p); display: flex; justify-content: center; gap: 20px; } .wapbanerp2 .more19{ /*min-width: 150px;*/ padding: 0 10px; } .wapbanerp2p2 { margin-left: 15px; } .wapbanerpage { width: 100% !important; position: absolute; left: 0 !important; bottom: 5% !important; } .wapbanerpage { display: flex; z-index: 5; justify-content: center; } .wapbanerpage span { background: #fff; position: relative; width: 15px; height: 4px; border-radius: 4px; transition: all 0.3s ease; } .wapbanerpage span.swiper-pagination-bullet-active { width: 30px; } .wapbanerpage span.swiper-pagination-bullet-active { background: #fff; } .wapbanerp2, .wapbanerp1 { opacity: 0; } .wapbaner { overflow: hidden; height: 100vh; min-height: 500px; } /* */ .wap2proswiper {} .wap2proswiper { width: 100%; overflow: hidden; margin-top: var(--mt25p); } .wap2prop1 { font-size: var(--fs20); font-weight: var(--b600); line-height: 1.4; color: #fff; } .wap2prop1 { padding: 0 5%; } .wap2proms { color: #fff; margin-top: var(--mt5p); } .wap2proimg img { width: 100%; } .wap2proslide { border-radius: var(--border10); overflow: hidden; } /* .wap2proslide {box-shadow:0 5px 10px rgba(0,0,0,0.08);} */ .wap2prowz { padding: var(--npd); position: absolute; left: 0; bottom: 0; text-align: center; z-index: 3; } .wap2prowz { padding-bottom: 0; bottom: 8%; width: 100%; } .wap2prop2 { margin-top: 5px; color: #666; } .wap2pro { width: 100%; overflow: hidden; } .wap2proslide { height: auto; } .wap2promore { display: flex; justify-content: center; margin-top: var(--mt15p); } .wap2promore { display: none; } .wap2propage { margin-top: var(--mt25p); } /* */ .solution-content .item .more-btn img, .switch-btn .icon img { width: 100%; vertical-align: top } @media only screen and (max-width:1024px) { .solo819 { position: relative; } .solution-content video, .solution-content .night-video, .solution-content, .inside-swiper, .solo819 { height: auto; } .solution-content .item .more-btn { width: 20px; height: 20px; } .solution-content .item .message .title { line-height: 20px; } .solution-content .item .message .title { font-size: 14px; } .solution-content .item-main .message { align-items: flex-start; } .solution-content .item::after { bottom: 5px; border-width: 5px; } .solution-content .dot { width: 5px; height: 5px; } .solution-content .dot-content.active { z-index: 66; } .inside-swiper { margin-top: var(--mt25p); } .switch-btn { width: 50px; height: 20px; margin-top: 20px; border-radius: 30px; } .switch-btn .icon { height: 20px; width: 20px; } } /* */ .wap2new { width: 100%; overflow: hidden; } .wap2newswiper { margin-top: var(--mt25p); } .wap2newswiper { padding-bottom: var(--mt25p); } .wap2newp2 { color: #666; padding-bottom: 5px; font-size: 12px; } .wap2newp1 { font-size: var(--fs-title); font-weight: var(--b600); line-height: 1.4; color: #222; } .wap2newslide { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); height: auto; } .wap2newslide { overflow: hidden; } .wap2newpage { margin-top: 0; } .wap2casewz { position: relative; padding: var(--npd); width: 100%; z-index: 3; left: 0; bottom: 0; } .wap2casep1 { font-size: var(--fs18); font-weight: var(--b600); line-height: 1.4; color: #222; } .wap2casep2 { color: #333; line-height: 1.4; margin-top: var(--mt10p); } .wap2casep0 { color: #222; font-size: 12px; line-height: 1; padding-bottom: 5px; } .wap2casemore { margin-top: 15px; } .wap2casemore .more9 i { color: #999; margin-top: 0; } /* */ .wapinv { position: relative; } .wapinvbg { position: sticky; top: 0; } .wapinvbgm { width: 100%; height: 100vh; position: absolute; left: 0; top: 0; overflow: hidden; } .wapinvbgm { background-repeat: no-repeat; background-size: cover; background-position: center; } .wapinvzw { position: relative; z-index: 3; } .wapinvp1 { color: #fff; margin-top: var(--mt25p); } .wapinvp2 { display: flex; justify-content: center; margin-top: var(--mt55p); } .wapinvp3 { display: flex; flex-wrap: wrap; margin-top: var(--mt55p); justify-content: space-between; } .wapinvp3m { width: calc(50% - 8px); text-align: center; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .wapinvp3m { margin-bottom: 16px; padding: 15px; } .wapinvp3mimg { height: 45px; } .wapinvp3mp1 { color: #fff; font-weight: var(--b600); margin-top: var(--mt5p); } /* */ .wap2abo { position: relative; } .wap2abo { padding: calc(var(--ptb) *1.2) 0; padding-bottom: calc(var(--ptb) * 5); } .wap2abobg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .wap2abozw { position: relative; z-index: 3; text-align: center; } .wap2abonum { display: flex; justify-content: space-between; color: #fff; flex-wrap: wrap; } .wap2abonum ul { width: 50%; padding: 10px 0 } .wap2abop1 span { font-weight: var(--b600); font-size: var(--fs24); } .wap2abop1 { display: flex; justify-content: center; } .wap2abop2 { line-height: 1.2; } .wap2abonum { padding: var(--ptb) 0; padding-top: calc(var(--ptb) / 2); } .wap2abop3 { display: flex; justify-content: center; } /* */ /* indexm2 */ }