:root{ --nav-widths:90%; --widths:100%; --nav-height:74px; --nav-height-ph:65px; --line-bg:linear-gradient(-270deg,rgba(255, 144, 0, 1) 0%, rgba(204, 132, 74, 1) 100%); --b300:300; --b400:400; --b500:500; --b600:600; --b700:700; --b800:800; --b900:900; --color:#f08200; --reds:#e20a20; --colors2:#063166; --bgs:#f3f3f3; --bg-f7f8fa:#f7f8fa; --color2:#6fb92c; --borders:25px; --bord5:15px; --border15:15px; --border10:10px; --global-width:250px; --index-ab-l-w:480px; --border5:5px; --border20:20px; --ftbg:#07172e; --plr120:160px; --plr110:160px; --plr5:4%; --mt60:60px; --fs-num:70px; --jl8c-pd:60px; --ban-min-height:780px; --more-height:42px; --navli-right:35px; --navli-height:90px; --navli-height-scroll:70px; --navheightsmall:36px; --navsub-width-a:260px; --navsub-width-c:310px; --nav-sub-li-width:50%; --navsub-size-sub:16px; --navsub-left-jx1:60px; --nav-fs-h6:24px; --nav-fs-ms:18px; --kfxxsize:50px; --fs-nav-1:22px; --fsbaner:55px; --fssite3page:18px; --fs70:70px; --fs60:60px; --fs52:52px; --fs48:48px; --fsp1:48px; --fs40:40px; --fs30:30px; --fs28:28px; --fs24:24px; --fs22:22px; --fs20:20px; --fs18:18px; --mt10p:10px; --mt15p:15px; --mt25p:25px; --mt30p:30px; --mt35p:35px; --mt40p:40px; --mt45p:45px; --mt50p:50px; --mt45p:45px; --mt55p:55px; --fs-h2:30px; --fs-h3:30px; --fs-h4:20px; --fs-span:18px; --fs-title:16px; --fs-16:16px; --fs-14:14px; --fs-12:12px; --npd35:35px; --npd:25px; --js_nav_subcd-lr:85px; --line-bg2:linear-gradient(0deg,rgba(255, 168, 93, 1) 0%, rgba(253, 143, 49, 1) 100%); --background-aware-gradient-bottom-right: linear-gradient(136.47deg, #fff 35.41%, #fff7f5 58%, #bde3ff 128.14%); /* 新闻 */ --press5a-width-a:235px; --new-sticky-width:290px; /* 新闻 */ /* 产品左侧 */ --pro-left-width:350px; /* 产品左侧 */ /* 下载左边宽 */ --down-width-left:350px; /* 下载左边宽 */ } html.lenis.hc-open{height:100vh !important;overflow: hidden;} html.lenis.hc-open body{height:100vh !important;overflow: hidden;} .jlh1{font-size: var(--fs60);font-weight: var(--b600);line-height: 1.2;color: #000;} .jlh1-fff{color:#fff;} .more10{display: flex;padding: 0 40px;line-height:var(--more-height);border-radius:999px;transition: all 0.3s ease;} .more10{ justify-content: center;min-width:165px} .more10-small{font-size:14px;padding: 0 30px;min-width:150px;line-height:calc(var(--more-height) * 0.9);} .more10-line-color{line-height: calc(var(--more-height) - 2px);border: 1px solid var(--color);color:#fff;} .more10-line-color-bg-color{background:var(--color);line-height: calc(var(--more-height) - 2px);border: 1px solid var(--color);color:#fff;} .more10-line-fff-fff{line-height: calc(var(--more-height) - 2px);border: 1px solid #fff;color:#fff;} .more10-line-color-333{color: #333;line-height: calc(var(--more-height) - 2px);border: 1px solid #333;} .more10-line-color-color{color: var(--color);line-height: calc(var(--more-height) - 2px);border: 1px solid var(--color);} .more10-color{background:var(--color);color:#fff;} .more10-fff{background:#fff;color:#222;} .more10-000{background:#000;color:#fff; } .more10-color:hover{background-color: #fff;color:var(--color)} .more10-fff:hover,.more10-line-color:hover{background-color: var(--color);color:#fff} .more10-line-fff-fff:hover,.more10-line-color-color:hover{background-color: var(--color);color:#fff;border-color: var(--color);} .more10-line-color-333:hover{background-color: var(--color);color:#fff;border-color:var(--color);} .more10-hover-line-color:hover{background-color: #fff;color:var(--color);border:1px solid var(--color);} .more10-000:hover{background-color: var(--color);color:#fff;border-color: var(--color);} .more10-arra{padding-left:25px;padding-right:25px;} .more10-arra i{font-size:14px;margin-left:30px;} @media screen and (max-width:1600px) { :root{ /* --widths:1400px; */ } } @media screen and (max-width:1366px) { :root{ /* --widths:90%; */ } } html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .w1200{width:1200px;margin:0 auto;} .scaleimg{overflow: hidden;width: 100%;padding-top: 50px;margin-top: 20px;} .scaleimgm{position: relative;} .scaleimgn{width: 100%;visibility: hidden;opacity: 0;} .scaleimgbg{position: absolute; border-radius: var(--border15);overflow: hidden;width: 1700px; height: 110%; left: 50%; top: 50%; transform: translate(-50%, -50%); background-position: center;background-repeat: no-repeat; background-size: cover;} .scaleimgbg{animation-name:scale01;} @keyframes scale01 { 0% {} to {width: var(--widths);height: 100%;} } .fwb{font-weight: 700;} .ani_style2,.ani_style3,.ani_style22 {opacity:0} .ani_style2.is-inview,.ani_style2.aos-animate{animation:1s aniStyle2 0.3s;animation-fill-mode:forwards} .ani_style22.is-inview {animation:1s aniStyle22 0.3s;animation-fill-mode:forwards} .ani_style3.is-inview {animation:1s aniStyle3 0.3s;animation-fill-mode:forwards} @keyframes aniStyle1 {0% {opacity:0} 100% {opacity:1} } @keyframes aniStyle2 {0% {opacity:0;transform:translate3d(0,40px,0)} 100% {opacity:1;transform:translate3d(0,0px,0)} } @keyframes aniStyle22 {0% {opacity:0;transform:translate3d(0,100px,0)} 100% {opacity:1;transform:translate3d(0,0px,0)} } @keyframes aniStyle3 {0% {opacity:0;transform:scale(1.3)} 100% {opacity:1;transform:scale(1)} } .ani_4.is-inview,.ani_4.aos-animate {animation-delay:0.4s !important;} .ani_5.is-inview,.ani_5.aos-animate {animation-delay:0.5s !important;} .ani_6.is-inview ,.ani_6.aos-animate {animation-delay:0.6s !important;} .ani_7.is-inview,.ani_7.aos-animate {animation-delay:0.7s !important;} .ani_8.is-inview ,.ani_8.aos-animate {animation-delay:0.8s !important;} .ani_9.is-inview ,.ani_9.aos-animate {animation-delay:0.9s !important;} .ani_10.is-inview,.ani_10.aos-animate {animation-delay:1s !important;} .ani_11.is-inview ,.ani_11.aos-animate {animation-delay:1.1s !important;} .ani_12.is-inview {animation-delay:1.2s !important;} .ani_13.is-inview {animation-delay:1.3s !important;} .ani_14.is-inview {animation-delay:1.4s !important;} .ani_15.is-inview {animation-delay:1.5s !important;} .ani_16.is-inview {animation-delay:1.6s !important;} .swiper-3d .swiper-slide-shadow-left{background-image:none} .swiper-3d .swiper-slide-shadow-right{background-image:none} .text-c{text-align: center;} .w1400{width: var(--widths);margin: 0 auto;padding-left: var(--plr120);padding-right: var(--plr120);} .w95{width: var(--nav-widths);margin: 0 auto;} body{background-color: #fff;color: #222;} .ajax_content{min-height:50vh;} .js_xialam1{background-color: #fff;padding-top: 60px;padding-bottom: 80px;box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.06);} .js_xialamn{width:var(--widths);margin:0 auto;display: flex;} .js_xialamna{width: 30%;} .js_xialamnb{width: 62%;display: flex;justify-content: space-between;margin-left: 8%;padding-top: 30px;} .js_xialamnbm{width: 31.5%;} .js_xialamnbimg{overflow: hidden;border-radius: 0;} .js_xialamnbimg img{width: 100%;} .js_xialamnbp1{padding-top: 20px;font-size: 18px;line-height: 1.2;font-weight: var(--b600);color: #3d3d3d;} .js_xialamnah4{font-size: 30px;font-weight: var(--b600);color: #222;line-height: 1;} .js_xialamnams{line-height: 1.4;margin-top: 25px;color: #555;} .js_xialamnamore{display: flex;margin-top: 35px;} .tcbg,.tcimgs{display: none;position: fixed;z-index: 888;} .tcbg{background: rgba(0,0,0,0.3);width: 100%;height: 100vh;left:0;top:0;} .tcimgs{z-index: 999;width: 380px;left:50%;top:50%;transform: translate(-50%,-50%);} .tcimgs img{max-width: 100%;} .site-baner{position: relative;height: 100vh;width: 100%;overflow: hidden;} .site-baner{height: calc(100vh - 106px);margin-top: 106px;} .site-baner{} .site-baner-bg{position: absolute;object-fit: cover;background-position: center;background-repeat: no-repeat;background-size: cover;} .site-baner-bg{width:100%;height: 100%;left:0;top:0;} .site-baner-zw{position: absolute;left:50%;transform: translateX(-50%);z-index: 3;} .cta-btn-redesign,.ggbtm{box-sizing: border-box;border: 1px solid var(--color);} .cta-btn-redesign,.ggbtm{color:#fff;font-size:16px;padding:12px 35px;background-color:var(--color);border-radius:50px;text-decoration:none;display:inline-block;position:relative;overflow:hidden;} /* .ggbtm{text-transform:none;} */ .ggbtm{cursor: pointer;} .ggbtm .tile{display: flex;align-items: center;} .ggbtm .tile img{margin-right: 10px;} .cta-btn-redesign .tile {-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:block;font-weight:400;} .cta-btn-redesign .arrow-wrapper {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:absolute;right:-15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;} .cta-btn-redesign .arrow-wrapper span {background-color:#fff;height:2px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:10px;display:block;} .cta-btn-redesign:hover .tile {-webkit-transform:translateX(-10px);transform:translateX(-10px);} .cta-btn-redesign:hover .arrow-wrapper {right:15px;} .cta-btn-redesign:hover .arrow-wrapper span:first-of-type {-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:9px 1px;transform-origin:9px 1px;} .cta-btn-redesign:hover .arrow-wrapper span:last-of-type {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:7px 0;transform-origin:7px 0;} .cta-btn-redesign{transition:all .3s ease;} .cta-btn-redesign-fff{border-color: #fff;background: #fff;color: var(--color);} /* .cta-btn-redesign-fff .arrow-wrapper span{background: var(--color);} */ .cta-btn-redesign-fff:hover{background: var(--color);color:#fff;border-color: var(--color);} .cta-btn-redesign-line-fff{border-color: #fff;background: transparent;} .cta-btn-redesign-line-fff:hover{background: #fff;color: var(--color);} .cta-btn-redesign-line-fff .arrow-wrapper span{background: var(--color);} .cta-btn-redesign {background: none;color: var(--color);} .cta-btn-redesign .arrow-wrapper span{background:var(--color);} .cta-btn-redesign:hover{background:var(--color);color: #fff;} .cta-btn-redesign:hover .arrow-wrapper span{background:#fff;} .cta-btn-redesign-fff{border-color: #fff;background: transparent;color: #fff;} .cta-btn-redesign-fff:hover{background: var(--color);color: #fff;border-color: var(--color);} .cta-btn-redesign-fff .arrow-wrapper span{background: #fff;} .cta-btn-redesign-color{border-color: var(--color);background:var(--color);color: #fff;} .cta-btn-redesign-color:hover{background: #fff;color: #222;border-color: #fff;} .cta-btn-redesign-color .arrow-wrapper span{background: var(--color);} .cta-btn-redesign-color:hover .arrow-wrapper span{background:#222} .site-baner-three{display: flex;width: 100%;margin-top: 50px;} .site-baner-three li{width: 33.33%;padding: 50px 35px ;transition: all 0.25s ease;border-radius: 7px;position: relative;color: #fff;} .site-baner-three li{overflow: hidden;font-size: 24px;} .site-baner-three li a{position: relative;z-index: 3;display: block;} .site-baner-three li:after{background-image: linear-gradient(150deg, rgba(67,53,139,0.83), rgba(57,115,185,0.83));} .site-baner-three li:nth-child(2):after{background-image: linear-gradient(150deg, rgba(54,99,15,0.72), rgba(241,228,0,0.81));} .site-baner-three li:nth-child(3):after{background-image:linear-gradient(150deg, rgba(46,36,122,0.83), rgba(131,31,130,0.85));} .site-baner-three li:after {content: '';position: absolute;left: 0;top: 0;height: 100%;width: 100%; opacity: 0;} .site-baner-three li:last-child:before{display: none;} .site-baner-three li:before {content:'';position:absolute;bottom:auto;top:7px;right:0;height:150px;width:1px;background:#ffffff;opacity:0.3;} .site-baner-jt {position:absolute;right:30px;top:30px;color:#fff;font-size:24px;} .site-baner-three .description {font-size:14px;line-height:20px;font-weight:400;margin:10px 0 30px 0;display:block;} .site-baner-three li a {color:#fff;} .site-baner-three li:hover:before,.site-baner-three li:hover .site-baner-jt {opacity:0;} .site-baner-three li:hover:after,.site-baner-three li:hover .site-baner-p3,.site-baner-three li:hover .site-baner-p4 {opacity:1;} .site-baner-three .description,.site-baner-three .cta-btn-redesign,.site-baner-three li:after {opacity:0;transition:all 0.25s ease;} .pg-baner{margin-top: 0;} .pg-baner{position: relative;height: 78vh;;max-height: 950px;overflow: hidden;} .pg-baner-wz{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 6;color:#fff;} .pg-baner-h3{font-size: 60px;line-height: 1.2;color: #fff;text-align: left;} .abpen{font-size: 18px;} .abpsmall{font-size: 24px;line-height: 1;} .abpcn{font-size:60px;line-height: 1.2;font-weight: var(--b400);} .flags-united-states{background: url(../img/glos_3.svg) center no-repeat;background-size: 100% auto;} .flags-united-states{border-radius: 50%;background: none;} .flags-united-states{width: 18px;height: 18px;display: block;position: absolute;top:50%;transform: translateY(-50%);left:0;} .flags-united-states:after,.flags-united-states:before{position: absolute;content: '';width: 100%;height: 100%;left:0;top:0;} .flags-united-states:after{background: url(../img/language_icon_2.gif) center no-repeat;background-size: 100% auto;opacity: 0;} .flags-united-states:before{background: url(../img/language_icon_1.gif) center no-repeat;background-size: 100% auto;opacity: 1;} .site-baner-page{z-index: 3;} .site-baner-page{width: 1400px !important;} .site-baner-page{position: absolute;left:50% !important;top: auto !important;transform: translateX(-50%);bottom: 50px !important;z-index: 3;} .site-baner-page{display: flex;align-items: center;justify-content: space-between;} .site-baner-page span{cursor: pointer; width:19%;height: 20px;position: relative; opacity: 1 !important;background: none !important; border-radius: 0;margin: 0 !important;} .site-baner-page span:after{background: rgba(255,255,255,0.5) !important;position: absolute;content: '';width: 100%;height: 2px;left:0;bottom:0;} .site-baner-page span:before{opacity: 0;z-index: 2; position: absolute;content: '';width: 0;height: 2px;left:0;bottom:0;background:#fff ;transition: width 4s ease;} .site-baner-page span.swiper-pagination-bullet-active{background: #fff;opacity: 1 !important;} .site-baner-page span.swiper-pagination-bullet-active:before{width: 100%;opacity: 1;} .site-baner-page{top:auto;} /* .site-baner-zw{bottom:15%;} */ /* .site-baner-zw{top: 50%;transform: translate(-50%,-50%);} */ .site-foot{background: #081f63;} .site-foot-a{padding-top:80px;} .site-foot-am{display: flex;justify-content: space-between;align-items: flex-start;} .site-foot-amb a{display: block;font-size: 14px;color: #555;margin-top: 10px;} .site-foot-amb a{transition: all 0.3s ease;color: #fff;opacity: 0.8;} .site-foot-amb a:hover{opacity: 1;} .site-foot-p4{font-size: 14px;color:#666} .site-foot-p5{font-weight: 700;line-height: 1;font-size: 40px;color: #222;padding: 10px 0;} .site-foot-p6{color: #333;} .site-foot-amb h6{font-weight: 700;font-size: 18px;color: #fff;padding-bottom: 6px;} .site-foot-amc{text-align: right;} .site-foot-am{padding-bottom: 40px;} .site-foot-amb{display: flex;justify-content: space-between;width: 100%;} .site-foot-w0{width: 550px;} .site-foot-w1{width: calc(85% - 550px);} .site-foot-w0{display: flex;justify-content: flex-end;} .site-foot-bm{display: flex;justify-content: space-between;} .site-foot-b{padding-bottom: 40px;} .site-foot-ba{font-size: 14px;color: #666;} .site-foot-fx a{color: #fff;margin-right: 35px;} .site-foot-fx {display: flex;} .site-foot-fx a{display: block;line-height: 60px;} .site-foot-fx a:nth-of-type(1) i{font-size:22px;} .site-foot-fx a:nth-of-type(2) i{font-size:20px;} .site-foot-fx a:nth-of-type(3) i{font-size:21px;} .site-foot-fx a:nth-of-type(4) i{font-size:16px;} .site-foot-fx a:nth-of-type(5) i{font-size:20px;} .site-foot-search{background: #fff;height: 60px;border-radius: 60px;position: relative;width: 100%;} .site-foot-search input{background: none;border: none;padding: 15px 30px;width: 100%;height: 100%;line-height: 30px;box-sizing: border-box;} .site-foot-search input{outline: none;} .site-foot-search i{height: 60px;line-height: 60px;right: 30px;top:0;font-size: 30px;position: absolute;} .site-foot-search i{color: #000;} .site-foot-copy,.site-foot-b-qt{padding-top: 40px;} .site-foot-bb{display: flex;flex-wrap: wrap;} .site-foot-copy{color: #fff;} .site-foot-b-p1{font-weight: 700;} .site-foot-b-p2 em{padding: 0 15px;} .site-foot-b-p2{margin-top: 10px;font-size: 12px;color: #fff;} .site-foot-b-p2 ,.site-foot-b-p2 a{color: rgba(255,255,255,0.7);} .site-foot-b-p2 a:hover{color: rgba(255,255,255,1);} .site-foot-b-lauge span{font-weight: 700;position: relative;padding-left: 30px;color: #fff;} .site-foot-b-lauge i{font-weight: normal;font-size: 22px;color: #fff;position: absolute;left:0;top:50%;transform: translateY(-50%);line-height: 1;} .site-foot-ama{display: flex;flex-wrap: wrap;color: #fff;align-items: flex-start;} .site-foot-ama p{width: 100%;margin-top: 15px;text-align: right;} .site-foot-cm{display: flex;font-size: 12px;justify-content: space-between;} .site-foot-c{background: #fff;color:#666;padding: 40px 0;} .site-foot-w2{width: 24%;} .site-foot-w3{width: 64%;} .site-foot{background: var(--background-aware-gradient-bottom-right);} .site-foot-c{background: none;} .site-foot-amb a{display: none;} .site-foot-amb h6{color: #444;font-weight: 300;} .site-foot-amb{display: block;} .site-foot-ama p,.site-foot-amb{width: auto;} .site-foot-amab{justify-content: space-between;} .site-foot-b-p1,.site-foot-search,.site-foot-b-qt{display: none;} .site-foot-fx a,.site-foot-b-p2, .site-foot-b-p2 a{color: #666;} .site-foot-b-p2{margin-top: 0;} .site-foot-copy{padding-top: 0;} .site-foot-bm{align-items: center;} .site-foot-b-p2 a:hover{color: var(--color);} .site-foot-xsm li{margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid #ccc;} .site-foot-xsm li a{display: block;position: relative;font-size: 18px;color: #444;} .site-foot-xsm li a i{position: absolute;right: 0;top:1px;font-size: 18px;} .site-foot-xsm li,.site-foot-xsm li a,.site-foot-xsm li i,.site-foot-amb h6{transition: all 0.3s ease;cursor: pointer;} .site-foot-xsm li:hover a,.site-foot-xsm li:hover a i,.site-foot-amb h6:hover{color: var(--color);} .site-foot-xsm li:hover {border-color: var(--color);} .site-foot-amb h6{margin-bottom: 15px;} .site-foot-ama{justify-content: space-between;} .site-foot-510{width:100%;display: flex;justify-content: flex-end;} .top510,.family{height: 48px;line-height: 46px;color:#fff;border: 1px solid #fff;cursor: pointer;} .top510{border-radius: 50%;text-align: center;width: 48px;margin-left: 20px;} .top510 i{font-weight: 400;font-size: 20px;} .top510,.top510 i,.top510:before,.family,.family i{transition: all 0.3s ease;} .top510{position: relative;overflow: hidden;} .top510 i{position: relative;z-index: 3;} .top510:before{position: absolute;width: 100%;height: 100%;content: '';left:0;top:100%;background: #fff;} .top510:hover{border-color: #fff;} .top510:hover{color: var(--color);} .top510:hover:before{top:0;} .family:hover{border-color: #fff;background-color:#fff;color: var(--color);} .family{padding:0 30px;border-radius: 56px;} .family span{font-weight: 700;font-size: 18px;text-transform: uppercase;padding-right: 60px;position: relative;} .family span{display:block;} .family span i{position: absolute;right: 0;top:16px;display: block;line-height: 1;} /* body,button,input{ font-family:'alph',"PingFang SC", "HanHei SC", "Microsoft Yahei", "Arial", "Helvetica", "STHeitiSC-Light", sans-serif;font-weight: 400;font-size: 16px;line-height: 1.8;} */ .home_prot_tit{width:45%;} .scpp1{font-size: 36px;color: #333;font-weight: bold;} .scpp2{font-size: 56px;color: #222;font-weight: bold;margin-top: 20px;} .scpp3{font-size: 22px;color: #666666;margin-top: 20px;line-height: 1.6;} .scpline{position: relative;width: 200px;height: 8px;margin-top: 60px;} .scpline:before,.scpline:after{position: absolute;content: '';top:0;width: 50%;height: 100%;} .scpline:before{background: #0b579f;left: 0;} .scpline:after{background: #2cadb2;left: 50%;} .proxf1,.proxf2,.proxf3,.proxf4{position: relative;z-index: 3;} .proxf1{display: inline-block;font-size: 14px;color: #2cadb2;border: 1px solid #2cadb2;padding: 8px 15px;line-height: 1;} .proxf1{border-radius: 25px;} .proxf2{font-size: 36px;font-weight: 700;margin-top: 15px;} .proxf3{font-size: 18px;color: #666;line-height: 1.6;margin-top: 15px;} .proxf4{margin-top: 40px;} .tb-navsub{position: absolute;width: 100%;left:0;top:100%;background: #fff;} .tb-navsub{display: none;} .tb-nav2{width: 100%;display: flex;height: 100%;} .tb-nav2r{background: linear-gradient(90deg, rgba(0,87,137,1) 0%, rgba(0,126,182,1) 50%, rgba(5,161,223,1) 100%);} .tb-nav2l,.tb-nav2r{box-sizing: border-box;} .tb-nav2r{box-sizing: content-box;padding-left: 30px;} .tb-nav2l-2-left{padding-left:8.8vw;} .tb-nav2l-2{width: calc(100% - 290px - 30px);} .tb-nav2r-2{width: calc(290px + 8.8vw);width: 290px;padding-right: 8.8vw;} .tb-nav2l-sub{font-weight: 700;font-size: 18px;position: relative;color: #222;display: flex;box-sizing: border-box;} .tb-nav2l-sub{background: #eeeeee;} .tb-nav2l-sub{padding-right: calc(15% + 200px);justify-content: space-between;} .tb-nav2l-sub a{line-height: 40px;height: 100px;padding: 30px 0;position: relative;box-sizing: border-box;position: relative;} .tb-nav2l-sub a:before{position: absolute;width: 100%;height: 2px;background: var(--color);content: '';} .tb-nav2l-sub a:before{left:0;bottom:0;height: 0;transition: all 0.3s ease;opacity: 0;} .tb-nav2l-sub a.on:before{height: 2px;opacity: 1;} .tb-nav2l,.tb-nav2r{height: 100%;} .tb-nav2otxt{background: none;border: none;height: 40px;line-height: 40px;} .nav2l-search{position: absolute;width: 200px;border-radius: 40px;background: #fff;padding: 0 20px;box-sizing: border-box;} .nav2l-search{right: 5%;top:30px} .tb-nav2otxt{width: 100%;} .tb-nav2otxt:focus{outline: none;} .nav2l-search i{position: absolute;height: 40px;line-height: 40px;font-size: 20px;color: #444;right: 15px;} .sub30a{display: inline-block;padding: 4px 10px;line-height: 1.2;border-radius: 5px;font-size: 16px;color: #555;} .sub30a{position: relative;left: -10px;} .sub30a:hover{background: #eee;} .sub30h4{font-size: 20px;} .sub30li{margin-top: 15px;} .sub-pt-45p{padding-top: 50px;} .sub30h4-pb-25p{padding-bottom: 15px;} .cyjqsubma{display: flex;justify-content: space-between;align-items: flex-start;} .cyjqsubma{box-sizing: border-box;padding-right: 8%;} .cyjqsubma ul{} .sub30h4,.sub30li{width: 100%;} .cyjqsubma-ul-3{width: 45%;display: flex;flex-wrap: wrap;align-items: flex-start;} .cyjqsubma-ul-3 li{width: 50%;} .tb-nav2rdesc{} .tb-nav2rdesc-2{padding: 50px 20px;padding-bottom: 0;} .tb-nav2rp1{font-size: 20px;} .tb-nav2rp2{font-size: 14px;line-height: 1.4;margin-top: 10px;} .tb-nav2rp3{margin-top: 20px;} .tb-nav2rimg-b-15{border-radius: 10px;} .tb-nav2rimg{overflow: hidden;margin-top: 50px;} .tb-nav2rimg img{width: 100%;vertical-align: top;} .tb-nav2rp1,.tb-nav2rp2{color: #fff;} .cyjqsubm{display: none;} .cyjqsubm:nth-child(1){display: block;} .cyjqsubm:nth-child(3) .cyjqsubma,.cyjqsubm:nth-child(4) .cyjqsubma{justify-content: flex-start;} .cyjqsubm:nth-child(3) .cyjqsubma ul,.cyjqsubm:nth-child(4) .cyjqsubma ul{margin-right: 6%;} .tb-nav2l-1{width: 40%;} .tb-nav2l-1 .cyjqsubma{padding-right: 0;justify-content: center;} .tb-nav2l-1 .cyjqsubma ul{margin: 0 10%;} .tb-nav2l-1 .cyjqsubma ul:nth-child(1){margin-left: 0;} .tb-nav2l-1 .cyjqsubma ul:last-child{margin-right: 0;} .tb-nav2l-1-m{} .tb-nav2r-1{width: 60%;padding-left: 0;} .tb-nav2r-1-m{display: flex;width: 100%;justify-content: space-between;padding: 0 10px;box-sizing: border-box;} .tb-nav2r-1-m ul{width: 33.33%;box-sizing: border-box;padding: 0 10px;} .tb-nav2rdesc-1{padding: 30px 15px;padding-bottom: 0;} .tb-nav2r-1{width: 35%;} .tb-nav2l-1{width: 65%;padding-left: 380px;} .tb-nav2l-1 .cyjqsubma{justify-content: flex-start;} .tb-navsub .pubmore29-small{font-size: 12px;width: 110px;height: 30px;line-height: 28px;} .tb-nav2l-4{width: calc(100% - 290px - 30px);} .tb-nav2l-4 .cyjqsubma{padding-right: 0;justify-content: center;} .tb-nav2l-4 .cyjqsubma ul{margin: 0 12%;} .tb-nav2l-4 .cyjqsubma ul:nth-child(1){margin-left: 0;} .tb-nav2l-4 .cyjqsubma ul:last-child{margin-right: 0;} .tb-nav2r-4{width: calc(290px + 8.8vw);width: 290px;padding-right: 8.8vw;padding-left: 0;} .tb-nav2r-4-m{display: flex;width: 100%;justify-content: space-between;box-sizing: border-box;padding-left: 30px;} .tb-nav2r-4-m ul{width: 100%;box-sizing: border-box;} .tb-nav2l-4-m ul:last-child{width: 350px;} .tb-nav2l-4-m .cyjqsubma ul:last-child{display: flex;flex-wrap: wrap;} .tb-nav2l-4-m .cyjqsubma ul:last-child li{width: 50%;} .tb-nav2l-4-m .cyjqsubma ul:last-child .sub30h4 {width: 100%;} .tb-nav2l-4 .cyjqsubma ul{margin: 0 8%;} .tb-nav2r-4{width: 40%;} .tb-nav2l-4{width: 60%;padding-left: 380px;} .tb-nav2l-4 .cyjqsubma{justify-content: flex-start;width: 100%;} .tb-nav2r-4 .tb-nav2r-4-m{width: 290px;} .tb-nav2rimg-4{width: 290px;} .tb-nav2r-4 .tb-nav2r-4-m{width: 600px;padding-left: 60px;} .tb-nav2r-4-m-n{width: 100%;justify-content: space-between;align-items: center;} .tb-nav2r-4-m-n{display: flex;} .tb-nav2rdesc-4{padding-top: 50px;} .tb-nav2rdesc-4{width: 190px;} .tb-nav2l-6{width:50%;} .tb-nav2l-6 .cyjqsubma{padding-right: 0;justify-content: center;width: 65%;margin: 0 auto;} .tb-nav2r-6{width: 50%;padding-left: 0;} .tb-nav2r-6-m{display: flex;width: 100%;justify-content: space-between;box-sizing: border-box;padding-left: 60px;} .tb-nav2l-6-m ul{width: 70%;box-sizing: border-box;} .tb-nav2l-6-m .cyjqsubma ul{display: flex;width: 100%;flex-wrap: wrap;} .tb-nav2l-6-m .cyjqsubma li{width: 50%;} .tb-nav2l-6-m .cyjqsubma .sub30h4 {width: 100%;} .tb-nav2r-6-m-n{width: 458px;display: flex;align-items: flex-end;} .tb-nav2rdesc-6{width: 190px;} .tb-nav2rimg-6{width: calc(100% - 190px);} .tb-nav2r-6{width: 50%;} .tb-nav2l-6{width: 50%;padding-left: 380px;} .tb-nav2l-6 .cyjqsubma{justify-content: flex-start;width: 100%;} .tb-nav2rimg-6{width: 290px;} .tb-nav2r-6-m-n{width: 540px;justify-content: space-between;align-items: center;} .tb-nav2rdesc-6{padding-top: 50px;} .tb-nav2l-7{width:50%;} .tb-nav2l-7 .cyjqsubma{padding-right: 0;justify-content: center;width: 75%;margin: 0 auto;} .tb-nav2r-7{width: 50%;padding-left: 0;} .tb-nav2r-7-m{display: flex;width: 100%;justify-content: space-between;box-sizing: border-box;padding-left: 60px;} .tb-nav2l-7-m ul{width: 70%;box-sizing: border-box;} .tb-nav2l-7-m .cyjqsubma .sub30h4 {width: 100%;} .tb-nav2r-7-m-n{width: 458px;display: flex;align-items: flex-end;} .tb-nav2rdesc-7{width: 190px;} .tb-nav2rimg-7{width: calc(100% - 190px);} .tb-nav2l-40{width: calc(100% - 290px - 30px);} .tb-nav2l-40 .cyjqsubma{padding-right: 0;justify-content: space-between;box-sizing: border-box;padding-left: 10%;padding-right: 12%;} .tb-nav2r-40{width: calc(290px + 8.8vw);width: 290px;padding-right: 8.8vw;padding-left: 0;} .tb-nav2r-40-m{display: flex;width: 100%;justify-content: space-between;box-sizing: border-box;padding-left: 30px;} .tb-nav2r-40-m ul{width: 100%;box-sizing: border-box;} .tb-navsub-1{height: 530px;} .tb-navsub-0{height: 400px;} .tb-navsub-4{height: 375px;} .tb-navsub-40{height: 375px;} .tb-navsub-6{height: 310px;} .tb-navsub-7{height: 310px;} .tb-navsub{background: #f5f5f5;} .tb-nav2l-40 .cyjqsubma{padding-left: 100px;padding-right: 100px;} .tb-nav2r-40{width: 440px;padding-right: 100px;} .tb-nav2l-40{width: calc(100% - 440px);} .tb-nav2r-40-m{padding-left: 0;} .tb-nav2r{background: none;} .tb-navsub-40{height: 450px;} .tb-nav2rp1{color: #222;} .tb-nav2rp2{color: #333;} .cyjqsubm-w-33 .cyjqsubma li{width: 33.33%;} .cyjqsubm-w-50 .cyjqsubma li{width: 50%;} .tb-navsub-6{background: #fff;box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);} .tb-nav2r-6{background: url(../img/subbg4.jpg) right bottom no-repeat #fcfafa;} .tb-navsub .pubmore29{display: flex;align-items: center;line-height: inherit;justify-content: center;} .tb-nav2 .tb-navsub .pubmore29:hover{background: var(--color);color: #fff;border-color: var(--color);} .tb-nav2r-6-m-n{width: 580px;} .tb-nav2rdesc-6{width: calc(90% - 290px);} .tb-navsub .pubmore29{background: var(--color);border-color: var(--color);color: #fff;} *{box-sizing: border-box;} :root{ --br-2: 1.3021vw; } .msbg { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } /* .bo-head{position: fixed;width: 100%;left:0;top:0;z-index: 999;transition: all 0.3s ease;} .bo-heada a{color:#222;} .bo-heada,.bo-headb{padding-left: 70px;padding-right:70px;width: 100%;} .bo-heada{display: flex;justify-content: space-between;height: 40px;line-height: 40px;transition: all .5s ease-in-out;} .bo-heada{background: #f5f5f5;font-size: 14px;} .bo-heada-a{display: flex;width: 100%;justify-content: space-between;align-items: center;} .bo-heada-a{transform: scale(1);transform-origin: 100% 0;transition: all .5s ease-in-out;} .bo-heada-a a{font-size: 12px;position: relative;} .bo-heada-a a{margin-left:0;} .bo-heada-1{width: 50%;} .bo-heada-2{width: 50%;display: flex;justify-content: flex-end;} .bo-heada-2 a{margin-left: 35px;} .investors i{font-size: 12px;margin-left: 5px;} .bo-headb{display: flex;justify-content: space-between;align-items: center;} .bo-headb-left{display: flex;width:calc(100% - 255px);align-items: center;} .bo-head-logo{height: 35px;position: relative;width: 179px;} .bo-head-logo img{position: absolute;left:0;top:0;height: 100%;transition: all 0.3s ease;} .logo2{opacity: 0;} .bo-head-nav{width: calc(100% - 220px);display: flex;justify-content: center;} .bo-head-navli>a,.bo-head-search{line-height: 70px;color:#222;} .bo-head-navli>a{font-size: 18px;position: relative;display: block;line-height: 70px;} .bo-head-navli.has-sub>a{padding-right: 24px;} .bo-head-navli>a:before,.bo-head-navli>a:after{position: absolute;content: '';bottom: 0;height: 2px;background: var(--color);opacity: 0;transition: all 0.5s ease;width: 0;} .bo-head-navli>a i{position: absolute;right: 0;display: block;line-height: 1;top:50%;transform: translateY(-50%);} .bo-head-navli{margin:0 3%;padding: 0;height: 70px;} .bo-head-navli>a i{display: none;} .bo-head-navli.has-sub>a{padding: 0;} .bo-head-search{position: relative;top:0;} .bo-head-search span{padding-right: 10px;} .bo-head-search i{position: relative;top:0;} .bo-headb{padding-top: 0;padding-bottom: 0;background: #fff;} .bo-headb-link{padding:0 35px;font-size: 16px;} .bo-headb-link{height: 44px;line-height: 42px;border-radius: 42px;text-transform: uppercase;} .bo-head-search{border: 1px solid #e4e4e4;border-radius: 50%;width: 44px;} .bo-head-search,.bo-headb-link{height: 44px;line-height: 42px;background: #e4e4e4;color: #222;border-color: #e4e4e4;text-align: center;} .bo-headb-right i,.bo-headb-right span{} .bo-headb-link:hover{background: var(--color);border-color: var(--color);color: #fff;} .yya{position: relative;padding-right: 20px;padding-left: 22px;} .bo-headb-right{display: flex;width: 220px;justify-content: space-between;} .bo-head.white{background: #fff;} .bo-head.white .logo1{opacity: 1;} .bo-head.white .logo2{opacity: 0;} .bo-head.white .bo-head-navli>a,.bo-head.white .bo-head-search,.bo-head.white .bo-heada a{color: #222;} .bo-head.scroll{background: #fff;box-shadow: 0 5px 25px rgba(0,0,0,0.08);} .bo-head.scroll .logo1{opacity: 1;} .bo-head.scroll .logo2{opacity: 0;} .bo-head.scroll .bo-head-navli>a,.bo-head.scroll .bo-head-search,.bo-head.scroll .bo-heada a{color: #222;} .bo-head.scroll{top:-40px} .bo-head-navli:hover>a:before,.bo-head-navli:hover>a:after{width: 20%;opacity: 1;} .bo-head-navli>a:before{left: 50%;} .bo-head-navli>a:after{right: 50%;} */ .foot3{padding: 40px 0;background: var(--ftbg);} .foot3a{display: flex;justify-content: space-between;} .foot3ar{width: 280px;display: flex;justify-content: space-between;} .foot3,.foot3 a{color: rgba(255,255,255,0.6);} .foot3bp2{text-transform: uppercase;} .foot3b{padding-top: 30px;font-size: 14px;} .foot3bp3{margin-top: 15px;display: flex;justify-content: space-between;} .foot3bp3 a{display: inline-block;margin-right: 0;} .foot3bp3 em{padding: 0 10px;} .foot3bp2{margin-top: 5px;} .foot3c{display: flex;justify-content: space-between;} .foot3c{border-top: 1px solid rgba(255,255,255,0.2);padding-top: 20px;font-size: 12px;margin-top: 20px;} .foot3c a{display: inline-block;margin-right: 10px;} .foot3ca{color: var(--color) !important;} .family span{font-size: 14px;} .isgf{background: #000;position: relative;} .bo-d{position: relative;} .bo-dm{position: relative;z-index: 3;} .bo-i:before,.bo-d:before{position: absolute;top:0;height: 100%;background: #fff;width: 100%;left: 50%;transform: translateX(-50%);content: '';z-index: 2;} .bo-i:before,.bo-d:before{transition: 600ms ease;} .bo-in{position: relative;z-index: 3;} .foot3{position: sticky;bottom: 0;width: 100%;} .isgf.active .bo-i:before,.isgf.active .bo-d:before{width: 96%;} .isgf.active .bo-i:before{border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;} .bo-d{background: #fff;position: relative;z-index: 3;} .pro1a{padding-top: 150px;position: relative;margin-top: 127px;} .pro1abg,.pro1abg2{position: absolute;left:0;top:0;width: 100%;height: 100%;} .pro1abg{background: url(../img/e0.jpg) center top no-repeat #fff;z-index: 3;} .pro1abg{background-size: 100% auto;} .pro1abg2{background: #fff;z-index: 2;} .pro1a1,.pro1a2{display: flex;justify-content: space-between;} .pro1ap2{font-size: 120px;line-height: 1;color: var(--color);font-weight: 700;} .pro1ap1{font-size: 48px;line-height: 1;font-weight: 700;} .pro1a1{align-items: center;} .pro1a2p1{line-height: 1.8;max-width: 600px;} .pro1a2{margin-top: 45px;align-items: flex-end;} .pro1am{position: relative;z-index: 6;} .pro1bg000{position: absolute;left:50%;bottom: 0;height: 35%;transform: translateX(-50%);width: 100%;} .pro1abg2{transform: translateX(-50%);left:50%;} .pro1abg,.pro1abg2{transition: all 0.5s ease;} .pro1abg{left: 0;right: 0;margin: auto;overflow: hidden;} .pro1abg2.on,.pro1abg.on{width: 98%;} .pro1abg2.on{border-radius: 20px;} /* .yya i{font-size: 12px;color: #555;margin-left: 5px;} .bo-heada-c{display: flex;} .bo-heada-a a,.bo-heada-a {font-size: 14px;} .bo-heada-ca span,.bo-heada-ca b{padding-left: 12px;} .bo-heada-ca b{font-weight: 400;color: #ff0000;} .bo-heada-cb em{padding: 0 10px;font-size: 12px;} .bo-heada-cb{padding-left: 20px;} .bo-head-nav{justify-content: flex-end;} .bo-head-navli{margin: 0;margin-left: 0;} .bo-head-navli>a{font-size: 22px;} .bo-head-navli>a i{margin-top: 2px;} */ .qqzpp{height: 74px;display: flex;align-items: center;cursor: pointer;} .qqzppspan{font-size: 14px;} .qqzppspan:before,.qqzppspan:after{position: absolute;content:'';width: 15px;height: 20px;left: 0;top:50%;margin-top: -11px;} .qqzppspan:before,.qqzppspan:after{background-position: center;background-repeat: no-repeat;background-size: 100% auto;transition: all 0.3s ease;} .qqzppspan:before{background-image: url(../img/dq002.svg);} .qqzppspan:after{background-image: url(../img/dq001.svg);opacity: 0;} .qqzppi{padding-left: 8px;font-size: 12px;display: inline-block;line-height: 1;position: relative;top:-1px;} .qqzppspan{position: relative;padding-left: 20px;} .qqzppspan,.qqzppi{color: #222;} .qqline{width: 1px;height: 14px;background: #ddd;transition: all 0.3s ease;opacity: 1;margin: 0 25px;} .ssex{background: url(../img/ssex.svg) center no-repeat;height: 32px;opacity: 0.8;background-size: 100% auto;line-height: 32px;} .ssex{display: flex;align-items: center;} .ssex span{display: none;margin-left: 5px;font-size: 14px;} .ssex i{font-size: 19px;} /* .bo-headb-left2{display: flex;align-items: center;} */ .pubh1{font-size: var(--fsp1);color: var(--color);line-height: 1.2;font-weight: var(--b400);overflow: hidden;} .pubp1{font-size: 18px;margin-top: 15px;} .pubh1-fff{color: #fff;} .pubh1-000{color: #000;} .pubh1 em{padding-left: 30px;} .pubp3{margin-top: 45px;} .pubmore{overflow: hidden;} .pubmore {border:1px solid #f5f5f5;background: #f5f5f5;box-sizing: border-box;color: #333;} .pubmore:hover{background: #f5f5f5;} .pubmore-15p {margin-left:20px;} .pubmore-fff {background:#fff;border-color:#fff;} .pubmore-fff:hover {background:#fff;border:#fff;} .pubmore-fff .pwz1 {color:#333;} .pubmore-fff .pwz2 {color:var(--color);} .pubmore-fff .svg-fff {fill:var(--color);} .pubmore-fff .svg-000 {fill:var(--color);} .pubmore-line-fff {background:none;border-color:#fff;} .pubmore-line-fff:hover {background:#fff;border-color:#fff;} .pubmore-line-fff .pwz1 {color:#fff;} .pubmore-line-fff .pwz2 {color:var(--color);} .pubmore-line-fff .svg-fff {fill:#fff;} .pubmore-line-fff .svg-000 {fill:var(--color);} .pubmore-line-333 {background:none;border-color:#666;} .pubmore-line-333:hover {background:var(--color);;border-color:var(--color);} .pubmore-line-333 .pwz1 {color:#666;} .pubmore-line-333 .pwz2 {color:#fff;} .pubmore-line-333 .svg-fff {fill:#666;} .pubmore-line-333 .svg-000 {fill:#fff;} .pubmore-none-icon .pwz1{left: 24px;} .pubmore-none-icon .psvg{opacity: 0;} .pubmore-none-icon:hover .psvg{opacity: 1;} .pubmore-000 {background:none;border-color:#000;} .pubmore-000:hover {background:var(--green);border-color:var(--green);} .pubmore-000 .pwz1 {color:#000;} .pubmore-000 .pwz2 {color:#fff;} .pubmore-000 .svg-fff {fill:#000;} .pubmore-000 .svg-000 {fill:#fff;} .pubmore-yellow {background:var(--line-bg);} .pubmore-yellow .pwz1 {color:#fff;} .pubmore-yellow .pwz2 {color:#fff;} .pubmore-yellow .svg-fff {fill:#fff;} .pubmore-yellow .svg-000 {fill:#fff;} .pubmore-green {background:#f37200;border-color:#f37200;} .pubmore-green .pwz1 {color:#fff;} .pubmore-green .pwz2 {color:#fff;} .pubmore-green .svg-fff {fill:#fff;} .pubmore-green .svg-000 {fill:#fff;} .pwz {position:relative;} .pwz1,.pwz2 {position:relative;transition:transform 0.3s cubic-bezier(0.12,0.77,0.16,0.93),opacity 0.3s cubic-bezier(0.12,0.77,0.16,0.93)} .pubmore,.hl3carrplay {padding:0 25px;font-size:16px;} .pubmore,.hl3carrplay {display:flex;height:50px;line-height:46px;border-radius:50px;width:164px;align-items:center;justify-content:space-between;box-sizing:border-box;} .pubmore,.hl3carrplay{border-radius: 0;border-bottom-left-radius:0;color: #222;} .pubmore-small{height: 45px;line-height: 43px;border-width: 1px;width: 150px;} .pubmore svg {width:10px;height:10px;} .pubmore span {display:inline-block;height:calc(100% - 0px);vertical-align:top;} .svg-fff {fill:#222;} .svg-000 {fill:var(--color);} .pwz1 {position:relative;transition:transform 0.3s cubic-bezier(0.12,0.77,0.16,0.93),opacity 0.3s cubic-bezier(0.12,0.77,0.16,0.93)} .pwz2 {position:absolute;top:50%;left:0;transform:translateY(200%);opacity:0;} .pubmore .psvg {width:10px;height:10px;position:relative;overflow:hidden;} .dad .psvg {width:10px;height:10px;position:absolute;overflow:hidden;display:block;} .svg-1,.svg-2 {transition:transform 0.3s ease 0.2s,opacity 0.3s ease 0.2s;} .svg-1 {position:relative;top:0;transform:translate(0,0);} .svg-2 {opacity:0;transform:translate(-100%,0);position:absolute;left:0;top:100%;transition:transform 0.3s,opacity 0.3s;} .pubmore {transition:all 0.3s cubic-bezier(0.12,0.77,0.16,0.93)} .pubmore:hover .svg-1 {opacity:0;transform:translate(100%,-100%);transition:transform 0.3s,opacity 0.3s;} .pubmore:hover .svg-2 {transition:transform 0.3s,opacity 0.3s;} .pubmore:hover .svg-2 {opacity:1;transform:translate(0,-100%);transition:transform 0.3s ease 0.2s,opacity 0.3s ease 0.2s;} .pubmore:hover .pwz1 {transform:translateY(-200%);opacity:0;} .pubmore:hover .pwz2 {transform:translateY(-50%);opacity:1;} .hl10ta{color: #fff;margin-left: auto;padding-right: 40px;line-height: 40px;} .hl10ta span{padding-left: 10px;} .hl10ta span:last-child{color: #ff0000;font-weight: 700;position: relative;top:2px;} .tbxktopar,.tbxktopar i,.bo-heada a,.yya i,.qqzppspan, .qqzppi{color: #222;} .qqzppspan:after{opacity: 0;} .qqzppspan:before{opacity: 0.6;} .tbxktopar{display: flex;align-items: center;} .tbxktopar i{font-size: 20px;margin-left: 10px;} /* .bo-heada{background: #000000;} .bo-head-navli{margin-left:30px;} .bo-head-logo {height: 34px;width: 168px;} .bo-heada, .bo-headb{padding-left: 0;padding-right: 0;} .bo-heada-a,.bo-headb{width: var(--widths);margin: 0 auto;} .bo-headb{background: none;} .bo-head{background: #fff;} .bo-head{background: rgba(255,255,255,0.8);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}*/ .site-baner-zw{bottom: auto;top:50%;transform:translateX(-50%);} .pubmore29{display: inline-block;box-sizing: border-box;} .pubmore29{border: 1px solid transparent;border-image: linear-gradient(to bottom, #7ef2ec, #21bfd4) 1 stretch;} .pubmore29{border-radius: 56px;height: 56px;line-height: 54px;padding: 0 56px;} .pubmore29{border: 1px solid var(--color);border-radius: 56px;font-size: 18px;color: #fff;transition: all 0.3s ease;} .pubmore29-fff{border-color: #fff;} .pubmore29-000{color: #333;} .pubmore29-small{width: 130px;padding: 0;height: 36px;line-height: 34px;font-size: 14px;text-align: center;} .pubmore29-small{border-width:1px !important;} .pubmore29-bgfff{background: #fff;color: #000;} .pubmore29:hover,.pubmore29-bgfff:hover{background: linear-gradient(90deg, var(--theme-color-8) 0%, var(--theme-color-9) 100%);color: #fff;border-color: transparent;} .xkmsga{padding: 100px 0;} .xkmsga{background-position: center;background-repeat: no-repeat;background-size: cover;} .xkmsgam{display: flex;justify-content: flex-end;position: relative;z-index: 3;} .xkmsgama{width: 680px;background: #fff;padding:45px 30px;} .xkmsgatxt{background: none;border: none;height: 52px;line-height:20px;padding-bottom: 5px;padding-top: 25px;transition: all 0.3s ease;} .xkmsgatxt{background: #f8f8f8;border: 1px solid #eee;border-radius: 0;outline: none;width: 100%;padding-left: 20px;} .xkmsgatext{height: 112px;} .xkmsgaxv{display: flex;width: 100%;justify-content: space-between;margin-top: 20px;} .xkmsgaxvn{width: calc(50% - 10px);position: relative;} .xkmsgaxvn label{padding-left: 20px;display: inline-block;line-height: 20px;color: #999;z-index: 3;left: 0;top:16px;position: absolute;transition: all 0.3s ease;} .xkmsgaxvn i{padding-left: 5px;color: #ff0000;} .xkmsgaxvn-100{width: 100%;} .xkmsgaxvn label.on{top:5px;font-size: 14px;} .xkmsgatxt:focus{border-color: var(--color);} .xkmsgah{display: flex;} .xkmsgah{color: #999;} .xkmsgah i{width: 16px;height: 16px;border-radius: 5px;border: 1px solid #000;opacity: 0.3;} .xkmsgah i{margin-top: 7px;display: none;} .xkmsgah span{width: calc(100% - 16px);padding-left: 10px;} .xkmsgah span{width: 100%;padding: 0;} .xkmsgah a{color: #666;text-decoration: underline;} .xkmsgaj{display: flex;justify-content: flex-start;cursor: pointer;} .xkmsgaj span{font-size: 18px;} .xkmsgaj span{transition: all 0.3s ease;padding: 0 65px;height: 48px;line-height: 48px;background:var(--color);color: #fff;} .rfixed.open .rfixedicon{height: 290px;} .rfixediconm7 i{font-size: 30px;} .rfixediconm8 i{font-size: 30px;} .site-foot-xsm{width: 370px;} .site-foot-xsm li{margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid #ccc;} .site-foot-xsm li a{display: block;position: relative;font-size: 18px;color: #444;} .site-foot-xsm li a i{position: absolute;right: 0;top:1px;font-size: 18px;} .site-foot-xsm li,.site-foot-xsm li a,.site-foot-xsm li i{transition: all 0.3s ease;cursor: pointer;} .site-foot-xsm li:hover a,.site-foot-xsm li:hover a i{color: var(--color);} .site-foot-xsm li:hover {border-color: var(--color);} .hlfot3{padding-top: 50px;background: #f2f2f2;position: relative;z-index: 8;} .hlfot3aa{width: calc(82% - 370px);} .hlfot3aa h6{font-weight: 700;font-size: 18px;color:var(--color)} .hlfot3aa a{color: #999;font-size: 14px;} .hlfot3aa a:hover{color: var(--color);} .hlfot3aa dd{margin-top: 6px;} .hlfot3aa dl{margin-top: 15px;} .hlfot3aa{display: flex;justify-content: space-between;} .hlfot3a{padding-top: 50px;} .hlfot3b{} .hlfot3b.pubflex{display: none;} .hlfot3c{border-top: 1px solid #f9f9f9;display: flex;justify-content: space-between;} .hlfot3bap2{font-weight: 700;font-size: 18px;color:var(--color)} .hlfot3bap3 {display: flex;height: 42px;align-items: center;} .hlfot3bap3{margin-top: 10px;} .hlfot3bap3 a{width: auto;height: 30px;line-height: 30px;text-align: center;border-radius: 50%;} .hlfot3bap3 a{margin-right: 35px;} .hlfot3bap3 a{color: #151515;transition: all 0.3s ease;} .hlfot3bap3 a i{font-size: 22px;} .hlfot3bap3 a:last-child i{font-size: 20px;position: relative;} .hlfot3bap3 a:hover{background: var(--color);} .hlfot3bap3 a:hover i{color: var(--color);} .hlfot3bb{display: flex;padding-top: 40px;} .top510,.family{height: 44px;line-height: 42px;color:#222;border: 1px solid #a0a0a0;cursor: pointer;} .top510{border-radius: 50%;text-align: center;width: 44px;margin-left: 20px;} .top510 i{font-weight: 700;font-size: 24px;} .top510,.top510 i,.top510:before,.family,.family i{transition: all 0.3s ease;} .top510{position: relative;overflow: hidden;} .top510 i{position: relative;z-index: 3;font-weight: normal;} .top510:before{position: absolute;width: 100%;height: 100%;content: '';left:0;top:100%;background: var(--color);} .top510:hover{border-color: var(--color);} .top510:hover{color: #fff;} .top510:hover:before{top:0;} .family:hover{border-color: var(--color);background-color:var(--color);color: #fff;} .family{padding:0 30px;border-radius: 56px;font-weight: normal;background: #eeeeee;} .family span{font-weight: 700;font-size: 14px;text-transform: uppercase;padding-right: 40px;position: relative;} .family span i{position: absolute;right: 0;top:13px;display: block;line-height: 1;font-weight: normal;} .hlfot3c{background: #fff;border-top: 1px solid #c9c9c9;} .hlfot3c{font-size: 14px;color: #a3a3a3;padding: 20px 0;} .hlfot3cm{} .hlfot3cb{display: flex;} .hlfot3cb a{margin: 0 10px;} .hlfot3cc{padding-right: 25px;position: relative;} .hlfot3cc i{display: block;position:absolute;width: 18px;height: 18px;right: 0;top:0;opacity: 0.4;} .hlfot3cc i:before{position: absolute;left:0;top:0;width: 100%;height: 100%;content: '';} .hlfot3cc i:before{background: url(static/img/language_icon_1.gif) center no-repeat;background-size: 100% auto;} .hlfot3d{padding: 25px 0;} .hlfot3dm{justify-content: flex-end;} .hlfot3dp1{font-weight: 700;font-size: 18px;color: var(--color);} .hlfot3dp2{width: 100%;border-radius: 5px;border: 1px solid #babcbd;background: #fff;} .hlfot3dp2{display: flex;} .hlfot3dtxt,.hlfot3dp2i{height: 40px;line-height: 40px;outline: none;} .hlfot3dtxt{padding: 0 15px;width: calc(100% - 60px);background: none;border: none;} .hlfot3dp2i{width: 60px;text-align: center;font-size: 20px;} .hlfot3dp2{margin-top: 10px;} .xkmsgamap1{color: var(--color);font-weight: var(--b400);font-size: 30px;line-height: 1.2;padding-bottom: 10px;} /* .hlfot3{position: sticky;bottom: 0;} */ .xkmsga{position: relative;z-index: 9;} .bo-head:hover{background: #fff;} /* .bo-head:hover .bo-head-navli>a{color: #fff;} .bo-head:hover .logo2{opacity: 1;} .bo-head:hover .logo1{opacity: 0;} */ .tbxknavsubbga{position: fixed;width: 100%;height: 100vh;left:0;top:0;background: #000;opacity: 0.7;display: none;z-index: 12;} .tbxknavsub{display: none;} .tbxknavsub{position: absolute;width: 100%;left:0;background: #fff;} .tbxknavsub{background: none;top:var(--nav-height);border-top: 1px solid #eee;} .tbxknavsubx{padding-top: 30px;padding-bottom: 50px;} .tbxknavsubm{display: flex;} .tbxknavla{display: block;line-height: 20px;padding:20px 25px;text-align: right;} .tbxknavla{font-size: 18px;color: #7f7f7f;font-weight: 700;transition: all 0.3s ease;} .tbxknavla:hover{color: #fff;} .tbxknavla.on{background: #2a2a2a;color: #fff;} .tbxknavleft{width: 20%;} .tbxknavright{display: flex;width: calc(100% - 20%);padding-left: 50px;} .tbxknavrightm{display: none;width: 100%;} .tbxknavrightm.on{display: block;} .tbxknavr-pro{display: flex;justify-content: space-between;} .tbxknavr-pro-left{width: 380px;} .tbxknavr-pro-right{width: 435px;} .tbxknavr-proltab{display: none;} .tbxknavsubx2{padding: 15px 0;margin-top: 50px;background: #2a2a2a;display: none;} .tbxknavsubm1{justify-content: space-between;} .tbxknavsubmc{width: 49%;display: flex;align-items: center;background: #dedede;transition: all 0.3s ease;} .tbxknavsubmc img{width: 158px;} .tbxknavsubmcr{width: calc(100% - 158px);display: flex;align-items: center;justify-content: center;} .tbxknavsubmcr{font-size: 26px;color: #222;} .tbxknavsubmc:hover{background: #fff;} .tbxknavsubmc:hover .tbxknavsubmcr{color: var(--color);} .tbxknavsubmcr i{opacity: 0.8;display: inline-block;line-height: 1;margin-left: 20px;} .tbxknavr-proltab{display: none;} .tbxknavrslidems{transition: all 0.3s ease;} .tbxknavr-pror-swiperm,.tbxknavrslidems{background: #2a2a2a;} .tbxknavrslidems{padding-bottom: 40px;padding-top: 20px;opacity: 0 !important;} .tbxknavrslidems.swiper-slide-active{opacity: 1 !important;} .tbxknavrproimg{position: relative;height: 325px;} .tbxknavrproimg img{position: absolute;margin: auto;left:0;top:0;right:0;bottom:0;} .tbxknavrproimg img{max-width: 100%;max-height: 100%;} .tbxknavrprop2{height: 80px;text-align: center;color: #fff;font-size: 18px;line-height: 1.4;} .tbxknavrprop1{font-size: 14px;color: #c8c8c8;line-height: 1.4;height: 60px;text-align: center;padding: 0 30px;} .tbxknavrprop1{display: none;} .tbxknavrprop3{text-align: center;display: flex;justify-content: center;} .tbxknavr-pro-tit{font-size: 16px;color: #fff;transition: all 0.3s ease;} .tbxknavr-pro-tit,.tbxknavr-pro-tit:hover{color: #fff;} .tbxknavr-pro-tit{display: block;line-height: 20px;padding:20px 0;text-align: left;border-bottom: 1px solid #313131;} .tbxknavr-pro-tit i{font-weight: normal;line-height: 1;} .tbxknavr-pro-tit{display: flex;justify-content: space-between;align-items: center;} .tbxknavr-pro-fl{display: flex;flex-wrap: wrap;} .tbxknavr-pro-fl a{font-size: 16px;transition: all 0.3s ease;} .tbxknavr-pro-fl dl{margin-top: 15px;width: 100%;} .tbxknavr-pro-fl dd:nth-child(2){margin-top: 5px;} .tbxknavr-pro-fl dt a{color:#fff;} .tbxknavr-pro-fl .tbxknavr-dl-50{width: 50%;} .tbxknavr-pro-fl dd a{color: #7b7b7b;display: flex;transition: all 0.3s ease;padding-right: 15px;} .tbxknavr-pro-fl dd{padding: 5px 0;} .tbxknavr-pro-fl dd a i{color: #fff;position: relative;display: block;line-height: 1;left: 10px;top:5px;font-weight: normal;font-size: 14px;} .tbxknavr-pro-fl dd a i{transition: all 0.3s ease;opacity: 0;} .tbxknavr-pro-fl dt a{display: flex;} .tbxknavr-pro-fl dt a i{transition: all 0.3s ease;opacity: 0;} .tbxknavr-pro-fl dt a i{position: relative;display: block;line-height: 1;left: 10px;top:8px;font-weight: normal;font-size: 14px;} .tbxknavr-pro-fl dt a i{display: none;color: #fff;} .tbxknavr-pro-fl dt.none a i{display: block;} .tbxknavr-pro-fl dt:hover a i,.tbxknavr-pro-fl dt.none a i{opacity: 1;left: 15px;} .tbxknavr-pro-fl dt:hover a{color: #fff;} .tbxknavr-pro-fl dt:hover a i{left: 20px;color: #fff;} .tbxknavr-pro-fl dd:hover a{color: #fff;} .tbxknavr-pro-fl dd:hover a i{opacity: 1;left: 15px;} /* .tbxknavr-pro-fl dl:hover a{color: #7b7b7b;} .tbxknavr-pro-fl dl:hover dt a{color: #0380d5;} .tbxknavr-pro-fl dl dd:hover a{color:#fff;} */ .xprobaner{position: relative;overflow: hidden;} .xprobaner{height: 350px;} .xprobanernav{position: absolute;left:50%;transform: translateX(-50%);padding-top: 130px;} .xprobanerp1{position: absolute;left:50%;transform: translateX(-50%);} .xprobanernav,.xprobanerp1{z-index: 4;} .xprobanerp1,.xprobanernav,.xprobanernav a{color: #fff;} .xprobanernav em{padding: 0 10px;} .xprobanerp1{font-size: 60px;line-height: 1.2;} .xprobanerp1{bottom: 50px;} .xprobanerbg{position: absolute;left:-2%;top:-2%;width: 104%;height: 104%;background-size: cover;background-position: center;background-repeat: no-repeat;} .xkpro2a{background: #f1f1f1;} .xkpro2aa{display: flex;justify-content: center;} .xkpro2aa{border-bottom: 1px solid #c4c4c4;} .xkpro2aam{position: relative;padding: 32px 20px;text-align: center;margin: 0 30px;} .xkpro2aam:after{position: absolute;left:0;bottom:0;} .xkpro2aam:after {opacity: 1;content: "";display: block;width: 100%;height: 3px;background:var(--color);transform: scaleX(0);transform-origin: right center;transition: transform .3s;} .xkpro2aam:hover:after,.xkpro2aam.on:after {transform: scaleX(1);transform-origin: left center;} .xkpro2aap1{font-size: 18px;font-weight: 700;transition: all 0.3s ease;margin-top: 10px;} .xkpro2aaicon{display: inline-block;width: 65px;height: 65px;position: relative;} .xkpro2aaicon img{position: absolute;left:0;top:0;right:0;bottom:0;margin: auto;transition: all 0.3s ease;} .xkpro2aaicon img{max-width: 80%;max-height: 80%;} .xkpro2aaicon02{opacity: 0;} .xkpro2aam.on .xkpro2aap1{color:var(--color)} .sh6nsub{position: absolute;width: 100%;left:0;top:100%;background: var(--color);} .sh6nsub .sh6nsubmna{color: #fff;display: block;line-height: 24px;margin-top: 25px;transition: all 0.5s ease;font-size: 18px;} .sh6nsub .sh6nsubmna:nth-child(1){margin-top: 0;} .sh6nsubmn{padding: 50px 0; padding-left: 20px;padding-bottom: 120px;} .sh6nsubm {position: relative;} .has-sub:hover .sh6nsubm:before{left:0;top:0; content:"";width:1px;display:block;height:0;background-image:linear-gradient(0deg,hsla(0,0%,100%,0),#fff);position:absolute;animation-name:animateGradientBorder100;animation-duration:.35s;animation-fill-mode:both;animation-timing-function:ease-in-out} @keyframes animateGradientBorder100{0%{height:1px}to{height:100%}} .sh6nsubmn:hover .sh6nsubmna{opacity: 0.5;} .sh6nsubmn:hover .sh6nsubmna:hover{opacity: 1;} .sh6nsub{display: none;} .has-sub:hover .sh6nsubmna{animation-name:navigationItem2AnimateIn;animation-duration:.35s;animation-delay:0.1s;animation-fill-mode:backwards;animation-timing-function:ease-in-out} .has-sub:hover .sh6nsubmna:nth-child(1){animation-delay:0.1s;} .has-sub:hover .sh6nsubmna:nth-child(2){animation-delay:0.2s;} .has-sub:hover .sh6nsubmna:nth-child(3){animation-delay:0.3s;} .has-sub:hover .sh6nsubmna:nth-child(4){animation-delay:0.4s;} .has-sub:hover .sh6nsubmna:nth-child(5){animation-delay:0.5s;} .has-sub:hover .sh6nsubmna:nth-child(6){animation-delay:0.6s;} @keyframes navigationItem2AnimateIn{0%{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}} .wszgs_sub{position: absolute;width: 100%;background: #fff;left:0;top:100%;text-align: center;padding:40px 0} .wszgs_sub img{max-width: 100%;} .wszgs_sub{border-top: 1px solid #f7f7f7;} .wszgs_sub{display: none;padding-left: 70px;padding-right: 70px;} .wszgs_subm {width: 100%;padding-left: 215px;max-width: inherit;padding-right: 90px;} /* 右侧 */ .familyPopup {position:fixed;z-index:10000;top:0;right:0;width:100%;height:100vh;text-align:left;overflow:hidden;visibility:hidden;z-index:-6;opacity:0;transition:all 0.3s ease;} .familyPopupBg {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);background:rgba(0,0,0,0.8);transition:all .5s ease-out;} .linkFamily_popup_content {position:absolute;top:0;left:100%;width:532px;height:100%;font-size:0;background:#111;transition:left .5s;} .familyPopupOn .linkFamily_popup_content {left:calc(100% - 532px);overflow-y:scroll;} .linkFamily_closeBtn {display:inline-block;width:60px;height:55px;color:#fff;line-height:55px;text-align:center;} .linkFamily_closeBtn i {font-size:20px;color: #fff;} .linkFamily_tabNav_wrap {width:100%;font-size:0;} .linkFamily_tabNav {display:inline-block;background:none;border:none;outline:none;width:35%;padding:23px 0;border:none;font-size:17px;line-height:1;font-weight:500;text-align:center;color:#fff;background:#111;transition:width .3s ease;} .linkFamily_tabNav.tabOn {width:65%;padding:22px 0 23px;color:#000;background:#fff;} .linkFamily_tabContent.tabOn {display:block;} .linkFamily_tabContent {display:none;} .linkFamily_search_wrap {position:relative;width:100%;height:71px;border-bottom:1px solid #111;font-size:0;background:#fff;display:flex;align-items:center;} .linkFamily_searchBtn {font-size:24px;padding-right:20px;} .blind {position:absolute;display:inline-block;width:0;height:0;font-size:0;color:rgba(0,0,0,0);overflow:hidden;} .linkFamily_searchInput {background:none;border:none;outline:none;display:inline-block;float:left;width:100%;padding:25px 60px 24px 24px;border:none;font-size:15px;line-height:1;color:#111;background:none;} .linkFamily_li {display:block;position:relative;top:0;width:100%;height:110px;vertical-align:top;opacity:0;transition:opacity .3s,top .3s ease;overflow:hidden;} .linkFamily_empty {padding:85px 0;width:100%;font-size:20px;line-height:1;text-align:center;color:#c2c2c2;opacity:1;} @-webkit-keyframes topAni {0% {top:110px;opacity:0;} 100% {top:0;opacity:1;} } @keyframes topAni {0% {top:110px;opacity:0;} 100% {top:0;opacity:1;} } .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(1) {animation:topAni 0.5s ease-out 0.5s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(2) {animation:topAni 0.5s ease-out 0.6s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(3) {animation:topAni 0.5s ease-out 0.7s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(4) {animation:topAni 0.5s ease-out 0.8s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(5) {animation:topAni 0.5s ease-out 0.9s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(6) {animation:topAni 0.5s ease-out 1.0s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(7) {animation:topAni 0.5s ease-out 1.1s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(8) {animation:topAni 0.5s ease-out 1.2s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(9) {animation:topAni 0.5s ease-out 1.3s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(10) {animation:topAni 0.5s ease-out 1.4s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(11) {animation:topAni 0.5s ease-out 1.5s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(12) {animation:topAni 0.5s ease-out 1.6s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(13) {animation:topAni 0.5s ease-out 1.7s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(14) {animation:topAni 0.5s ease-out 1.8s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(15) {animation:topAni 0.5s ease-out 1.9s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(16) {animation:topAni 0.5s ease-out 2.0s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(17) {animation:topAni 0.5s ease-out 2.1s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(18) {animation:topAni 0.5s ease-out 2.2s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(19) {animation:topAni 0.5s ease-out 2.3s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(20) {animation:topAni 0.5s ease-out 2.4s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(21) {animation:topAni 0.5s ease-out 2.5s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(22) {animation:topAni 0.5s ease-out 2.6s 1 forwards;} .familyPopupOn .tabOn .linkFamily_li.linkAni:nth-child(23) {animation:topAni 0.5s ease-out 2.7s 1 forwards;} .linkFamily_li.linkAni:nth-child(24) {animation:topAni 0.5s ease-out 2.8s 1 forwards;} .linkFamily_li.linkAni:nth-child(25) {animation:topAni 0.5s ease-out 2.9s 1 forwards;} .linkFamily_li.linkAni:nth-child(26) {animation:topAni 0.5s ease-out 3.0s 1 forwards;} .linkFamily_li.linkAni:nth-child(27) {animation:topAni 0.5s ease-out 3.1s 1 forwards;} .linkFamily_li.linkAni:nth-child(28) {animation:topAni 0.5s ease-out 3.2s 1 forwards;} .linkFamily_li.linkAni:nth-child(29) {animation:topAni 0.5s ease-out 3.3s 1 forwards;} .linkFamily_li.linkAni:nth-child(30) {animation:topAni 0.5s ease-out 3.4s 1 forwards;} .linkFamily_li.linkAni:nth-child(31) {animation:topAni 0.5s ease-out 3.5s 1 forwards;} .linkFamily_li.linkAni:nth-child(32) {animation:topAni 0.5s ease-out 3.6s 1 forwards;} .linkFamily_li.linkAni:nth-child(33) {animation:topAni 0.5s ease-out 3.7s 1 forwards;} .linkFamily_li.linkAni:nth-child(34) {animation:topAni 0.5s ease-out 3.8s 1 forwards;} .linkFamily_li.linkAni:nth-child(35) {animation:topAni 0.5s ease-out 3.9s 1 forwards;} .linkFamily_li.linkAni:nth-child(36) {animation:topAni 0.5s ease-out 4.0s 1 forwards;} .linkFamily_li.linkAni:nth-child(37) {animation:topAni 0.5s ease-out 4.1s 1 forwards;} .linkFamily_li.linkAni:nth-child(38) {animation:topAni 0.5s ease-out 4.2s 1 forwards;} .linkFamily_li.linkAni:nth-child(39) {animation:topAni 0.5s ease-out 4.3s 1 forwards;} .linkFamily_li.linkAni:nth-child(40) {animation:topAni 0.5s ease-out 4.4s 1 forwards;} .linkFamily_li.linkAni:nth-child(41) {animation:topAni 0.5s ease-out 4.5s 1 forwards;} .linkFamily_li.linkAni:nth-child(42) {animation:topAni 0.5s ease-out 4.6s 1 forwards;} .linkFamily_li.linkAni:nth-child(43) {animation:topAni 0.5s ease-out 4.7s 1 forwards;} .linkFamily_li.linkAni:nth-child(44) {animation:topAni 0.5s ease-out 4.8s 1 forwards;} .linkFamily_li.linkAni:nth-child(45) {animation:topAni 0.5s ease-out 4.9s 1 forwards;} .linkFamily_li.linkAni:nth-child(46) {animation:topAni 0.5s ease-out 5.0s 1 forwards;} .linkFamily_li.linkAni:nth-child(47) {animation:topAni 0.5s ease-out 5.1s 1 forwards;} .linkFamily_li.linkAni:nth-child(48) {animation:topAni 0.5s ease-out 5.2s 1 forwards;} .linkFamily_li.linkAni:nth-child(49) {animation:topAni 0.5s ease-out 5.3s 1 forwards;} .linkFamily_li.linkAni:nth-child(50) {animation:topAni 0.5s ease-out 5.5s 1 forwards;} .linkFamily_li.linkAni:nth-child(51) {animation:topAni 0.5s ease-out 5.5s 1 forwards;} .linkFamily_li.linkAni:nth-child(52) {animation:topAni 0.5s ease-out 5.6s 1 forwards;} .linkFamily_li.linkAni:nth-child(53) {animation:topAni 0.5s ease-out 5.7s 1 forwards;} .linkFamily_li.linkAni:nth-child(54) {animation:topAni 0.5s ease-out 5.8s 1 forwards;} .linkFamily_li.linkAni:nth-child(55) {animation:topAni 0.5s ease-out 5.9s 1 forwards;} .linkFamily_li.linkAni:nth-child(56) {animation:topAni 0.5s ease-out 6.0s 1 forwards;} .linkFamily_li.linkAni:nth-child(57) {animation:topAni 0.5s ease-out 6.1s 1 forwards;} .linkFamily_li.linkAni:nth-child(58) {animation:topAni 0.5s ease-out 6.2s 1 forwards;} .linkFamily_li.linkAni:nth-child(59) {animation:topAni 0.5s ease-out 6.3s 1 forwards;} .linkFamily_li.linkAni:nth-child(50) {animation:topAni 0.5s ease-out 6.4s 1 forwards;} .linkFamily_li.linkAni:nth-child(61) {animation:topAni 0.5s ease-out 6.5s 1 forwards;} .linkFamily_li.linkAni:nth-child(62) {animation:topAni 0.5s ease-out 6.6s 1 forwards;} .linkFamily_li.linkAni:nth-child(63) {animation:topAni 0.5s ease-out 6.7s 1 forwards;} .linkFamily_li.linkAni:nth-child(64) {animation:topAni 0.5s ease-out 6.8s 1 forwards;} .linkFamily_li.linkAni:nth-child(65) {animation:topAni 0.5s ease-out 6.9s 1 forwards;} .linkFamily_li.linkAni:nth-child(66) {animation:topAni 0.5s ease-out 7.0s 1 forwards;} .linkFamily_li.linkAni:nth-child(67) {animation:topAni 0.5s ease-out 7.1s 1 forwards;} .linkFamily_li.linkAni:nth-child(68) {animation:topAni 0.5s ease-out 7.2s 1 forwards;} .linkFamily_li.linkAni:nth-child(69) {animation:topAni 0.5s ease-out 7.3s 1 forwards;} .linkFamily_li.linkAni:nth-child(70) {animation:topAni 0.5s ease-out 7.5s 1 forwards;} .linkFamily_li.linkAni:nth-child(71) {animation:topAni 0.5s ease-out 7.5s 1 forwards;} .linkFamily_li.linkAni:nth-child(72) {animation:topAni 0.5s ease-out 7.6s 1 forwards;} .linkFamily_li.linkAni:nth-child(73) {animation:topAni 0.5s ease-out 7.7s 1 forwards;} .linkFamily_li.linkAni:nth-child(74) {animation:topAni 0.5s ease-out 7.8s 1 forwards;} .linkFamily_li.linkAni:nth-child(75) {animation:topAni 0.5s ease-out 7.9s 1 forwards;} .linkFamily_li.linkAni:nth-child(76) {animation:topAni 0.5s ease-out 8.0s 1 forwards;} .linkFamily_li.linkAni:nth-child(77) {animation:topAni 0.5s ease-out 8.1s 1 forwards;} .linkFamily_li.linkAni:nth-child(78) {animation:topAni 0.5s ease-out 8.2s 1 forwards;} .linkFamily_li.linkAni:nth-child(79) {animation:topAni 0.5s ease-out 8.3s 1 forwards;} .linkFamily_li.linkAni:nth-child(80) {animation:topAni 0.5s ease-out 8.5s 1 forwards;} .linkFamily_li.linkAni:nth-child(81) {animation:topAni 0.5s ease-out 8.6s 1 forwards;} .linkFamily_li.linkAni:nth-child(82) {animation:topAni 0.5s ease-out 8.7s 1 forwards;} .linkFamily_li.linkAni:nth-child(83) {animation:topAni 0.5s ease-out 8.8s 1 forwards;} .linkFamily_li.linkAni:nth-child(84) {animation:topAni 0.5s ease-out 8.9s 1 forwards;} .linkFamily_li.linkAni:nth-child(85) {animation:topAni 0.5s ease-out 9.0s 1 forwards;} .linkFamily_li.linkAni:nth-child(86) {animation:topAni 0.5s ease-out 9.1s 1 forwards;} .linkFamily_li.linkAni:nth-child(87) {animation:topAni 0.5s ease-out 9.1s 1 forwards;} .linkFamily_li.linkAni:nth-child(88) {animation:topAni 0.5s ease-out 9.3s 1 forwards;} .linkFamily_li.linkAni:nth-child(89) {animation:topAni 0.5s ease-out 9.4s 1 forwards;} .linkFamily_a {display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;padding:10px 10px 10px 10px;font-size:20px;text-align:left;color:#fff;background:url(../images/desktop/linkFamily_default.jpg) no-repeat;background-size:cover;} .linkFamily_a::before {content:'';display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background:rgba(0,0,0,0.6);opacity:1;transition:background .3s;} .linkFamily_default .linkFamily_a::before {display:none;} .linkFamily_aafter {display:inline-block;position:absolute;top:50%;right:10px;width:23px;margin-right:24px;opacity:0;transform:translateY(-50%);} .linkFamily_aafter {font-size:24px;} .linkFamily_a:focus::before,.linkFamily_a:hover::before {border:10px solid #fff;background:rgba(0,0,0,0.4);} .linkFamily_default .linkFamily_a:focus::before,.linkFamily_default .linkFamily_a:hover::before {border:none;} .linkFamilySubOn .linkFamily_a::before,.linkFamilySubOn .linkFamily_a::before {border-color:rgba(0,0,0,0);transition:border-color .3s;} .linkFamily_a:focus .linkFamily_aafter,.linkFamily_a:hover .linkFamily_aafter {opacity:1;transition:all 0.5s;right:0;} .linkFamily_a_text {position:absolute;top:50%;left:24px;white-space:nowrap;transform:translateY(-50%);} .linkFamilySub_none::after {display:none;} .familyPopup.familyPopupOn {visibility:visible;opacity:1;z-index:66666;} body.displayFamilyPopup {overflow:hidden;} .linkFamily_tabContent .linkFamily_ul{height: calc(100vh - 63px - 55px - 71px);} .linkFamily_tabContent.secondTabCont .linkFamily_ul{height: calc(100vh - 63px - 55px);} .linkFamily_tabContent .linkFamily_li{height: 16.66%;} /* 右侧 */ .bo-head{position: fixed;width: 100%;left:0;top:0;z-index: 999;transition: all 0.3s ease;} .bo-heada a{color:#222;} .bo-heada,.bo-headb{padding-left: 70px;padding-right:70px;width: 100%;} .bo-heada{display: flex;justify-content: space-between;height: 32px;line-height: 32px;transition: all .5s ease-in-out;} .bo-heada{background: #f5f5f5;font-size: 14px;} .bo-heada-a{display: flex;width: 100%;justify-content: space-between;align-items: center;} .bo-heada-a{transform: scale(1);transform-origin: 100% 0;transition: all .5s ease-in-out;} .bo-heada-a a{font-size: 12px;position: relative;} .bo-heada-a a{margin-left:0;} .bo-heada-1{width: 50%;} .bo-heada-2{width: 50%;display: flex;justify-content: flex-end;} .bo-heada-2 a{margin-left: 35px;} .investors i{font-size: 12px;margin-left: 5px;} .bo-headb{display: flex;justify-content: space-between;align-items: center;} .bo-headb-left{display: flex;width:calc(100% - 155px);align-items: center;} .bo-head-logo{height: 30px;position: relative;width: 182px;} .bo-head-logo img{position: absolute;left:0;top:0;height: 100%;transition: all 0.3s ease;} .logo2{opacity: 0;} .bo-head-nav{width: calc(100% - 220px);display: flex;justify-content: center;} .bo-head-navli>a,.bo-head-search{line-height: 74px;color:#222;} .bo-head-navli>a{font-size: 16px;position: relative;padding-right: 24px;display: block;line-height: 74px;} .bo-head-navli>a:before,.bo-head-navli>a:after{position: absolute;content: '';bottom: 0;height: 2px;background: var(--color);opacity: 0;transition: all 0.5s ease;width: 0;} .bo-head-navli>a i{position: absolute;right: 0;display: block;line-height: 1;top:50%;transform: translateY(-50%);} .bo-head-navli>a i{opacity: 0.5;} .bo-head-navli{margin:0 3%;padding: 0;height: 74px;} .bo-head-search{position: relative;top:0;} .bo-head-search span{padding-right: 10px;} .bo-head-search i{position: relative;top:0;} .bo-headb{padding-top: 0;padding-bottom: 0;background: #fff;} .bo-headb-link{padding:0 35px;font-size: 16px;} .bo-headb-link{height: 44px;line-height: 42px;border-radius: 42px;text-transform: uppercase;} .bo-head-search{border: 1px solid #e4e4e4;border-radius: 50%;width: 44px;} .bo-head-search,.bo-headb-link{height: 44px;line-height: 42px;background: #e4e4e4;color: #222;border-color: #e4e4e4;text-align: center;} .bo-headb-right i,.bo-headb-right span{} .bo-headb-link:hover{background: var(--color);border-color: var(--color);color: #fff;} .yya{position: relative;padding-right: 0;padding-left: 22px;} .bo-headb-right{display: flex;width: 220px;justify-content: space-between;} /* bo-yybb */ .bo-yybb{background: #f5f5f5;} .boyybbmn{display: flex;width: 100%;} .boyybbmna{width:100%;} .boyybbn{width: 100%;padding: 0 70px;border-top:1px solid #eee} .boyybbm{padding:35px 0;height: 300px;} .boyybbm{position: relative;} .boyybbmn2{border-top: 1px solid #ddd;margin-top: 30px;padding-top: 30px;} .boyybbmclose{display: block;position: absolute;bottom: 0;right: 0;z-index: 3;} .boyybbmclose{width: 40px;height: 60px;font-size: 18px; line-height: 60px;text-align: center;color: #666;transition: all 0.3s ease;} .boyybbmclose{cursor: pointer;} .boyybbmclose:hover{color: var(--color);} .bo-yybb-a h5{font-size: 18px;color: #333;} .bo-yybb-a a{font-size: 16px;color: #666;} .bo-yybb-a a:hover{color: var(--color);} .bo-yybb-a li{margin-top: 5px;} .bo-yybb-a li a:nth-child(3){margin-left: 15px;} .bo-yybb-a img{width: 20px;margin-right: 5px;} .bo-yybb-a a{display:flex;align-items:center;} .boyybbn{display: none;} .opennav.bo-head .tbxknavsub{top:400px;} .fbdh .bo-head.opennav .tbxknavsub{top:400px !important;} .fbdh .bo-head.scroll .tbxknavsub{top:74px !important;} .fbdh .bo-head.scroll.opennav .tbxknavsub{top:380px !important;} .bo-head.opennav .tbxknavsub{top:374px !important;} .bo-head-navli>a{padding-right: 0;} .bo-head-navli>a i{display: none;} /* bo-yybb */ .bo-head.white{background: #fff;} .bo-head.white .logo1{opacity: 1;} .bo-head.white .logo2{opacity: 0;} .bo-head.white .bo-head-navli>a,.bo-head.white .bo-head-search,.bo-head.white .bo-heada a{color: #222;} .bo-head.scroll{background: #fff;box-shadow: 0 5px 25px rgba(0,0,0,0.08);} .bo-head.scroll .logo1{opacity: 1;} .bo-head.scroll .logo2{opacity: 0;} .bo-head.scroll .bo-head-navli>a,.bo-head.scroll .bo-head-search,.bo-head.scroll .bo-heada a{color: #222;} .bo-head.scroll{top:-32px} .bo-head.scroll{top:0} .bo-head-navli:hover>a:before,.bo-head-navli:hover>a:after{width: 50%;opacity: 1;} .bo-head-navli>a:before{left: 50%;} .bo-head-navli>a:after{right: 50%;} .bo-heada-c{display: flex;} .bo-heada-a a,.bo-heada-a {font-size: 14px;} .bo-heada-ca span,.bo-heada-ca b{padding-left: 12px;} .bo-heada-ca b{font-weight: 400;color: #ff0000;} .bo-heada-cb em{padding: 0 10px;font-size: 12px;} .bo-heada-cb{padding-left: 20px;} .bo-heada-cb a{font-size: 12px;} .yya i{font-size: 12px;color: #555;margin-left: 5px;} .bo-head-nav{justify-content: flex-start;} .bo-head-navli{margin: 0;margin-left: 30px;margin: 0 2%;} .bo-head-navli>a i{margin-top: 0;} .bo-headb-left2{display: flex;align-items: center;width: 155px;justify-content: space-between;} .bo-heada,.yya{position: relative;z-index: 6;} .yyasub{position: absolute;width: 150px;left:0;top:100%;z-index: 6;padding-top: 10px;display: none;} .yyasub img{width: 100%;} .yyasub ul{background: #fff;border-radius: 5px;overflow: hidden;box-shadow: 0 0 15px rgba(0,0,0,0.08);} .wsdwzz{position: relative;} .wsdwzzm{position: absolute;left:0;top:-74px;} .sgplisub{border-top: 1px solid #e7e7e7;} .sgplia{display: block;height: 80px;line-height: 85px;font-weight: 700;font-size: 18px;margin-left: 50px;color: #fff;position: relative;} .sgplia i{position: absolute;display: none;line-height: 1;right: 0;top:37px;font-size: 14px;} .hasnavs .sgplia i{display: block;} .hasnavs .sgplia{padding-right: 25px;} .sgplisub{display: none;} .sgplisubx{width:calc(100% - 100px - 380px - 100px);display: flex;margin: 0 auto;} .sgplisub{position: absolute;width: 100%;left:0;top:100%;background: #fff;} .sgplisubxb{width: calc(100% - 220px);border-left: 1px solid #e7e7e7;display: flex;} .sgplisubxa{width: 220px;padding-top: 40px;border-left: 1px solid #e7e7e7;height: 700px;} .sgplisubxba{width: calc(100% - 330px);} .sgplisubxbb{width: 330px;border-left: 1px solid #e7e7e7;} .sgplisubxam a{line-height: 48px;margin-top: 10px;height: 48px;} .sgplisubxam a:first-child{margin-top: 0;} .sgplisubxam a{font-size: 18px;font-weight: 700;color: var(--color);display: block;text-align: right;padding: 0 20px} .sgplisubxam a{position: relative;} .sgplisubxam a:before{position: absolute;width: 0;height: 100%;background: #e9e9e9;content: '';left: 0;} .sgplisubxam a:before{transition: all 0.3s ease;} .sgplisubxam a.on:before{width:100%;} .sgplisubxam a span{position: relative;z-index: 3;} .sgplisubxbam .sgplisubxbamtop{display: flex;position: relative;color: #222;font-size: 18px;font-weight: 700;} .sgplisubxbamtop{display: flex;color: #222; align-items: center;padding: 0 !important;line-height: 47px !important;height: 48px; border-bottom: 1px solid #eaeaea;margin: 0 30px;margin-right: 15px;} .sgplisubxbamtop i{margin-left: 10px;font-size: 20px;position: relative !important;top:0 !important;right: 0 !important;} .sgplisubxbam{padding-top: 40px;width: 55%;} .sgplisubxbam{display: none;border-right: 1px solid #e7e7e7;height: 100%;} .sgplisubxba{position: relative;} .sgplisubxbamsub a{line-height: 1.2;padding: 8px 30px;padding-top: 10px; padding-right: 15px;font-size: 16px;display: block;position: relative;} .sgplisubxbamsub dt a{font-weight: 700;color: #333;} .sgplisubxbamsub dd a{color: #555;position: relative;} .sgplisubxbamsub dd a:before{position: absolute;width: 0;top:0; height: 100%;background: #e9e9e9;content: '';left: 0;transition: all 0.3s ease;} .sgplisubxbamsub dd a span{position: relative;z-index: 3;} .sgplisubxbamsub a i{position: absolute;line-height: 1;right: 15px;top:11px;opacity: 0;} .sgplisubxbamsub a i,.sgplisubxbamsub a {transition: all 0.3s ease;} .sgplisubxbamsub dd a:hover{color: var(--color);} .sgplisubxbamsub dd a:hover i{opacity: 1;color: var(--color);} .sgplisubxbamsub dd a:hover:before{width: 100%;} .sgplisubxbamsub dd{margin-top: 3px;} .sgplisubxbamsub dd:nth-child(2){margin-top: 0;} .sgplisubxbamsub dt{margin-top: 15px;} .sgplisubxbamsub dt.none i{top:10px;} .sgplisubxbamsub dt.none:hover i{opacity: 1;} .sgplisubxbamsub2{padding-top: 40px;height: 100%;border-left: 1px solid #e7e7e7;} .sgplisubxbamsub2{border: none;} .sgplisubxbamsub2{position: absolute;width: 45%;left: 55%;top:0;} .sgplisubxbamsub2 .sgplisubxbamtop{padding-left: 0;padding-right: 0;} .sgplisubxbamsub2 .sgplisubxbamtop:hover{background: none;} .sgplisubxbamsub2 .sgplisubxbamtop i{opacity: 1;} .sgplisubxbamsub3{margin-top: 18px;} .sgplisubxbamsub2{display: none;background: #fff;} .smallhover.on>a{color: var(--color);} .smallhover.on>a>i{opacity: 1;color: var(--color);} .sgplisubxbb{padding-top: 40px;} .sgplisubxbb .sgplisubxbamtop{font-weight: normal;font-size: 16px;color: #999;} .sgplisubxbbp0{padding-left: 30px;} .sgplisubxbbp1{display: flex;color: #333;align-items: center;justify-content: space-between;} .sgplisubxbbp1{padding: 20px 0;} .sgplisubxbbp1 i{color: var(--color);} .sgp-in-head-b{transition: all 0.3s ease;} .sgp-in-head:hover .sgp-in-head-b{background:var(--color)} .sub3ca a{font-weight: 700;} .sub3ca a:before{display: none;} .sub3ca a i{font-weight: normal;font-size: 14px;opacity: 0 !important;line-height: 14px;display: block;top:13px;} .sub3ca a i:last-child{opacity: 1 !important;} .sub3casub a{font-size: 14px;} .sub3cahas.on a i{opacity: 1 !important;} .sub3cahas.on a i:last-child{opacity: 0 !important;} .sub3casub{display: none;} .sub3casub a i{font-size: 12px;top:13px;} .sub3ca.sub3canone a i{opacity: 0 !important;} .on.smallhovera:before{width: 100%;} .on.smallhovera i{opacity: 1;color: var(--color);} .sgplisubxbamtop:before{display: none;} .wsuser i{font-weight: 700;font-size: 16px;padding-right: 5px;} /* .lenis.lenis-smooth { -webkit-transform-style: preserve-3d !important; -webkit-backface-visibility: hidden !important; } */ /* .hl2bg,.h100p_js{transition: all 0.3s ease;} .ups .h100p_js{height: 74px;} .ups .hl2bg{top: 74px;} */ .h100p{height: 106px;} .hl2bg,.hl2baner{height: 75vh;min-height: 550px;max-height: 1000px;padding-top: var(--nav-height);} .hl2bg,.hl2baner{height: 540px;min-height: inherit;} .hl2baner{padding: 0;margin-top: var(--nav-height);} .hl2baner{position: relative;overflow: hidden;z-index: 6;} .hl2banerbg{position: absolute;left:-2%;top:-2%;width: 104%;height: 104%;background-position: center;background-repeat: no-repeat;background-size: cover;} .hl2banerzz,.hl2banerzz2{position: absolute;width: 100%;height: 100%;left:0;top:0;z-index: 1;} .hl2banerzz2{z-index: 2;background: url(../img/hl2banerzz2.png) center no-repeat;background-size: cover;} .hl2banerzz{background: linear-gradient(360deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 38%, rgba(255,255,255,0) 100%);} /* .hl2banerbg{background-attachment: fixed;} */ .hl2banerbg{object-fit: cover;} .hl2banerbg2{position: relative;width: 104%;height: 104%;left:-2%;top:-2%;object-fit: cover;} .hl2banerbg2{background-position: center;background-repeat: no-repeat;background-size: cover;} .hl2banerwz{position: absolute;z-index: 3;left: 50%;top:50%;transform: translate(-50%,-50%);color:#fff;} .hl2banerwz{margin-top: 0;} .case_banner_con_title{height: 70px;font-size: 24px;} .case_banner_con_title{height: auto;line-height: 1.2;} .case_banner_con_des{font-size: 60px;font-weight: var(--b400);height:250px;line-height: 1.4;} .case_banner_con_des{height: auto;line-height: 1.3;font-size: 54px;margin-top: 0;} .cursor_addtext {display: inline-block;width: auto;height: auto;} .case_banner_con_arr svg{height: 80px;} .hl2banerwz-center{top:50%;transform: translate(-50%,-50%);} .hl2bg{position: fixed;width: 100%;left:0;z-index: 2;} .hl2bg{position: relative;overflow: hidden;} .m529h2{font-size: 42px;font-weight: var(--b400);line-height: 1.4;color: #222;} .m529h2-fff{color: #fff;} .m529h2{letter-spacing: 3px;} @keyframes scrP0{ 0%{ transform:scale(1) translateY(0) } to { transform:scale(1.3) translateY(30%) } } @keyframes scrP00{ 0%{ opacity: 0; } to { opacity: 1; } } .hl2banerbg2{animation-name:scrP0} .hl2banerzz{animation-name:scrP00} .hl2aa{position: relative;z-index: 8;margin-top: -50px;} .hl2aa{background: #fff;border-top-right-radius: 50px;border-top-left-radius: 50px;} .hl2aamr{width: 55%;text-align: justify;font-size: 18px;} .hl2aaml{width: 35%;} .hl2aa{margin-top: 0;border-top-right-radius: 0;border-top-left-radius: 0;} .hl2ab{position: relative;z-index: 6;width: 100%;display: flex;overflow: hidden;justify-content: space-between;} .hl2abzz{z-index:2;} .hl2abzz{position: absolute;width: 100%;height: 100%;left:0;top:0;background-position: center;background-repeat: no-repeat;background-size: cover;} .hl2abbg{position: absolute;left:-2%;top:-2%;width: 104%;height: 104%;background-position: center;background-repeat: no-repeat;background-size: cover;} .hl2abbg{object-fit: cover;} .hl2aba{width: 50%;position: relative;display: flex;justify-content: center;align-items: center;} .hl2abb{width: 50%;border-left: 1px solid rgba(255,255,255,0.2);} .hl2abbicon{display: block;width: 80px;height: 80px;position: relative;} .hl2abbicon img{position: absolute;left:0;top:0;right:0;bottom:0;margin: auto;max-width: 80%;max-height: 80%;} .hl2abbmli{align-items: center;padding: 50px 10%;border-top: 1px solid rgba(255,255,255,0.2);color: #fff;} .hl2abbmli:first-child{border: none;} .hl2abbp1{line-height: 1;display: flex;font-weight:var(--b400);align-items: center;} .hl2abbp1 span{font-size: 52px;} .hl2abbp1 i{padding-left: 10px;font-size: 52px;font-style: normal;font-weight: normal;} .hl2abbp2{font-size: 18px;margin-top: 15px;} .hl2aba,.hl2abb{position: relative;z-index: 6;} .hl2abbmli{transition: all 0.3s ease;} .hl2abbmli:hover{background:hsla(0,0%,50%,.1);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);} .hl2aba{width: calc(100% - (770px + ((100% - 1400px) / 2)));} .hl2abb{width: calc(770px + ((100% - 1400px) / 2));} .hl2ababtns{position: relative;width: 0;height: 0;} .hl2ac{background-color: #fff;position: relative;z-index: 6;overflow: hidden;} .hl2acm{position: relative;z-index: 6;} .pro1abg{position: absolute;width: 100%;left:0;top:-280px;height: 100%;background-size: 100% auto;background-position: center top;background-repeat: no-repeat;} .hl2acli{width: 1000px;margin: 0 auto;position: relative;padding-bottom:8vw;overflow: hidden;} .hl2aclim{margin-bottom: 8vw;display: flex;} .hl2aclim:last-child{margin: 0;} .hl2aclim:last-child{padding-bottom:5vw;} .hl2aclidate,.hl2aclims{width: 50%;box-sizing: border-box;} .hl2aclidate{font-size: 80px;line-height: 80px;font-weight: var(--b400);color: var(--color);text-align: right;height: 80px;} .hl2aclidate{padding-right: 10%;} .hl2aclidate span{line-height: 1;} .hl2aclidate{display: flex;align-items: center;justify-content: flex-end;} .hl2aclims{padding-left: 10%;position: relative;font-size: 18px;line-height: 1.6;} .hl2aclims:before{position: absolute;width: 3px;height: 3px;background: #000;opacity: 0.3;content:'';} .hl2aclims:before{border-radius: 50%;left:0;top:39px;} .hl2aclims p{margin-top: 10px;} .hl2aclims p:nth-child(1){margin-top: 0;margin-top: 28px;} .hl2acli{padding-top: 20px;} .hl2acline,.hl2acline2{left: 0;right: 0;margin: 0 auto;} .hl2acline,.hl2acline2{background: rgba(28,80,156,.2);position: absolute;width: 1px;height:calc(100% - 20px);top:20px;} .hl2acline{margin-top:-5vw;} .hl2acline2{z-index: 3;background: var(--color);height: 0;} .hl2acline2{top:-5vw} .hailianga2{display: flex;justify-content: center;margin-top: 80px;} .hailianga2-t-0{margin-top: -4vw;} .islettering span{opacity: 0;display: inline-block;} .islettering .char2 {animation-delay: 0.1s !important;} .islettering .char3 {animation-delay: 0.15s !important;} .islettering .char4 {animation-delay: 0.2s !important;} .is-inview .hl2aclims {animation-delay: 0.3s !important;} .is-inview.hl2aclims:before{background: var(--color);} .anislideDown{opacity: 0;} .is-inview.hl2aclim .anislideDown,.is-inview.hl2aclim .islettering span{ animation:anislideDown 1.3s cubic-bezier(.165,.84,.44,1) forwards } @keyframes anislideDown { 0% { opacity: 0; transform: translate(0px, 50px) skew(0deg, 3deg) } 100% { opacity: 1; transform: translate3d(0, 0px, 0) } } .hl2adn{margin-top: 30px;} .hl2ad{background: #fff;position: relative;z-index: 6;} .i2kehn {overflow:hidden;width:100%;padding:20px 0;} .i2kehn:last-child {padding-bottom:0;} .i2kehna {display:flex;width:10000px;} .i2kehnm {display:flex;} .hpbr_run_ul1 {animation:donghua1 80s linear infinite;} .i2kehnm2 {transform:translateX(100%);} .hpbr_run_ul2 {animation:donghua 80s linear infinite;} @keyframes donghua {from {transform:translateX(0);} to {transform:translateX(-100%);} } @keyframes donghua1 {from {transform:translateX(-100%);} to {transform:translateX(0);} } .more_m1.more_m1-0{margin-top: 45px;} .ab7kswiper {position:absolute;width:100%;height:100%;left:0;top:0;} .ab7k {position:relative;padding-bottom:50%;overflow:hidden;z-index: 6;background: #fff;} .ab7kswiperm {width:100% !important;transform:none !important;transition:all 0.3s ease;} .ab7kswiperm {position:absolute;left:0;top:0;} .ab7kimg {position:absolute;width:100%;height:100%;left:0;top:0;transition:all 2s ease;transform:scale(1.1);} .ab7kimg img {width:100%;height: 100%;object-fit: cover;} .ab7kswiper{width: 104%;height: 104%;left: -2%;top:-2%;} .ab7kswiperm {opacity:0 !important;} .ab7kswiperm.swiper-slide-active {opacity:1 !important;} .ab7kswiperm.swiper-slide-active .ab7kimg {transform:scale(1);} .ab7ksub {position:absolute;width:100%;display:flex;height:100%;left:0;top:0;z-index:6;} .ab7ksubm {width:33.33%;border-right:1px solid rgba(255,255,255,0.2);box-sizing:border-box;} .ab7ksubm:last-child {border:none;} .ab7ksubm {position:relative;} .ab7kp1,.ab7kp2 {position:absolute;width:100%;left:0;text-align:center;transition:all 0.5s ease;} .ab7kp2 {opacity:0;-webkit-opacity:0;visibility:hidden;top:55%;color:#fff;transition-delay:0.2s;padding:0 5%;box-sizing:border-box;} .ab7kp2{font-size: 24px;line-height: 1.4;} .ab7kp2 p {margin-top:10px;} .ab7kp2 p:nth-child(1) {margin-top:0;} @media screen and (max-width:1600px) {.ab7kp2 span {display:block;} } .ab7kp1 {top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .ab7ksubm.on .ab7kp1 {top:40%} .ab7ksubm.on .ab7kp2 {top:50%;opacity:1;-webkit-opacity:1;visibility:visible;} .hl2ag{position: relative;z-index: 6;background: #fff} .ab7e {background: none;padding-top: 0;} .hl2ag-bg{background:var(--bgs);} .ab7em {margin-top:45px;} .ab7em {transition:width 0.3s ease;} .ab7eslidem {position:relative;overflow:hidden;width:100% !important;transition:all 0.3s ease;} /* .ab7eslidem {position:absolute;left:0;top:0;} */ .ab7eslidem img {width:100%;vertical-align:top;transition:all 2s ease;transform:scale(1.1);} .ab7eslidem {opacity:0 !important;} .ab7eslidem.swiper-slide-active {opacity:1 !important;} .ab7eslidem.swiper-slide-active img {transform:scale(1);} .ab7esub {position:absolute;width:100%;display:flex;height:100%;left:0;top:0;z-index:6;} .ab7esubm {width:50%;border-right:1px solid rgba(255,255,255,0.2);} .ab7esubm {position:relative;} .ab7ep1,.ab7ep2 {width:100%;position:absolute;left:0;} .ab7ep1 {top:50%;text-align:center;transition:all .5s ease;transform: translateY(-50%);margin-top: -40px;} .ab7ep2 {top:50%;display:flex;justify-content:center;transform: translateY(-50%);margin-top: 50px;transition: all 0.3s ease;} .ab7ep12 {font-size:38px;} .ab7eicon {display:inline-block;width:90px;height:90px;position:relative;display:none;} .ab7eicon img {position:absolute;max-width:80%;max-height:80%;left:0;top:0;right:0;bottom:0;margin:auto;} .ab7ep2{opacity: 0;} .ab7esubm.on .ab7ep1{margin-top: -45px;} .ab7esubm.on .ab7ep2 {margin-top: 65px;opacity: 1;} .ab7esubm.on .pubmore-fff {border-color:var(--green);background:var(--green);} .ab7esubm.on .svg-1 {opacity:0;transform:translate(100%,-100%);transition:transform 0.3s,opacity 0.3s;} .ab7esubm.on .svg-2 {transition:transform 0.3s,opacity 0.3s;} .ab7esubm.on .svg-2 {opacity:1;transform:translate(0,-100%);transition:transform 0.3s ease 0.2s,opacity 0.3s ease 0.2s;} .ab7esubm.on .pwz1 {transform:translateY(-200%);opacity:0;} .ab7esubm.on .pwz2 {transform:translateY(-50%);opacity:1;} .ab7esubm.on .pubmore29:hover{background: #fff;color: #333;} .ab7eslide {position:relative;border-radius: 35px;overflow: hidden;} .ab7esub {position:absolute;width:100%;display:flex;height:100%;left:0;top:0;z-index:6;} .ab7esubm {position:relative;} .ab7esubm {width:50%;border-right:1px solid rgba(255,255,255,0.2);} .ab7ep1,.ab7ep2 {width:100%;position:absolute;left:0;} .site-foot{position: relative;z-index: 9;} .laybg {background:#000;opacity:0.5;position:fixed;left:0;top:0;z-index:766;width:100%;height:100vh;} .layvideo {position:fixed;z-index:799;max-width:1100px;width:80%; left:50%;top:50%;transform:translate(-50%,-50%);} .layvideo {max-height:75vh;text-align:center;} .layvideo video {width:100%;height: 100%;object-fit: cover;} .laybg,.layvideo {display:none;} .layclose {position:absolute;right:-40px;top:0;color:#fff;font-size:24px;width:40px;height:40px;line-height:40px;text-align:center;} /*.layclose {transform:rotateZ(45deg);}*/ .layclose i {font-size:20px;} .layclose i,.js_video_play i {display:inline-block;position:absolute;width:100%;height:100%;top:0;left:0;} @media screen and (max-width: 768px) { .layvideo{width: 100%;} .layclose{right: auto;left:50%;transform: translateX(-50%) rotateZ(45deg);-webkit-transform: translateX(-50%) rotateZ(45deg);} .layclose{bottom: -40px;top:auto;} } .playbtn{position: absolute;width: 70px;height: 70px;text-align: center;display: flex;align-items: center;justify-content: center;} .playbtn i{color: #fff;font-size: 22px;} .playbtn{background: rgba(255,255,255,0.2);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px); z-index: 3;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);} .playbtn{border-radius: 50%;cursor: pointer;} .playbtn{transition: all .2s cubic-bezier(.165,.84,.44,1);} .playbtn-small{width: 50px;height: 50px;} .playbtn-small i{font-size: 16px;} .playbtn-bg-fff{background: #fff;} .playbtn-bg-fff i{color: var(--color);} /* .playbtn:hover{background: var(--color);} .playbtn:hover i{color: #fff;} .playbtn:hover{border-color: var(--color);} */ .playbtn:hover{width: 100px;height: 100px;background: #fff;line-height: 170px;} .playbtn:hover i{color: var(--color);} .vrbtn{background: rgba(255,255,255,0);} .vrbtn i{font-size: 28px;} .playbtn,.playbtn i,.xs2appdavideo img{transition: all 0.3s ease;} .m529d{padding-bottom: 150px;} /* .hl2xnavm{justify-content: flex-start;} */ .hl2xnav{background-color: #f7f7f7;position:sticky; z-index: 9;top:74px} .hl2xnav a{line-height: 1.2;padding: 25px 0;padding-right: 30px;margin-right: 30px;} .hl2xnav a:last-child{margin-right: 0;} .hl2xnav a:last-child{padding-right: 0;} .hl2xnav a:last-child em{display: none;} .hl2xnav a{position: relative;} .hl2xnav em{width: 1px;height: 16px;display: block;background: #222;right: 0;top:50%;margin-top: -8px;position: absolute;} .hl2xnav a{color: #222;} .hl2xnavm a.cur,.hl2xnavm a:hover{color: var(--color);} .hl2xnavm-shao{justify-content:flex-start;} .hl2xnav2{position: absolute;left:0;bottom:0;z-index: 3;border-top: 3px solid rgba(255,255,255,0.1);} .hl2xnav2{top:auto;width: 100%;background-color:hsla(0,0%,100%,.1);backdrop-filter: blur(2.08rem);-webkit-backdrop-filter: blur(2.08rem);} .hl2xnav2 em{display: none;} .hl2xnav2 a:before{position: absolute;top: -3px;left: 50%;width: 0;height: 2px;background-color: #fff;content: "";transition: all 0.5s ease;opacity: 0;} .hl2xnav2 a,.hl2xnav2 a:hover,.hl2xnav2 a.cur{color: #fff;} .hl2xnav2 a{padding: 0;height: 60px;line-height:60px;margin-right: 3%;position: relative;} .hl2xnav2 a{margin: 0;} .hl2xnav2 a:hover:before,.hl2xnavm a.cur:before{width: 100%;margin-left: -50%;opacity: 1;} .hl2xnavm-shao a{margin-right:5%;} .hl2xnavm-shao a:last-child{margin-right:0;} .hlnyban{height: 540px;position: relative;overflow: hidden;margin-top: 106px;} .hlnybanbg{position: absolute;width: 104%;height: 104%;left: -2%;top:-2%;background-position: center;background-repeat: no-repeat;} .hlnybanm{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;} .hlnybanbg{background-size: cover;} .hlnybanp1{color: #fff;font-size: 50px;font-weight: 300;} .pre-z-8{position: relative;z-index: 8;} .inv12a {background:var(--bgs);} .inv12aimg {border-top-left-radius:var(--borders20);border-top-right-radius:var(--borders20);overflow:hidden;position:relative;border-radius:var(--borders20);} .inv12aimg img {width:100%;vertical-align:top;} .inv12ams {width:95%;margin:0 auto;} .inv12ams {/*padding:65px 10%;*/padding:55px 60px;box-sizing:border-box;/*border-top-left-radius:10px;*//*border-top-right-radius:10px;*/border-radius:var(--borders20);} .inv12ams {margin-top:-65px;position:relative;z-index:3;display:flex;flex-wrap:wrap;} .inv12al {width:40%;} .inv12ar {width:60%;padding-top:30px;} .inv12b {/* padding-top:120px;*//* padding-bottom:120px;*/padding-top:120px;padding-bottom:120px;position:relative;overflow:hidden;} .inv12bbg {position:absolute;width:106%;height:106%;left:-3%;top:-3%;background-position:center;background-repeat:no-repeat;background-size:cover;} .inv12bp2 {color:#c90f0f;font-size:70px;font-weight:700;line-height:1;font-family:'Poppins',Arial,Helvetica,sans-serif;} .inv12bp2 {margin-top:10px;} .inv12bn {padding:0;display:flex;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;} .inv12bl {width:475px;position:relative;} .inv12br {width:calc(82% - 475px);min-width:550px;} .inv12bl {font-size:14px;color:#fff;} .inv12bp3 {display:flex;width:100%;justify-content:space-between;padding:20px 0;border:1px solid rgba(255,255,255,0.2);} .inv12bp3 {border-left:none;border-right:none;margin-top:80px;} .inv12bp3m1 {width:158px;} .inv12bp3m2 {width:120px;} .inv12bp3m3 {width:100px;} .inv12bp4 {margin-top:65px;font-size:12px;opacity:0.5;} .inv12bp3m ul {padding:10px 0;} .inv12br img {width:100%;} .inv12bm {position:relative;z-index:3;} .inv12bc {width:100%;} .inv12bc {width:100%;} .inv12c {background:#eef0f7;} .inv12cm {display:flex;width:100%;flex-wrap:wrap;} .inv12ca,.inv12cb {background:#fff;border-radius:10px;overflow:hidden;padding:50px;box-sizing:border-box;} .inv12ca {width:62%;} .inv12cb {width:36%;margin-left:2%;} .inv12ctit {display:flex;width:100%;justify-content:space-between;align-items:center;} .inv12cp1 {font-size:24px;font-weight:700;color:#fff;} .inv12cp2 {font-size:14px;position:relative;padding-right:20px;cursor:pointer;} .inv12cp2 i {position:absolute;right:0;top:2px;line-height:1;font-size:18px;} .inv12cp2,.inv12cp2 i {color:#fff;transition:all 0.3s ease;} .inv12cp2:hover,.inv12cp2:hover i {color:var(--top-bar-color);} .inv12cp2:hover {padding-right:25px;} .inv12cp2:hover i {right:-2px;} .inv12cp5 {font-size:14px;margin-top:15px;} .inv12cp3 {color:#555;opacity:0.6;} .inv12cp3,.inv12cp5 {line-height:1;} .inv12cp4 {position:relative;margin-top:10px;} .inv12cp4 a {font-size:22px;color:var(--blue);display:block;width:90%;transition:all 0.3s ease;line-height:1.4;z-index:11;padding-right:15%;position:relative;} .inv12cp42 a {font-size:18px;} .inv12cdown {width:42px;line-height:40px;box-sizing:border-box;border:1px solid var(--blue);text-align:center;} .inv12cdown {display:block;color:var(--blue);border-radius:10px;font-size:20px;} .inv12cdown {position:absolute;right:0;top:3px;transition:all 0.3s ease;} .inv12cli {padding-top:20px;padding-bottom:25px;border-bottom:1px solid #eee;position:relative;} .inv12cli:before {position:absolute;content:'';width:0;height:1px;background:var(--top-bar-color);left:0;bottom:0;opacity:0;} .inv12cli:before {transition:all 0.7s ease;} .inv12cli:hover:before {width:100%;opacity:1;} .inv12cli:hover .inv12cp4 a {color:var(--top-bar-color);} .inv12cli:hover .inv12cdown {background:var(--top-bar-color);color:#fff;border-color:var(--top-bar-color);} .inv12cul {padding-top:10px;} .inv12cm,.inv12dm,.inv12fm,.inv12en {margin-top:45px;} .inv12cli:last-child {border:none;} .inv12d {background:#fff;} .inv12dm {border-radius:20px;} .inv12dm {background-position:center;background-repeat:no-repeat;background-size:cover;} .inv12dma {width:50%;box-sizing:border-box;padding:65px 60px;} .inv12dma:last-child {border-left:1px solid rgba(255,255,255,0.2);} .inv12dm {display:flex;} .inv12cli1 {border-color:rgba(255,255,255,0.1);padding-top:40px;} .inv12cp3-fff {color:#fff;} .inv12cp4-fff a {color:#fff;} .inv12cdown-fff {border-color:#fff;color:#fff;top:-8px} .hl2newm{display: flex;align-items: flex-start;} .hl2new{background: #fff;} .hl2newl{width: calc(95% - 400px);} .hl2newr{width: 400px;} .pubbtns{background: none;border: none;outline: none;} .hl2newlap1{color: #666;padding-bottom: 5px;} .hl2newlaatxt,.hl2newla .layui-form-select .layui-input{background: #f8f8f8;border:1px solid #d3d3d2;height: 46px;line-height: 44px;} .hl2newlaatxt{padding: 0 15px;width: 100%;} .hl2newlabm{width: 49%;} .hl2newlab{margin-top: 25px;} .hl2newla .layui-form-select .layui-input{padding-left: 15px;width: 100%;} .hl2newla .layui-form-select .layui-input:hover{border:1px solid #d3d3d2 !important;} .hl2newla .layui-form-select dl dd.layui-this{background: var(--color);} .hl2newla .layui-form-select dl{padding-top: 10px;padding-bottom: 10px;} .hl2newla .layui-form-select dl dd{padding: 5px 20px;} .layui-form-select dl dd:first-child{display: none;} .hl2newlaatxt::-webkit-input-placeholder,.hl2newla .layui-form-select .layui-input::-webkit-input-placeholder {color: #999;font-size: 16px;} .hl2newlaatxt::-moz-input-placeholder,.hl2newla .layui-form-select .layui-input::-moz-input-placeholder{color: #999;font-size: 16px;} .hl2newlacbtn{background: var(--color);color: #fff;text-align: center;width: 49%;} .hl2newlacbtn{height: 50px;line-height: 48px;cursor: pointer;} .hl2newlac{margin-top: 50px;} .hl2newla{padding-top: 50px;border-top: 2px solid var(--color);margin-top: 25px;} .hl2newladp1{font-size: 22px;font-weight:var(--b400);line-height: 1.4;} .hl2newladp2{color: #666;} .hl2newladp3{color: #333;margin-top: 12px;} .hl2newladimg{width: 35%;overflow: hidden;} .hl2newladimg img{width: 100%;transition: all 0.3s ease;} .hl2newladwz{width: 65%;padding-left: 5%;padding-top: 25px;} .hl2newladm{position: relative;padding: 70px 0;border-bottom: 1px solid #ddd;} .hl2newladm:before{position: absolute;width: 100%;height: 1px;background:var(--color);content: '';z-index: 1;left:0;bottom:0;} .hl2newladm:before{ transform: scaleX(0);transform-origin: right center;transition: transform .6s;} .hl2newladbtn{position: absolute;z-index: 3;bottom: 50px;right:0;} .hl2newladbtn{width: 50%;display: flex;justify-content: flex-end;} .hl2newladbtna i,.hl2newladbtnb i{font-size: 22px;color: #666;} .hl2newladbtna,.hl2newladbtnb{margin-left: 25px;cursor: pointer;} .hl2newladp1{color: #222;} .hl2newladp1,.hl2newladicon{transition: all 0.3s ease;} .hl2newladm:hover .hl2newladp1,.hl2newladicon:hover{color: var(--color);} .hl2newladm:hover .hl2newladimg img{transform: scale(1.03);} .hl2newladm:hover:before{ transform: scaleX(1);transform-origin: left center;} .hl2newlae{justify-content: center;margin-top: 50px;} .hl2newr{margin-top: 80px;position: sticky;top:90px;} .hl2newra{border: 1px solid #eee;color: #333;} .hl2newr-45{margin-top: 45px;} .hl2newrh4{line-height: 1.4;padding: 20px 25px;background-color: #f8f8f8;color: var(--color);font-size: 24px;font-weight: 500;} .hl2newrp1{padding: 30px 25px;} .hl2newrp1 p{margin-top: 12px;} .hl2newrp1 p:first-child{margin: 0;} .hl2newrdy{border: 1px solid #ddd;padding: 8px;display: flex;margin-top: 12px;} .hl2newrdym{height: 48px;line-height: 48px;} .hl2newrawz{padding:0 10px;width: calc(100% - 90px);} .hl2newraobj{width: 90px;background:var(--color);color: #fff;border-radius: 5px;} .hl2newrb{position: relative;} .hl2newrb img{width: 100%;} .hl2newrbicon{width: 56px;height: 56px;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index: 3;} .hl2newrbicon{border: 1px solid #fff;border-radius: 50%;line-height: 54px;text-align: center;} .hl2newrbicon{font-size: 26px;color: #fff;} .hl2newrbicon{transition: all 0.3s ease;} .hl2newrbicon:hover{background: var(--color);border-color: var(--color);} .hl2newrh4{color: var(--color);} .hl2newrh41{padding: 0;background: none;margin-top: 35px;} .pgfoot .xkmsga{display: none;} .anuma{margin: 0 25px;} .anuma{width: 86px;height: 46px;line-height: 44px;border: 1px solid var(--color);border-radius: 25px;padding: 0 30px;} .anuma i{color: var(--color);font-size: 24px;display: inline-block;position: relative;} .aprev i{transform: rotateZ(180deg);} .anuma,.anuma i{transition: all 0.3s ease;} .anuma:hover{background:var(--color);} .anuma:hover i{color: #fff;} /* 底部 */ .foot26{background:url(../img/foot26bg.png) center no-repeat #25272f;background-size: cover; font-size: 14px;position: relative;z-index: 6;} .foot26a{padding: 65px 0;padding-top: 80px;} .foot26aa img{height: 38px;} .foot26ab{display: flex;} .foot26ab dd{margin-top: 12px;} .foot26ab h6,.foot26ab a{color: #fff;} .foot26ab h6{font-size: 20px;} .foot26ab a{opacity: 0.8;transition: all 0.3s ease;} .foot26ab a:hover{opacity: 1;} .foot26ab{width: 58%;justify-content: space-between;} .guanzhu1{width: 170px;} .guanzhu2{width: 98px;} .foot26bap2{text-align: center;margin-top: 5px;} .foot26b{color:rgba(255, 255, 255, 0.5);} .foot26b{padding: 50px 0;align-items: center;padding-right: 0;} .foot26c{padding: 20px 0;} .foot26c,.foot26c a{color: rgba(255,255,255,0.5);transition: all 0.3s ease;} .foot26c a:hover{color: rgba(255,255,255,1);} .foot26b,.foot26c{border-top: 1px solid rgba(255, 255, 255, 0.2);} .foot26cr{display: flex;} .foot26cr a{margin-left: 10px;} .foot26c{position: relative;border: none;} .foot26c:before{position: absolute;content: '';width: 0;height: 1px;background: rgba(255, 255, 255, 0.4);} .foot26c:before{left:0;top:0;transition: all 3.5s ease;} .foot26c.is-inview:before{width: 100%;} .foot26b{padding-top: 0;padding-bottom: 20px;border: none;} .foot26sjmt{display: flex;} .foot26sjmta{position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;margin-right: 20px;} .foot26sjmtam{width: 100%;height: 100%;position: relative;overflow: hidden;} .foot26sjmicon{position: absolute;width: 100%;height: 100%;display: block;left:0;top:0;transition: all 0.3s ease;color:rgba(255,255,255,0.5);} .foot26sjmicon2{top:0;color: var(--color);opacity: 0;} .foot26sjmicon1{color: #fff;} .foot26sjmta{background-color: var(--color);border-radius: 50%;} .foot26sjmta{} .foot26sjmta:hover{background:#fff;} .foot26sjmta:hover .foot26sjmicon2{top:0;opacity: 1;} .foot26sjmta:hover .foot26sjmicon1{opacity: 0;} .foot26sjmta_wx i{font-size: 20px;} .foot26sjmta_wb i{font-size: 19px;} .foot26sjmta_dy i{font-size: 17px;} .foot26sjmta_sph i{font-size: 17px;} .foot26sjmtsub{position: absolute;display: none;} .foot26sjmtsub{left: 50%;transform: translateX(-50%);bottom: 35px;padding-bottom: 10px;} .foot26sjmtsubm{background: #fff;border-radius: 10px;text-align: center;padding:3px;padding-bottom: 10px;} .foot26sjmtsubm{color: #666;font-size: 12px;line-height: 1.2;} .foot26sjmtsubm img{margin-bottom: 5px;} .js_xiala2 {position:relative;cursor:pointer;} .hgwjzm{position: absolute;} .hgwjzm ul {background:#fff;border-radius:5px;overflow:hidden;padding:10px 0;} .hgwjzm li a {display:block;padding:7px;line-height:1.2;font-size:14px;} .hgwjzm li a {transition:all 0.3s ease;color:#333;} .hgwjzm li a:hover {background:var(--color);color:#fff;} .hgwjzm2 li a {padding:5px 0;} .hgwjz i {background:none;} .hgwjz span {padding-right:20px;} .hgwjz i {width:auto;} .hgwjz {padding:6px 20px;border:1px solid #fff;border-radius:20px;} .hgwjz {transition:all 0.3s ease;} .hgwjz:hover {border-color:var(--color);background:var(--color);} .hgwjzm3 {display:none;width:200px;top:auto;bottom:35px;padding-bottom:10px;padding-top:0;right: 0;} .ftgwjz {display:inline-block;} .ftgwjzm {background:var(--color);border:1px solid var(--color);color:#fff;display:flex;line-height:35px;border-radius:35px;width:150px;} .ftgwjzm-line{background: none;border-color: rgba(255,255,255,0.6);color: rgba(255,255,255,0.6);} .ftgwjzm {justify-content:center;} .ftgwjzm {align-items:center;overflow:hidden;font-size:14px;} .ftgwjzm i {color:#fff;font-size:12px;margin-left:10px;transition: all 0.3s ease;} .ftgwjzm1{transition: all 0.3s ease;width: auto;padding: 0 15px;} .ftgwjzm1 em{width: 18px;height: 18px;position: relative;opacity: 0.6;margin-right: 8px;} .ftgwjzm1 em:before,.ftgwjzm1 em:after{position: absolute;content:'';width: 100%;height: 100%;left:0;top:0;background-position: center;background-repeat: no-repeat;background-size: cover;} .ftgwjzm1 em:before{background-image: url(../img/language_icon_1.gif);} .ftgwjzm1 em:after{background-image: url(../img/language_icon_2.gif);opacity: 0;} .ftgwjzm1:hover{background: var(--color);border-color: var(--color);} .ftgwjzm1:hover{color: #fff;} .ftgwjzm-bg-fff{background: #fff;color: #333;} .ftgwjzm-bg-fff i{color: #333;} .ftgwjzm-bg-fff:hover em:after{opacity: 1;} .ftgwjzm-bg-fff:hover em:before{opacity: 0;} .ftgwjzm-bg-fff:hover i{color: #fff;} /* 底部 */ /* 首页baner */ .site-baner-linebg{display: none;} .site-baner {height:calc(100vh - 106px);margin:0 auto;margin-top:106px;} .site-baner {border-radius:0;} .site-baner-linebg {width:100%;height:120px;position:absolute;left:0;top:0;z-index:12;} .site-baner-linebg {background:linear-gradient(180deg,rgba(16,22,60,1) 0%,rgba(16,22,60,0.5) 40%,rgba(16,22,60,0) 100%);} .swiper-slide.swiper-slide-active .ani_style2 {animation:1s aniStyle2 0.3s;animation-fill-mode:forwards;} .swiper-slide.swiper-slide-active .ani_5 {animation-delay:0.5s !important;} #scroll_down {position:absolute;bottom:0;left:70px;transform:translateX(0);z-index:20;} #scroll_down:after {display:block;content:"";width:1px;height:50px;position:absolute;top:100%;left:50%;background:rgba(0,0,0,0.4);margin-left:-1px;} #scroll_down a {position:relative;display:block;padding-bottom:35px;} #scroll_down a:before {display:block;content:"";width:1px;height:60px;position:absolute;bottom:0;left:50%;background:rgba(255,255,255,0.5);margin-left:-1px;} #scroll_down a:after {display:inline-block;content:"";position:absolute;bottom:0;left:50%;width:1px;height:60px;background:#fff;transform:scaleY(0);animation:lineActiveAnimation 1.9s cubic-bezier(0.445,0.05,0.55,0.95) infinite;margin-left:-1px;} #scroll_down .txt {font-size:1.2rem;color:#fff;font-weight:600;font-family:'Montserrat',sans-serif;line-height:1em;margin-bottom:17px;display:block;} #scroll_down .fig {width:25px;height:38px;border:1px solid #fff;border-radius:25px;margin:0 auto;} @keyframes lineActiveAnimation {0% {-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center bottom} 49% {-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center bottom} 50% {-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center bottom;transform-origin:center top} 99% {-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top} 100% {-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top} } .site-baner {width:100%;} #scroll_down {display:flex;min-width:inherit;bottom:0;padding:0 ;width:25px;} #scroll_down:after {display:none;} .site-baner-zw {text-align:center;} .site-baner-p2 {margin-top: var(--mt60);display:flex;gap:30px;} .site-baner-p3 {} .site-baner-p3-left{justify-content: flex-start;} .site-baner-zw {top:50%;transform:translate(-50%,-50%);} .site-baner-zw {bottom:auto;top:20%;transform:translateX(-50%);} .site-baner-wz-left{text-align: left;} /* 首页baner */ /* 首页关于 */ .hlen1 {padding-top:150px;padding-bottom:190px;overflow:hidden;} .hlen1p1 p {margin-top:20px;} .hlen1p1 p:nth-child(1) {margin-top:0;} .hlen1p1 {margin-top:60px;height:320px;} .hlen1p2 {margin-top:0;} .hlen1x {position:relative;z-index:3;} .hlen1xa {width:750px;padding-top:30px;} .hlen1xb {text-align:right;} .hlen1xbp1 {color:var(--color);} .hlen1xbp1 i{font-style:normal} .hlen1xbp2 {color:#555;line-height: 1.4;} .hlen1xbp1 {font-size:80px;font-weight:var(--b400);line-height:90px;display:flex;} .hlen1xbp1 {justify-content:flex-end;} .hlen1xbm {margin-top:50px;} .hlen1xbm:nth-child(1) {margin:0;} .hlen1 {position:relative;} .hlen1bg,.hlen1bgm,.earth {position:absolute;width:100%;height:100%;left:0;bottom:0;object-fit:cover;} .hlen1bgm {z-index:1;} .hlen1bg2 {display:none;} /* 首页关于 */ /* 首页我们的产品 */ .hlen3x {display:flex;width:100%;flex-wrap:wrap;margin-top:60px;} .hlen3xa {overflow:hidden;position:relative;width:32%;margin-right:2%;margin-top:4%;} .hlen3xa:last-child h3 span{display:none;} .hlen3xa:last-child h3 em{left:0;} .hlen3xa:nth-child(3n) {margin-right:0;} .hlen3xa:nth-child(-n+3) {margin-top:0;} .hlen3xa img {width:100%;vertical-align:top;} .hl3overlay {background:linear-gradient(180deg,transparent 50%,rgba(83,85,90,.85));display:flex;height:100%;left:0;opacity:1;position:absolute;right:0;top:0;transition:all .3s ease-in-out;} .hl3content {bottom:0;color:#fff;display:flex;flex-wrap:wrap;left:0;padding:20px 30px;position:absolute;right:0;text-align:center;text-decoration:none;top:calc(100% - 85px) !important;transition:all .3s ease-in-out;z-index:10;} .hl3content h3 {font-weight:var(--b400);color:#fff;margin-bottom:0;height:30px;line-height:30px;overflow:hidden;font-size:24px;transition:all .2s ease-in-out;width:100%;} .hl3content h3 {display:flex;width:100%;justify-content:center;align-items:center;} .hl3content h3 img {position: absolute;max-width: 80%;max-height: 80%;left:0;top:0;bottom:0;margin: auto;} .hl3content h3 span {padding-right:0;width:35px;opacity:0;transition:all 0.3s ease;height: 30px;position: relative;} .hl3content h3 em {position:relative;left:-15px;} .hl3morea {text-align:center;width:100%;margin-top:12px;} .hl3morea span {display:inline-block;font-size:14px;padding:10px 40px;border:1px solid #fff;} .hl3morea span {transition:all 0.3s ease;} .hl3morea span:hover {background:#fff;color:#333;} .hl3text {margin-bottom:10px;text-align:center;width:100%;margin-top:40px;} .hlen3xa:hover .hl3overlay {background:var(--color);} .hlen3xa:hover .hl3content h3 {margin-bottom:0;min-height:unset;transition:all .2s ease-in-out;} .hlen3xa:hover .hl3text {margin-top:0;} .hlen3xa:hover .hl3content {align-content:space-evenly;top:0 !important;transition:all .3s ease-in-out;} .hlen3xa:hover .hl3content h3 span {opacity:1;} .hlen3xa:hover .hl3content h3 em {left:0;} .hlen3xa {height:290px;} .hlen3xaimg {height:100%;width:100%;object-fit:cover;} .hlen3xa.hlen3xa-last {width:66%;margin-right:0;} .hl3content-last {top:108px !important} .hl3content-last .hl3text,.hl3content-last .hl3morea {opacity:0;} .hlen3xa:hover .hl3content-last .hl3text {opacity:1;} .hlen3xa:hover .hl3content-last .hl3morea {opacity:1;} /* 首页我们的产品 */ /* 首页解决方案 */ .hl5solobtnm{text-align: center;width: 70px;height: 50px;line-height: 48px;border-radius: 30px;} .hl5solobtnm{border: 1px solid #fff;margin-left: 30px;cursor: pointer;} .hl6newbtn1 i,.hl3hswiperbtn1 i{position: relative;transform: rotateZ(180deg);} .hl5solobtnm i{color: #fff;font-size: 24px;display: inline-block;} .hl5solobtnm,.hl5solobtnm i{transition: all 0.3s ease;} .hl5solobtnm:hover{background: var(--color);border-color: var(--color);} .hl5solobtnm:hover i{color: #fff;} .hl5solobtn{display: flex;align-items: center;} .xkpro .hl5solobtnm{margin-left: 30px !important;margin-right: 0 !important;} .xkpro.hei .hl5solobtnm{border-color: #fff;} .xkpro.hei .hl5solobtnm i{color: #fff;} .xkpro.hei .hl5solobtnm:hover{background: #fff;} .xkpro.hei .hl5solobtnm:hover i{color: #333;} .solo26{transition: all 0.3s ease;} .solo26.hei{background: var(--color);} .solo26.hei .pubh1 {color:#fff;} .solo26.hei .solopg span{opacity: 0.5 !important;} .solo26.hei .solopg span.swiper-pagination-bullet-active{background: #fff !important;border-color: #fff; opacity: 1 !important;} .solo26.hei .hl5solobtnm{border-color: #fff;} .solo26.hei .hl5solobtnm i{color: #fff;} .solo26.hei .hl5solobtnm:hover{background: #fff;} .solo26.hei .hl5solobtnm:hover i{color: var(--color);} .solo26swiper {overflow:hidden;margin-top:45px;} .solo26slide {background:#f6f7f9;} .solo26wz {padding:35px;} .solo26p1 {font-weight:400;font-size:24px;line-height:1.4;} .solo26p2 {color:#666;margin-top:5px;} .solo26img img {width:100%;vertical-align:top;} .solo26img {overflow:hidden;} .solo26img img,.solo26p1 {transition:all 0.3s ease;} .solo26slide:hover .solo26p1 {color:var(--color);} .solo26slide:hover img {transform:scale(1.03);} .hl5solopg {display:flex;justify-content:space-between;margin-top:0;width:100%;} .solopg {width:auto !important;} .solopg span {width:15px;height:2px;box-sizing:border-box;margin:0 5px;border-radius:0;} .solopg span {border:1px solid #ccc;} .solopg span.swiper-pagination-bullet-active {background:var(--color);border-color:var(--color);} .solopg span {background:#ddd;border-color:#ddd;opacity:1 !important;} .hl5solopg{display: flex;margin-top: 45px;} .hl5solobtnm {text-align:center;width:80px;height:50px;line-height:48px;border-radius:50px;} .hl5solobtnm {border:2px solid #fff;margin:0;margin-left:30px;cursor:pointer;} .hl5solobtn1 i {position:relative;transform:rotateZ(180deg);} .hl5solobtnm i {color:#fff;font-size:20px;display:inline-block;} .hl5solobtnm,.hl5solobtnm i {transition:all 0.3s ease;} .hl5solobtnm:hover {background:var(--color);border-color:var(--color);} .hl5solobtnm:hover i {color:#fff;} .hl5solobtn {display:flex;align-items:center;} .hl6newbtn1 {margin-left:auto;} .hl5solobtnm.left i{transform: rotateZ(180deg);} .hl5solobtnm-bg-fff{background: #fff;border-color: #ddd;} .hl5solobtnm-line-fff{border-color: #fff;} .hl5solobtnm-line-fff i{color: #fff;} .xkpro.hei .hl5solobtnm {border-color:#fff;} .xkpro.hei .hl5solobtnm i {color:#fff;} .xkpro.hei .hl5solobtnm:hover {background:#fff;} .xkpro.hei .hl5solobtnm:hover i {color:#333;} /* 首页解决方案 */ /* 首页合作伙伴 */ .hl3hx {position:relative;padding-top:25px;} .hl3hswiper {margin-left:360px;padding:70px 0;background:#f6f6f6;} .hl3hp1 {padding:25px 10%;} .hl3hp1 {display:flex;justify-content:space-between;line-height:1.4;font-size:20px;font-weight:700;align-items:center;} .hl3hp1 i {background:#ccc;width:1px;height:30px;} .hl3hp1p1 {line-height:1.4;max-width:330px;} .hl3hswiper {overflow:hidden;} .hl3hswiper img {width:100%;vertical-align:top;} .hl3hswiper2bg {background-position:center;background-repeat:no-repeat;background-size:cover;} .hl3hswiper2bg,.hl3hswiper2bg1 {position:absolute;width:100%;height:100%;} .hl3hswiper2bg1 {z-index:1;background:var(--color);} .hl3hswiper2wz {color:#fff;padding:70px 45px;position:relative;z-index:3;height:100%;} .hl3hswiper2bg1 {opacity:0.7;display:none;} .hl3hswiper2p1 {font-size:30px;font-weight:700;line-height:1.4;color:#fff;} .hl3hswiper2m {position:relative;} .hl3hswiper2 {position:absolute;width:400px;z-index:3;height:100%;left:0;top:0;} .hl3hswiper2p2 {margin-top:10px;} .hl3hswiper2p3 {margin-top:35px;} .hl3hx {margin-top:60px;} .hl3hswiper2 {overflow:hidden;top:10px;} .hl3himgicon {height:40px;width:180px;position:relative;} .hl3himgicon img {max-width:90%;max-height:90%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;width:auto;} /* 首页合作伙伴 */ .wsylinea span {display:inline;position:relative;line-height:1.6;} .wsylinea span {background:linear-gradient(to right,white,white),linear-gradient(to right,#b1b1b1,#b1b1b1,#b1b1b1);background-size:100% 2px,0 2px;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size 400ms;padding-bottom:4px;} .sh6newbslidem:hover .wsylinea span {background-size:0 2px,100% 2px;} .sh6newbp1 {font-size:22px;font-weight:700;} .sh6newbp2 {color:#666;margin-top:20px;} .sh6newb {width:calc(100% - ((100% - 1400px) / 2));margin-left:calc((100% - 1400px) / 2);margin-top:45px;} .sh6newb {overflow:hidden;} .sh6newc {display:flex;justify-content:flex-start;margin-top:45px;} .sh6newc .hl5solobtnm {margin-left:0;margin-right:30px;} .sh6new {background:#f3f3f3;} .sh6newbslidem {background:#fff;width:650px;} .sh6newbimg img {width:100%;} .sh6newbimg {overflow:hidden;} .sh6newbwz {padding:35px;} .sh6newbimg img,.sh6newbp1 {transition:all 0.3s ease;} .sh6newbslidem:hover .sh6newbp1 {color:var(--color);} .sh6newbslidem:hover .sh6newbimg img {transform:scale(1.03);} .sh6newa {display:flex;} .sh6newa span {font-size:48px;color:#bfbfbf;margin-right:0;cursor:pointer;transition:all 0.3s ease;width:330px;font-weight:300;} .sh6newa .on {color:var(--color);} .sh6newtabm {display:none;} .sh6new {padding-top:60px;} .i2kehn {overflow:hidden;width:100%;padding:20px 0;} .i2kehn:last-child {padding-bottom:0;} .i2kehna {display:flex;width:10000px;} .i2kehnm {display:flex;} .i2kehnm li {width:210px;margin:0 20px;height:95px;position:relative;} .i2kehnm li {border:1px solid #ddd;} .i2kehnm img {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:80%;max-height:80%;} .hpbr_run_ul1 {animation:donghua1 50s linear infinite;} .i2kehnm2 {transform:translateX(100%);} .hpbr_run_ul2 {animation:donghua 50s linear infinite;} @keyframes donghua {from {transform:translateX(0);} to {transform:translateX(-100%);} } @keyframes donghua1 {from {transform:translateX(-100%);} to {transform:translateX(0);} } .i2kehn1 {margin-top:50px;} /* 首页合作伙伴 */ /* 首页3*/ .pubmore-noneicon .psvg {display:none;} .pubmore-noneicon {width:150px;justify-content:center;border-color:#fff;background:rgba(255,255,255,0);} .pubmore-noneicon .pwz1 {color:#fff;} .pubmore-noneicon .pwz2 {color:#333;} .sh6esgx {margin-top:45px;} .sh6esgxa {position:relative;overflow:hidden;} .sh6esgxxf {position:absolute;width:100%;padding:50px 40px;z-index:6;} .sh6esgxa img {width:100%;vertical-align:top;transition:all 0.6s ease;} .sh6esgxxf {left:0;bottom:0;} .sh6esgxxfm {height:auto;overflow:hidden;max-height:0;transition:all 1s cubic-bezier(0.165,0.84,0.44,1);} .sh6esgxp1,.sh6esgxp2 {color:#fff;} .sh6esgxp2 {opacity:0.7;margin-top:10px;} .sh6esgxp3 {position:relative;opacity:0;transition:0.6s cubic-bezier(0.25,0.46,0.45,0.94);transform:translateY(100%);} .sh6esgxp3 {transition-delay:0.2s;} .sh6esgxp1 {font-size:30px;line-height:1.4;font-weight:700;} .sh6esgxp3 {margin-top:45px;} .sh6esgxbg {position:absolute;width:100%;height:70%;z-index:2;left:0;right:0;bottom:0;content:"";background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,black 100%);opacity:0.6;transition:all 1000ms cubic-bezier(0.23,1,0.32,1),opacity 1000ms;will-change:top,opacity;} .sh6esgxa:hover .sh6esgxbg {height:100%;} .sh6esgxa:hover .sh6esgxxfm {max-height:230px;} .sh6esgxa:hover .sh6esgxp3 {opacity:1;transform:translateY(0);} .sh6esgxa:hover img {transform:scale(1.1);} .sh6esgxa2 {width:calc(25% - 8px);} .sh6esgxa3 {width:calc(75% - 8px);} .sh6esgx2 {margin-top:16px;} .hlqqbj{background:#f8f8f8;position: relative;z-index: 9;margin-top: -150px;background:#f5f8ff} .hlqqbjm{margin-top: 30px;} .hlqqbj{will-change:opacity,clip-path;animation-name:scrP1} @keyframes scrP1{ 0%{ opacity:1;-webkit-clip-path:inset(1.5rem 10vw 0 round 1.64583vw 1.64583vw 0 0);clip-path:inset(1.5rem 10vw 0 round 1.64583vw 1.64583vw 0 0) } to {opacity:1;-webkit-clip-path:inset(0 round 1.64583vw 1.64583vw 0 0);clip-path:inset(0 round 1.64583vw 1.64583vw 0 0)} } @keyframes scrP2{ 0%{ opacity:1;-webkit-clip-path:inset(2rem 10vw 0 round 0 0 0 0);clip-path:inset(2rem 10vw 0 0 0 0) } to {opacity:1;-webkit-clip-path:inset(0 round 0 0 0 0);clip-path:inset(0 round 0 0 0 0)} } .ani_in{will-change:transform,opacity;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);} .ani_in2{will-change:transform,opacity;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:paused;animation-delay:calc(var(--zindex)* -1s);animation-timing-function:cubic-bezier(.22,.61,.36,1);} .xkmsga{display: none;} /* .sl26tree{padding-bottom: 100px;} */ .bgf8{background: #f8f8f8;} .sl26treeswiper{position: relative;width: 100%;overflow:hidden;border-radius: 10px;} .sl26treeswiper-t45p{margin-top: 45px;} .sl26treetab{position: absolute;width: 100%;z-index: 3;left:0;top:0;display: flex;justify-content: space-between;} .sl26treetab{top:50%;transform: translateY(-50%);padding: 0 10%;height: 100%;} .sl26treetab0{padding: 0;} .sl26treep1,.sl26treep2{color: #fff;} .sl26treep1{font-size: 30px;font-weight: var(--b400);line-height: 1.4;margin-top: 10px;} .sl26treep2{margin-top: 0;} .sl26treetabm{text-align: center;display: flex;align-items: center;} .sl26treetabm2{width: 49%;} .sl26treetabmn{width: 100%;} .sl26treep3{display: flex;justify-content: center;} .sl26treeline{height: 100%;width: 1px;background: #fff;opacity: 0.4;} .sl26treeslide{opacity: 0 !important;transition: all 0.3s ease;} .sl26treeslide img{width: 100%;} .sl26treeslide.swiper-slide-active{opacity: 1 !important;} .sl26treep0,.sl26treep3{transition: all 0.3s ease;top:0;position: relative;} .sl26treep0{top:25px;} .sl26treep3{opacity: 0;top:30px;} .js_3_tab:hover .sl26treep0{top:-25px;} .js_3_tab:hover .sl26treep3{opacity: 1;top:10px;} /* 首页3 */ /* 首页 金属价格 */ .tj26 {position:relative;overflow:hidden;padding-bottom: 260px;} .tj26m {position:relative;z-index:3;} .tj26d{color: #fff;margin-top: 25px;font-size: 14px;text-align: right;opacity: 0.8;} .tj26bg {position:absolute;width:100%;height:100%;left:0;top:0;} .tj26bg {background-position:center;background-repeat:no-repeat;background-size:cover;} .tj26bg{background-attachment: fixed;} .tj26bma h5,.tj26bmc h5 {font-size:20px;color:#222;font-weight:var(--b400);} .tj26bma ul {color:#444;padding-top:10px;} .tj26bma ul li {margin-top:5px;} .tj26bma ul li{line-height:1.4} .tj26a {width:280px;} .tj26b {width:calc(100% - 280px);} .tj26bma {width:50%;} .tj26bm {padding:50px;border-radius:20px;overflow:hidden;padding-right:30px;} .tj26bmc {width:130px;} .tj26bmc span {width:34px;height:34px;background:rgba(255,255,255,0.9);text-align:center;line-height:34px;} .tj26bmc span {border-radius:5px;transition:all 0.3s ease;margin-right:8px;margin-top:8px;} .tj26bmc span.on {background:var(--color);color:#fff;} .tj26bmc ul {display:flex;flex-wrap:wrap;width:100%;} .tj26bmd {width:calc(92% - 130px);} .tj26bmd img {width:100%;} .tj26bmcp2 {margin-top:30px;} .tj26bm2 {margin-top:25px;} .tj26bm{background: rgba(0,108,184,0.9);} .tj26bma h5,.tj26bmc h5{color: #fff;} .tj26bma ul{color: rgba(255,255,255,0.9);} .tj26bmc span.on{background: var(--reds);} .tj26bm{background:hsla(0,0%,100%,.1);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);} /* 首页 金属价格 */ /* 首页 新闻 */ .bo-d-n {display:flex;width:100%;margin-top:45px;} .bo-d-link {width:25.5%;margin-right:2%;} .bo-d-link1 {width:45%;} .bo-d-link:last-child {margin:0;} .bo-d-p1 {color:#fff;font-size:14px;padding-bottom:10px;opacity: 0.7;} .bo-d-p2 {font-size:20px;font-weight:var(--b700);color: #fff;} .bo-d-p2-1 {font-size:24px;line-height:1.4;} .bo-d-wz {padding:25px 0;} .bo-dimg {overflow:hidden;border-radius: 10px;} .bo-dimg img {width:100%;vertical-align:top;} .bo-d-link,.bo-dimg img {transition:all 0.3s ease;} .bo-dimg img {transition:all 1s ease;} .bo-d-link:hover img {transform:scale(1.1);} .bo-d-p2 span {display:inline;position:relative;line-height:1.6;} .bo-d-p2 span {background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(to right,var(--color),var(--color),var(--color));background-size:100% 2px,0 2px;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size 400ms;padding-bottom:4px;} .bo-d-p2 span{padding-bottom: 2px;} .bo-d-link:hover .bo-d-p2 span {background-size:0 2px,100% 2px;} .bo-d-p4,.bo-d-p3 {margin-top:20px;} .bo-d-p2-ccc span {background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(to right,var(--color),var(--color),var(--color));background-size:100% 2px,0 2px;background-position:100% 100%,0 100%;background-repeat:no-repeat;} .bo-d-link2 {background:none} .bo-d-n {align-items:flex-start;} .bo-dimg1,.bo-d-link2 {height:370px;overflow:hidden;} .bo-dimg2 {height:auto;overflow:hidden;} .bo-dimg img {width:100%;} .bo-d-top {display:flex;justify-content:space-between;width:100%;align-items:center;} .bo-d-p4.needmorep3 {padding-left:25px;margin:0;bottom:15px;} .ctabtn {display:flex;} .ctabtn i {margin-left:5px;position:relative;top:1px;} .sh6new,.wskhbg{background: #fff;} .bo-d{background: none;} .bo-i:before, .bo-d:before{display: none;} /* 首页 新闻 */ .ssex{background: none;line-height: 32px;opacity: 1;color:#222;font-size: 18px;} .qqzpp{display: none;} /* 反白导航 */ /* 1 */ .fbdh .bo-heada,.fbdh .bo-headb{background: none;transition: all 0.3s ease;} .fbdh .site-baner{height: 100vh;margin: 0;} .fbdh .bo-heada,.fbdh .bo-headb{border-bottom: 1px solid rgba(255,255,255,0.2);} .fbdh .bo-heada a{color: #fff;} .fbdh .bo-heada-c{color: #fff;} .fbdh .yya{color: #fff;} .fbdh .yya i{color: #fff;} .fbdh .logo2{opacity: 1;} .fbdh .logo1{opacity: 0;} .fbdh .bo-head-navli>a{color: #fff;} .fbdh .qqzppspan, .fbdh .qqzppi{color: #fff;} .fbdh .qqzppspan:after{opacity: 1;} .fbdh .qqzppspan:before{opacity: 0;} .fbdh .ssex{color: #fff;} .fbdh .qqline{background-color: #fff;opacity: 0.6;} .fbdh .site-baner-zw{top:25%;} .fbdh .tbxknavsub{top:331px;} /* 1 */ /* 1 */ .fbdh .bo-head:hover .bo-heada,.fbdh .bo-head:hover .bo-headb{background: #fff;} .fbdh .bo-head:hover .bo-heada a{color: #222;} .fbdh .bo-head:hover .bo-heada-c{color: #222;} .fbdh .bo-head:hover .yya i{color: #222;} .fbdh .bo-head:hover .logo2{opacity: 0;} .fbdh .bo-head:hover .logo1{opacity: 1;} .fbdh .bo-head:hover .bo-head-navli>a{color: #222;} .fbdh .bo-head:hover .qqzppspan, .fbdh .bo-head:hover .qqzppi{color: #222;} .fbdh .bo-head:hover .qqzppspan:after{opacity: 0;} .fbdh .bo-head:hover .qqzppspan:before{opacity: 0.6;} .fbdh .bo-head:hover .ssex{color: #222;} .fbdh .bo-head:hover .qqline{background-color: #222;opacity: 0.3;} .fbdh .bo-head:hover .site-baner-zw{top:25%;} .fbdh .bo-head:hover .bo-headb{background: #fff;} .fbdh .bo-head:hover .bo-heada{border-color: #fff;} .fbdh .bo-head:hover .flags-united-states:before{opacity:1;} .fbdh .bo-head:hover .flags-united-states:after{opacity:0;} .fbdh .bo-head.opennav .bo-heada,.fbdh .bo-head:hover .bo-headb{background: #fff;} .fbdh .bo-head.opennav .bo-heada a{color: #222;} .fbdh .bo-head.opennav .bo-heada-c{color: #222;} .fbdh .bo-head.opennav .yya i{color: #222;} .fbdh .bo-head.opennav .logo2{opacity: 0;} .fbdh .bo-head.opennav .logo1{opacity: 1;} .fbdh .bo-head.opennav .bo-head-navli>a{color: #222;} .fbdh .bo-head.opennav .qqzppspan, .fbdh .bo-head:hover .qqzppi{color: #222;} .fbdh .bo-head.opennav .qqzppspan:after{opacity: 0;} .fbdh .bo-head.opennav .qqzppspan:before{opacity: 0.6;} .fbdh .bo-head.opennav .ssex{color: #222;} .fbdh .bo-head.opennav .qqline{background-color: #222;opacity: 0.3;} .fbdh .bo-head.opennav .site-baner-zw{top:25%;} .fbdh .bo-head.opennav .bo-headb{background: #fff;} .fbdh .bo-head.opennav .bo-heada{border-color: #f5f5f5;} .fbdh .bo-head.opennav .flags-united-states:before{opacity:1;} .fbdh .bo-head.opennav .flags-united-states:after{opacity:0;} .fbdh .bo-head.opennav .yya{color: #333;} /* 1 */ .fbdh .bo-head.scroll .qqzppspan, .fbdh .bo-head.scroll .qqzppi{color: #222;} .fbdh .bo-head.scroll .qqzppspan:after{opacity: 0;} .fbdh .bo-head.scroll .qqzppspan:before{opacity: 0.6;} .fbdh .bo-head.scroll .ssex{color: #222;} .fbdh .bo-head.scroll .qqline{background-color: #222;opacity: 0.3;} /* 反白导航 */ /* 反白导航 简化*/ .bo-heada{display: none;} .fbdh .bo-heada{display: none;} .fbdh .bo-headb{border: none;} .bofb_yy,.hide_line{display: none;} .bofb_yy {display: block;} .bofb_yy{font-size: 14px;color: #333;} .fbdh .bo-head-navli>a,.fbdh .bo-head-navli{padding-right: 0;transition: all 0.3s ease;} .fbdh .bo-head-navli>a i{display: none;} .fbdh .bo-head-navli{margin: 0 2%;} .fbdh .bo-headb-left2{width: 360px;justify-content: space-between;} .fbdh .bo-headb-left{width: calc(100% - 360px);} .fbdh .bofb_yy{display: block;} .fbdh .hide_line{display: block;} .fbdh .ssex span{display: block;} .fbdh .bo-head-nav,.bo-head-nav{width: calc(100% - 182px);justify-content:center;} .fbdh .yya,.fbdh .qqzpp,.fbdh .bo-head-navli>a,.fbdh .bo-head-navli,.fbdh .ssex{height: 74px;line-height: 74px;} .fbdh .yya{padding-right: 0;display: block;} .fbdh .bo-head:hover .yya,.fbdh .bo-head.scroll .yya,.fbdh .bo-head.scroll .yya i{color: #222;} .fbdh .tbxknavsub{top:var(--nav-height);} .fbdh .tbxknavsub{top:74px;} .fbdh .bo-head.scroll .tbxknavsub{top:var(--nav-height);} .fbdh .bo-head.scroll{top:0;} .fbdh .bo-head.scroll .qqzpp,.fbdh .bo-head.scroll .bo-head-navli>a,.fbdh .bo-head.scroll .bo-head-navli,.fbdh .bo-head.scroll .yya,.fbdh .bo-head.scroll .ssex{height: 74px;line-height: 74px;} .yya_jssub{background: #fff;} .yya_jssub .boyybbm{padding: 0 70px;padding-top: 50px;} .yya_jssub .boyybbmclose{display: none;} .tbxknavsub img{margin-top: -1px;} .tbxknavsub{overflow: hidden;} /* .nav__toggle-button{display: none;top:-1px;} .nav__toggle-button span{background-color: #fff;} .fbdh .nav__toggle-button{display: none;} */ .fbdh .qqzpp,.fbdh .ssex{display: none;} .fbdh .ssex span{display: none;} .fbdh .ssex{display: block;} .fbdh .qqline:nth-child(5){display: none;} .fbdh .bo-head.scroll .nav__toggle-button span,.fbdh .bo-head:hover .nav__toggle-button span{background-color: #333;} .fbdh .bo-headb-left2{width: 180px;} .fbdh .bo-headb-left{width: calc(100% - 180px);} .fbdh .flags-united-states:before{opacity: 0;} .fbdh .flags-united-states:after{opacity: 1;} .fbdh .bo-head.scroll .flags-united-states:before{opacity: 1;} .fbdh .bo-head.scroll .flags-united-states:after{opacity: 0;} /* 反白导航 简化*/ /* .yya i{transform: rotateZ(180deg);display: block;position: relative;} .yya,.fbdh .yya{display: flex;} */ body.bhide .bo-head,body.bhide .bo-head.scroll{top:-74px} @keyframes fadeInSway{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}} .fadeInSway span{visibility: hidden;animation-delay: 0.2s;animation-duration: 1.2s;animation-fill-mode: both;display: block;} .fadeInSway.is-inview span,.fadeInSway.aos-animate span{animation-name:fadeInSway;visibility: inherit;} [aos].fadeInSway span{visibility:visible} @media screen and (max-width:1440px) { .bo-head-navli{margin-left: 20px;} } @media screen and (max-width:1366px) { .bo-head-navli{margin-left: 15px;} } .hl2carra{margin-top: 55px !important;} .hl2carraimg{width: 114%;height: 114%;left: -7%;top:-7%;object-fit: cover;position: absolute;} .hl2carrawrapper,.hl2carraslide{height: auto;} .hl2carraslide{overflow: hidden;border-radius: var(--border5);height: 600px;position: relative;} .hl2carrawrapper{justify-content: space-between;align-items: flex-start;} .hl2carraslide{width: 31%;position: relative;box-shadow: 0 15px 25px rgba(0,0,0,0.08);} .hl2carraslide:nth-child(2){margin-top: 65px;} .hl2carrawz,.hl2carrawz2{position: absolute;width: 100%;left:0;top:0;z-index: 3;height: 100%;} .hl2carrawz2{z-index: 4;background: var(--color);opacity: 0;transition: all 0.3s ease;padding: 45px;color: #fff;} .hl2carrawz2{top:45px;} .hl2carrawzm{width: 100%;padding:35px 15px;} .hl2carrabg{position: absolute;width: 100%;left:0;top:0;content: '';z-index: 1;height: 100%;} .hl2carrabg{background: linear-gradient(360deg, rgba(0,108,184,1) 0%, rgba(0,108,184,0.5) 28%, rgba(255,255,255,0) 100%);} .hl2carrabg{opacity: 0;} .hl2carrabg,.hl2carraimg,.hl2carrah5,.hl2carrap1,.hl2carrawz{transition: all 0.3s ease;} .hl2carrawz{color: #fff;text-align: center;display: flex;align-items: flex-end;} .hl2carrah5,.hl2carrap1{position: relative;top:0;} .hl2carrap1{margin-top: 0;opacity: 0;top:20px;transition-delay: 0.2s;} .hl2carrah5{font-size: 24px;line-height: 1.4;height: 85px;top:20px;} .hl2carrawz{top:0;} .hl2carraico{width: 60px;height: 60px;position: relative;margin-bottom: 35px;} .hl2carraico img{position: absolute;inset: 0;margin: auto;margin-left: 0;max-width: 80%;max-height: 80%;} .hl2carraslide{transition:box-shadow 0.3s ease;} .hl2carraslide:hover{box-shadow: 0 25px 35px rgba(0,0,0,0.1);} .hl2carraslide:hover .hl2carrabg,.hl2carraslide:hover .hl2carrap1{opacity: 1;} .hl2carraslide:hover .hl2carraimg{transform: scale(1.1);} .hl2carraslide:hover .hl2carrabg{opacity: 1;} .hl2carraslide:hover .hl2carrawz{top:0;} .hl2carraslide:hover .hl2carrah5{top:0;} .hl2carraslide:hover .hl2carrap1{top:0;} .hl2carraslide:hover .hl2carrawz2{opacity: 1;top:0;} .hl3carr{background: #f8f8f8;} .hl3carr{padding-bottom: 0;} .hl3carrm{padding-top: 100px;position: relative;padding-left: 70px;padding-right: 70px;padding-top: 0;} .hl3carrp1{position: absolute;z-index: 1;top:0;left:0;width: 100%;} .hl3carrzw{width: 100%;position: relative;z-index: 2;} .hl3carrbg{width: 100%;vertical-align: top;} .hl3carrzw{overflow: hidden;border-radius: var(--borders);} .hl3carrbg{object-fit: cover;max-height:80vh;} .hl3carrzwm{position: absolute;width: 100%;left:0;top:0;color: #fff;z-index: 3;} @keyframes scrP3{ 0%{ top:65px;opacity:1;-webkit-clip-path:inset(2rem 20vw 0 round 25px 25px 25px 25px);clip-path:inset(2rem 20vw 25px 25px 25px 25px) } to {top:0;opacity:1;-webkit-clip-path:inset(0 round 25px 25px 25px 25px);clip-path:inset(0 round 25px 25px 25px 25px)} } .hl3carrzw{will-change:opacity,clip-path;animation-name:scrP3;margin-top: 45px;} .hl3carrzwm{padding: 0 10%;top:50%;transform: translateY(-50%);} .hl3carrp2{font-size: 32px;line-height: 1.4;} .hl3carrp3{margin-top: 70px;display: flex;} .hl3carrplay-ml30p{margin-left: 30px;} .hl3carrplay{transition: all 0.3s ease;} .hl3carrplay{color: #fff;border: 1px solid #fff;justify-content: center;} .hl3carrplay i{font-size: 6px;width: 18px;border: 1px solid #fff;border-radius: 50%;margin-right: 15px;} .hl3carrplay i{height: 18px;line-height: 17px;text-align: center;display: block;transition: all 0.3s ease;} .hl3carrplay:hover{background: #fff;color: var(--color);} .hl3carrplay:hover i{border-color: var(--color);} .hl4carr{background: #f8f8f8;} .hl4carrp1{font-size: 24px;line-height: 1.4;margin-top: 30px;} .hl4carrp2{color: #555;margin-top: 15px;} .hl4carricon{width: 100px;height: 100px;background: #fff;position: relative;border-radius: 50%;} .hl4carricon{margin-top:-100px;} .hl4carricon img{inset: 0;position: absolute;max-height:48%;max-width: 48%;margin: auto;} .hl4carrawrapper,.hl4carraslide{height: auto;} .hl4carrawrapper{justify-content: space-between;} .hl4carraslide{width: 30%;background: #fff;border-radius: var(--border5);padding: 50px 45px;text-align: justify;} .hl4carra{margin-top: 100px;} .hl4carraslide,.hl4carrp1,.hl4carrp2{transition: all 0.3s ease;} .hl4carraslide:hover{background: var(--color);} .hl4carraslide:hover .hl4carrp1,.hl4carraslide:hover .hl4carrp2{color: #fff;} .hl5carr{position: relative;overflow: hidden;height: 80vh;max-height: 1000px;min-height: 500px;} .hl5carrbg{position: absolute;width: 105%;height: 105%;left: -2.5%;top:-2.5%;} .hl5carrbg{background-size: cover;background-repeat: no-repeat;background-position: center;} .hl5carrwz{position: absolute;width: 100%;z-index: 2;text-align: center;left: 0;bottom: 0;} .hl5carrp2{display: flex;justify-content: center;margin-top: 60px;} .hl5carrp2 a{margin: 0 15px;} .hl5carrwz{padding-bottom: 220px;} .hl3pros{background: #fff;} .hl3prosm{align-items: flex-start;} /* .hl3prosm{width: 90%;} */ .hl3prosp1{font-size: 36px;color: var(--color);line-height: 1.4;} .hl3prosa{width: 210px;} .hl3prosam{} .hl3prosb{width: calc(95% - 210px);padding-left: 5%;} .hl3prosbss input{background: none;border: none;outline: none;width: 100%;height: 45px;line-height: 44px;border-bottom: 1px solid #ddd;} .hl3prosbss input{padding-left: 40px;} .hl3prosbss input{border-color: var(--color);} .hl3prosbss i{position: absolute;left:10px;height: 44px;line-height: 44px;display: block;font-size: 18px;color: #999;z-index: 3;} .hl3prosbss input::-webkit-input-placeholder {color: #999;font-size: 14px;} .hl3prosbss input::-moz-placeholder{color: #999;font-size: 14px;} .hl3prosbss input{transition: all 0.3s ease;} .hl3prosbss input:focus{border-color: var(--color);} .hl3prosbss{position: relative;} .hl3prosatab{padding: 10px 0;border-bottom: 1px solid #ddd;} .hl3prosatab:first-child{padding-top: 0;} .hl3prosah6{font-size: 20px;line-height: 45px;position: relative;padding-left: 32px;cursor: pointer;} .hl3prosicon{width: 32px;height: 32px;display: block;position: absolute;left:0;top:10px;} .hl3prosicon img{position: absolute;inset: 0;margin:auto;margin-left: 0;max-width: 75%;max-height: 65%;} .hl3prosicon2{opacity: 0;} .hl3prosicon img,.hl3prosah6 span,.hl3prosjt{transition: all 0.3s ease;} .hl3prosjt{display: block;line-height: 45px;right: 0;top:0;font-size: 16px;position: absolute;} .hl3prosasub{padding: 15px 0; padding-left: 32px;} .hl3prosasub a{color: #666;transition: all 0.3s ease;} .hl3prosasub a:hover,.hl3prosasub a.cur,.hl3prosah6.cur{color: var(--color);} .hl3prosasub li{padding-top: 6px;} .hl3prosasub li:first-child{padding-top: 0;} .hl3prosah6.cur .hl3prosjt{transform: rotateZ(180deg);} .hl3prosah6.cur .hl3prosicon2{opacity: 1;} .hl3prosah6.cur .hl3prosicon1{opacity: 0;} .hl3prosasub{display: none;} .hl3prosb{background: url(../img/hl3prosbbbg.jpg) left top repeat-y;} .hl3prosb{min-height: 100vh;} .hl3prosa,.hl3prosb{padding-top: 80px;} .hl3prosa{position: sticky;top:20px;padding-bottom: 80px;} .hl3prosba{display: flex;justify-content: space-between;align-items: center;} .hl3prosbb{margin-top: 0;padding-bottom: 80px;} .hl4pros{background: #f7f8f8;} .hl3prosbp1{color: #222;font-size: 20px;} .hl3prosbp2{color: #666;font-size: 14px;margin-top: 15px;padding-right: 80px;} .hl3prosbp2 {height: 44px;line-height: 22px;} .hl3prosbp1,.hl3prosbp2,.hl3prosblink,.hl3prosbimg,.hl3prosbimg img,.hl3prosbimg i{transition: all 0.3s ease;} .hl3prosbimg{overflow: hidden;position: relative;background-color: #f8f8f8;} .hl3prosbimgi{position: absolute;width: 35px;height: 35px;border-radius: 50%;border: 1px solid #999;text-align: center;line-height: 33px;} .hl3prosbimgi{z-index: 3;right: 30px;bottom: 30px;color: #999;} .hl3prosbimgi-bg-fff{background: #fff;color: var(--color);border-color: #fff;} .hl3prosbimg img{width: 100%;} .hl3prosbimgi1{display: none;} .hl3prosbimgi2{display: block;position: relative;right:0;bottom:0;} .hl3prosbb{display: flex;justify-content: flex-start;flex-wrap: wrap;} .hl3prosblink{width: 49%;margin-top: 40px;margin-right: 2%;} .hl3prosblink:nth-child(2n){margin-right: 0;} .hl3prosbwz{padding:35px 45px;position: relative;transition: all 0.4s;padding-bottom: 60px;} .hl3prosbp1{padding-bottom: 10px;border-bottom: 1px solid #ddd;} .hl3prosbp1,.hl3prosbp2{top:0;} .hl3prosbp1,.hl3prosbp2,.hl3prosbp3{position: relative;z-index: 2;transition: all 0.4s;} .hl3prosbp3{right: 45px;opacity: 0;bottom: 25px;transition: all 0.4s;position: absolute;} .hl3prosbwz:before{position: absolute;content: '';width: 100%;background: var(--color);height: 100%;bottom: 0;left:0;transition: all 0.4s;} .hl3prosbwz:before{opacity: 0;} .hl3prosbwz3{padding:25px;} .hl3prosbp13{padding-bottom:0;border:none;} /* .hl3prosblink:hover{background: var(--color);} */ .hl3prosblink:hover .hl3prosbp1{color: #fff;border-color: #fff;} .hl3prosblink:hover .hl3prosbp2{color: #fff;} .hl3prosblink:hover .hl3prosbimg{border-color: var(--color);border-top-right-radius: var(--border5);border-top-left-radius: var(--border5);} .hl3prosblink:hover{border-radius: var(--border5);} .hl3prosblink:hover img{transform: scale(1.13);} .hl3prosblink:hover .hl3prosbimg i{background: var(--color);border-color: var(--color);color: #fff;} .hl3prosblink:hover .hl3prosbwz:before{opacity: 1;height:calc(100% + 60px);height: 100%;} .hl3prosblink:hover .hl3prosbp3{opacity: 1;} .hl3prosblink{box-shadow: 0 15px 25px rgba(0,0,0,0.06);} .hl3prosblink:hover{box-shadow: 0 25px 35px rgba(0,0,0,0.08);} /* .hl3prosblink:hover .hl3prosbp1,.hl3prosblink:hover .hl3prosbp2{top: -60px;} */ .hl4pros.bai{background-color: #fff;} .hl4prosx{margin-top: 55px;} .hl4prosxm{width: 32%;background: #fff;border-radius: var(--bord5);padding: 45px;} .hl4prosxm-5{width: 19%;padding: 25px;box-shadow: 0 10px 25px rgba(0,0,0,0.06);} .hl4prosp1{font-size: 24px;line-height: 1.4;color: #222;margin-top: 20px;} .hl4prosp11{margin-top: 10px;display: flex;width: 100%;align-items: center;} .hl4prosp1icon{margin-left: 5px;font-size: 18px;line-height: 1;} .hl4prosp2{color: #666;margin-top: 10px;} .hl4prosp21{font-size: 14px;margin-top: 5px;} .hl4prosicon{width: 70px;height: 70px;text-align: left;line-height: 70px;position: relative;} .hl4prosicon img{position: absolute;inset: 0; margin: auto;margin-left: 0;max-width: 58%;max-height: 58%;transition: all 0.4s;} .hl4prosicon1{opacity: 1;} .hl4prosicon2{opacity: 0;} .hl4prosicon i{color: #000;} .hl4prosp3{display: flex;justify-content: flex-end;margin-top: 10px;} .hl4prosicon i,.hl4prosp1,.hl4prosp2,.hl4prosxm,.hl4prosjt{transition: all 0.3s ease;} .hl4prosjt{position: relative;bottom: 0;right: 0;} /* .hl4prosicon1 i{font-size: 35px;} .hl4prosicon2 i{font-size: 45px;} .hl4prosicon3 i{font-size: 32px;} */ .hl4prosxm:hover{background: var(--color);transform: scale(1.03);} .hl4prosxm:hover .hl4prosp1{color: #fff;} .hl4prosxm:hover .hl4prosp2{color: #fff;} .hl4prosxm:hover .hl4prosicon i{color: #fff;} .hl4prosxm:hover .hl4prosicon1{opacity: 0;} .hl4prosxm:hover .hl4prosicon2{opacity: 1;} .hl4prosxm:hover .hl4prosjt{color: var(--color);opacity: 1;background:#fff;border-color: #fff;} .hl6carrjt{position: absolute;width: 35px;height: 35px;border-radius: 50%;border: 1px solid #999;text-align: center;line-height: 33px;} .hl6carrjt{z-index: 3;right: 0;color: #999;bottom: 35px;} .hl6carrul{width: 100%;flex-wrap: wrap;} .hl6carrlink{position: relative;} .hl6carrlink{padding-top: 55px;padding-bottom: 20px;position: relative;padding-right: 55px;} .hl6carrlink{border-bottom: 1px solid #ddd;} .hl6carrlink:before{position: absolute;width: 0;height: 1px;background: var(--color);content: '';transition: all 0.3s ease;} .hl6carrlink:before{left: 0;bottom: 0;} .hl6carrlink:nth-child(-n+2){padding-top: 0;} .hl6carrp1{font-size: 22px;color: #222;line-height: 1.4;} .hl6carrp2{color: #333;margin-top: 5px;} .hl6carrlink{width: 46%;margin-right: 8%;} .hl6carrlink:nth-child(2n){margin-right: 0;} .hl6carrul{padding-bottom: 30px;} .hl6carrp1,.hl6carrjt{transition: all 0.3s ease;} .hl6carrlink:hover:before{width: 100%;} .hl6carrlink:hover .hl6carrp1{color: var(--color);} .hl6carrlink:hover .hl6carrjt{color: #fff;background: var(--color);border-color: var(--color);} .hl3prosbss{position: relative;width: 49%;} .hl2proasub {position:absolute;width:100%;background:#fff;left:0;top:50px;} .hl2proasub {padding:20px;box-shadow:4px 10px 20px rgba(0,0,0,0.08);box-sizing:border-box;} .hl2proasubh3 {line-height:1.4;font-size:16px;} .hl2proasubli a {line-height:20px;border-bottom:1px solid #eee;padding:10px 0;cursor:pointer;} .hl2proasubli a {display:flex;width:100%;} .hl2proasubli {margin:0 ;margin-top:5px;} .hl3prosbss,.hl2proasub {z-index:7;} .hl2proasubli span {font-size:14px;color:#333;} .hl2proasubli i {position:relative;display: none;} .hl2proasubli i {width:40px;height:40px;} .hl2proasubli i img {position:absolute;left:0;top:0;bottom:0;margin:auto;max-width:70%;max-height:70%;} .hl2proasubli i,.hl2proasubli span {transition:all 0.3s ease;} .hl2proasubli a:hover i,.hl2proasubli a:hover span {color:var(--color);} .hl2proasub {display:none;} /* 下拉 */ .xl11a{min-height: 300px;} .xl11{display: flex;justify-content: space-between;background: #fff;} .xl11a{width: 27%;display: flex;justify-content: flex-end;align-items: flex-start;} .xl11-280{width: 280px;} .xl11ap1{color: #333;line-height: 1;} .xl11btabm .xl11ap1{margin-top: 10px;line-height: 1;} .xl11ap2{font-size: 24px;color: #222;line-height: 1.4;margin-top: 10px;padding-right:20px;} .xl11ap3{margin-top: 40px;} .xl11aa{padding-top: 55px;} .xl11bsub{display: flex;flex-wrap: wrap;width: 100%;} .xl11bsub a{display: block;position: relative;color: #666;line-height: 1.4;} .xl11bsub a i{display: block;line-height: 1;position: absolute;right: 0;top:3px;} .xl11bsub ul{width: 28%;} .xl11bsub ul{margin-right: 8%;margin-top: 30px;} .xl11bsub ul:nth-child(3n){margin-right: 0;} .xl11bsub1{padding-top: 5px;} .xl11bsub a:hover{color: var(--color);} .xl11ca{display: flex;flex-wrap: wrap;} .xl11ca ul{width: 100%;} .xl11ca ul:last-child a{border: none;} .xl11ca a{display: block;border-bottom: 1px solid #ddd;color: #666;position: relative;display: block;transition: all 0.4s;} .xl11ca a{padding: 10px 0;line-height: 30px;padding-left: 30px;font-size: 14px;} .xl11ca i{font-size: 14px;position: absolute;display: block;line-height: 20px;right: 0;top:50%;margin-top: -8px;} .xlicon{position: absolute;width: 30px;left:0;top:10px;} .xlicon{height: 30px;} .xl11ca img{position: absolute;inset: 0;margin: auto;margin-left: 0;} .xl11ca img{max-width: 65%;max-height: 65%;transition: all 0.4s;} .xl11ca3{padding: 0 15px;padding-bottom: 55px;} .xl11ca4{padding-top: 25px;} .xlicon2{opacity: 0;} .xlicon1{opacity: 0.7;} .xl11ca a:hover{color: var(--color);} /* .xl11ca a:hover .xlicon2{opacity: 1;} .xl11ca a:hover .xlicon1{opacity: 0;} */ .xl11b{width: calc(46% - 65px);padding: 0 65px;padding-top: 55px;padding-bottom:50px;} .xl11b{border: 1px solid #ddd;border-top: none;border-bottom: none;} .xl11c{width:calc(27% + 65px) ;display: flex;align-items: flex-start;justify-content: flex-start;padding-top: 55px;} .xl11cm{padding-left: 65px;} .xl11cimg{overflow: hidden;position: relative;border-radius: var(--border5);margin-bottom: 15px;} .xl11cimg img{width: 100%;} .xl11cbtn{position: absolute;width: 44px;height: 44px;left:50%;top:50%;margin-left: -22px;margin-top: -22px;} .xl11cbtn{color: #fff;text-align: center;line-height: 44px;z-index: 3;border-radius: 50%;} .xl11cbtn{background-color:hsla(0,0%,100%,.1);backdrop-filter: blur(2.08rem);-webkit-backdrop-filter: blur(2.08rem);} .xl11a2{background: #f6f7f9;overflow: hidden;padding-bottom: 50px;} .xl11ab{padding-top: 55px;} .xl11abm{height: 50px;line-height: 50px;display: flex;position: relative;} .xl11abm a{width: 100%;position: relative;z-index: 3;color: #222;transition: all 0.4s;} .xl11abm i{position: absolute;right: 50px;display: block;line-height: 20px;font-size: 18px;top:50%;margin-top: -10px;transition: all 0.3s ease;} .xl11abm:before{position: absolute;height: 100%;width: 0;left:-100%;top:0;transition: all 0.4s;background: #fff;content: '';} .xl11abm.cur:before,.xl11abm:hover:before{width: 300%;} .xl11abm.cur a,.xl11abm:hover a{color: var(--color);} .xl11abm.cur a i,.xl11abm:hover a i{transform: rotateZ(-45deg);} .xl11btabm{display: none;} .xl11btabm:nth-child(1){display: block;} /* .prohead .bo-head.scroll{top:-100px;} */ .h13pa,.h13pb{position: absolute;left: 50%;transform: translateX(-50%);top:30px;z-index: 3;} .h13pa,.h13pa a{color: #fff;} .h13pa a:last-child{color: #fff;} .h13pb{top: 35%;} .h13pbpdown{display: flex;align-items: center;width: 150px;height: 50px;line-height: 48px;transition: all 0.4s;} .h13pbpdown{justify-content: space-between;border: 1px solid #666;color: #666;font-size: 14px;} .h13pbpdown{padding: 0 15px;} .h13pbpdown-big,.h13pbpdown-big i{font-size: 16px;} .h13pbpdown-big i{font-size: 18px;} .h13pbpmsg{margin-left: 20px;} .h13pbpmsg{height: 50px;width: 50px;border: 1px solid #888;line-height: 48px;text-align: center;} .h13pbpmsg,.h13pbpmsg i{transition: all 0.4s;color: #666;} .h13pbpmsg i{font-size: 18px;} .h13pbpdown:hover,.h13pbpmsg:hover{border-color: var(--color);} .h13pbpmsg:hover i{color: var(--color);} .h13pbpdown-fff{color: #fff;border-color: #fff;} .h13pbpdown-fff:hover{border-color: #fff;background: #fff;color: var(--color);} .h13pbpmsg-fff{color: #fff;border-color: #fff;} .h13pbpmsg-fff i{color: #fff;} .h13pbpmsg-fff:hover{border-color: #fff;background: #fff;color: var(--color);} .h13pbp1{font-size: 40px;color: #222;line-height: 1.4;} .h13pbp3{font-size: 40px;color: #fff;line-height: 1.4;max-width: 460px;font-weight: var(--b400);} .h13pbp2{margin-top: 30px;} .proInfo_nav{position: sticky;top:0;z-index: 19;transition: all 0.4s;height: 60px;line-height: 60px;} .proInfo_navm{margin-top: -60px;display: flex;background: #fff;transition: all 0.4s;justify-content: space-between;} .proInfo_navm{background-color: hsla(0, 0%, 100%, .1);backdrop-filter: blur(2.08rem);-webkit-backdrop-filter: blur(2.08rem);} .proInfo_navma{width:calc(100% - 330px);padding: 0 50px;display: flex;} .proInfo_navma a{position: relative;cursor: pointer;margin-right: 50px;color: #fff;} .proInfo_navma a:before{position: absolute;content: '';width: 0;height: 2px;bottom: 0;opacity: 0;} .proInfo_navma a:before{transition: all 0.4s;} .proInfo_navmb{width:160px;background: var(--color);display: flex;color: #fff;} .proInfo_navmb span{width: 100%;text-align: center;display: flex;justify-content: center;} .proInfo_navmb span:first-child{background: #093993;} .proInfo_navmb i{margin-right: 10px;} .proInfo_nav.on .proInfo_navm{width: 100%;max-width: inherit;box-shadow: 0 5px 15px rgba(0,0,0,0.08);} .proInfo_nav.on .proInfo_navm a{color: #333;} .hl10soswiper{margin-top: 45px;width: 100%;overflow: hidden;} .hl10sop1{max-width: 55%;color: #333;margin-top: 30px;} .hl10soslide{position: relative;overflow: hidden;} .hl10soslide img{width: 100%;vertical-align: top;} .hl10soslidebg{position: absolute;width: 100%;left:0;top:0;height: 100%;} .hl10sosw{position: absolute;z-index: 3;width: 100%;left:0;top:0;padding:8% 9%;height: 100%;} .hl10sosw:before{position: absolute;width: 100%;height: 100%;left:0;top:0;background: var(--color);content: '';z-index: 1;opacity: 0;} .hl10sosw:before{transition: all 0.4s;} .hl10soswp1,.hl10soswp2{color: #fff;position: relative;z-index: 2;} .hl10soswp1{position: relative;font-size: 32px;font-weight: 400;padding-top: 25px;line-height: 1.4;} .hl10soswp1:before,.hl10soswp1:after{position: absolute;width: 60px;left:0;top:0;height:8px;background: var(--color);} .hl10soswp1:before,.hl10soswp1:after{content: '';transition: all 0.4s;} .hl10soswp1:after{background: #fff;width: 0;z-index: 3;opacity: 0;transition-delay: 0.2s;} .hl10sosw{top:75%;transition: all 0.4s;} .hl10soswp2{opacity: 0;top:50px;transition: all 0.4s;margin-top: 30px;} .hl10soswp2 p{margin-top: 5px;} .hl10soswbtn{background: #fff;color: var(--color);width: 55px;height: 55px;background: #fff;position: absolute;z-index: 5;} .hl10soswbtn{text-align: center;line-height: 55px;right: 0;bottom: 0;opacity: 0;transition: all 0.4s;} .hl10soswbtn i{display: inline-block;position: relative;left: -5px;font-size: 18px;transition: all 0.3s;} .hl10soswp2{transition-delay: 0.3s;} .hl10soslide:hover .hl10sosw:before{opacity: 0.8;} .hl10soslide:hover .hl10sosw{top:0} .hl10soslide:hover .hl10soswp2{top:0;opacity: 1;} .hl10soslide:hover .hl10soswp1:after{opacity: 1;width: 60px;} .hl10soslide:hover .hl10soswbtn{opacity: 1;} .hl10soslide:hover .hl10soswbtn i{left: 0;} .hl10sopg{display: flex;justify-content: flex-end;margin-top: 45px;} .hl10sobtn1 i{transform: rotateZ(180deg);} .hl11so{width: 100%;overflow: hidden;} .hl11so{padding-top: 50px;} .hl3prosbss-big{width: 100%;margin-top: 35px;} .hl3prosbss-big i{color: var(--color);} .hl3prosbsssearcg-big{border-width: 2px !important;} .hl11soswiper{width: calc(100% - ((100% - 1400px) / 2));margin-left: calc((100% - 1400px) / 2);margin-top: 55px;} .hl11sobtn1 i{transform: rotateZ(180deg);} .hl3prosblink-slide{width: 100%;box-shadow: none;margin: 0;display: block;background-color: #fff;} .hl11soslide{width: 580px;} .hl11soslide{box-shadow: 0 5px 10px rgba(0,0,0,0.06);transition:all 0.3s ;} .hl11soslide:hover{box-shadow: 5px 15px 15px rgba(0,0,0,0.08);} .hl11soslide:hover .hl3prosblink-slide{box-shadow: none;} .hl11soswiper2{overflow: hidden;margin-top: 15px;padding: 35px 15px;box-sizing: content-box;} .hl3prosblink2-slide{width: auto;box-shadow: none !important;margin: 0;} .hl112sobtn1 i{transform: rotateZ(180deg);} .proInfo_s0{padding-bottom: 60px;} .proInfo_s1,.proInfo_s0{background: #f6f6f6;position: relative;} .proInfo_s1_tit{position: absolute;width: 100%;left: 0;top:10%;} .proInfo_s1_1{height: 100vh;min-height: 650px;position: sticky;top:0;z-index: 10;} .proInfo_s1_2{height: 100vh;} .proInfo_s1_img{width:50%;position: absolute;top: 5%;left: 25%;height: 90%;} .proInfo_s1_imgm{position: absolute;width: 100%;height: 100%;left:0;top:0;display: flex;align-items: center;justify-content: center;} .proInfo_s1_imgm img{max-width: 100%;max-height: 100%;} .proInfo_s1_wz{width: 40%;position: absolute;right: 0;top:50%;transform: translateY(-50%);} .proInfo_s1_wzm{max-width: 500px;background: var(--color);color: #222;padding: 65px;} .proInfo_s1_wzm{background: url(../img/proInfo_s1bg.png) center no-repeat var(--color);background-size: cover;} .proInfo_s1_p1{font-size: 48px;line-height: 1.2;} .proInfo_s1_p2{margin-top: 20px;text-align: justify;min-height: inherit;color:#444} .proInfo_s1_p3{display: flex;} .proInfo_s1_wz{opacity: 0;right: -10%;} .proInfo_s9n {align-items: center;flex-wrap: wrap;} .proInfo_s9n{background:#fff;} .proInfo_s9img{width: 50%;} .proInfo_s9img img{max-width: 100%;} .proInfo_s3swiper{overflow: hidden;} .proInfo_s9img{width:55%;} .proInfo_s9wz{width:45%;padding:0 5%;} .proInfo_s1_wzm{padding:0;background:none;max-width:100%;} .proInfo_s1_img{} .proInfo_s1_img{animation-name:scrs1} .proInfo_s1_wz{animation-name:scrs2} @keyframes scrs1{ 0%{ transform:scale(1.7); left: 25%; } 50% { transform:scale(1); left: 25%; } 100% { transform:scale(0.9); left: 8%; } } @keyframes scrs2{ 0%{ } 60% { opacity: 0;right: -10%; } 100% { opacity: 1;right: 0; } } .proInfo_s3{padding-top:160px;padding-bottom:160px;} .proInfo_s3icon{width: 120px;height: 120px;position: relative;} .proInfo_s3icon img{position: absolute;max-width: 80%;max-height: 80%;inset: 0;margin: auto;} .proInfo_s3a{display: flex;width: 100%;align-items: center;position: relative;} .proInfo_s3a{padding: 45px;} .proInfo_s3wz{width: calc(100% - 120px);padding-left: 30px;font-size:18px;color:#fff;} .proInfo_s3wz-100{width:100%;padding-left:0;} .proInfo_s3slide{transition: all 0.4s;height:auto;} .proInfo_s3swiper{margin-top: 45px;} .proInfo_s3slide:before,.proInfo_s3slide:after,.proInfo_s3a:before,.proInfo_s3a:after{position: absolute;content: '';background: var(--color);transition: all 0.4s;} .proInfo_s3slide:before,.proInfo_s3slide:after{width: 0;height: 1px;} .proInfo_s3slide:before{top:0;left: 0;width:100%;height:100%;} .proInfo_s3slide:after{bottom: 0;left: 0;width:2px;height:100%;} .proInfo_s3a:before,.proInfo_s3a:after{width: 1px;height: 0;} .proInfo_s3a:before{left:0;bottom:0;} .proInfo_s3a:after{right: 0;top: 0;} .proInfo_s3slide:hover:before{width: 100%;} .proInfo_s3slide:hover .proInfo_s3a:before,.proInfo_s3slide:hover .proInfo_s3a:after{height: 100%;} .proInfo_s3slide:hover{box-shadow: 0 15px 25px rgba(0,0,0,0.08);} .proInfo_s3a:before,.proInfo_s3a:after,.proInfo_s3slide:after{display: none;} .proInfo_s3slide:before{background-color:hsla(0, 0%, 100%, .1);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);} .proInfo_s3slide:after{display:block;background-color:#fff;opacity:0.7} .proInfo_s4{position: relative;overflow: hidden;} .proInfo_s4bg{position: absolute;width:100%;height:100%;left: 0;top: 0;background-position: center;background-repeat: no-repeat;background-size: cover;} .proInfo_s4bg{background-attachment: fixed;} .proInfo_s4x{position: relative;z-index: 3;} .proInfo_s4m,.yyff20{margin-top: 45px;} .proInfo_s4mn{flex-wrap: wrap;padding: 0 5%;} .proInfo_s4mnul{width: 25%;text-align: center;padding: 30px 0;} .proInfo_s4mnp1{color:#fff} .proInfo_s4icon{width: 90px;height: 90px;position: relative;display: inline-block;} .proInfo_s4icon img{position: absolute;max-width: 80%;max-height: 80%;inset: 0;margin: auto;} .yyff20{padding:5%;background:#fafafa;font-size:18px;} .yyff20 p{position:relative;padding-left:15px;} .yyff20 p:before{position:absolute;content:'';width:6px;height:6px;background:var(--color);border-radius:50%;left:0;top:13px;} .proInfo_s5{background: #f6f6f6;width: 100%;overflow: hidden;} .proInfo_s6m{margin-top: 45px;} .proInfo_s6n{margin-top: 45px;} .proInfo_s6_b0{padding-bottom:0;} /* 经销商 */ .hl2serv{background: #f8f8f8;} .hl2servmb{align-items: flex-start;justify-content: space-between;} .hl2servmbl{width: 320px;position: sticky;top:94px;} .hl2servmbr{width: calc(97% - 320px);} .hl2servmbrp2{padding-top: 10px;} .hl2servmbrp2 p{position: relative;line-height: 1.4;margin-top: 8px;padding-left: 30px;} .hl2servmbrp2 i{position: absolute;left:0;top:-2px;} .hl2servmbr{display: flex;flex-wrap: wrap;} .hl2servmbrm,.hl2servmbrp1,.hl2servmbrp2,.hl2servicon6{transition: all 0.4s;} .hl2servmbrm{background-color: #fff;padding: 35px;position: relative;} .hl2servmbrm{width: 48%;margin-right: 4%;margin-bottom: 4%;} .hl2servmbrm:nth-child(2n){margin-right: 0;} .hl2servmbrm:nth-last-child(-n+2){margin-bottom: 0;} .hl2servmbrp1{font-size: 24px;color: var(--color);line-height: 1.4;} .hl2servmbrp2{color: #333;} .hl2servicon1{font-size: 20px;} .hl2servicon2{font-size: 18px;} .hl2servicon3{font-size: 18px;} .hl2servicon6{width: 35px;height: 30px;width: 30px;line-height: 30px;} .hl2servicon6{color: var(--color);background: #fff;border-radius: 50%;display: block;text-align: center;} .hl2servicon6{position: absolute;right: 20px;bottom: 20px;opacity: 0;} .hl2servmbrm:hover{background: var(--color);} .hl2servmbrm:hover .hl2servmbrp1{color: #fff;} .hl2servmbrm:hover .hl2servmbrp2{color: #fff;} .hl2servmbrm:hover .hl2servicon6{opacity: 1;} .hl2servmbrm:hover{box-shadow: 0 5px 20px rgba(0,0,0,0.08);} .hl2servdl dd{line-height: 35px;} .hl2servdl dd a{display: block;padding-left: 20px;position: relative;} .hl2servdl dd i{position: absolute;left:0;top:10px; width: 14px;height: 14px;line-height: 12px;text-align: center;border: 1px solid #999;border-radius: 3px;} .hl2servdl dd i{color: #e6e6e6;font-size: 10px;background: #e6e6e6;} .hl2servdl dd a{color: #333;} .hl2servdl dd a,.hl2servdl dd i{transition: all 0.3s;} .hl2servdl dd a:hover,.hl2servdl dd a.cur{color: var(--color);} .hl2servdl dd a:hover i,.hl2servdl dd a.cur i{border-color: var(--color);} .hl2servdl dd a.cur i{color: #fff;background: var(--color);} .hl2servli{padding: 20px 10px;display: none;padding-right: 0;padding-bottom:0;} .hl2servh5{cursor: pointer;} .hl2servh5{font-size: 24px;line-height: 1;color: var(--color);position: relative;} .hl2servh5 i{position: absolute;display: block;line-height: 1;color: #333;width: 30px;height: 30px;text-align: right;line-height: 30px;} .hl2servh5 i{right: 0;top:-2px;font-size: 16px;transition: all 0.4s;} .hl2servh5icon2{opacity: 0;} .hl2servh5.cur .hl2servh5icon2{opacity: 1;} .hl2servh5.cur .hl2servh5icon1{opacity: 0;} .hl2servm{margin-top: 45px;} .hl2servmblm{padding: 35px;padding-bottom: 30px;} .hl2servmbl{background-color: #fff;} .hl2servmblmn{border-bottom: 1px solid #eee;padding-bottom:30px;} .hl2servmblmn:last-child{border:none;padding-bottom: 0;} .hl2servmblmn:nth-child(2){margin-top: 30px;} .hl2servmblmn:nth-child(3){margin-top: 30px;} .hl2servdt{font-size: 18px;line-height: 1.4;margin-bottom: 5px;position: relative;} .hl2servdt a{display: block;position: relative;height: 30px;line-height: 30px;} .hl2servdt i{transition: all 0.3s; position: absolute;height: 30px;line-height: 30px;width: 50px;text-align: right; display: block;right: 0;top:2px;font-size: 14px;right: 2px;} .hl2servdt em{position: absolute;left:0;top:8px; width: 14px;z-index: 3; height: 14px;line-height: 12px;text-align: center;border: 1px solid #999;border-radius: 3px;} .hl2servdt em{color: #e6e6e6;font-size: 10px;background: #e6e6e6;} .hl2servdt a{padding-left: 20px;} .hl2servdt.cur em{background: var(--color);color: #fff;border-color: var(--color);} .hl2servdt i.cur{transform: rotateX(180deg);} .hl2servdl2 dd{padding-left: 20px;} .hl2servul{display: none;} .hl2servli2{padding-top: 0;} .hl2servli2{padding-top: 15px;} .hl2servli2:nth-child(1){padding-top: 20px;} .hl2servh5_jsm{display: none;} .hl3prosbss-48{width: calc((97% - 320px) * 0.48);} .hl3downmn{display: flex;width: 100%;flex-wrap: wrap;} .hl3downa{padding: 35px;background: #fff;border: 1px solid #eeeeee;width: 32%;margin-right: 2%;margin-top: 2%;position: relative;} .hl3downa:nth-child(-n+3){margin-top: 0;} .hl3downa:nth-child(3n){margin-right: 0;} .hl3downaimg{width: 100%;position: relative;height: 235px;} .hl3downaimg img{max-width: 100%;max-height: 100%;position: absolute;inset: 0;margin: auto;} .hl3downawz{margin-top: 30px;padding-top: 25px;border-top: 1px solid #ddd;position: relative;} .hl3downawz{padding-bottom: 30px;} .hl3downawz:before{position: absolute;width: 0;height: 1px;background: var(--color);content:'';top:-1px;} .hl3downap1{font-size: 20px;color: var(--color);} .hl3downap2{color: #666;font-size: 14px;} .hl3downaicon{font-size: 40px;position: absolute;display: block;line-height: 1;right: 35px;bottom: 30px;} .hl3downaicon,.hl3downa,.hl3downap1,.hl3downawz:before{transition: all 0.4s;} .hl3downa:hover .hl3downawz:before{width: 100%;} /* .hl3downa:hover {border-color: var(--color);} */ .hl3downa:hover {box-shadow: 0 15px 25px rgba(0,0,0,0.08);} .hl3downa:hover .hl3downaicon{color: var(--color);} .hl3prosbss-32{width: calc((97% - 320px) * 0.32);} .hl5faqm{border: 1px solid #eee;background: #fff;padding:25px 35px;transition: all 0.3s ease;} .hl5faqm{width: 100%;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-top: 25px;} .hl5faqm:nth-child(1){margin-top: 0;} .hl5faqmp1{font-size: 20px;font-weight: var(--b400);color: var(--color);line-height: 1.4;} .hl5faqmp2{color: #666;padding: 20px;background: #fcfcfc;border: 1px solid #eee;margin-top: 5px;} .hl5faqmp2{padding: 0;background: none;border: none;transition: all 0.4s;} .hl5faqmxl{display: none;} .hl5faqmp1{position: relative;padding: 15px 0; padding-right: 80px;line-height: 1.4;color: #222;} .hl5faqmp1btn{width:50px;height: 50px;top:50%;margin-top: -25px;text-align: right;line-height: 50px;} .hl5faqmp1btn{position: absolute;right: 0;} .hl5faqmp1btn i{transition: al 0.3s ease;color: var(--color);} .hl5faqmp1btn i{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);} .hl5faqmp1btn2{opacity: 0;} .hl5faq {width: 100%;} .hl5faqmp1{transition: all 0.3s ease;cursor: pointer;} .hl5faqmp1.cur{color: var(--color);} .hl5faqmp1.cur .hl5faqmp1btn2{opacity: 1;} .hl5faqmp1.cur .hl5faqmp1btn1{opacity: 0;} .hl5faqm:hover .hl5faqmp1{color: var(--color);} .hl5faqm:hover{box-shadow: 0 10px 25px rgba(0,0,0,0.06);} .hl5faqm.cur{background: var(--color);} .hl5faqm.cur .hl5faqmp1.cur{color: #fff;} .hl5faqm.cur .hl5faqmp2,.hl5faqm.cur .hl5faqmp1btn i{color: #fff;} .hl3cpzsm{border: 1px solid #eee;background: #fff;padding:25px 35px;transition: all 0.3s ease;} .hl3cpzsm{display: flex;width: 100%;flex-wrap: wrap;align-items: center;justify-content: space-between;} .hl3cpzsp1{font-size: 20px;font-weight: var(--b400);color: var(--color);line-height: 1.4;} .hl3cpzsp2{color: #666;margin-top: 5px;} .hl3cpzsb,.hl3cpzsb a{color: #666;font-size: 18px;} .hl3cpzsb a:hover{color: var(--color);} .hl3cpzsa{width:calc(90% - 230px)} .hl3cpzsb{width: 230px;display: flex;justify-content: space-between;} .hl3cpzsb a{display: flex;align-items: center;} .hl3cpzsb i{line-height: 1;margin-right: 5px;} .hl3cpzsba1 i{font-size: 25px;} .hl3cpzsba2 i{font-size: 19px;} .hl3cpzsba3 i{font-size: 19px;} .hl3cpzsm{margin-top: 25px;} .hl3cpzsm:nth-child(1){margin-top: 0;} .hl3cpzsm:hover{box-shadow: 0 10px 25px rgba(0,0,0,0.06);} .hl3hyzsa{border: 1px solid #eee;background: #fff;padding:25px 35px;transition: all 0.3s ease;} .hl3hyzsa{display: flex;width: 100%;flex-wrap: wrap;align-items: center;justify-content: space-between;} .hl3hyzsa{margin-top: 25px;} .hl3hyzsa:nth-child(1){margin-top: 0;} .hl3hyzsa:hover{box-shadow: 0 10px 25px rgba(0,0,0,0.06);} .hl3cpzsaimg{width:22%; overflow: hidden;} .hl3cpzsaimg img{width:100%;} .hl3hyzsawz{width: 78%;padding-left: 25px;} .hl3hyzsp1{color:#666;font-size: 14px;} .hl3hyzsp2{color:var(--color);line-height: 1.4;font-weight: var(--b400);margin-top: 5px;font-size: 20px;} .hl3hyzsp3{color:#333;margin-top: 10px;} .hl2servdl-city{max-height: 280px;max-height: 30vh;} .pubscroll-blue .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: var(--color);} .hl5jxsm {width: 100%;} .hl5jxsmap3{color: #333;} .hl5jxsmap3 p{padding-left: 25px;position: relative;line-height: 1.4;margin-top: 10px;} .hl5jxsmap3 p:first-child{margin-top: 0;} .hl5jxsmap3 i{position: absolute;left: 0;top:1px;display: block;line-height: 1;} .hl5jxsmap1,.hl5jxsmap2{color: var(--color);} .hl5jxsmap1{font-size: 22px;line-height: 1.2;} .hl5jxsmap2{line-height: 1.4;margin-top: 10px;min-height:50px;} .hl5jxsmap4{margin-top: 0;display: flex;justify-content: flex-end;width: 100%;position: absolute;left:0;bottom:35px;} .hl5jxsmalx{padding: 20px 0;border: 1px solid #ddd;border-left:none;border-right: none;} .hl5jxsma{background: #fff;} .hl5jxsma{width: 48%;margin-right: 4%;margin-top: 4%;padding: 40px;position: relative;padding-bottom: 115px;} .hl5jxsma:nth-child(-n+2){margin-top: 0;} .hl5jxsma:nth-child(2n){margin-right: 0;} .hl5jxsmbtn{display: block;width: 145px;height: 45px;line-height: 43px;text-align: center;background: #fff;color: var(--color);border: 1px solid var(--color);} .hl5jxsmbtn i{font-size: 18px;padding-right: 5px;display: inline-block;line-height: 1;position: relative;} .hl5jxsmbtn,.hl5jxsma,.hl5jxsmap3,.hl5jxsmap2,.hl5jxsmap1,.hl5jxsmalx{transition: all 0.4s;} .hl5jxsmap1,.hl5jxsmap2,.hl5jxsmap3,.hl5jxsmap4{padding-left: 10px;padding-right: 10px;} .hl5jxsmap4{padding-right: 40px;} .hl5jxsma:hover {box-shadow: 0 15px 25px rgba(0,0,0,0.08);background: var(--color);} .hl5jxsma:hover .hl5jxsmap1,.hl5jxsma:hover .hl5jxsmap2,.hl5jxsma:hover .hl5jxsmap3{color: #fff;} .hl5jxsma:hover .hl5jxsmalx{border-color: rgba(255,255,255,0.3);} .hl5jxsma:hover .hl5jxsmbtn{border-color: #fff;color: #fff;background: var(--color);} .hl5jxsma:hover .hl5jxsmbtn:hover{color:var(--color);background: #fff;} .hl2page{display: flex;justify-content: center;margin-top: 80px;width: 100%;} .hl2pagemore{background: var(--color);color: #fff;border: 1px solid var(--color); transition: all 0.4s;text-align: center;width: 200px;height: 60px;line-height: 58px;} .hl2pagemore i{padding-left: 8px;} .hl2pagemore:hover{color: var(--color);background: #fff;border-color: #fff;} .ishides{display: none;} .hl2servx {align-items: center;} /* 经销商 */ /* 解决方案内页 */ .sold14{padding-top: 60px;} .sold14m{justify-content: center;border-bottom: 1px solid #ddd;} .sold14n{display: flex;flex-wrap: wrap;justify-content: center;margin: 0 5%;cursor: pointer;} .sold14n{position: relative;padding-bottom: 10px;} .sold14nm{width: 100%;text-align: center;} .sold14n:before{position: absolute;width: 0;left: 50%;content: '';transition: all 0.4s;bottom: -1px;height: 2px;background: var(--color);} .sold14span{width: 100%;color: #666;transition: all 0.4s;display: block;vertical-align: top;} .sold14span{margin-top: -10px;} .sold14icon{width: 140px;height: 140px;position: relative;display: inline-block;} .sold14icon img{position: absolute;margin: auto;inset: 0;max-width: 80%;max-height: 80%;} .sold14n:hover:before,.sold14n.cur:before{width: 100%;left:0;} .sold14n.cur .sold14span,.sold14n:hover .sold14span{color: var(--color);} .sold14swiper{overflow: hidden;border-radius:0;padding-bottom:30px;} .sold14swiperimg{width: 100%;vertical-align: top;border-radius:var(--border15)} .sold14xf{right: 2%;top:50%;transform: translateY(-50%);opacity: 0;transition: all 0.5s} .sold14xf{position: absolute;width: 30%;padding: 50px;border-radius: var(--border15);z-index: 3;color: #fff;} .sold14xf{background-color: hsla(0,0%,100%,.7);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);} .sold14xf-relative{background:rgba(255, 255, 255, 0.7)} .sold14xf-relative{position:relative;width:95%;margin:0 auto;top:0;transform:none;opacity:1;color:#222;} .sold14xf-relative{right:0 !important;box-shadow:0 15px 20px rgba(0,0,0,0.08);border-radius:var(--border15);margin-top: -116px;z-index:3;} .sold14xfp1{font-size: 38px;line-height: 1.4;color:#222;font-weight:var(--b400)} .sold14xfp2{margin-top: 25px;} /*.sold14xfp2{max-height: 300px;}*/ .pubscroll{overflow: hidden;} .sold14xfp2 h4{font-size:20px;margin-top:35px;color:#222;line-height:1.2;font-weight:var(--b400)} .sold14xfp2 p{margin-top: 10px;} .sold14xfp2 p:nth-child(1){margin: 0;} .sold14slide.swiper-slide-active .sold14xf{opacity: 1;right:5%;} .sold14slide.swiper-slide {opacity: 0 !important;} .sold14slide.swiper-slide-active {opacity: 1 !important;} /* .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{display: none !important; } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background: none !important;} .mCSB_scrollTools .mCSB_dragger{height: 40px;} .mCSB_inside > .mCSB_container{margin-right: 5px;} .mCSB_scrollTools{width: 2px;} .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{margin: 0;left: 0;background: var(--color) !important;opacity: 1 !important;} */ .pubscroll-fff .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #fff !important;} .sold14swiper{margin-top: 65px;} .sold14swiper{animation-name:scrP20;} /* .sold14xf{animation-name:scrP21;} */ /* @keyframes scrP20{ 0%{ -webkit-clip-path:inset(45px 5vw 0 round var(--border15) var(--border15) var(--border15) var(--border15));clip-path:inset(45px 5vw 0 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)) } } */ @keyframes scrP20{ 0%{ transform: scale(1.1); } to { transform: scale(1); } } @keyframes scrP21{ 0%{ opacity: 0; } 80% { opacity: 0; } 83% { opacity: 1; } 100% { opacity: 1; } } /* 解决方案内页 */ /* 关于 */ .hl2ac2{position: relative;overflow: hidden;} .hl2ac2m{position: relative;z-index: 3;} .hl2ac2na{width: 45%;} .timeline-swiper {overflow:hidden;position:relative;width:560px;height:560px;padding-right: 10px;} .hl2ac2swiper{width: 100%;height: 100%;} .hl2ac2slide{display:flex;justify-content:flex-end;cursor:pointer;} .year-wrapper{transition: all .4s ease;display: flex;align-items: center;} .year-wrapper{opacity: 0;transform: translateX(100px);} .hl2ac2nyear{color: #bebebe;line-height:1;font-weight: var(--b400);font-size: 45px;transform-origin:right;-webkit-transform-origin:right;} .hl2ac2ndot{width: 18px;height: 18px;border-radius: 50%;background-color: #999;} .hl2ac2ndot{margin-left: 15px;} .hl2ac2swiper .swiper-slide-visible .year-wrapper{opacity: 1;transform: translateX(10px);} .hl2ac2swiper .swiper-slide-visible .hl2ac2nyear{transform: scale(0.75);} .hl2ac2swiper .swiper-slide-active .year-wrapper {transform:translateX(-148px);} .hl2ac2swiper .swiper-slide-active .hl2ac2nyear{transform: scale(1.2);} .hl2ac2swiper .swiper-slide-active .hl2ac2nyear{color: var(--color);} .hl2ac2swiper .swiper-slide-active .hl2ac2ndot{background-color: var(--color);} .hl2ac2swiper .swiper-slide-next .year-wrapper, .hl2ac2swiper .swiper-slide-prev .year-wrapper{transform:translateX(-120px);} .timeline-halfcircle{position:absolute;width:100%;height:460px; top:50%;right:-70%;-webkit-transform:translateY(-50%);transform:translateY(-50%);} .timeline-halfcircle{border:1px solid #bebebe;border-radius:9999px} .timeline-fade{pointer-events:none;position:absolute;width:25%;height:100%;top:0;right:0;z-index:1;} .timeline-fade{background-image:-webkit-gradient(linear,left top,right top,color-stop(70%,hsla(0,0%,100%,0)),to(hsla(0,0%,100%,.85)));background-image:-webkit-linear-gradient(left,hsla(0,0%,100%,0) 70%,hsla(0,0%,100%,.85));background-image:linear-gradient(90deg,hsla(0,0%,100%,0) 70%,hsla(0,0%,100%,.85))} .hl2ac2n{align-items: flex-start;} .hl2ac22bg{position: absolute;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;} .hl2ac22bg{left:0;top:0;} .hl2ac2wz{margin-top: 65px;} .hl2ac2wzimg img{width: 100%;} .hl2ac2wzms{font-size: 22px;padding: 35px;padding-bottom: 0;} .hl2ac2wzslide{opacity: 0 !important;transition: all 0.3s ease;} .hl2ac2wzslide.swiper-slide-active{opacity: 1 !important;} .hl10abimg,.hl10abwz{width: 50%;} .hl10abimg img{width: 100%;} .hl10abp3{margin-top: 55px;} .hl10abp2{margin-top: 20px;} .hl10abn{align-items: center;box-shadow: 0 0 25px rgba(0,0,0,0.08);border-radius: var(--borders20);background: #fff;overflow: hidden;} .hl10abwzm{padding: 0 10%;} .hl10abm{position: sticky;top:0;min-height: inherit;width: 100%;display: flex;align-items: center;} .hl10abm2{z-index: 3;min-height: inherit;padding-top:0;} .hl10abm1{padding-top: 120px;} .js-history-main{background: var(--color);position: relative;} .js-slick-path{margin-top: 130px;} .about-devlpment__bg{ position: absolute; top: 50% ; left: 50% ; width: 87% ; transform: translate(-50% , -50% ); } .about-devlpment__bg::before { content: ""; display: block; padding-top: 100%; } .about-devlpment__bg span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: no-repeat url(../img/circle.png) center center; background-size: contain; -webkit-transition: transform 1s; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; } .path-item { padding: 0 100px; color: #fff; opacity: .5; } .path-item__year{color: #fff;font-size: 50px;font-weight:var(--b400);line-height: 1;} .path-item__desc{margin-top: 10px;line-height: 1.4;} .path-item__desc p{margin-top: 5px;} .path-item__desc p:nth-child(1){margin: 0;} .path-item__img {margin-top: 20px;-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);} .img-box{-webkit-transition: all .5s ease .3s;transition: all .5s ease .3s;} .slick-current .path-item__img{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);} .slick-current .path-item{opacity: 1;} .path-item__wrap{width: 375px;} .history-main { position: relative; padding: 5px 70px 0; margin-top: 90px; } .btn-history-arrow { position: absolute; top: 0; width: 30px; height: 30px; font-size: 16px; line-height: 30px; text-align: center; color: #fff; cursor: pointer; } .btn-history-arrow.left { left: 0; } .btn-history-arrow.right { right: 0; } .history-body { overflow: hidden; padding-top: 5px; } .history-list { font-size: 0; white-space: nowrap; } .history-list { position: relative; -webkit-transition: transform .5s; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .history-list::before { content: ""; position: absolute; top: 4px; right: 0; left: 0; height: 1px; background-color: rgba(255, 255, 255, .2); } .history-progress { position: absolute; top: 4px; left: 0; height: 1px; background-color: #fff; } .history-progress, .history-line { -webkit-transition: width .3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: width .3s cubic-bezier(0.215, 0.61, 0.355, 1); } .history-item { position: relative; display: inline-block; vertical-align: top; width: 180px; cursor: pointer; text-align: center; } .history-item::before { content: ""; position: absolute; top: 2px; left: 50%; margin-left: -3px; width: 6px; height: 6px; border-radius: 6px; background-color: #fff; } .history-item__circle { position: absolute; top: 0; left: 50%; margin-left: -5px; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; -webkit-transform: scale(0); transform: scale(0); } .history-item__circle::before { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border-radius: 50%; background: rgba(255, 255, 255, .34); } .history-item__year { margin-top: 30px; font-size: 20px; display: block; color: #fff; opacity: .3; transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1); } .history-item.current .history-item__year { opacity: 1; } .history-item.current .history-item__circle { -webkit-transform: scale(1); transform: scale(1); } .global{background:#01398e;position: relative;z-index: 6;} .dqearth{position: relative;z-index: 5;} .dqearthnum{position: absolute;left:50%;top:40%;transform: translate(-50%,-50%);z-index: 5;width:530px;} .dqearthnum{padding-bottom: 70px;} .dqearthnum{color: #fff;font-size: 20px;} .dqearthp2 span{font-size: 100px;line-height: 100px;font-weight: var(--b400);} .dqearthnum ul{box-sizing: content-box;} .dqearthnum ul:nth-child(1){width: 120px;padding-left: 90px;} .dqearthnum ul:nth-child(2){width: 120px;padding-right: 90px;} /* .dqearthnum ul:nth-child(3){width: 100%;} */ .dqearthp2{margin-top: 0;} #container{width: 100%;height: 100%;position: absolute;left:0;top:0;z-index: 1;right:0;bottom:0;margin: auto;} .global_tit{position: absolute;top:100px;z-index: 6;top:60px;left: 50%;transform: translateX(-50%);} /* .kbg{height: 30vh;} */ .globalcase{margin-top: 2%;} .dqearthnum{transform: translateX(-50%);bottom: 0;top:auto;} .dqearthp1{text-align:center;} .globalx{position: absolute;width: 100%;height: 100%;left:0;top:0;z-index: 6;} .globaltits{position: absolute;width: 100%;left:0;top:0;z-index: 8;top:100px;} .xbbf{position:absolute;left:0;width: 100%;z-index: 5;bottom: 7%;} #container{position: absolute;} .pubp31{font-size: 18px;} .dqearthp2{width: 130px;position: relative;} .dqearthp2 i{line-height: 1;display: block;position: absolute;right:0;top:10px;font-size: 24px; font-style: normal;} .dqeartha{padding-bottom: 30px;} .dqearthb{flex-wrap: wrap;justify-content: space-between;display:flex;width: 100%;} .dqearthc{display: flex;justify-content: center;margin-top: 60px;} .globalswiper{position: relative;height: 150px;} .globalswiperxx{position: absolute;width: 100%;left:0;top:0;} .globalswiperimg{height: 110px;width: 110px;} .globalswiperimg img{object-fit: cover;width: 100%;height: 100%;} .globalswiperwz{width: calc(100% - 110px);} .globalcase{position: relative;z-index: 6;} .globalcasetit{display: flex;width: 100%;justify-content: space-between;align-items: center;color: #fff;} .globalcasetit{padding-bottom: 25px;border-bottom: 1px solid rgba(255,255,255,0.2);} .globalcasetitl{font-size: 16px;line-height: 1;} .globalcasetitl span{padding:8px 25px;border: 1px solid rgba(255,255,255,0.8);border-radius: 30px;margin-right: 20px;} .globalcasetitl span{cursor: pointer;transition: all 0.3s ease;} .globalcasetitl span.on{background: #fff;color: #000;} .globalcasebtn{display: flex;justify-content: flex-end;margin-top: 45px;} .globalcasebtnm{cursor: pointer;border: 1px solid rgba(255,255,255,1);transition: all 0.3s ease;} .globalcasebtnm.swiper-button-disabled{border: 1px solid rgba(255,255,255,0.2);} .globalcasebtnm{height: 42px;line-height: 40px;width: 50%;box-sizing: border-box;} /* .globalcasebtnm1{border-top-left-radius: 5px;border-bottom-left-radius: 5px;} .globalcasebtnm2{border-top-right-radius: 5px;border-bottom-right-radius: 5px;} */ .globalcasebtnm{color: #fff;text-align: center;} .globalswiper{margin-top: 40px;} .globalswiperm {position: relative;} .globalswipermn{overflow: hidden;height: 100%;width: 100%;} .globalswipermna{padding: 20px;box-sizing: border-box;background:hsla(0,0%,50%,.1);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);} .globalswipermna{display: block;height: 100%;border-radius: 10px;overflow: hidden;} /* .globalswipermn{transform: translateX(150%);visibility: hidden;opacity: 0;transition: cubic-bezier(0.23, 1, 0.32, 1) 1s; transition-property: transform, opacity;} */ /* .active .globalswipermn {transform: translateX(0%);visibility: visible;opacity: 1;} */ /* .globalswiperm:nth-child(1) .globalswipermn{transition-delay: calc(0.1s* 1);} .globalswiperm:nth-child(2) .globalswipermn{transition-delay: calc(0.1s* 2);} .globalswiperm:nth-child(3) .globalswipermn{transition-delay: calc(0.1s* 3);} .globalswiperm:nth-child(4) .globalswipermn{transition-delay: calc(0.1s* 4);} .globalswiperm:nth-child(5) .globalswipermn{transition-delay: calc(0.1s* 5);} */ .globalswiperimg{width: 30%;border-radius: 10px;overflow: hidden;} .globalswiperimg img{width: 100%;transition: all 0.3s ease;} .globalswiperwz{width: 70%;padding:3% 30px;color: #fff;padding-right: 0;} .globalswiperwz{display: flex;justify-content: space-between;flex-direction: column;} .globalswipermna{display: flex;} .globalcasep1{font-size: 20px;line-height:1.4} .globalcasep2{display: flex;justify-content: space-between;align-items: center;} .globalcasep2 i{width: 40px;height: 40px;text-align: center;background: rgba(255,255,255,0.2);color: #fff;line-height: 40px;} .globalcasep2 i{border-radius: 50%;} .globalswiperm:hover .globalswipermna{background: #002e6d;transition: 600ms ease;} .globalswiperm:hover img{transform: scale(1.03);} .globalswiperm {display: flex;} .global{height: 100vh;min-height: 850px;padding: 0;overflow: hidden;} /* #container{height: 108%;width: 108%;left: -4%;top:-4%} */ .global{height:100vh;background:#fff;} .globalx {top:100px; will-change:opacity,clip-path;animation-name:scrP9} .globaltits{animation-name:scrP11;color: var(--color);} .globaltits .pubh1{color: inherit;} .xbbf{margin-top: 30px;} @keyframes scrP11{ 0%{ color:var(--color) } to { color:#fff } } @keyframes scrP9{ 0%{ top:100px;opacity:1;-webkit-clip-path:inset(10vh 10vw 0 round 1.64583vw 1.64583vw 0 0);clip-path:inset(10vh 10vw 0 round 1.64583vw 1.64583vw 0 0) } to {opacity:1;top:0;-webkit-clip-path:inset(0 round 0 0 0 0);clip-path:inset(0 round 0 0 0 0)} } .xbbf{bottom: auto;top:50%;transform: translateY(-50%);} .dqearthnum{position: relative;transform:none;left: 0;} .dqearth{display: flex;justify-content: center;} /* 1211 */ .xbbf{} /* 关于 */ .gl27{flex-wrap: wrap;width: 100%;justify-content: flex-start;} .gl27a{width: 31.33%;margin-right: 3%;margin-top: 3%;transition: all 0.4s;} .gl27a:nth-child(3n){margin-right: 0;} .gl27img{overflow: hidden;} .gl27img img{width: 100%;vertical-align:top;transition: all 0.4s;} .gl27a{box-shadow: 0 5px 15px rgba(0,0,0,0.08);} .gl27p1{color: #666;} .gl27p2{color: var(--color);font-weight: var(--b400);font-size: 20px;} .gl27wz{padding: 25px;} .gl27a:hover .gl27img img{transform: scale(1.03);} .gl27a:hover{box-shadow: 0 15px 25px rgba(0,0,0,0.08);} /* 投资者 */ .inv18am{align-items: center;} .inv18al{width: 40%;} .inv18ap2{font-size: 18px;line-height: 1.4;margin-top: 45px;} .inv18ap3{line-height: 60px;margin-top: 15px;} .inv18ap3 span{font-size: 60px;color: #ff0000;font-weight: var(--b400);} .inv18ap3 i{padding-left: 10px;font-style: normal;} .inv18ap4 span{font-size: 26px;color: #ff0000;font-weight: var(--b400);} .inv18ap4{line-height: 30px;margin-top: 45px;} .inv18ar{width: 50%;} .inv18ar img{max-width: 100%;} .inv18b{background: #f8f8f8;} .inv18btit{align-items: flex-end;} .inv18bdqgg{width: 100%;justify-content:flex-start;} .inv18bdqgga{background: #fff;padding: 25px;border-radius: var(--border5);overflow: hidden;} .inv18bdqgga-3{width: 32%;margin-right: 2%;margin-top: 2%;} .inv18bdqgga-3:nth-child(3n){margin-right: 0;} .inv18bdqgga-3:nth-child(-n+3){margin-top: 0;} .inv18bdqggp1{display: inline-block;color: var(--color);border: 1px solid var(--color);margin-left: -40px;} .inv18bdqggp1{padding: 8px 0; padding-left: 40px;padding-right: 30px;line-height: 1;} .inv18bdqggp1{transform: skewX(40deg);} .inv18bdqggp1 span{transform: skewX(-40deg);display: inline-block;} .inv18bdqggp2{font-size: 20px;font-weight: var(--b400);line-height: 1.4;} .inv18bdqggp2{margin-top: 20px;} .inv18bdqggp3{width: 50px;height: 50px;border: 1px solid var(--color);text-align: center;border-radius: 50%;color: var(--color);} .inv18bdqggp3{padding-top: 5px;} .inv18bdqggp3-30{margin-top: 30px;} .inv18bdqggp3 em{font-size: 12px;display: block;vertical-align: top;line-height: 1;transform: scale(0.9);margin-top: 4px;} .inv18bdqggp3 i{display: block;line-height: 1;vertical-align: top;font-size: 18px;} .inv18bdqgga,.inv18bdqggp1,.inv18bdqggp2,.inv18bdqggp3{transition: all 0.4s;} .inv18bdqgga:hover{background: var(--color);box-shadow: 0 15px 25px rgba(0,0,0,0.08);} .inv18bdqgga:hover .inv18bdqggp1{color:#fff;border-color: #fff;} .inv18bdqgga:hover .inv18bdqggp2{color:#fff;} .inv18bdqgga:hover .inv18bdqggp3{color:#fff;border-color: #fff;} .inv18bdqgg,.inv18blsgg{margin-top: 45px;} .inv18bdqgga-2{width: 49%;margin-right: 2%;margin-top: 2%;position: relative;padding-top: 35px;padding-bottom:35px;} .inv18bdqgga-2:nth-child(2n){margin-right: 0;} .inv18bdqgga-2:nth-child(-n+2){margin-top: 0;} .inv18bdqggp3-r{position: absolute;right:40px;top:50%;transform: translateY(-50%);} .inv18bdqggp2-2{padding-right: 20%;} .inv18bma:last-child{padding-bottom: 0;} .inv11{width: 100%;overflow: hidden;} .inv11swiper{width: calc(100% - ((100% - 1400px) / 2));margin-left: calc((100% - 1400px) / 2);margin-top: 45px;} /* .inv11swiper{overflow: hidden;} */ .inv11slide{width: 550px;overflow:hidden;border-radius: var(--border10);} .inv11img{overflow: hidden;} .inv11img img{width: 100%;vertical-align: top;} .inv11wz{padding: 35px 50px;border: 1px solid #eee;position: relative;border-top: none;} .inv11wz:before{position: absolute;width:calc(100% + 2px);left:-1px;bottom:0;content: '';height: 100%;background: var(--color);opacity: 0;} .inv11p1,.inv11p2{position: relative;top:0;line-height: 1.4;} .inv11p1{color: #666;} .inv11p3,.inv11p1,.inv11p2,.inv11wz:before,.inv11img img{transition: all 0.4s;z-index: 2;} .inv11p2{font-size: 20px;color: #222;margin-top: 10px;} .inv11p3{bottom:10px;opacity: 0;border-color: #fff;color: var(--color);background: #fff;} .inv11slide:hover .inv11p3{bottom: 35px;opacity: 1;} .inv11slide:hover .inv11wz:before{opacity: 1;height: calc(100% + 70px);} .inv11slide:hover .inv11p1,.inv11slide:hover .inv11p2{color: #fff;top:-70px;} .inv11slide:hover .inv11img img{transform: scale(1.2);} .inv11pg{display: flex;justify-content: flex-end;margin-top: 45px;} .inv11btn1 i{transform: rotateZ(180deg);} .inv18cx{position: relative;} .inv18cxbg{background-position: center;background-repeat: no-repeat;background-size: cover;} .inv18cxbg{width: 114%;height: 110%;left: -7%;top:-5%;position: absolute;} .inv18cm{justify-content: space-between;width: 100%;position: relative;z-index: 3;} .inv18cmn{width: 500px;padding: 30px 50px;background-color: hsla(0,0%,30%,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);} .inv18cp2{color: #fff;margin-top: 10px;opacity: 0.9;} .inv18cp2p{padding-left: 30px;position: relative;font-size: 18px;} .inv18cp2 i{position: absolute;display: block;line-height: 1;left: 0;} .inv18cp2icon2{font-size: 19px;top:6px;} .inv18cp2icon1{font-size: 18px;top:4px;} .xkmsgaxvn-fff .xkmsgatxt{background: none;border-color: rgba(255,255,255,0.3);color: #fff;} .xkmsgaxvn-fff .xkmsgatxt:focus{border-color: #fff;} .xkmsgaxvn-fff label,.xkmsgaxvn-fff label i{color: rgba(255,255,255,0.6);} .inv18cmsgm{margin-top: 15px;display: flex;justify-content: space-between;} .xkmsgaj-fff span{background: #fff;color: var(--color);} .xkmsgaj-gphd span{border-radius: 0;width: 180px;text-align: center;} .inv18cm{padding: 5% 80px;padding-left: 8%;} .inv18cmnp1{color: #fff;font-size: 24px;} .inv18cmsgb{margin-top: 45px;display: flex;justify-content:flex-end} .inv18cxbg {animation-name:scrP189} /* .inv18c{padding-bottom: 50px;} */ /* @keyframes scrP189{ 0%{ -webkit-clip-path:inset(10vh 10vw 0 round 0 0 0 0);clip-path:inset(10vh 10vw 0 round 0 0 0 0) } to {-webkit-clip-path:inset(0 round 0 0 0 0);clip-path:inset(0 round 0 0 0 0)} } */ @keyframes scrP189{ 0% {-webkit-clip-path:inset(0 round 10px 10px 10px 10px);clip-path:inset(0 round 10px 10px 10px 10px)} to { -webkit-clip-path:inset(5% 7% 5% 7% round 10px 10px 10px 10px);clip-path:inset(5% 7% 5% 7% round 10px 10px 10px 10px) } } .inv19a{background: #f8f8f8;} .hlpage2{display: flex;width: 100%;justify-content: center;margin-top: 60px;} .hlpage2 a{width: 50px;height: 50px;line-height: 50px;text-align: center;margin: 0 5px;transition: all 0.4s;} .hlpage2 a.on{color: var(--color);} .hlpage2 a:hover{color: var(--color);text-decoration: underline;} .apnm{background: #fff;border-radius: 50%;color: var(--color);border-radius: 50%;} .hlpage2 .apnm:hover{background: var(--color);color: #fff;text-decoration: none;} .inv19atopb{display: flex;align-items: flex-end;justify-content: space-between;} .inv19atopb-32{width: 32%;} .inv19atopb-49{width: 49%;} .inv19ayear{position: relative;} .inv19atopbm{width: 48%;} .inv19ayearclose{position: absolute;color: #333;display: block;line-height: 1;} .inv19ayearclose{right: 0;top:16px;} .yearPicker{width: 100%; background: none;border: none;outline: none;border-bottom: 1px solid var(--color);height: 45px;line-height: 44px;} .inv19atopb .yearpicker-container{width: 100%;font-size: 14px;} .inv19atopb .yearpicker-items:hover{font-weight: normal;} /* 投资者 */ .pg .bo-head{box-shadow: 0 0 15px rgba(0,0,0,0.08);} .newd20,.newd19dh{width: 1300px;} .newd20{align-items: flex-start;} .newd19{padding-top: 110px;} .newd19dh{position: relative;transform: none;left: 0;top:0;} .newd20a{width: calc(90% - 400px);} .newd20b{width: 400px;position: sticky;top:90px;} .newd20ap4 img{max-width:100%;} .newd20ap1{color: #666;} .newd20ap2{font-weight: var(--b400);font-size: 26px;color: #222;line-height:1.4} .newd20ap4{margin-top: 45px;padding-bottom: 45px;} .hl2newladp1-18{font-size: 18px;} .hl2newladp22{font-size: 14px;} .hl2newlada2{align-items: center;padding: 20px 0;border-bottom: 1px solid #eee;} .hl2newlada2:last-child{border: none;} .hl2newlada2:hover .hl2newladp1 {color:var(--color)} .hl2newladwz2{padding-top: 0;} .hl2newladimg2{border-radius: 5px;overflow: hidden;} .newd20bp1{font-size: 32px;position: relative;line-height: 1.4;padding-bottom: 12px;padding-top: 38px;} .newd20bp1:before{position: absolute;width: 55px;height: 2px;background: var(--color);content: '';left:0;bottom:0;} .newd20bp2{margin-top: 15px;} .wyfsa{justify-content: flex-start;margin-top: 30px;} .wyfsa a{width: 45px;height: 45px;text-align: center;line-height: 43px;border: 1px solid #ddd;border-radius: 50%;} .wyfsa a{transition: all 0.4s;margin-right: 30px;} .wyfsa a:hover{color: #fff;background: var(--color);border-color: var(--color);} .wyfsa a:nth-child(1) i{font-size: 20px;} .wyfsa a:nth-child(2) i{font-size: 20px;} .wyfsa a:nth-child(3) i{font-size: 13px;} .newd20gd{padding: 30px 0;border: 1px solid #eee;border-left: none;border-right: none;margin-top: 30px;} .newd20gd a{display: flex;line-height: 20px;align-items: center;} .newd20gd i{font-size: 20px;} .newd20gda1 i{margin-right: 10px;} .newd20gda2 i{margin-left: 10px;} .hl23newm{border-top: 2px solid var(--color);margin-top: 25px;padding-top: 50px;} .hl23new,.hl23newm{width: 100%;} .hl23newmimg{overflow: hidden;position: relative;} .hl23newmimg img{width:100%;transition: all 0.4s;} .hl23newm{flex-wrap: wrap;justify-content: flex-start;} .hl23newma{width: 31%;margin-right: 3%;margin-top: 3%;} .hl23newma:nth-child(3n){margin-right: 0;} .hl23newma:nth-child(-n+3){margin-top: 0;} .hl23newmwz{border: 1px solid #eee;border-top: none;padding: 25px;transition: all 0.4s;} .hl23newmwz{position: relative;padding-right: 80px;} .hl23newmwz i{position: absolute;right: 20px;bottom: 20px;text-align: center;transition: all 0.3s ease;font-size: 14px;} .hl23newmwz i{border: 1px solid #eee;color: var(--color);display: block;width: 40px;height: 40px;line-height: 38px;border-radius: 50%;} .hl23newmp1{color: #888;} .hl23newmp2{font-size: 20px;font-weight: var(--b400);line-height: 1.4;margin-top: 5px;transition: all 0.4s;} .hl23newma:hover .hl23newmimg img{transform: scale(1.03);} .hl23newma:hover .hl23newmp2{color: var(--color);} .hl23newma:hover .playbtn{width: 60px;height: 60px;background: #fff;} .hl23newma:hover .playbtn i{color: var(--color);} .hl23newma:hover .hl23newmwz i{background: var(--color);border-color: var(--color);color: #fff;} .hl23llgc{flex-wrap: wrap;justify-content: flex-start;} .hl23llgca{width: 31%;margin-right: 3%;margin-top: 3%;} .hl23llgca:nth-child(3n){margin-right: 0;} .hl23llgca:nth-child(-n+3){margin-top: 0;} .hl23llgcaimg{overflow: hidden;} .hl23llgcaimg img{width: 100%;vertical-align: top;} .hl23llgcawz{padding: 35px;border: 1px solid #eee;position: relative;border-top: none;} .hl23llgcawz:before{position: absolute;width:calc(100% + 2px);left:-1px;bottom:0;content: '';height: 100%;background: var(--color);opacity: 0;} .hl23llgcawz:before{background: linear-gradient(90deg, rgba(0,108,184,1) 0%, rgba(2,121,204,1) 50%, rgba(14,133,217,1) 100%);} .hl23llgcp1,.hl23llgcp2{position: relative;top:0;line-height: 1.4;} .hl23llgcp1{color: var(--color);font-size: 14px;} .inv11p3,.hl23llgcp1,.hl23llgcp2,.hl23llgcawz:before,.hl23llgcaimg img{transition: all 0.4s;z-index: 2;} .hl23llgcp2{font-size: 20px;color: #222;margin-top: 10px;} .hl23llgcp3{bottom:10px;opacity: 0;border-color: #fff;color: var(--color);background: #fff;} .hl23llgca:hover .hl23llgcp3{bottom: 35px;opacity: 1;} .hl23llgca:hover .hl23llgcawz:before{opacity: 1;height: calc(100% + 70px);} .hl23llgca:hover .hl23llgcp1,.hl23llgca:hover .hl23llgcp2{color: #fff;top:-70px;} .hl23llgca:hover .hl23llgcaimg img{transform: scale(1.2);} .hl23llgc{margin-top: 0;padding-top: 50px;} .hl23hdzh{flex-wrap: wrap;} .hl23hdzha{width: 100%;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;} .hl23hdzha{padding: 50px 0;position: relative;} .hl23hdzha:before{} .hl23hdzhimg{width: 30%;overflow: hidden;} .hl23hdzhimg img{max-width: 100%;transition: all 0.4s;} .hl23hdzhwz{width: 70%;padding-left: 8%;} .hl23hdzhp1{font-size: 24px;font-weight: var(--b400);padding-bottom: 10px;color: #222;line-height:1.4} .hl23hdzhp0{position: relative;padding-left: 25px;color: #555;margin-top: 10px;line-height: 1.4;} .hl23hdzhp0 i{position: absolute;left:0;top:0px;} .hl23hdzha:before{position: absolute;width: 100%;height: 1px;background:var(--color);content: '';z-index: 1;left:0;bottom:0;} .hl23hdzha:before{ transform: scaleX(0);transform-origin: right center;transition: transform .6s;} .hl23hdzha:hover .hl23hdzhp1{color: var(--color);} .hl23hdzha:hover .hl23hdzhimg img{transform: scale(1.03);} .hl23hdzha:hover:before{ transform: scaleX(1);transform-origin: left center;} .hl23hdzha:last-child{} .hl23order{display: inline-block;padding: 8px 30px;background: var(--color);color: #fff;margin-top: 35px;} .hl23order0{margin-top: 0;} .consmsga{display: flex;align-items: center;justify-content: center;} .consmsga i{width: 45px;height: 45px;position: relative;margin-right: 5%;} .consmsga img{position: absolute;max-height: 80%;max-height: 80%;left:0;top:0;right:0;bottom:0;margin: auto;} .consuctk{color: #666;} .consuctk a{text-decoration: underline;} .consua{padding-bottom: 0;} .consuctxt{background: none;border: none;} .consucxlm{display: flex;justify-content: space-between;flex-wrap: wrap;border-bottom: 1px solid #ddd;} .consucxlm{align-items: center;padding: 30px 0;} .consucxlm:first-child{padding-top: 0;} .laymsgamxn:first-child{padding-top: 15px;} .consuclabel{font-size: 24px;width:75px;line-height: 30px;height: 30px;color: #333;} .consuctxt{line-height: 30px;box-sizing: border-box;color: #555;height: 30px;} .consuctxt:focus{border: none;} .consuclabel i{color: var(--color);font-size: 16px;vertical-align: text-top;padding-left: 5px;font-style: normal;} .consucxl,.consucxr{width: 47%;} .consucity .layui-unselect,.consuctxt{border: none;width: calc(100% - 75px);} .consucityicon{position: absolute;right: 0;z-index: 3;top:50%;height: 30px;line-height: 30px;margin-top: -15px;} .consucity{position: relative;} .consucxr{display: flex;flex-wrap: wrap;align-items: flex-start;} .consucxr .consuclabel{width:auto;} .consuctext{width: 100%;border: none;background: none;outline: none;background: #fff;} .consuctext{height: calc(100% - 50px);margin-top: 20px;padding: 20px;box-sizing: border-box;} .consuctext:focus{border: none;} .consuctext,.consuctxt,.consucity .layui-form-select .layui-input{font-size:16px;color: #555;} .consucx{margin-top: 45px;} .consucity .layui-form-select .layui-input{padding-left: 0;width: 100%;} .consucity .layui-form-select dl dd.layui-this{background: var(--color);} .consucity .layui-form-select dl{padding-top: 10px;padding-bottom: 10px;} .consucity .layui-form-select dl dd{padding: 5px 20px;} .consucity .layui-form-select dl{max-height:490px;overflow-y:auto;} .layui-form-select dl dd:first-child{display: none;} .consuctk{margin-top: 25px;} .consucbtn{margin-top: 45px;display: flex;} .laymsga{position:fixed;width:800px;left:50%;margin-left: -400px;top:50%;transform:translateY(-50%);} .laymsga{background: #fff;z-index: 7999;} .laymsgam{padding: 35px 60px;} .laymsgap1{font-size: 30px;padding-bottom: 30px;} .laymsgamx{display: flex;justify-content: space-between;flex-wrap: wrap;} .laymsgamxn,.laymsgamx2m {width: 49%;} .consuclabel-1{width: 90px;font-size: 16px;} .consuctxt-1,.laymsga .layui-unselect{width:calc(100% - 90px);} .consuclabel-2{width:135px;font-size: 16px;} .consuctxt-2{width:calc(100% - 135px);} .laymsgamxn{padding-top: 15px;padding-bottom: 15px;} .laymsgamt{display: flex;justify-content: center;margin-top: 45px;} .laymsgaclose{position: absolute;right:0;top:0;width: 60px;height: 60px;text-align: center;line-height: 60px;cursor: pointer;font-size: 20px;} .laymsgaclose i{font-size: 20px;} .laymsga .layui-form-select .layui-input,.consuctxt-1{font-size: 16px;} .laymsga{display: none;} .laymsgamx2m .consucxlm {padding-top:15px;} @media only screen and (max-width:1024px) { .laymsgam{padding: 25px;} .laymsgap1{font-size: 20px;} .laymsga{} .consucxl, .consucxr{width: 100%;} .consucxlm{padding: 15px 0;} .consuclabel{width: 60px;} .consuclabel-2{width:135px;} .consuctxt,.consucity .layui-unselect{width: calc(100% - 60px);} .consuctxt-2{width:calc(100% - 135px)} .consuctext{width: 100%;margin-top: 10px;} .consucxr{margin-top: 15px;} .consuctext{padding: 15px; line-height: 25px;height: 130px;} .wylyambbtn{height: 45px;line-height: 45px;padding: 0 40px;} .laymsga{width: 100%;left: 0;margin-left: 0;} .laymsgam{padding: 20px;} .laymsgamxn{width: 100%;padding-bottom: 10px;} .laymsgamxn:first-child{padding-top: 10px;} .laymsgap1{padding-bottom: 5px;} } /* esg */ .esg24ap2{margin-top:30px;} .esg24ap2 p{margin-top: 5px;} .esg24ap2 p:nth-child(1){margin-top: 0;} .esg24ap3{flex-wrap: wrap;width: 100%;margin-top: 60px;} .esg24ap3a{font-size: 32px;font-weight: var(--b400);line-height: 1.4;} .esg24ap3a{line-height: 1.2;color: var(--color);margin-top: 0;} .esg24ap3b{font-size: 20px;} .esg24ap3m{text-align: center;} .esg24ap3icon{display: inline-block;width: 145px;height: 145px;border-radius: 50%;position: relative;} .esg24ap3icon img{max-width: 50%;max-height: 50%;margin: auto;inset: 0;position: absolute;} .esg24cswiper{overflow: hidden;padding: 45px 0;position: relative;} .esg24c{position: relative;} .esg24c:before{position: absolute;width: 100%;left:0;top:0;content: '';height: 75%;background: #f8f8f8;z-index: -1;} .esg24cp1{font-size: 32px;font-weight: var(--b400);line-height: 1.4;} .esg24cp2{color: #444;margin-top: 15px;} .esg24cp3{margin-top: 45px;} .esg24cimg{width: 405px;transition: all 0.4s;box-shadow: 5px 5px 20px rgba(0,0,0,0.06);display:block;} .esg24cimg img{width: 100%;vertical-align: top;} .esg24cwz{width: calc(100% - 405px);padding-left: 7%;padding-top: 20px;} .esg24cslide{display: flex;flex-wrap: wrap;} .esg24csub{position: absolute;width: 42%;right: 0;bottom: 0;overflow: hidden;} .esg24csub{position: absolute;bottom: 45px;z-index: 3;} .esg24csub img{width: 100%;} .esg24csubm{width: 32%;} .esg24cslide{opacity: 0 !important;} .esg24cslide.swiper-slide-active{opacity: 1 !important;} .esg24csub .esg24csubm{cursor: pointer;pointer-events:inherit} /* esg24d */ .esg24d{position: relative;} .esg24dtit{position: absolute;left:50%;transform: translateX(-50%);z-index: 5;top:100px;} .esg24dp1{font-weight: var(--b400);font-size: 32px;line-height: 1.4;color: #fff;} .esg24dp2{color: #fff;text-align: justify;margin-top: 10px;} .esg24dp3{padding-top: 20px;} .esg24dp3{display: flex;width: 335px;flex-wrap: wrap;} .esg24dp3m{width: 105px;margin-right: 10px;margin-top: 10px;background: var(--color);} .esg24dp3m img{width: 100%;transition: all 0.4s;} .esg24dp3m:nth-child(2){margin-right: 5%;} .esg24dp3m:last-child{margin-right: 0;} .esg24dp3m:hover img{transform: translate(10px, -10px);} .esg24dwz{border-radius: var(--border15);padding: 45px;width: 50%;position: relative;z-index: 3;} .esg24dwz{background-color: hsla(0, 0%, 100%, .1);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);} .esg24dswiperbg{position: absolute;width: 108%;height: 108%;left: -4%;top:-4%;background-position: center;background-repeat: no-repeat;background-size: cover;} .esg24dslide{padding-top: 280px;} .esg24dswiper{overflow: hidden;} .esg24dbtn{position: absolute;width: 230px;z-index: 5;right: 0;bottom: 100px;} .esg24dbtn{right: calc((100% - var(--widths)) / 2);} .esg24dbtnx{background: #fff;height: 50px;border-radius: 50px;overflow: hidden;position: relative;width: 100%;} .esg24dbtnm{width: 50px;height: 50px;border-radius: 50%;text-align: center;line-height: 50px;position: absolute;top:0;z-index: 4;} .esg24dbtnm i{position: relative;z-index: 3;font-size: 18px;} .esg24dbtnm:before{position: absolute;width: 0;height: 100%;border-radius: 50%;background: var(--color2);content: '';position: absolute;top:0;} .esg24dbtnm:before,.esg24dbtnm i{transition: all 0.4s;} .esg24dbtnm.left{left:0;} .esg24dbtnm.left:before{left: 0;} .esg24dbtnm.right{right:0;} .esg24dbtnm.right:before{right: 0;} .esg24dbtnm:hover:before{width: 100%;} .esg24dbtnm:hover i{color: #fff;} .esg24dbtntxt{width: 100%;height: 100%;position: absolute;left:0;top:0;height: 100%;} .esg24dbtntxt span{position: absolute;left:0;top:0;display: flex;align-items: center;justify-content: center;width: 100%;transition: all 0.4s;} .esg24dbtntxt span{opacity: 0;height: 100%;} .esg24dbtntxt span.cur{opacity: 1;} .esg24dpage{position: relative;width: 100%;left:0 !important;bottom:0 !important;display: flex;justify-content: center;margin-top: 15px;} .esg24dpage span{width: 10px;height: 10px;background: #fff;opacity: 0.5 !important;} .esg24dpage span.swiper-pagination-bullet-active{opacity: 1 !important;background: var(--color);} /* esg24d */ .esg24e{background-color: #f8f8f8;} .esg24ep1a{font-size: 28px;line-height: 1.4;} .esg24ep1b{margin-top: 10px;} .esg24ep1{padding: 45px 0;padding-bottom: 20px;} .esg24eswiper {overflow: hidden; margin-top: 15px;padding: 35px 0;box-sizing: content-box;} .esg24eslidep3i{position: relative;right: 0;bottom: 0;} .esg24eslidep3{display: flex;width: 100%;justify-content: flex-end;} .esg24eimg{overflow: hidden;} .esg24eimg img{width: 100%;vertical-align: top;transition: all 0.4s;} .esg24eslide{background-color: #fff;transition: all .4s;width: 20%;height: auto;} .esg24eswz{padding: 25px;} .esg24eslidep1{font-size: 24px;line-height: 1.4;font-weight: var(--b400);} .esg24eslidep2{margin-top: 10px;color: #444;padding-right: 12%;min-height: 100px;} .esg24eslidep1,.esg24eslidep2{transition: all 0.4s;} .esg24eswiperbtn1 i{transform: rotateZ(180deg);} .esg24eslide:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.06);background: var(--color);} .esg24eslide:hover .esg24eslidep1{color: #fff;} .esg24eslide:hover .esg24eslidep2{color: #fff;} .esg24eslide:hover .esg24eslidep3i{background: #fff;color: var(--color);border-color: #fff;} .esg24eslide:hover .esg24eimg img{transform: scale(1.03);} .esg24f {position: relative;} .esg24fp2{color: #fff;margin-top: 25px;} .esg24f{background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;} .esg24fl{width: 40%;} .esg24fm{align-items: flex-start;position: relative;z-index: 3;justify-content: flex-end;} .esg24fbg{position: absolute;width: 100%;height: 100vh;left:0;top:0;background-size: cover;background-position: center;background-repeat: no-repeat;} .esg24fr{width: 630px;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;} .esg24frx{width: 48.5%;} .esg24frm{width: 100%;padding: 30px;border-radius: var(--border15);margin-top: 30px;} .esg24frm{background-color: hsla(0, 0%, 100%, .5);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);} .esg24fimg img{width: 100%;} .esg24fbg{position: sticky;top:0;background-attachment: fixed;} .esg24fm{margin-top: -100vh;} .esg24fwz{color: #fff;text-align: center;padding: 20px;padding-bottom: 0;line-height: 1.4;} /* 售后1 */ .sh25amx{flex-wrap: wrap;width: 100%;} .sh25ab{width: 58%;text-align:justify;font-size:18px;} .sh25bm{position: relative;overflow: hidden;border-radius: var(--border15);} .sh25bm img{width: 100%;} .sh25bma{position: absolute;width: 100%;display: flex;left:0;bottom:50px;z-index: 3;justify-content: center;} .sh25bmam{width: 33.33%;text-align: center;color: #fff;} .sh25bmaicon{display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;transition: all 0.6s ease;} .sh25bmaicon{position: relative;} .sh25bmaicon img{position: absolute;inset: 0;margin: auto;max-width: 70%;max-height: 70%;} .sh25bm{margin-top: 45px;} .sh25bmaicon1{font-size: 22px;} .sh25bmaicon2{font-size: 22px;} .sh25bmaicon3{font-size: 22px;} .sh25bmap1{line-height: 1.4;margin-top: 10px;} .sh25bmam:hover .sh25bmaicon{transform: rotateY(360deg)} .sh25c{background: #f8f8f8;overflow: hidden;} .sh25cicon{width: 100px;height: 100px;display: inline-block;position: relative;} .sh25cicon img{position: absolute;margin: auto;inset: 0;max-width: 70%;max-height: 70%;} .sh25cp1{font-size: 28px;font-weight: var(--b400);color: var(--color);line-height: 1.4;} .sh25cp1 span{display: block;font-size: 18px;} .sh25cp2{margin-top: 15px;color: #333;} .sh25cslide{background: #fff;transition:all 0.4s;padding: 4%;width: 32%;text-align: center;height: auto;} .sh25cswiper{margin-top: 45px;} /* .sh25cslide:hover{background: var(--color);transform: scale(1.03);} .sh25cslide:hover .sh25cp1{color: #fff;} .sh25cslide:hover .sh25cp2{color: #fff;} .sh25cslide:hover .sh25cicon1{opacity: 0;} .sh25cslide:hover .sh25cicon2{opacity: 1;} */ .sh25cslide:hover{transform: scale(1.03);box-shadow: 0 15px 25px rgba(0,0,0,0.08);} .man28a{padding-top: 0;} .man28abg{height: 600px;overflow: hidden;position: relative;} .man28abgm{position: absolute;width: 108%;height: 108%;left: -4%;top:-4%;background-position: center;background-repeat: no-repeat;background-size: cover;} .man28atit{position: absolute;width: 100%;z-index: 3;left: 0;bottom: 60px;} .man28am{flex-wrap: wrap;} .man28amm{width: 45%;margin-right: 10%;margin-top: 45px;} .man28amm:nth-child(2n){margin-right: 0;} .sh25dap2{margin-top: 5px;} .sh25da{flex-wrap: wrap;align-items: flex-end;} .sh25dar{line-height: 1;font-size: 26px;color: var(--color);font-weight: var(--b400);} .sh25dn{margin-top: 45px;} .sh25dn{width: 100%;flex-wrap: wrap;} .sh25dn{background: #f8f8f8;padding: 65px;} .sh25dtxt,.sh25dselect .layui-form-select .layui-input{background: #fff;border:1px solid #d3d3d2;height: 50px;line-height: 48px;} .sh25dtxt{padding: 0 15px;width: 100%;} .sh25dnam{width: 48.5%;} .sh25dnax{margin-top: 35px;} .sh25dselect .layui-form-select .layui-input{padding-left: 15px;width: 100%;} .sh25dselect .layui-form-select .layui-input:hover{border:1px solid #d3d3d2 !important;} .sh25dselect .layui-form-select dl dd.layui-this{background: var(--color);} .sh25dselect .layui-form-select dl{padding-top: 10px;padding-bottom: 10px;} .sh25dselect .layui-form-select dl dd{padding: 5px 20px;} .sh25dtext{width: 100%;height: 100px;} .layui-form-select dl dd:first-child{display: none;} .sh25dtxt::-webkit-input-placeholder,.sh25dselect .layui-form-select .layui-input::-webkit-input-placeholder {color: #999;font-size: 16px;} .sh25dtxt::-moz-input-placeholder,.sh25dselect .layui-form-select .layui-input::-moz-input-placeholder{color: #999;font-size: 16px;} .sh25dtxt{transition: all 0.3s ease;} .sh25dtxt:focus{border-color: var(--color);} .sh25dm{position: relative;} .sh25dnb{width: 260px;padding-top: 15px;position: absolute;right: 30px;top:65px;} .sh25dna{width: calc(95% - 260px);} .sh25dnax{display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;} .sh25dnaxa{width: 70px;height: 70px;text-align: center;line-height: 68px;border: 1px dotted #d3d3d2;} .sh25dnaxa{position: relative;} .sh25dnaxa i{font-size: 22px;color:#555} .sh25dnaxa input,.sh25dnaxa button{position: absolute;left:0;top:0;z-index: 3;} .sh25dnaxa input,.sh25dnaxa button{width: 100%;height: 100%;display: block;background: none;border: none;opacity: 0;-webkit-opacity: 0;} .sh25dnaxb{width: 60%;padding-left: 20px;} .sh25dnaxc{padding-top: 12px;} .sh25dnaxb{line-height: 1.4;} .sh25dnaxb span{color: #666;font-size: 14px;} .sh25dnax2{align-items: center;justify-content: space-between;margin-top: 45px;} .sh25dnaxb{margin-right: auto;} .sh25dnax:nth-child(1){margin-top: 0;} .sh25dnbcheck{display: flex;width: 100%;justify-content: space-between;align-items:flex-start} .sh25dnbcheck .layui-form-checkbox{font-size: 14px;display: flex;align-items:center;} .conscheckm{padding: 25px 0;border-top: 1px solid #ccc;display: inline-block;margin-left: 3%;width: 70%;} .sh25dnbcheck .conscheck{justify-content: flex-start;display: block;} .sh25dnbcheck .layui-form-checkbox{margin-right:5% !important;} .sh25dnbcheck .layui-form-checkbox:last-child{margin-right:0!important;} .sh25dnbcheck .layui-form-checkbox span{font-size: var(--fs18);color: #555;padding-right: 0 !important;} .sh25dnbcheck .layui-form-checked[lay-skin=primary] i{width: 18px;height: 18px;border-color: var(--color) !important;background-color: var(--color);} .sh25dnbcheck .layui-form-checkbox[lay-skin=primary]:hover i{border-color: var(--color) !important;} .sh25dnbcheck .layui-form-checkbox[lay-skin=primary] i{width: 18px;height: 18px;} /* 研究院 */ .ins2p1{margin-top: 35px;} .ins2p2{color: var(--color);flex-wrap: wrap;font-size: 22px;justify-content: space-between;} .ins2p2p1{font-size: 42px;line-height: 1;} .ins2p2p1 span{font-weight: var(--b400);} .ins2p2p1 em{font-size: 20px;padding-left: 5px;} .ins2p2m{text-align: center;min-width: 230px;} .ins2p2{margin-top: 70px;} .ins2p2p2{margin-top: 15px;} .ins2img img{width: 100%;} .ins2img{border-radius: var(--border15);overflow: hidden;} .ins3{background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;} .ins3p1{color: #fff;margin-top: 25px;max-width: 50%;text-align: justify;} .ins3p2{margin-top: 55px;width: 575px;} .ins3p2{overflow: hidden;} .ins3p2wrapper{display: flex;width: 100%;flex-wrap:wrap;} .ins3p2wrapper,.ins3p2slide{height: auto;} .ins3p2slide{background-color: hsla(0,0%,100%,.1);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);} .ins3p2slide{width: 48.5%;margin-right: 3%;margin-bottom: 3%;} .ins3p2slide:nth-child(2n){margin-right: 0;} .ins3p2slide{padding: 15px;overflow: hidden;} .ins3p2slide img{width: 100%;} .ins3p2slide,.ins3p2slide img{border-radius: var(--border5);} .ins4m{border-radius: var(--border15);position: relative;overflow: hidden;position: relative;} .ins4mimg{width: 100%;vertical-align: top;} .ins4wz{border-radius: var(--border15);overflow: hidden;position: absolute;z-index: 3;width: 390px;padding: 50px;min-height: 75%;padding-top: 4%;} .ins4wz{color: #fff;right: 5%;top:50%;transform: translateY(-50%);} .ins4wz{background-color: hsla(0,0%,100%,.1);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);} /* .ins4 {animation-name:scr009} */ .ins4m{animation-name:scrPi4m;} @keyframes scrPi4m{ 0%{ transform: scale(1.2); } to { transform: scale(1); } } @keyframes scr009{ 0%{ -webkit-clip-path:inset(100px 5vw 0 round 1.64583vw 1.64583vw 0 0);clip-path:inset(100px 5vw 0 round 1.64583vw 1.64583vw 0 0) } to { -webkit-clip-path:inset(0 round 0 0 0 0);clip-path:inset(0 round 0 0 0 0) } } .ins4p2{margin-top: 20px;text-align: justify;} .qqbj5{background:#f5f8ff;} .mppiont {box-sizing:content-box;position:absolute;width:2px;height:2px;cursor:pointer;z-index:3;} .mppiont .dot {position:absolute;left:0;top:0;border-radius:50%;background:var(--color);left:50%;top:50%;} .mppiont .dot {width:4px;height:4px;margin-left:-2px;margin-top:-2px;} .mppiont .pulse {border-color:var(--color);top:-19px;left:-19px;height:40px;width:40px;box-shadow:0 0 12px var(--color),inset 0 0 20px var(--color);} .mppiont .pulse {position:absolute;border:2px solid #b7b7b7;border-radius:50%;opacity:.12;filter:alpha(opacity = 0);-webkit-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;} @-webkit-keyframes warn {0% {transform:scale(0);opacity:1} to {transform:scale(1);opacity:0} } @keyframes warn {0% {transform:scale(0);opacity:1} to {transform:scale(1);opacity:0} } .mppiont_js_xs .dot,.mppiont_js_xs .pulse{background:#FF0000} .mppiont_js_xs .pulse{box-shadow:0 0 12px rgba(255,0,0,0.7),inset 0 0 20px rgba(255,0,0,0.7)} .mppiont .delay-02 {-webkit-animation-delay:.4s;animation-delay:.4s;} .mppiont .delay-03 {-webkit-animation-delay:.8s;animation-delay:.8s;} .mppiont .delay-04 {-webkit-animation-delay:1.2s;animation-delay:1.2s;} .mppiont .delay-05 {-webkit-animation-delay:1.6s;animation-delay:1.6s;} .mppiont .delay-06 {-webkit-animation-delay:2s;animation-delay:2s;} .global2a {height:655px;position:relative;background:#f5f8ff;} .global2amap {position:absolute;height:100%;right:0;} .global2amaph3 {position:absolute;left:0;top:-30px;z-index:3;width:100%;} .global2aindex .global2ms {left:5%;} .global2aindex .global2tab {padding-top:calc(5% + 60px);} .wzns {position:absolute;width:max-content;padding:0 25px;font-size:16px;color:#666;line-height: 1.4;} .wzns {top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .mppiont:hover .wzns,.mppiont.on .wzns {color:var(--color);} .mppiont1 {right:24.5%;top:51.3%;} .mppiont2 {right:45.75%;top:38.52%;} .mppiont3 {right:48.75%;top:32.05%;} .mppiont3 .wzns {top:-30px;transform:translateX(-50%);-webkit-transform:translateX(-50%);} .mppiont4 {right:49.60%;top:38.65%;} /* .mppiont4 .wzns {bottom:-50px;transform:translateX(-50%);-webkit-transform:translateX(-50%);top:auto} */ .mppiont5 {right:50.39%;top:34.6%;} .mppiont5 .wzns {transform:translateY(-50%) translateX(-100%);-webkit-transform:translateY(-50%) translateX(-100%);} .mppiont6 {right:69.40%;top:45.7%;} .mppiont7 {right:65.40%;top:53.1%;} .mppiont7 .wzns {transform:translateY(-50%) translateX(-100%);-webkit-transform:translateY(-50%) translateX(-100%);} /* .global2aindex .mppiont1 {right:21.5%;top:52.3%;} .global2aindex .mppiont2 {right:41.75%;top:42.82%;} .global2aindex .mppiont3 {right:44.75%;top:39.05%;} .global2aindex .mppiont4 {right:45.60%;top:43.65%;} .global2aindex .mppiont5 {right:47.10%;top:41.45%;} .global2aindex .mppiont6 {right:66.40%;top:49.7%;} */.global2aindex {padding-top:80px;} .global2ms {position:absolute;left:5%;height:100%;z-index:3;align-items:center;width:400px;} .global2tab {display:flex;position:absolute;height:100%;width:100%;left:0;top:0;align-items:center;} .global2amap img {height:100%;} .global2msm {width:100%;} .global2ali {display:block;position:relative;} .global2ali:first-child {padding-top:0;} .global2ali:last-child {padding-bottom:0;border:none;} .global2ap1 {font-size:var(--fs22);line-height:1.2;} .global2ap2 {color:#555;margin-top:5px;} .global2ali {padding:12px 0;border-bottom:1px solid #eee;} .global2aul {padding:25px;background:#fff;} .global2ap2 {line-height:1.4;} .global2tab {z-index:-3;visibility:hidden;opacity:0;transition:all 0.5s ease;top:50px;} .global2tab.on {opacity:1;visibility:visible;z-index:3;top:0;} .global2amap {position:relative;width:95%;height:auto;margin-left:5%;} .global2amap img {width:100%;height:auto;} .global2a {height:auto;} .global2b {padding-top:70px;} .global2bsub{display: flex;align-items: center;} .global2bsubm {width:70px;border-bottom: 1px solid #ddd;} .global2bsubms{line-height: 38px;} .global2bsubms2{margin-left: 30px;} .global2bsubm .layui-form-select .layui-input{color: var(--color);} .global2bsubm .layui-form-select .layui-input {background:none;border:none;font-size:16px;padding-left:0;padding-right:20px;} .global2bsubm .layui-form-select dl dd.layui-this {background:var(--color);} .global2bsubm .layui-form-select .layui-edge {display:block;border:none !important;margin:0;right:0;width:16px;height:16px;line-height:16px;margin-top:-8px;} .global2bsubm .layui-form-select .layui-edge {opacity: 0.7; font-family:"sdicon" !important;font-size:12px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .global2bsubm .layui-edge:before {content:"\e626";} .global2aul2 {position:absolute;left:95%;top:-30px;padding-left:45px;visibility:hidden;opacity:0;-webkit-opacity:0;transition:all 0.3s ease;} .global2aul2m {position:relative;background:#fff;width:290px;padding:20px;} .global2ali:hover .global2aul2 {opacity:1;-webkit-opacity:1;visibility:visible;left:100%;} .global2ali:nth-child(3) .global2aul2 {top:-60px} .global2ta{width: var(--global-width);position: absolute;} .global2msm{position: relative;} .global2msm:before{position: absolute;content: ''; width: 0;height: 0;} .mppiont.on{z-index: 5;} .global2ms{display: none;} .global2ta{display: none;} .global2ta{display: block;visibility: hidden;opacity: 0;-webkit-opacity: 0;transition: all 0.3s ease;} .mppiont_js:hover .global2ta{opacity: 1;-webkit-opacity: 1;visibility: visible;} .mppiont_js:hover,.mppiont_js:hover .global2ta{z-index: 8;} /* 鍚戜笂鐨勪笁瑙掑舰 */ .triangle-up {border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;} /* 鍚戜笅鐨勪笁瑙掑舰 */ .triangle-down {border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;} /* 鍚戝乏鐨勪笁瑙掑舰 */ .triangle-left {border-top: 10px solid transparent;border-right: 10px solid #fff;border-bottom: 10px solid transparent;} /* 鍚戝彸鐨勪笁瑙掑舰 */ .triangle-right {border-top: 10px solid transparent;border-left: 10px solid #fff;border-bottom: 10px solid transparent;} #China{padding-right: 30px;right: 0;top:50%;transform: translateY(-50%);} #China .global2msm:before{border-top: 10px solid transparent;border-left: 10px solid #fff;border-bottom: 10px solid transparent;} #China .global2msm:before{top:50%;transform: translateY(-50%);right: -10px;} #NewJersey,#America{padding-right: 30px;right: 0;top:50%;transform: translateY(-50%);} #NewJersey .global2msm:before,#America .global2msm:before{border-top: 10px solid transparent;border-left: 10px solid #fff;border-bottom: 10px solid transparent;} #NewJersey .global2msm:before,#America .global2msm:before{top:50%;transform: translateY(-50%);right: -10px;} /* #Italy{padding-top: 60px;top: 0;left:50%;transform: translateX(-50%);width: 220px;} #Italy .global2msm:before{border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;} #Italy .global2msm:before{left:50%;transform: translateX(-50%);top: -10px;} */ #Slovenia{padding-left: 130px;left: 0;top:50%;transform: translateY(-50%);} #Slovenia .global2msm:before{border-top: 10px solid transparent;border-right: 10px solid #fff;border-bottom: 10px solid transparent;} #Slovenia .global2msm:before{top:50%;transform: translateY(-50%);left: -10px;} #Germany{padding-left: 50px;left: 0;top:50%;transform: translateY(-50%);} #Germany .global2msm:before{border-top: 10px solid transparent;border-right: 10px solid #fff;border-bottom: 10px solid transparent;} #Germany .global2msm:before{top:50%;transform: translateY(-50%);left: -10px;} #Belgium{padding-right: 115px;right: 0;top:50%;transform: translateY(-50%);} #Belgium .global2msm:before{border-top: 10px solid transparent;border-left: 10px solid #fff;border-bottom: 10px solid transparent;} #Belgium .global2msm:before{top:50%;transform: translateY(-50%);right: -10px;} #Thailand{padding-right: 30px;right: 0;top:50%;transform: translateY(-50%);} #Thailand .global2msm:before{border-top: 10px solid transparent;border-left: 10px solid #fff;border-bottom: 10px solid transparent;} #Thailand .global2msm:before{top:50%;transform: translateY(-50%);right: -10px;} /* 越南 */ /*.mppiont2 .wzns {bottom:-32px;transform:translateX(-50%);-webkit-transform:translateX(-50%);top:auto}*/ .mppiont2 .wzns{padding-left:10px;} #Vietnam{padding-top: 30px;top: 0;left:50%;transform: translateX(-50%);width: 220px;} #Vietnam .global2msm:before{border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;} #Vietnam .global2msm:before{left:50%;transform: translateX(-50%);top: -10px;} /* 越南 */ /* 西班牙 */ #Spain{right: auto;left: 0;padding-right: 0;padding-left: 25px;top:50%;transform: translateY(-50%);} #Spain .global2msm:before{border-top: 10px solid transparent;border-right: 10px solid #fff;border-bottom: 10px solid transparent;} #Spain .global2msm:before{right: auto;left: -10px;border-left: none;} #Spain .global2msm:before{top:50%;transform: translateY(-50%);} /* 西班牙 */ .mppiont1{right:65.5%;top:45.3%;} .mppiont2 { right: 81.75%; top: 36.52%; } .mppiont3 { right: 85.35%; top: 32.05%; } /* 意大利 */ .mppiont4 { right: 85.6%; top: 35.65%; } .mppiont4 .wzns {padding-left: 20px;} #Italy{right: auto;left: 0;padding-right: 0;padding-left: 85px;top:50%;transform: translateY(-50%);} #Italy .global2msm:before{border-top: 10px solid transparent;border-right: 10px solid #fff;border-bottom: 10px solid transparent;} #Italy .global2msm:before{right: auto;left: -10px;border-left: none;} #Italy .global2msm:before{top:50%;transform: translateY(-50%);} /* 意大利 */ /* 西班牙 */ .mppiont5 { right: 87.82%; top: 39.3%; } /* 西班牙 */ .mppiont6 { right: 30.4%; top: 38.7%; } /* 法国 */ .mppiont8 { right: 86.6%; top: 34.25%; } .mppiont8 .wzns {left: -70px;} #France{left:0;padding-left: 30px;right: auto;top:50%;transform: translateY(-50%);} #France .global2msm:before{border-top: 10px solid transparent;border-right: 10px solid #fff;border-bottom: 10px solid transparent;} #France .global2msm:before{right: auto;left: -10px;border-left: none;} #France .global2msm:before{top:50%;transform: translateY(-50%);} /* 法国 */ /* 印尼 */ .mppiont9 { right: 59.6%; top: 62.25%; } .mppiont9 .wzns {top:-30px;transform:translateX(-50%);-webkit-transform:translateX(-50%);} #Indonesia{left:0;padding-left: 30px;right: auto;top:50%;transform: translateY(-50%);} #Indonesia .global2msm:before{border-top: 10px solid transparent;border-right: 10px solid #fff;border-bottom: 10px solid transparent;} #Indonesia .global2msm:before{right: auto;left: -10px;border-left: none;} #Indonesia .global2msm:before{top:50%;transform: translateY(-50%);} /* 印尼 */ /* 摩洛哥 */ .mppiont10 { right: 87.82%; top: 45.3%; } #Morocco{right: auto;left: 0;padding-right: 0;padding-left: 25px;top:50%;transform: translateY(-50%);} #Morocco .global2msm:before{border-top: 10px solid transparent;border-right: 10px solid #fff;border-bottom: 10px solid transparent;} #Morocco .global2msm:before{right: auto;left: -10px;border-left: none;} #Morocco .global2msm:before{top:50%;transform: translateY(-50%);} /* 摩洛哥 */ .mppiont2 {right:64.70%;top:54.6%;} #China{right: auto;left: 0;padding-right: 0;padding-left: 80px;} #China .global2msm:before{border-top: 10px solid transparent;border-right: 10px solid #fff;border-bottom: 10px solid transparent;} #China .global2msm:before{right: auto;left: -10px;border-left: none;} #Belgium{padding-left: 30px;right: auto;top:50%;transform: translateY(-50%);padding-right: 0;left: 0;} #Belgium .global2msm:before{border-top: 10px solid transparent;border-right: 10px solid #fff;border-bottom: 10px solid transparent;} #Belgium .global2msm:before{top:50%;transform: translateY(-50%);left: -10px;} #Belgium .global2msm:before{border-left: none;} /*中国*/ .mppiont1 .wzns{right:0;padding-right:15px;} /*荷兰*/ .mppiont_217_1{right: 86.15%;top: 32.35%;} .mppiont_217_1 .wzns {right:0;margin-top:-10px;} /*土耳其*/ .mppiont_217_2{right: 81.15%;top:40.15%;} .mppiont_217_2 .wzns {padding-left:15px;} /*印度*/ .mppiont_217_3{right: 71.25%;top:50.15%;} .mppiont_217_3 .wzns {right:0;} /*中国香港*/ .mppiont_217_4{right: 64.5%;top:51.15%;} .mppiont_217_4 .wzns {padding-left:15px;} /*中国台湾*/ .mppiont_217_5{right: 62.4%;top:48.5%;} .mppiont_217_5 .wzns {padding-left:15px;margin-top:-2px;} /*新加坡*/ .mppiont_217_6{right:65.3%;top:59.5%;} .mppiont_217_6 .wzns {right:0;} /*印尼东爪哇省*/ .mppiont_217_7{right:63.5%;top:65.7%;} .mppiont_217_7 .wzns {right:0;} /*韩国*/ .mppiont_217_8{right:61.8%;top:40.7%;} .mppiont_217_8 .wzns {right:0;padding-right:15px;} /*日本*/ .mppiont_217_9{right:59.5%;top:40.3%;} .mppiont_217_9 .wzns {padding-left:15px;} /*澳大利亚*/ .mppiont_217_10{right:55.5%;top:79.3%;} .mppiont_217_10 .wzns {padding-left:15px;} /*加拿大*/ .mppiont_217_11{right:30.5%;top:30.3%;} .mppiont_217_11 .wzns {padding-left:15px;} /*美国*/ .mppiont6{right:30.5%;top:43.3%;} .mppiont6 .wzns {right:auto} /*美国2销售*/ .mppiont_217_12{right:29.5%;top:39.3%;} .mppiont_217_12 .wzns {right:0} /*.mppiont_217_12 .wzns {right:0}*/ /*墨西哥*/ .mppiont_217_13{right:34.5%;top:54.3%;} .mppiont_217_13 .wzns {padding-left:15px;} /*巴西*/ .mppiont_217_14{right:27.5%;top:66.3%;} .mppiont_217_14 .wzns {padding-left:15px;} .global2ams{position:absolute;width:100%;padding-left:10%;display:flex;left:0;bottom:0;z-index:3;line-height:19px;} .global2ams span{padding-left:18px;position:relative;margin-right:35px;} .global2ams span:before,.global2ams span:after{position:absolute;content:'';border-radius:50%;} .global2ams span:before{width:5px;height:5px;left:4px;top:7px;background:var(--color)} .global2ams span:after{width:11px;height:11px;top:3px;left:0;border:1px solid var(--color)} .global2ams span:last-child:before{background-color:#ff0000} .global2ams span:last-child:after{border-color:#ff0000} /* 联系我们 */ .abu1{background: #f8f8f8;} .abu1a{align-items: center;flex-wrap: wrap;margin-top: 45px;background-color: #fff;} .abu1al{width: 52%;} .abu1al img{width: 100%;} .abu1ar{width: 48%;padding-left: 5%;padding-right: 2%;} .abu1arp1{font-size: 30px;line-height: 1.4;color: var(--color);padding-bottom: 20px;} .abu1arp2{margin-top: 10px;} .abu1arp2{position: relative;padding-left: 33px;font-size: 18px;line-height: 1.4;} .abu1arp2 i{display: block;line-height: 20px;position: absolute;left:0;top:0;} .abu1arp21 i{font-size: 24px;} .abu1arp22 i{font-size: 20px;left: 2px;} .abu1b{margin-top: 60px;} .abu1c{flex-wrap: wrap;justify-content: flex-start;margin-top: 45px;} .abu1ca{width: 32%;margin-right: 2%;margin-top: 2%;} .abu1ca:nth-child(-n+3){margin-top: 0;} .abu1ca{background:#fff;padding: 35px;} .abu1ca:nth-child(3n){margin-right: 0;} .abu1cp1{font-size: 30px;line-height: 1.4;color: var(--color);padding-bottom: 25px;} .abu1arp1{font-size: 30px;line-height: 1.4;color: var(--color);padding-bottom: 20px;} .abu1cp2{margin-top: 10px;} .abu1cp2{position: relative;padding-left: 33px;line-height: 1.4;} .abu1cp2 i{display: block;line-height: 20px;position: absolute;left:0;top:0;} .abu1cp21 i{font-size: 18px;} .abu1cp22 i{font-size: 16px;left: 2px;} .abu1cp23 i{font-size: 18px;top:2px;left: 1px;} .abu1ca{transition: all 0.3s ease;} .abu1ca:hover{box-shadow: 0 15px 25px rgba(0,0,0,0.06);transform: scale(1.03);} .hl3prosa{top:20px;} body.bhide .hl3prosa{top:-70px;} .hl2servmbl{top:90px;} body.bhide .hl2servmbl{top:20px;} .hl2newr{top:90px;} body.bhide .hl2newr{top:20px;} .newd20b{transition: all 0.3s;} body.bhide .newd20b{top:10px;} .lx25a{background:#f8f8f8;} .lx25ax{display:flex;width:100%;flex-wrap:wrap;margin-top:45px;} .lx25axa{width:23%;margin-right:2.66%;position:relative;} .lx25axawx {position:absolute;height:100%;width:100%;left:0;top:0;z-index:3;opacity:0;transition:all 0.3s ease} .lx25axawx{background:#fff;} .lx25axawx img{margin:auto;inset:0;position:absolute;max-height:80%;} .lx25axa:hover .lx25axawx{opacity:1;} .lx25axa{transition:all 0.3s ease} .lx25axa:hover{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);} .lx25axa{background: #fff;padding: 25px;text-align: center;} .lx25axa:last-child{margin:0;} .lx25axp1{display:inline-block;width:70px;height:70px;position:relative;} .lx25axp1 img{position:absolute;margin:auto;inset:0;max-width:70%;max-height:70%;} .lx25axp2{font-size:24px;line-height:1.2;color:#222;} .lx25axp3{font-size:18px;line-height:1.2;margin-top:5px;color:#444;} .lx25axp4{font-size:14px;color:#888;line-height:1.2;} .yjyya{position: relative;padding-left: 30px; color: #fff;display: flex;align-items: center;font-size: 14px;} .yjyya em {width:22px;height:22px;display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;} .yjyya em:after,.yjyya em:before {position:absolute;content:'';width:100%;height:100%;left:0;top:0;} .yjyya em:before {background:url(../img/language_icon_1.gif) center no-repeat;background-size:100% auto;} .yjyya em:after {background:url(../img/language_icon_2.gif) center no-repeat;background-size:100% auto;} .yjyya em:before {opacity:0;} .yjyya i {font-size:12px;margin-left:10px;color:#fff} .site-baner {position:relative;height:100vh;width:100%;overflow:hidden;min-height:var(--ban-min-height)} .site-baner-bg {position:absolute;object-fit:cover;background-position:center;background-repeat:no-repeat;background-size:cover;} .site-baner-bg {width:100%;height:100%;left:0;top:0;} .site-baner-zw {position:absolute;left:50%;transform:translate(-50%,-50%);z-index:3;top:50%;} .site-baner-zw {text-align:left;} .site-baner-p1 {color:rgba(255,255,255,0.7); font-size:16px;line-height:1.4;margin-bottom:15px;color:#fff;} .site-baner-p3 {color:rgba(255,255,255,1);font-size:52px;line-height:1.4;font-weight:var(--b700);} .site-baner-p2 {display:flex;justify-content:flex-start;} .site-baner-three {display:flex;width:100%;margin-top:50px;} .site-baner-three li {width:33.33%;padding:50px 35px;transition:all 0.25s ease;border-radius:7px;position:relative;color:#fff;} .site-baner-three li {overflow:hidden;font-size:24px;} .site-baner-three li a {position:relative;z-index:3;display:block;} .site-baner-three li:after {background-image:linear-gradient(150deg,rgba(67,53,139,0.83),rgba(57,115,185,0.83));} /* .site-baner-three li:nth-child(2):after {background-image:linear-gradient(150deg,rgba(54,99,15,0.72),rgba(241,228,0,0.81));} .site-baner-three li:nth-child(3):after {background-image:linear-gradient(150deg,rgba(46,36,122,0.83),rgba(131,31,130,0.85));} */.site-baner-three li:after {background:hsla(0,0%,30%,.4);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);} .site-baner-three li:after {content:'';position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;} .site-baner-three li:last-child:before {display:none;} .site-baner-three li:before {content:'';position:absolute;bottom:auto;top:7px;right:0;height:150px;width:1px;background:#ffffff;opacity:0.3;} .site-baner-jt {position:absolute;right:30px;top:30px;color:#fff;font-size:24px;} .site-baner-three .description {font-size:14px;line-height:20px;font-weight:400;margin:10px 0 30px 0;display:block;} .site-baner-three li a {color:#fff;} .site-baner-three li:hover:before,.site-baner-three li:hover .site-baner-jt {opacity:0;} .site-baner-three li:hover:after,.site-baner-three li:hover .site-baner-p3,.site-baner-three li:hover .site-baner-p4 {opacity:1;} .site-baner-three .description,.site-baner-three .cta-btn-redesign,.site-baner-three li:after {opacity:0;transition:all 0.25s ease;} /* .site-baner .site-baner-slide{opacity: 0 !important;transition: all 0.8s ease;} .site-baner .swiper-slide-active.site-baner-slide{opacity: 1 !important;} */ .swiper-slide-active .scales {animation:image-zoom-out 6s 0s forwards;} @keyframes image-zoom-out {from {transform:scale(1.08,1.08)} to {transform:scale(1.0,1.0)} } .site-baner-slide,.site-baner-bg{overflow: hidden;} .swiper-slide-active .main-visual-txt1,.swiper-slide-active .main-visual-txt2,.swiper-slide-active .main-visual-txt3 {animation:text-active-animation 1.5s cubic-bezier(0.4,0,0.2,1) both;} .swiper-slide-active .main-visual-txt1 {animation-delay:0.1s;} .swiper-slide-active .main-visual-txt2 {animation-delay:0.3s;} .swiper-slide-active .main-visual-txt3 {animation-delay:0.5s;} .cm-word-split-JS.splitting .char {animation:text-fade-out 1.5s cubic-bezier(0.4,0,0.2,1) both;} .swiper-slide-active .cm-word-split-JS.splitting .char {animation:text-active-animation 1.5s cubic-bezier(0.4,0,0.2,1) both;} @keyframes text-active-animation {from {opacity:0;filter:Alpha(opacity=0);-webkit-transform:translateY(50px);transform:translateY(50px);} to {opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes text-active-animation02 {from {opacity:0;filter:Alpha(opacity=0);-webkit-transform:translateY(80px);transform:translateY(80px);} to {opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes text-fade-out {from {opacity:1.0;filter:Alpha(opacity=100);} to {opacity:0;filter:Alpha(opacity=0);} } .more22{display: flex;align-items:flex-start;height: 50px;line-height: 50px;padding: 0 30px;border-radius: 999px;overflow: hidden;position: relative;} .more22,.more22 i{transition: all 0.3s ease;} .more22{color: #fff;background: var(--color);} .more22,.more22 i{color: #fff;} .more22 i{line-height: 50px;position: relative;margin-left: 8px;transform: translateX(0);} .more22:hover{background: #fff;} .more22:hover,.more22:hover i{color: var(--color);} .more22:hover i{transform: translateX(5px);} .more22-color:hover{background: var(--color);} .more22-color:hover,.more22-color:hover i{color: #fff;} .lp-btn_cta {display:flex;align-items:center;justify-content:center;line-height:50px;position:relative;height:50px;transform:translateZ(0);} .lp-btn_cta {border-radius:52px;overflow:hidden;padding:0 25px;} .lp-btn_cta-ripple {display:block;position:absolute;top:-.2px;left:-.2px;right:-.2px;bottom:-.2px;z-index:1;border-radius:inherit;} .lp-btn_cta-ripple span {display:block;width:100%;height:100%;transform:translateY(101%);background:#fff;border-radius:50% 50% 0 0;transition:transform .5s cubic-bezier(.4,0,0,1),border-radius .5s cubic-bezier(.4,0,0,1);} .lp-btn_cta-title {position:relative;z-index:2;overflow:hidden;} .lp-btn_cta-title span {display:block;transition:transform .8s cubic-bezier(.16,1,.3,1);} .lp-btn_cta-title span:after {content:attr(data-text);display:block;position:absolute;top:120%;left:0;color:#fff;} .lp-btn_cta-icon {position:relative;margin-left:5px;z-index:2;line-height:1;transition:color .4s,transform .4s;} .lp-btn_cta-30 {margin-left:30px;} .lp-btn_cta-icon i {color:#fff;} .lp-btn_cta.noicon .lp-btn_cta-icon {display:none;} .lp-btn_cta.-color {background:var(--color);color:#fff;} .lp-btn_cta.-bai .lp-btn_cta-ripple span {background:var(--blue);} .lp-btn_cta.-bai .lp-btn_cta-title span:after,.lp-btn_cta.-bai .lp-btn_cta-icon i {color:#fff;} .lp-btn_cta.-outline {color:#fff;background:0 0;} .lp-btn_cta.-outline:after {content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #fff;border-radius:inherit;transition:transform .5s;} .lp-btn_cta.-outline:after {opacity:1;} .lp-btn_cta:hover .lp-btn_cta-ripple span {border-radius:0;transform:translateY(0);transition-duration:.5s,.9s} .lp-btn_cta:hover .lp-btn_cta-title span {transform:translateY(-120%)} .lp-btn_cta:hover .lp-btn_cta-icon {transform:translateX(20%)} .lp-btn_cta:hover .lp-btn_cta-icon i,.lp-btn_cta:hover .lp-btn_cta-title span:after {color:var(--color);} .lp-btn_cta.-bai:hover .lp-btn_cta-icon i,.lp-btn_cta.-bai:hover .lp-btn_cta-title span:after {color:#fff;} .lp-btn_cta:hover:after {transform:scale(0.99);} .pbmore3 {height:45px;display:flex;align-items:center;padding:0 20px 0 25px;border-radius:25px;position:relative;transition: all 0.4s ease;} .pbmore3:before {content:'';width:100%;height:45px;border-radius:25px;background:var(--line-bg);transition:all .4s;position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none;} .pbmore3 span {color:#fff;display:inline-block;font-size:16px;line-height:1;position:relative;top:0;transition:all .4s;} .pbmore3 i {width:23px;height:23px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-left:10px;transition:all .4s;overflow:hidden;} .pbmore3 svg {width:40%;height:40%;animation:arrowRun 5s infinite;} .pbmore3 svg path {fill:#fff;transition:all .4s;} .pbmore3-none{width: 45px;padding:0;} .pbmore3-none span{font-size: 0;} .pbmore3-none i{margin-left: 11px;} .pbmore3:hover::before {width:45px} .pbmore3:hover i {transform:translateX(9px)} .pbmore3:hover i svg path {fill:#fff} .pbmore3:hover span {color:#fff;} .pbmore3:hover{padding-left: 0;} .pbmore3-000:hover span {color:#222;} @keyframes arrowRun {0% {transform:translate3d(0%,0%,0) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d} 7% {transform:translate3d(150%,-150%,0) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d} 7.1% {transform:translate3d(-150%,150%,0) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d} 14% {transform:translate3d(0%,0%,0) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d} } .mainbg {width:100%;height:100vh;position:fixed;left:0;top:0;z-index:-1;object-fit:cover;background-size:cover;background-position:center;background-repeat:no-repeat;} .sghead{position: fixed;width: 100%;z-index: 999;left:0;top:0;transition: all 0.3s ease;} .sgheadm{align-items:flex-start;} .sgnav{display: flex;} .sgnava{font-size: 18px;font-weight: var(--b400);color: #fff;} .sgnavli{height:70px;line-height: 70px;margin: 0 ;margin-right: 6%;padding-bottom: 0;} .sgnavli:last-child{margin-right: 0;} .sgright{display: flex;align-items: center;position: relative;top:3px;} .sgrightsearch{color: #fff;font-size: 25px;position: relative;right: -3px;} .aim{color: #fff;position: relative;} .aim i{color:#fff;font-size:14px;} .yjyya,.sgrightsearch,.aim{line-height: 30px;} .sgrightline{background: #fff;margin: 0 40px;opacity: 0.3;width: 1px;height: 15px;} .sglogo{height: 60px;} .sglogo img{height: 100%;transition: all 0.3s ease;} .sglogo1{opacity: 0;} .sghead{padding-top: 12px;padding-bottom: 0;} .sglogo{margin-top: 15px;position: relative;} .sglogo1,.sglogo2{position: absolute;left: 0;bottom: 0;} .sgheadr{width: calc(90% - 150px);} .sgheadrb{border-top: 1px solid rgba(255,255,255,0.5);} .sgheadra{padding-bottom: 10px;} .sgheadra,.sgheadrb{display: flex;justify-content: space-between;align-items: center;} .aim em{padding-right: 50px;} .aim {display: flex;align-items: center;} .aim em,.aim i{line-height: 1;} .sgnav{width: calc(100% - 100px);} .zongxla,.js_xialam{position: absolute;width: 100%;left:0;top:0;top:113px;display: none;} .bhide .sghead{top:-151px} .nav__toggle-button{display: none;} /* 反白 */ .sghead.scroll{background:#fff;} .sghead.scroll .sglogo1{opacity: 1;} .sghead.scroll .sglogo2{opacity: 0;} .sghead.scroll .yjyya,.sghead.scroll .aim{color: #333;} .sghead.scroll .yjyya em:after{opacity:0;} .sghead.scroll .yjyya em:before{opacity:1;} .sghead.scroll .sgheadrb{border-color: #ddd;} .sghead.scroll .sgnava ,.sghead.scroll .sgrightsearch {color: #222;} .sghead.scroll .nav__toggle-button span{background: #333;} .sghead.scroll .sgnavli:hover .sgnava{color: var(--color);} .sghead.white{background:#fff;} .sghead.white .sglogo1{opacity: 1;} .sghead.white .sglogo2{opacity: 0;} .sghead.white .yjyya,.sghead.white .aim{color: #333;} .sghead.white .yjyya em:after{opacity:0;} .sghead.white .yjyya em:before{opacity:1;} .sghead.white .sgheadrb{border-color: #ddd;} .sghead.white .sgnava ,.sghead.white .sgrightsearch {color: #222;} .sghead.white .nav__toggle-button span{background: #333;} .sghead.white .sgnavli:hover .sgnava{color: var(--color);} .sghead.white .yjyya i{color:#999} .sghead.white .aim i{color:#999} .white .sghead{background:#fff;} .white .sghead .sglogo1{opacity: 1;} .white .sghead .sglogo2{opacity: 0;} .white .sghead .yjyya,.white .sghead .aim{color: #333;} .white .sghead .yjyya em:after{opacity:0;} .white .sghead .yjyya em:before{opacity:1;} .white .sghead .sgheadrb{border-color: #ddd;} .white .sghead .sgnava ,.white .sghead .sgrightsearch {color: #222;} .white .sghead .nav__toggle-button span{background: #333;} .white .sghead .sgnavli:hover .sgnava{color: var(--color);} /* 反白 */ .visfoot{background-color: #fafafa;position: relative;z-index: 6;} .visfootab,.visfootaa{line-height: 120px;width: 120px;height: 120px;background: #fff;text-align: center;} .visfootab{} .visfoota{color: var(--color);display: flex;justify-content: space-between;align-items: center;} .visfootab i{font-size: 30px;} .visfootaa{padding: 0 ;background: none;} .visfootb{padding: 60px 0;border-top: 1px solid #efefef;} .visfootblogo img{height: 90px;} .visfootbnav h4{font-weight: var(--b600);font-size: var(--fs24);color: #222;padding-bottom: 20px;} .visfootbnav a{color: #666;transition: all 0.3s ease;} .visfootbnav a:hover{color: var(--color);} .visfootbnav li{margin-top: 12px;} .visfootbnav{display: flex;justify-content: space-between;width: calc(80% - 360px);} .visfootc{background-color: #fff;padding: 35px 0;} .visfootcmm{display: flex;justify-content: space-between;} .visfootc{color: #999;} .visfootc a{padding-left: 15px;} .visfootbleftp2{cursor: pointer;} .visfootblefta{margin-top: 100px;position: relative;display: none;} .visfootbleftp2sub{position: absolute;width: 240px;text-align: center;padding-bottom: 10px;display: none;} .visfootbleftp2subm{background: #fff;border-radius: 10px;padding: 10px 0;} .visfootbleftp2subm a{display: block;padding: 10px 0;line-height: 1.4;height: auto;} .visfootbleftp2sub{right: 0;bottom: 100%;} .visfootbleftp1{font-size: var(--fs24);font-weight: var(--b600);line-height: 1;} .visfootbleftp2b{width: 240px;margin-left: 20px;position: relative; text-align: center;font-weight: var(--b600);font-size: 18px;} .visfootbleftp2b.cur{color: var(--color);} .visfootbleftp2{display: flex;border-bottom: 1px solid #bdbdbd;line-height: 50px;padding-bottom: 10px;} .visfootbleftp2{margin-top: 45px;position: relative;} .sdicons {transition: all 0.3s;} .sdicons.cur{transform: rotateZ(180deg);color: var(--color);} .wisoncheckala{display: flex;} .wisonchecka{margin-top: 100px;} .wisoncheck{background-color: #fff;position: relative;z-index: 6;padding: 200px 0;} .wisoncheck{} .wisoncheck .wish1{color: #fff;} .wisoncheck .wisoncheckalb,.wisoncheck .wisoncheckarb,.wisoncheck .wisoncheckara{color: #fff;font-size: 24px;} .wisoncheckala i{color: #fff;} .wisoncheckala{display: flex;justify-content: space-between;align-items: center;} .wisoncheckala a,.wisoncheckara{height: 70px;line-height: 70px;} .wisoncheckala a:nth-child(1) i{font-size: 38px;} .wisoncheckala a:nth-child(2) i{font-size: 36px;} .wisoncheckala a:nth-child(3) i{font-size: 24px;} .wisoncheckala a:nth-child(4) i{font-size: 38px;} .wisoncheckala a:nth-child(5) i{font-size: 32px;} .wisoncheckara{line-height: 69px;border-bottom: 1px solid rgba(255,255,255,0.3);position: relative;} .wisoncheckara i{position: absolute;right: 0;top:50%;transform: translateY(-50%);line-height: 1;display: block;margin-top: 2px;} .wisoncheckalb,.wisoncheckarb{margin-top: 30px;} .wisoncheckac{width: 1px;background-color:rgba(255,255,255,0.5);} .wisoncheckara{border-color: rgba(255,255,255,0.4);color: #fff;} .wisoncheckal,.wisoncheckar{padding: 20px 0;} .wisoncheckarb,.wisoncheckalb{font-size: 24px;} .site-baner{margin-top: 0;position: fixed;left:0;top:0;} @keyframes scrP001{ 0%{ opacity: 1; } to { opacity: 0; } } .sitehide{animation-name:scrP001} .sgmore{display: flex;position: relative;height: 42px;align-items: center;border-radius: 999px;overflow: hidden;padding: 0 30px;} .sgmore{border: 1px solid transparent;} .sgmore:before{position: absolute;width: 100%;height: 100%;content: '';left: 0;top:0;transition: all 0.3s ease;} .sgmore:before{background:var(--line-bg);position: absolute;left:0;top:0;} .sgmore span,.sgmore em{position: relative;z-index: 3;} .sgmore,.sgmore i{color: #fff;} .sgmore i{position: relative;left: 0;margin-left: 8px;font-size: 14px;line-height: 1;top:1px;} .sgmore-line:before{opacity: 0;} .sgmore-line{border-color: #fff;} .sgmore-fff{border-color: #fff;} .sgmore-fff:before{background: #fff;} /* .sgmore-fff span{background: linear-gradient(to right, #005fc1, #0098d7);-webkit-background-clip: text; -webkit-text-fill-color: transparent;} */ .sgmore-fff span{color: #333;} .sgmore-fff i{color: #333;} .sgmore:hover{color: #fff;} .sgmore-line:hover:before{opacity: 1;} .sgmore-line:hover{border-color:transparent;} /* .site-baner-page2 {z-index:3;width: var(--widths) !important;} .site-baner-page2 {position:absolute;left:50% !important;top:auto !important;transform:translateX(-50%);bottom:80px !important;z-index:3;} */ .site-baner-page2 {display:flex;align-items:center;justify-content:space-between;} .site-baner-page2 span {cursor:pointer;width:30%;height:2px;position:relative;margin:0 !important;opacity:1 !important;background:none !important;border-radius:0;margin:0 5px !important;} .site-baner-page2 span:after {background:rgba(255,255,255,0.1) !important;position:absolute;content:'';width:100%;height:100%;left:0;bottom:0;} .site-baner-page2 span:before {opacity:0;z-index:2;position:absolute;content:'';width:0;height:100%;left:0;bottom:0;background:#fff;transition:width 4s ease;} .site-baner-page2 span:before{background:var(--color)} .site-baner-page2 span.swiper-pagination-bullet-active {background:#fff;opacity:1 !important;} .site-baner-page2 span.swiper-pagination-bullet-active:before {width:100%;opacity:1;} .site-baner-page2 span:nth-child(1).swiper-pagination-bullet-active:before {transition:width 10s ease;} .site-baner-page2 {top:auto;} .site-baner-bg:before {position:absolute;width:100%;height:100%;left:0;top:0;content:'';z-index:1;} .site-baner-bg:before {background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 30%,rgba(0,0,0,0.5) 100%);} .site-baner-bg:before{opacity: 0.3} .site-baner-bgm {object-fit:cover;} .site-baner-bgm {position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;background-repeat:no-repeat;} .more9,.more9 i{color: var(--color);} .more9{color: #555;} .more9{display: inline-block;line-height: 30px;position: relative;padding-right: 30px;} .more9 i{position: absolute;width: 30px;height: 30px;border-radius: 50%;overflow: hidden;text-align: center;line-height: 30px;} .more9 i{font-size: 22px;display: block;} .more9 i{top:50%;transform: translateY(-50%); text-align: center;right: 0;margin-top: 2px;} .more9 i:before{position: relative;z-index: 1;} .more9 i:after{width: 100%;height: 100%;background: var(--color);position: absolute;content: '';inset: 0;} .more9 i:after{transform: scale(0);opacity: 0;border-radius: 50%;} .more9 i,.more9 i:after{transition: all 0.5s ease;} .more9-fff{color: #fff;} /* .wisalista:hover .more9 i:after{transform: scale(1);opacity: 1;} .wisalista:hover .more9 i{right: -10px;color: #fff;} */ .wisap1{font-size: 20px;line-height: 1;color: #767676;} .wisaimg img{width: 100%;} .wisaimg{overflow: hidden;} .wisap2{color:#1b365d;margin-top: 30px;max-width: 100%;line-height: 1.2;font-weight: var(--b700);} .wisap2{font-size: var(--fs45);} .wisawz{padding-top: 25px;} .wisa{position: relative;z-index: 6;background-color: #fff;} .wisalp1{font-size: var(--fs32);color: #1b365d;font-weight: var(--b700);line-height: 1.2;} .wisalp2{display: flex;margin-top: 15px;} .wisalista{width: 31%;margin-right: 3.5%;margin-top: 3.5%;} .wisalista:nth-child(3n){margin-right: 0;} .wisalista:nth-child(-n+3){margin-top: 0;} .wisalist{margin-top: 80px;} .wisalp1 span,.wisaimg img{transition: all 0.4s ease;} .ggtit span {display:inline;position:relative;line-height:1.6;} .ggtit span {background:linear-gradient(to right,#ffffff,#ffffff),linear-gradient(to right,var(--color),var(--color),var(--color));background-size:100% 2px,0 2px;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size 400ms;padding-bottom:4px;} .ggtit span {padding-bottom:2px;} .ggtit_hover:hover .ggtit span {background-size:0 2px,100% 2px;} .ggtit_hover:hover .ggtit{color: var(--color);} .ggtit_hover:hover img{transform: scale(1.1);} .ggtit_hover:hover .more9 i:after{transform: scale(1);opacity: 1;} .ggtit_hover:hover .more9 i{right: -10px;color: #fff;} .wisa{margin-top: 100vh;} .wisalista:hover .wisaimg{opacity: 0.7;transition: all 0.3s;} .heise{background: #f9f9f9;position: relative;z-index: 6;transition: all 0.3s ease;} .heise.hei{background: #01143e;} .wisuse,.wisoncheck{background: none !important;} .yjylzz {position:relative;} .yjylzz:before {content:"";width:100%;height:50%;background:#00143c;position:absolute;bottom:0;left:0;z-index:-2;} .yjylzzm {width:100%;} .yjylzzbg {width:100%;min-height:450px;object-fit:cover;} .yjylzzbg {animation-name:scrP102;} .yjylzzp1 {animation-name:yjylzzp1s;} .yjylzzp1 {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;padding:0 6%;} .yjylzzp1 {color:#fff;} .yjylzzp1a {font-size:40px;line-height:1.4;font-weight:var(--b600);} .yjylzzp1b {opacity:0.8;margin-top:10px;} .yjylzzp1c {display:flex;margin-top:40px;} @keyframes scrP102 {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(3vh calc((100vw - 1400px) / 2) 0 calc((100vw - 1400px) / 2) round 15px 15px 15px 15px);clip-path:inset(3vhcalc((100vw - 1400px) / 2) 0 calc((100vw - 1400px) / 2) round 15px 15px 15px 15px)} } @keyframes yjylzzp1s {0% {padding-left:0;} to {padding-left:6%;} } .acaip4 ul img {width:155px !important;} .fot14 {background:#00143c;padding-top:80px;padding-bottom:0;} .fotgdwz {background:#010a0f;} .css-18pexiu {height:150px;position:relative;overflow:hidden;font-size:80px;color:var(--color);width:1100px;margin:0 auto;} .css-18pexiu::before {background-image:linear-gradient(90deg,rgba(1,10,15,1),rgba(1,10,15,0.4) 30%,rgba(1,10,15,0) 50%,rgba(1,10,15,0.4) 70%,rgba(1,10,15,1));position:absolute;left:0px;right:0px;content:"";height:100%;z-index:1;} .css-il8tms {white-space:nowrap;position:absolute;left:0;top:0;} @keyframes animation-zk8gpk {from {-webkit-transform:translate(5%,0);transform:translate(5%,0);} to {-webkit-transform:translate(-60%,0);transform:translate(-60%,0);} } .is-inview .css-il8tms {animation:animation-zk8gpk 10s linear infinite;} .fot14b {margin-top:50px;} .fot14bap2 input {box-sizing:border-box;} .fot14bap2 input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#666;font-size:16px;opacity:0.8;} .fot14bap2 input:-moz-placeholder,textarea:-moz-placeholder {color:#666;font-size:16px;opacity:0.8;} .fot14bap2 input::-moz-placeholder,textarea::-moz-placeholder {color:#666;font-size:16px;opacity:0.8;} .fot14bap2 input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#666;font-size:16px;opacity:0.8;} .fot14bap1 {font-size:20px;line-height:1;padding-bottom:20px;} .fot14bap0{font-size:30px;line-height:1;padding-bottom:10px;} .fot14b,.fot14b a {color:#fff;} .fot14bap2 {background:#334363;height:54px;position:relative;border-top-left-radius:5px;border-top-right-radius:5px;} .fot14bap2 {display:flex;align-items:center;overflow:hidden;width:100%;padding-right:0;} .fot14bap2 input {background:none;border:none;border-bottom:2px solid transparent;} .fot14bap2 input {height:100%;line-height:54px;} .fot14bap2 input {width:100%;outline:none;padding-right:118px;} .fot14bap2 input {padding:0 20px;} /* .fot14bap2 input:focus {border-color:var(--liang);} */.fot14bap2 span {height:40px;line-height:40px;border-radius:5px;overflow:hidden;text-align:center;} .fot14bap2 span{} .fot14bap2 span {width:118px;color:#fff;opacity:1;background:var(--line-bg);} .fot14bap2 span {font-size:16px;font-weight:500;} .fot14bap2 span {position:absolute;right:8px;top:7px;z-index:3;transition:all 0.3s ease;} .fot14bap2 span:hover {opacity:1;} .fot14bap2 {background-color:#fff;border-radius:5px;} .fot14bap2 span {width:44px;height:44px;line-height:1;text-align:center;background-color:var(--color);color:#fff;right:5px;top:5px;} .fot14bap2 span {font-size:18px;line-height:44px;} .fot14bap3 {margin-top:35px;} .fot14bap3 {font-size:14px;display:flex;align-items:flex-start;font-weight:200;} .fot14bap3 i {width:16px;height:16px;border-radius:3px;border:1px solid #fff;} .fot14bap3 p {width:calc(100% - 16px);padding-left:10px;} .fot14bap3 p a {font-weight:500;text-decoration:underline;} .fot14bap3 i {position:relative;top:4px;} .fot14bb h4 {transition:all 0.3s ease;font-size:20px;} .fot14bb h4,.fot14bb h4 a{color:var(--color);} .fot14bb h4:hover {color:var(--color);} .fot14bb li {margin-top:12px;font-size:14px;} .fot14bb li a {opacity:0.8;transition:all 0.3s ease;} .fot14bb li a:hover {opacity:1;color:var(--color);} .fot14ba {width:30%;} .fot14bb {width:calc(70% - 260px);} .fxas li {display:flex;align-items:center;width:100%;} .fxas i {margin-right:10px;color:#000;} .fot14c,.fot14c a {color:rgba(255,255,255,0.5);} .fot14ca {display:flex;} .fot14ca a {margin-right:20px;font-size:14px;color:rgba(255,255,255,0.5);} .fot14ca a:hover {color:#fff;} .fot14cb {font-size:12px;opacity:0.7;} .fot14c {padding:90px 0;padding-top:90px;} .fot14c {padding-bottom:30px;padding-top:30px;} .hgwjzm {position:absolute;} .hgwjzm ul {background:#fff;border-radius:5px;overflow:hidden;padding:10px 0;} .hgwjzm li a {display:block;padding:7px;line-height:1.2;font-size:14px;} .hgwjzm li a {transition:all 0.3s ease;color:#333;} .hgwjzm li a:hover {background:var(--color);color:#fff;} .hgwjzm2 li a {padding:5px 0;} .hgwjz i {background:none;} .hgwjz span {padding-right:20px;} .hgwjz i {width:auto;} .hgwjz {padding:6px 20px;border:1px solid #fff;border-radius:20px;} .hgwjz {transition:all 0.3s ease;} .hgwjz:hover {border-color:var(--color);background:var(--color);} .hgwjzm3 {display:none;width:200px;top:auto;bottom:35px;padding-bottom:10px;padding-top:0;right:0;} .ftgwjz {display:inline-block;position:relative;} .ftgwjzm {background:var(--color);color:#fff;display:flex;line-height:35px;border-radius:35px;width:150px;} .ftgwjzm {justify-content:center;} .ftgwjzm {align-items:center;overflow:hidden;font-size:14px;} .ftgwjzm i {color:#fff;font-size:12px;margin-left:10px;transition:all 0.3s ease;} .ftgwjzm1 {transition:all 0.3s ease;width:auto;padding:0 35px;} .ftgwjzm1 em {width:18px;height:18px;position:relative;opacity:1;margin-right:15px;} .ftgwjzm1 em:before,.ftgwjzm1 em:after {position:absolute;content:'';width:100%;height:100%;left:0;top:0;background-position:center;background-repeat:no-repeat;background-size:cover;} .ftgwjzm1 em:before {background-image:url(../img/language_icon_1.gif);opacity:0;} .ftgwjzm1 em:after {background-image:url(../img/language_icon_2.gif);opacity: 1;} .ftgwjzm1:hover {background:var(--color);border-color:var(--color);} .ftgwjzm1:hover {color:#fff;} .ftgwjzm-bg-line-bg {background:var(--line-bg);} .ftgwjzm-bg-line-bg:hover {background:var(--line-bg);border:none;} .ftgwjzm-bg-fff {background:#fff;color:#333;} .ftgwjzm-bg-fff i {color:#333;} .ftgwjzm-bg-fff:hover em:after {opacity:1;} .ftgwjzm-bg-fff:hover em:before {opacity:0;} .ftgwjzm-bg-fff:hover i {color:#fff;} .ftgwjzm-line-fff {background:none;border:1px solid rgba(255,255,255,0.6);color:rgba(255,255,255,0.6);} .yjylzz {position:relative;} .yjylzz:before {content:"";width:100%;height:50%;background:#00143c;position:absolute;bottom:0;left:0;z-index:-2;} .yjylzzm {width:100%;} .yjylzzbg {width:100%;} .yjylzzm {animation-name:scrP102;} .yjylzzp1 {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;padding:0 6%;} .yjylzzp1 {color:#fff;} .yjylzzp1a {font-size:50px;line-height:1.4;font-weight:var(--b700);} .yjylzzp1b {opacity:0.8;margin-top:10px;} .yjylzzp1c {display:flex;margin-top:55px;} @keyframes scrP102 {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(3vh 7.5vw 3vh 7.5vw round 15px 15px 15px 15px);clip-path:inset(3vh 7.5vw 3vh 7.5vw round 15px 15px 15px 15px)} } .fot14 {background:#00143c;padding-top:90px;padding-bottom:0;} .css-18pexiu {height:150px;position:relative;overflow:hidden;font-size:58px;width:500px;margin:0 auto;} .css-18pexiu::before {background-image:linear-gradient(90deg,rgba(0,20,60,1),rgba(0,20,60,0.4) 30%,rgba(0,20,60,0) 50%,rgba(0,20,60,0.4) 70%,rgba(0,20,60,1));position:absolute;left:0px;right:0px;content:"";height:100%;z-index:1;} .css-il8tms {white-space:nowrap;position:absolute;left:0;top:0;} @keyframes animation-zk8gpk {from {-webkit-transform:translate(5%,0);transform:translate(5%,0);} to {-webkit-transform:translate(-60%,0);transform:translate(-60%,0);} } .is-inview .css-il8tms,.aos-animate .css-il8tms{animation:animation-zk8gpk 10s linear infinite;} .fot14b {margin-top:50px;} .fot14bap2 input {box-sizing:border-box;} .fot14bap2 input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#666;font-size:14px;opacity:0.8;} .fot14bap2 input:-moz-placeholder,textarea:-moz-placeholder {color:#666;font-size:14px;opacity:0.8;} .fot14bap2 input::-moz-placeholder,textarea::-moz-placeholder {color:#666;font-size:14px;opacity:0.8;} .fot14bap2 input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#666;font-size:14px;opacity:0.8;} .fot14bap1 {font-size:16px;line-height:1;padding-bottom:20px;} .fot14b,.fot14b a {color:#fff;} .fot14bap2 {background:#fff;height:54px;position:relative;border-top-left-radius:54px;border-top-right-radius:54px;border-radius:54px;} .fot14bap2 {display:flex;align-items:center;overflow:hidden;width:100%;padding-right:0;} .fot14bap2 input {background:none;border:none;border-bottom:2px solid transparent;} .fot14bap2 input {height:100%;line-height:54px;} .fot14bap2 input {width:100%;outline:none;padding-right:118px;} .fot14bap2 input {padding:0 20px;} /* .fot14bap2 input:focus {border-color:var(--color);} */.fot14bap2 span {height:40px;line-height:40px;border-radius:40px;overflow:hidden;text-align:center;} .fot14bap2 span {width:40px;color:#fff;opacity:1;background:var(--color);} .fot14bap2 span {font-size:16px;font-weight:500;} .fot14bap2 span {position:absolute;right:8px;top:8px;z-index:3;transition:all 0.3s ease;} .fot14bap2 span:hover {opacity:1;} .fot14bap2 span{width:130px;font-size:14px;} .fot14bap3 {margin-top:35px;} .fot14bap3 {font-size:14px;display:flex;align-items:flex-start;font-weight:200;} .fot14bap3 i {width:16px;height:16px;border-radius:5px;border:2px solid #999;} .fot14bap3 p {width:calc(100% - 16px);padding-left:10px;opacity:0.5} .fot14bap3 p a {font-weight:500;text-decoration:underline;} .fot14bap3 i {position:relative;top:4px;} .fot14bb h4 {transition:all 0.3s ease;font-weight:var(--b600);color:#fff;font-size:18px;color:var(--color);} .fot14bb h4:hover {color:var(--color);} .fot14bb li {margin-top:12px;font-size:14px;} .fot14bb li a {opacity:0.9;transition:all 0.3s ease;} .fot14bb li a:hover {opacity:1;color:var(--color);} .fot14bb {width:60%;} .fxas li {display:flex;align-items:center;width:100%;} .fxas i {margin-right:10px;color:#fff;} .fot14c,.fot14c a {color:#fff;} .fot14ca {display:flex;} .fot14ca a {margin-right:20px;font-size:14px;} .fot14ca a:hover {color:var(--color);} .fot14cb {font-size:12px;opacity:0.7;} .fot14cb span {margin:0 10px;} .fot14c {padding:90px 0;padding-top:90px;} .fot14c {padding-bottom:30px;padding-top:30px;} #c-bns button:first-child,#s-bns button:first-child,#c-bns button:hover {background:var(--color) !important;} .fotgdwz,.fot14,.fot14,.yjylzz:before {background:#00143c;} .css-18pexiu::before {background-image:linear-gradient(90deg,rgba(0,20,60,1),rgba(0,20,60,0.4) 30%,rgba(0,20,60,0) 50%,rgba(0,20,60,0.4) 70%,rgba(0,20,60,1));} .css-18pexiu {color:#b5b5b5;} .hgwjzm3 {width:100%;} .hgwjzm3 li {text-align:center;} .wsfxac {display:flex;width:100%;margin-top:50px;align-items:center;padding-bottom:15px;justify-content:space-between;} .fxas2 {display:flex;justify-content:flex-start;} .fxas2 li {width:auto;margin-right:15px;} .fxas2 a {font-size:0;} .fxas2 a {color:#fff;} .fxas2 li:nth-child(1) i {font-size:20px;} .fxas2 li:nth-child(2) i {font-size:20px;} .fxas2 li:nth-child(3) i {font-size:20px;} .fxas2 li:nth-child(4) i {font-size:20px;} .fxas2 li:nth-child(5) i {font-size:16px;} .fxas2 li:nth-child(6) i {font-size:20px;} .hgwjzm3 {width:100%;} .hgwjzm3 li {text-align:center;} .wsfxac {display:flex;width:100%;margin-top:50px;align-items:flex-start;padding:50px 0;justify-content:space-between;align-items:flex-end;} .wsfxac {position:relative;} .wsfxac:before,.wsfxac:after {position:absolute;width:0;height:1px;background:var(--color);content:'';left:0;transition:all 4s ease;} .wsfxac:before {top:0;} .wsfxac:after {bottom:0;} .wsfxac:before,.wsfxac:after {background:#fff;opacity:0.2;} .wsfxac.is-inview:before,.wsfxac.is-inview:after ,.wsfxac.aos-animate:before,.wsfxac.aos-animate:after {width:100%;} .fxas2 {display:flex;justify-content:flex-start;flex-wrap:wrap;} .fxas2 span {color:#fff;width:100%;padding-bottom:15px;} .fxas2 li {width:auto;margin-right:15px;} .fxas2 li {width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.3);text-align:center;justify-content:center;} .fxas2 a {font-size:0;} .fxas2 a {color:#fff;} .fxas2 li:nth-child(1) i {font-size:24px;} .fxas2 li:nth-child(2) i {font-size:24px;} .fxas2 li:nth-child(3) i {font-size:24px;} .fxas2 li:nth-child(4) i {font-size:24px;} .fxas2 li:nth-child(5) i {font-size:20px;} .fxas2 li:nth-child(6) i {font-size:24px;} .fxas2 li {background:var(--color);} .fxas i {margin-right:0;} .fxas2 li {background:none;width:auto;margin-left:0;margin-right:40px;} .fxas i {color:#fff;} .kfxx{position: fixed;right:20px;bottom:50px;z-index:66;display:none;} .kfxxa{width:var(--kfxxsize);height:var(--kfxxsize);background:#fff;display:block;} .kfxxa{position:relative;} .kfxxa{background:var(--color);display: flex;align-items: center; justify-content: center;} .kfxxa{margin-top:10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius:50%;cursor: pointer;} .kfxxa i{color:#fff;} .kfxxa1 i{font-size:18px;} .kfxxa2 i{font-size:18px;} .kfxxa3 i{font-size:22px;color:#222;} .kfxxa2,.kfxxa3{z-index:10;} .kfxxa2{display:none;} .kfxxa3{background:#fff;} .xfkfsub{bottom:-60px !important;} .kfxx7m{position:relative;padding:25px 0;border-bottom:1px solid #ddd;padding-left:35px;} .kfxx7m1{display:none;} .kfxx7m:nth-child(1){padding-top:0;} .kfxx7m:last-child{padding-bottom:0;border:none;} .kfxx7icon{position:absolute;left:0;top:0;display:block;line-height:1;} .kfxx7icon1.kfxx7icon{font-size:22px;color:#222;} .kfxx7icon2.kfxx7icon{font-size:24px;color:#222;top:24px;} .kfxx7p1{line-height:1.2;font-size:16px;} .kfxx7p1 span{display:block;color:#666;padding-top:10px;font-size:14px;} .kfxx7mail{color:var(--color);display:inline-block;margin-top:10px;transition: all 0.3s ease;} .kfxx7znt{display:inline-block;margin-top:15px;background:var(--line-bg2);color:#222;padding:12px 35px;border-radius:99px;} .kfxx7znt{line-height:1;font-size:14px;} .kfxx7znt:hover{color:#222;} .kfxxa:hover .xfkfsub {opacity:1;transform:translateX(0);z-index:9;visibility:visible;} .head2{position: fixed;width: 100%;background: #fff;left:0;top:0;display: none;transition: all 0.5s ease;} .head2a{padding: 7px 0;} .head2a{padding-left: 60px;padding-right: 60px;display: flex;justify-content: space-between;line-height: 30px;} .head2b{padding-left: 60px;padding-right: 60px;display: flex;align-items: center;} .head2a{background: #f8f8f8;} .linea{border-bottom: 2px solid transparent;transition: all 0.3s ease;} .linea:hover{border-color: #000;} .head2aba{height: 30px;line-height: 30px;text-align: center;} .head2a,.head2a a{color:#888;font-size: 14px;} .head2{background: #fff;z-index: 99;} .head2aa,.head2ab{display: flex;} .head2aa{gap:20px} .head2aba i{font-size: 12px;margin-left: 5px;} .head2aba2{background: #e0e0e0;width: 30px;} .head2aba{margin-left: 20px;} .head2aba3{background: #e0e0e0;padding: 0 12px;display: flex;align-items: center;} .head2aba3 em{display: block;width: 15px;height: 100%;left:0;top:0;position: relative;margin-right: 5px;} .head2aba3 em:before,.head2aba3 em:after{position: absolute;content: '';width: 100%;height: 100%;left:0;top:0;} .head2aba3 em:before,.head2aba3 em:after{background-position: center;background-repeat: no-repeat;background-size: 100% auto;} .head2aba3 em:before{background-image: url(static/img/language_icon_1.gif);} .head2aba3{margin-left: 10px;} .head2blogo{height: 55px;position: relative;width: 230px;} .head2blogo img{position: absolute;height: 100%;left:0;top:0;} .head2blogo2{opacity: 0;} .head2bnav{display: flex;gap:40px;padding-left: 60px;} .head2bnav li{line-height: 80px;} .head2bnava i{font-size: 14px;padding-left: 5px;} .head2bnava{font-size: 18px;} .fbdh .head2{display: block;} .fbdh .sghead{display: none;} .head2.hidehead{top:-100%;} /* 导航下拉 */ .js_nav_sub{position: absolute;width: 100%;left:0;top:95%;z-index: 66;display: none;} .js_nav_sub{padding-left: var(--plr120);padding-right: var(--plr120);padding-top: 20px;} .js_nav_submm{background: rgba(0,0,0,0.7);border-radius: var(--border10);backdrop-filter: blur(15px);} .js_nav_submm{box-shadow: 0 5px 15px rgba(0,0,0,0.08);} .js_nav_suba{display: flex;padding: 40px;justify-content: space-between;width: 100%;padding-bottom:45px;} .js_nav_subah4{display: flex;padding-right: 30px;margin-bottom: 30px;margin-bottom: 0;} .js_nav_subah4{border-bottom: 1px solid rgba(239,130,0,0.5);padding-bottom: 5px;padding-right:0;} .js_nav_subai{width: 40px;height: 40px;position: relative;} .js_nav_subai img{position: absolute;inset: 0;margin: auto;max-width: 80%;max-height: 80%;margin-left: 0;} .js_nav_subaspan{width: calc(100% - 40px);padding-left: 8px;font-size: 20px;font-weight: var(--b600);line-height: 1.2;height: 40px;} .js_nav_subaspan{color:var(--color);display: flex;align-items: center;} .js_nav_subali,.js_nav_subaa{display: flex;width: 100%;} .js_nav_subali{margin-bottom:5px;display:none;} .js_nav_subaa{position: relative;padding-right: 30px;} .js_nav_subayjt{position: absolute;display: block;line-height: 1;right:0;top:4px;} .js_nav_subaa,.js_nav_subayjt{transition: all 0.3s ease;color: #fff;color: var(--color);} .js_nav_subaa:hover,.js_nav_subaa:hover .js_nav_subayjt{color: var(--color);} .js_nav_subb{display: flex;padding: 40px 7%;justify-content: space-between;width: 100%;} .js_nav_subbh4{display: flex;position: relative;margin-bottom: 30px;} .js_nav_subbspan{border-bottom: 1px solid rgba(239,130,0,0.5);;padding-bottom: 5px;} .js_nav_subbi{width: 40px;height: 40px;position: absolute;left:0;top:0;} .js_nav_subbi img{position: absolute;inset: 0;margin: auto;max-width: 80%;max-height: 80%;margin-left: 0;} .js_nav_subbspan{font-size: 20px;font-weight: var(--b600);line-height: 1.2;height: 40px;} .js_nav_subbspan{color:var(--color);display: flex;align-items: center;} .js_nav_subbh4yjt{margin-left: 50px;} .js_nav_subblul a{display: block;color:#fff;transition: all 0.3s ease;font-size: 18px;margin-bottom:10px;} .js_nav_subblul a:hover {color: var(--color);} .js_nav_subbh4,.js_nav_subblul a{padding-left: 55px;} .js_nav_subbr{width: calc(92% - 210px);} .js_nav_subbrswiper,.js_nav_subbrimg{overflow: hidden;} .js_nav_subbrimg img{width: 100%;} .js_nav_subbrimg{border-radius: var(--border10);} .js_nav_subbrp1{color: #fff;margin-top: 20px;} .js_nav_subbrp1,.js_nav_subbrimg img{transition: all 0.3s ease;} .js_nav_subbrslide:hover .js_nav_subbrimg img{transform: scale(1.03);} .js_nav_subbrslide:hover .js_nav_subbrp1{color:var(--color)} .js_nav_subbrb{display: flex;width: 100%;align-items: center;justify-content: space-between;} .js_nav_subbbtn{width: 30px;height: 30px;border: 1px solid var(--color);line-height: 30px;text-align: center;border-radius: 50%;} .js_nav_subbbtn i{color: var(--color);} .js_nav_subbrb{margin-top: 15px;} .js_nav_subbrbtn1{margin-left: auto;} .js_nav_subbrbtn2{margin-left: 20px;} .js_nav_subbrbline{width: 80%;height: 1px;background: var(--color);} .js_nav_subc{width: 100%;display: flex;justify-content: space-between;padding: 60px 5%;padding-right: 3%;} .js_nav_subcp1{font-size: 24px;font-weight: var(--b600);color: #fff;line-height: 1.4;} .js_nav_subcp2{display: flex;margin-top: 60px;} .more16{display: flex;border-radius: 999px;padding: 0 30px;height: 42px;position: relative;align-items: center;} .more16{overflow: hidden;} .more16 span,.more16 i{position: relative;z-index: 3;color: #fff;} .more16 i{margin-left: 12px;} .more16:before{position: absolute;width: 100%;height: 100%;left:0;top:0;background: var(--line-bg);content: '';} .more16:before{background: linear-gradient(90deg,rgba(245, 130, 38, 1) 0%, rgba(245, 164, 1, 1) 100%);} .more16:before{background:var(--color)} .js_nav_subca{width: 285px;} .js_nav_subcbh5 a{font-size: 20px;color: var(--color);display: block;line-height: 1.2;font-weight: var(--b600);} .js_nav_subcbh5{padding: 10px 0;} .js_nav_subcbli a{border-radius: 5px; display: block;line-height: 1.2;padding: 12px 0;padding-left: 30px;padding-right: 30px;position: relative;overflow: hidden;} .js_nav_subcbli a{color:#fff} .js_nav_subcbli a i{display: block;line-height: 1;opacity: 0; position: absolute;right:30px;top:13px;color: var(--color);} .js_nav_subcbli a,.js_nav_subcbli i,.js_nav_subcbli span{transition: all 0.3s ease;} .js_nav_subcbli i,.js_nav_subcbli span{position: relative;z-index: 2;} .js_nav_subcbli a:before{position: absolute;width: 100%;height: 100%;content: '';left:0;top:0;transition: all 0.6s ease;} .js_nav_subcbli a:before{background: #000;transform: translateX(-100%);} .js_nav_subcbli a:hover i,.js_nav_subcbli a.on i{right: 15px;opacity: 1;} .js_nav_subcbli a:hover:before,.js_nav_subcbli a.on:before{transform: translateX(0);} .js_nav_subcbli span{color: #fff;} .js_nav_subcbli{padding-right: 10px;margin-bottom: 10px;} .js_nav_subcb{padding-left: 60px;border-left: 1px solid var(--color);width: 380px;} .js_nav_subcbm{padding-bottom: 10px;} .js_nav_subcbm:last-child{padding-bottom: 0;} .js_nav_subccmn{display: flex;flex-wrap: wrap;} .js_nav_subcclink{width: 33.33%;padding-bottom: 20px;} .js_nav_subccimg{width: 100%;position: relative;overflow: hidden;height: 140px;} .js_nav_subccimg img{position: absolute;max-width: 80%;max-height: 80%;inset: 0;margin: auto;} .js_nav_subccp1{color: #fff;padding-top: 10px;line-height: 1.4;text-align: center;} .js_nav_subccimg img,.js_nav_subccp1{transition: all 0.3s ease;} .js_nav_subcclink:hover .js_nav_subccimg img{transform: scale(1.03);} .js_nav_subcclink:hover .js_nav_subccp1{color: var(--color);} .js_nav_subcc{width: calc(90% - 285px - 380px);} .js_nav_subcbmx{padding-top: 10px;} .js_nav_subc2{padding-top:100px;padding-bottom:100px;} .js_nav_subcd{padding-left: var(--js_nav_subcd-lr);border-left: 1px solid var(--color);width: calc(100% - 285px - var(--js_nav_subcd-lr));} .js_nav_subcd{align-items:flex-start;display: flex} .js_nav_subcdm{display:flex;flex-wrap:wrap;width:100%;} .js_nav_subcdm{padding-top:20px;} .js_nav_subcdm-3 li{width:30%;margin-right:5%;margin-top:50px;} .js_nav_subcdm-3 li:nth-child(3n){margin-right:0;} .js_nav_subcdm-3 li:nth-child(-n+3){margin-top:0;} .js_nav_subcdm .js_nav_subah4{padding-bottom:0;border:none;} .js_nav_subcdm .js_nav_subaspan{color:#fff;font-weight: var(--b400);} /* 导航下拉 */ .head3{position: fixed;width: 100%;left:0;top:0;z-index: 66;} .head3a,.head3b{width: 100%;padding-left: var(--plr110);padding-right: var(--plr110);} .head3ar{display: flex;color: #fff;align-items: center;} .head3a{display: flex;align-items: center;justify-content: space-between;position: relative;} .head3ass{border-bottom: 1px solid rgba(255,255,255,0.2);padding-left: 50px;position: relative;} .head3ass{border-bottom: none;} .head3ass:before{position: absolute;width: 100%;height: 1px;content: '';left:0;bottom:0;} .head3ass:before{background: linear-gradient(-90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);} .head3ass:before{background: linear-gradient(-90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);} .head3ass{height: var(--navheightsmall);width: 320px;} .head3asstxt{background:none;border: none;} .head3asstxt,.head3assicon{color:#fff;height: calc(var(--navheightsmall) - 1px);line-height: calc(var(--navheightsmall) - 1px);} .head3asstxt{outline: none;width: 100%;} .head3ass input::-webkit-input-placeholder {color: #fff;font-size: 14px;} .head3assicon{position: absolute;left: 15px;top:0;display: block;color: #fff;} .head3axdh{display:flex;height:var(--navheightsmall);margin-left: auto;align-items: center;position:relative;z-index:3;} .head3axdh{margin-right:15px;} .head3axdha,.head3axdhi{color:#fff;font-size:14px;margin:0 15px;} .head3axdhi{font-size:12px;font-style:normal} .fwdq{position: relative;width: 16px;} .fwdq:before,.fwdq:after{position: absolute;width: 100%;height: 100%;left:0;top:-2px;content: '';} .fwdq:before{background: url(../img/fwdq-fff.png) center no-repeat;background-size: 100% auto;} .fwdq:after{background: url(../img/fwdq.png) center no-repeat;background-size: 100% auto;opacity:0;} .head3ar span{font-size: 14px;padding-left: 10px;} .head3ar i{font-size: 12px;padding-left: 10px;} .head3ar i,.head3ar span,.fwdq{height: var(--navheightsmall);line-height: var(--navheightsmall);} .head3ar{justify-content: flex-end;width: auto;} .head3ar{position: relative;} .head3a:before{position: absolute;width: 100%;right:0;top:0;height: 100%;content: '';} .head3a:before{background: url(../img/head3arbg.png) right center no-repeat;background-size:auto 100%;} .head3a:before{opacity: 0.2;} .head3blogo{height: 46px;position: relative;width: 220px;} .head3blogo img{position: absolute;height: 100%;left:0;top:0;transition: all 0.3s ease;} .head3blogo2{opacity: 0;} .head3bnav{display: flex;margin-left: auto;} .head3b{display: flex;align-items: center;justify-content: space-between;} .head3bnavli{display: flex;margin-right: var(--navli-right);} .head3bnava{line-height: var(--navli-height);color: #fff;font-size: 18px;transition: all 0.3s ease;} .head3abzd{font-size:14px;color:#fff;display:flex;align-items: center;} .head3abzd i,.head3abzd span{line-height:1;} .head3abzd span{padding-left:10px;} .head3ss9{width:var(--more-height);height:var(--more-height);border-radius:99px;transition: all 0.3s ease;} .head3ss9{border:1px solid rgba(255,255,255,0.5);color:#fff;display:flex;align-items: center;justify-content: center;} .head3ss9 i{font-size:16px;} .head3ss9:hover{background:var(--color);border-color:var(--color);color:#fff;} .head3b{position: relative;} .head3xl{width: 100%;position: absolute;left:0;top:var(--navli-height);padding: 0 var(--plr110);} .head3xlm{display: flex;justify-content: space-between;} .nav__toggle-button{right:auto;left:40px;position: absolute;top:calc(var(--navheightsmall) + (var(--navli-height) - 36px) / 2)} .nav__toggle-button #hamburger{z-index: 3;} .nav__toggle-button #hamburger span:last-child{width: 20px;} .nav__toggle-button #hamburger:hover span{background: var(--color);} .nav__toggle-button #hamburger:hover span:nth-child(1){width: 11px;} .nav__toggle-button #hamburger:hover span:nth-child(2){width: 20px;} .nav__toggle-button #hamburger:hover span:nth-child(3){width: 29px;} .nav__toggle-button.nav--open #hamburger{opacity: 0;} .head3{transition: all 0.3s ease;} /* .head3.hidehead{opacity: 0;top:-100%} */ .head3.hidehead .nav__toggle-button{display: none;} .white .head3{box-shadow: 0 5px 15px rgba(0,0,0,0.08);} .white .head3a{background-color: #f8f9fc;} .white .head3a:before{display:none} .white .head3 .head3ar{color:#555} .white .head3abzd{color:#555} .white .head3axdha,.white .head3axdhi{color:#555} .white .head3 .fwdq:after{opacity:0.5;} .white .head3 .fwdq:before{opacity:0;} .white .head3b{background:#fff} .white .head3bnava{line-height:var(--navli-height-scroll);color:#222;} .white .head3bnava:hover{color: var(--color);} .white .head3blogo2{opacity:1;} .white .head3blogo1{opacity:0;} .white .head3xl{top:80px;} .white .head3assicon{color:#333;} .white .head3asstxt{color:#999;} .white .head3ss9{background: #fff;border-color:var(--color);color:#222;} .white .nav__toggle-button{top:55px;} .white .nav__toggle-button #hamburger span{background: #555;} .white .nav__toggle-button #hamburger:hover span{background: var(--color);} body.scroll .head3{box-shadow: 0 5px 15px rgba(0,0,0,0.08);} body.scroll .head3a{background-color: #f8f9fc;} body.scroll .head3a:before{display:none} body.scroll .head3 .head3ar{color:#555} body.scroll .head3abzd{color:#555} body.scroll .head3axdha,body.scroll .head3axdhi{color:#555} body.scroll .head3 .fwdq:after{opacity:0.5;} body.scroll .head3 .fwdq:before{opacity:0;} body.scroll .head3b{background:#fff} body.scroll .head3bnava{line-height:var(--navli-height-scroll);color:#222;} body.scroll .head3bnava:hover{color: var(--color);} body.scroll .head3blogo2{opacity:1;} body.scroll .head3blogo1{opacity:0;} body.scroll .head3xl{top:80px;} body.scroll .head3assicon{color:#333;} body.scroll .head3asstxt{color:#999;} body.scroll .head3ss9{background: #fff;border-color:var(--color);color:#222;} body.scroll .nav__toggle-button{top:55px;} body.scroll .nav__toggle-button #hamburger span{background: #555;} body.scroll .nav__toggle-button #hamburger:hover span{background: var(--color);} body.scroll .msbgnav{top:var(--navli-height-scroll)} body.scroll.on .head3{top:calc(-1 * var(--navheightsmall))} body.scroll .mainssub{padding-top:20px;} .whites .head3{box-shadow: 0 5px 15px rgba(0,0,0,0.08);} .whites .head3 .head3a{background-color: #f8f9fc;} .whites .head3 .head3a:before{display:none} .whites .head3 .head3ar{color:#555} .whites .head3 .head3abzd{color:#555} .whites .head3 .head3axdha,.whites .head3axdhi{color:#555} .whites .head3 .fwdq:after{opacity:0.5;} .whites .head3 .fwdq:before{opacity:0;} .whites .head3b{background:#fff} .whites .head3bnava{line-height:var(--navli-height-scroll);color:#222;} .whites .head3bnava:hover{color: var(--color);} .whites .head3blogo2{opacity:1;} .whites .head3blogo1{opacity:0;} .whites .head3xl{top:80px;} .whites .head3assicon{color:#333;} .whites .head3asstxt{color:#999;} .whites .head3ss9{background: #fff;border-color:var(--color);color:#222;} .whites .nav__toggle-button{top:55px;} .whites .nav__toggle-button #hamburger span{background: #555;} .whites .nav__toggle-button #hamburger:hover span{background: var(--color);} .whites .msbgnav{top:var(--navli-height-scroll)} body.scroll.on .whites .head3{top:calc(-1 * var(--navheightsmall))} .whites .mainssub{padding-top:20px;} . .head3bnava,.head3bnavli-center,.head3ss9,.head3blogo,.head3a{position:relative;z-index:66;} .msbgnav{position: absolute;width: 100%;left:0;top:0;height:100vh;} .msbgnav{pointer-events: none;-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);z-index: 5;opacity: 0;visibility: hidden;} .msbgnav{background:rgba(0,0,0,0.5);top:calc(-1 * var(--navheightsmall))} .head3a,.head3b{transition: all .3s ease;} .mainssub{position: absolute;width: 100%;left:0;top:100%;z-index:60} .mainssub{padding: 0 var(--plr120);} .mainssubx{background: rgba(0, 0, 0, 0.7);border-radius: var(--border10);backdrop-filter: blur(15px);padding:2% 3%} .mainssub{visibility: hidden;opacity:0;} .mainssubxa{display:flex;width:100%;align-items: flex-start;} .mainssubxa{} .mainssubh6{color:#fff;font-size:var(--nav-fs-h6);font-weight:var(--b600);line-height:1.2} .mainssubxa1p2{display:flex;} .mainssubxa1p2{margin-top:60px;} .mainssubxa1p1{color:#fff;line-height:1.4;padding-top:30px;font-size:var(--nav-fs-ms);} .mainssubxa1{width:var(--navsub-width-a);} .mainssubxa1{padding-right:var(--navsub-left-jx1);box-sizing: content-box;} .mainssubxa1{border-right:1px solid rgba(255,255,255,0.1)} .mainssubxa1{padding-bottom:50px;} .mainssubxa1,.mainssubxa2,..mainssubxa3{padding-top:25px;} .mainssubxa3{width:var(--navsub-width-c)} .mainssubxa2{width:calc(96% - var(--navsub-left-jx1) - var(--navsub-width-c) - var(--navsub-width-a))} .mainssubxa2{margin-left:4%;} .mainssubxa3{} .mainssubxa3m{position: relative;overflow: hidden;border-radius: var(--border10);} .mainssubxa3m{display:flex;width:100%;} .mainssubxa3m img{width:100%;transition: all .3s ease-in;} .mainssubxa2,.mainssubxa3{margin-top:30px;} .mainssubxa3{margin-top:50px;} .mainssubxa3m:hover img{transform: scale(1.1);} .mainssubxa3p1{position: absolute;width: 100%;left:0;bottom:0;z-index:2} .mainssubxa3p1{color:#fff;font-size:14px;padding:8px 12px;} .mainssubxa3p1 i{width:32px;height:32px;display:block;text-align:center;line-height:32px;} .mainssubxa3p1 i{background:var(--color);color:#fff;right:12px;top:0;font-size:14px;border-radius:50%;position: absolute;} .mainssubxa2m{display: flex;flex-wrap:wrap;} .mainssubxa2m a{width:var(--nav-sub-li-width);margin-top:25px;cursor: pointer;padding-right:10px;} .mainssubxa2m i{width:40px;height:40px;position: relative;} .mainssubxa2m i img{position: absolute;inset: 0;margin: auto;max-width: 70%;max-height: 70%;margin-left: 0;} .mainssubxa2m span{color:#fff;font-size:var(--navsub-size-sub);padding-bottom:2px;} .mainssubxa2m span{line-height:1.2;transition: all .3s ease-in;position:relative;} .mainssubxa2m span:before{position:absolute;left:0;bottom:0;height:1px;content:'';} .mainssubxa2m span:before{transition: all .3s ease-in;} .mainssubxa2m span:before{width:0;background:var(--color);} .mainssubxa2m a:hover span{color:var(--color)} .mainssubxa2m a:hover span:before{width:100%;opacity:1;} .mainssubxa2m a{display: flex;align-items: center;} .mainssubxa2n{display: flex;flex-wrap:wrap;width:80%;} .mainssubxa2n dl{width:50%} .mainssubxa2n dt{width:100%;margin-top:25px;cursor: pointer;} .mainssubxa2n dt i{width:40px;height:40px;position: relative;} .mainssubxa2n dt i img{position: absolute;inset: 0;margin: auto;max-width: 70%;max-height: 70%;margin-left: 0;} .mainssubxa2n dt span{color:var(--color);font-size:var(--navsub-size-sub);} .mainssubxa2n dd{padding-left:40px;} .mainssubxa2n dd a{padding-bottom:2px;display:inline-block;} .mainssubxa2n dd a{line-height:1.2;transition: all .3s ease-in;position:relative;} .mainssubxa2n dd a:before{position:absolute;left:0;bottom:0;height:1px;content:'';} .mainssubxa2n dd a:before{transition: all .3s ease-in;} .mainssubxa2n dd a:before{width:0;background:var(--color);} .mainssubxa2n dd a{color:#fff;} .mainssubxa2n dd{margin-top:6px;} .mainssubxa2n dd a:hover{color:var(--color)} .mainssubxa2n dd a:hover:before{width:100%;opacity:1;} .mainssubxa2n dt{display: flex;align-items: center;} .mainssubxa3page{position:absolute;right:12px;bottom:16px;z-index:3;display:flex;align-items: flex-start;} .mainssubxa3page span{width:8px;height:8px;background:#fff;border-radius:50%;margin-left:8px;} .mainssubxa3page span.cur{background:var(--color);} .js_nav_li:hover .mainssub{visibility: visible;opacity:1;transition: all .3s ease-in;} .js_nav_li:hover .msbgnav{visibility: visible;opacity:1;} .js_nav_li:hover .msbgnav{transition: all 0.6s ease;} :root{ --hei01:78px; --transition-duration: 0.4s; --transition-easing: cubic-bezier(0.25, 0.74, 0.22, 0.99); --transition-delay: 0s; } .modemeau,.modemeauc ul{transition-delay: var(--transition-delay);transition-duration: var(--transition-duration);transition-timing-function: var(--transition-easing)} .modemeau{transform: translateY(-100%);} .modemeauc ul{transform: translateY(70px);opacity: 0} .modemeau.active{transform: translateY(0);opacity: 1;transition-property: transform, opacity;transition-duration: 1.5s;transition-timing-function: cubic-bezier(.55, 0, .1, 1), cubic-bezier(.25, .74, .22, .99)} .modemeau.active .modemeauc ul{--transition-duration: 1.2s, 0.8s; --transition-easing: cubic-bezier(0.68, 0.01, 0.1, 0.95), cubic-bezier(0.47, 0.04, 0.5, -0.06); transition-property: transform, opacity; transition-delay: var(--transition-delay); transition-duration: var(--transition-duration); transition-timing-function: var(--transition-easing); overflow: hidden; overflow: clip} .modemeau.active .modemeauc ul{opacity: 1;transform: translateY(0);} .modemeau.active .modemeauc ul:nth-child(1){transition-delay: 0.5s;} .modemeau.active .modemeauc ul:nth-child(2){transition-delay: 0.5s;} .modemeau.active .modemeauc ul:nth-child(3){transition-delay: 0.7s;} .modemeau.active .modemeauc ul:nth-child(4){transition-delay: 0.7s;} .modemeau.active .modemeauc ul:nth-child(5){transition-delay: 0.9s;} .modemeau.active .modemeauc ul:nth-child(6){transition-delay: 0.9s;} .modemeau.active .modemeauc ul:nth-child(7){transition-delay: 1.1s;} .modemeau.active .modemeauc ul:nth-child(8){transition-delay: 1.1s;} .modemeau.active .modemeauc ul:nth-child(9){transition-delay: 1.3s;} .modemeau.active .modemeauc ul:nth-child(10){transition-delay: 1.3s;} .modemeau{position: fixed;width: 100%;height: 100vh;left:0;top:0;background: #1e303e;z-index: 99;} .modemeaua{display: flex;justify-content: flex-end;} .modemeaua{height:var(--hei01);align-items: center;} .modemeaub,.modemeaua,.modemeauc,.modemeaud{width: 100%;padding-left: var(--plr110);padding-right: var(--plr110);} .modemeaub{display: flex;justify-content: space-between;align-items: center;} .modemeaubss{height: 42px;border: 1px solid rgba(255,255,255,0.3);border-radius: 5px;position: relative;} .modemeaubss input{width: 100%;height: 40px;line-height: 40px;} .modemeaubss input{background: none;border: none;outline: none;color:rgba(255,255,255,0.5);padding: 0 30px;} .modemeaubss i{position: absolute;line-height: 1;top:50%;transform: translateY(-50%);z-index: 3;right:20px;color: #fff;} .modemeaubss i{font-size: 20px;} .modemeaubss{width: 30%;position: relative;top:10px;} .modemeauc{display: flex;justify-content: space-between;padding-top: 50px;} .modemeauc h4 a{color: var(--color);} .modemeauc h4{font-size: 18px;font-weight: var(--b600);} .modemeauc li a{color: rgba(255,255,255,0.8);transition: all 0.3s ease;} .modemeauc li a:hover{color: rgba(255,255,255,1);} .modemeauc li{margin-top: 5px;} .modemeauc .h4{margin-top:35px;} .modemeauda{display: flex;align-items: center;justify-content: space-between;} .modemeauda .fxas2 li{background: #fff;width: 25px;height: 25px;border-radius: 5px;line-height: 25px;} .modemeauda .fxas2 li i{color: #000;} .modemeauda .fxas2 a{width: 100%;height: 100%;} .modemeaudab{color:var(--color);font-weight: var(--b600);} .modemeaudab{margin-right: 20px;margin-left: auto;} .modemeauda .fxas2 li:nth-child(1) i{font-size: 14px;} .modemeauda .fxas2 li:nth-child(2) i{font-size: 18px;} .modemeauda .fxas2 li:nth-child(3) i{font-size: 18px;} .modemeauda .fxas2 li:nth-child(4) i{font-size: 18px;} .modemeauda .fxas2 li:nth-child(5) i{font-size: 14px;} .modemeaudaa a,.modemeaudaa{color: rgba(255,255,255,0.6);font-size: 14px;} .modemeaudaa em{padding: 0 20px;font-size: 12px;} .modemeauda{padding-bottom: 20px;border-bottom: 1px solid rgba(224,135,43,0.3);} .modemeaudb{color: #fff;font-size: 14px;color:rgba(255,255,255,0.4);margin-top: 20px;padding-bottom: 20px;} .modemeaud{position: absolute;left:0;bottom: 0;} .modemeauc{position: absolute;left: 0;top:50%;transform: translateY(-50%);padding-top: 0;} .head3xl{display: none;} .head3xlma{width: 290px;} .head3xlmaul{padding-right: 35px;} .head3xlm{background-color: #f4f6f6;border-radius: 20px;padding: 50px;} .head3xlmali{position: relative;margin-top: 10px;} .head3xlmali:nth-child(1){margin-top: 0;} .head3xlmali{height: 56px;box-sizing: content-box;line-height: 56px;} .head3xlmali{position: relative;padding-bottom: 1px;} .head3xlmali{padding-left: 35px;padding-right: 20px;} .head3xlmali:before{position: absolute;width: 100%;height: 1px;background: var(--color);content: '';} .head3xlmali:before{width: 0;transition: all 0.4s ease;bottom: 0;left: 0;} .head3xlmaem{position: absolute;width:30px;height: 100%;left:0;top:0;} .head3xlmaem img{position: absolute;inset: 0;margin: auto;margin-left: 0;max-height: 60%;max-width: 70%;} .head3xlmaem img{transition: all 0.3s ease;} .head3xlmaem2{opacity: 0;} .head3xlmaem1{opacity: 0.4;} .head3xlmaa{color: #222;transition: all 0.3s ease;} .head3xlmaarra{position: absolute;display: block;right:10px;top:0;height: 56px;line-height: 56px;} .head3xlmaarra{color: var(--color);opacity: 0;transition: all 0.3s ease;} .head3xlmali.active:before{opacity: 1;width: 100%;} .head3xlmali.active .head3xlmaem1{opacity: 0;} .head3xlmali.active .head3xlmaem2{opacity: 1;} /* .head3xlmali.active .head3xlmaa{color: var(--color);} */ .head3xlmali.active .head3xlmaarra{right: 0;opacity: 1;} .head3xlmb{border-left: 1px solid #eee;padding-left: 30px;width: 320px;} .head3xlmbul h4{font-weight: var(--b600);line-height: 1.2;font-size: var(--fs-nav-1);} .head3xlmbul h4{color: #222;display: flex;height: 57px;align-items: center;margin-bottom: 15px;} .head3xlmbul li{position: relative;line-height: 1.4;padding-bottom: 3px;padding-right: 20px;} .head3xlmbul li{margin-top: 15px;} .head3xlmbul li:nth-child(1){margin-top: 0;} .head3xlmbul li:before{position: absolute;width: 100%;height: 1px;content: '';background: var(--color);left: 0;} .head3xlmbul span{color:#0a344a;transition: all 0.3s ease;} .head3xlmbul i{position: absolute;display: block;line-height: 1;right:5px;top:3px;opacity: 0;transition: all 0.3s ease;} .head3xlmbul li:before{width: 0;opacity: 0;bottom: 0;transition: all 0.4s ease;} .head3xlmbul li:hover:before{opacity: 1;width: 100%;} .head3xlmbul li:hover span{color: var(--color);} .head3xlmbul li:hover i{opacity: 1;right:-3px;} .head3xlmbul{display: none;} .head3xlmc{width: calc(95% - 290px - 320px);} .head3xlmca{background-color: #fff;padding: 12px 30px;border-radius: 999px;} .head3xlmca{display: flex;width: 100%;} .head3xlmca01,.head3xlmca02,.head3xlmca03{height: 28px;line-height: 28px;} .head3xlmca02{background: none;border: none;outline: none;padding-left: 10px;} .head3xlmca01{color:#0a344a} .head3xlmca01{padding-right: 20px;position: relative;width: 170px;} .head3xlmca01 i{position: absolute;display: block;line-height: 1;right: 0;top:5px;color:var(--color)} .head3xlmca03{width: 30px;text-align: right;font-size: 18px;} .head3xlmca02{width: calc(100% - 170px - 30px);} .head3xlmcbimg{position: relative;overflow: hidden;border-radius: 10px;} .head3xlmcbimg img{width: 100%;} .head3xlmcbwz{position: absolute;width: 100%;left:0;bottom: 0;padding:15px 25px;z-index: 3;} .head3xlmcbwz{display: flex;justify-content: space-between;align-items: center;} .head3xlmcbpage{display: flex;gap:10px;} .head3xlmcbpage span{width: 10px;height: 10px;background: #fff;border-radius: 50%;} .head3xlmcbpage span.active{background: var(--color);} .more9x{font-size: 14px;} .more9x,.more9x i{color: var(--color);} .more9x-fff,.more9x-fff i{color: #fff;} .more9x{display: inline-block;line-height: 30px;position: relative;padding-right: 30px;} .more9x i{position: absolute;width: 30px;height: 30px;border-radius: 50%;overflow: hidden;text-align: center;line-height: 30px;} .more9x i{font-size: 16px;display: block;} .more9x i{top:47%;transform: translateY(-50%); text-align: center;right: 0;} .more9x i:before{position: relative;z-index: 1;} .more9x i:after{width: 100%;height: 100%;background: var(--color);position: absolute;content: '';inset: 0;} .more9x i:after{transform: scale(0);opacity: 0;border-radius: 50%;} .more9x i,.more9x i:after{transition: all 0.5s ease;} .head3xlmcbm:hover .more9x i:after{transform: scale(1);opacity: 1;} .head3xlmcbm:hover .more9x i{right: -10px;color: #fff;} .head3xlmcbmmx{display: flex;justify-content: space-between;width:100%;} .head3xlmcbx{width: 48%;} .head3xlmcbp1{font-size: var(--fs-nav-1);font-weight: var(--b600);line-height: 1.2;} .head3xlmcb{margin-top: 70px;} .head3xlmcbm{margin-top: 25px;} .head3xlmcbmm{display: none;} .head3xlmcbmm:nth-child(1){display: block;} /* head3xl-black */ .head3xl-black{padding-top: 20px;top: 95%;} .head3xl-black .head3xlm{background: rgba(0, 0, 0, 0.7);border-radius: var(--border10);backdrop-filter: blur(15px);} .head3xl-black .head3xlmb{border-color:var(--color)} .head3xl-black .active .head3xlmaa{color:var(--color)} .head3xl-black .head3xlmaa{color:#fff;} .head3xl-black .head3xlmaem1{opacity:1;} .head3xl-black .head3xlmbul h4{color:var(--color)} .head3xl-black .head3xlmbul span{color:#fff;} .head3xl-black .head3xlmca{display:none} .head3xl-black .head3xlmcb{margin-top:0;} .head3xl-black .head3xlmcbp1{color:#fff;} .js_nav_suba-3{flex-wrap:wrap;justify-content: flex-start;} .js_nav_suba-3 ul{width:20%;margin-right:6.66%;margin-top:40px} .js_nav_suba-3 ul:nth-child(4n){margin-right:0;} .js_nav_suba-3 ul:nth-child(-n+4){margin-top:0;} /* head3xl-black */ .sghead{display: none;} .fot14{background: #242424;background: url(../img/foot26bg.png) center right no-repeat #1e303e;background-size: cover;} .css-18pexiu{display: none;} /* .fot14ba,.ftgwjz{display: none;} .fot14ba,.fot14bb{width: 100%;} */ .fot14b{margin-top: 0;} .wsfxac:before, .wsfxac:after{display: none;} .fot14bb h4 i,.fot14bb h4 span{display: none;} .fot14bb li a{opacity: 0.5;} .fot1000{background: #000;padding-top: 20px;padding-bottom: 20px;} .fot14c,.wsfxac{padding: 0 var(--plr120);} .wsfxac{margin-top: 80px;padding-bottom: 40px;} .fxas2 li{width: 40px;border-radius: 50%;background: #fff;} .fxas2 li i{color: #222;} .fxas2 li{margin: 0;} .fxas2{gap:20px;} .fxas2 li:nth-child(1) i{font-size: 18px;} .fxas2 li:nth-child(2) i{font-size: 22px;} .fxas2 li:nth-child(3) i{font-size: 22px;} .fxas2 li:nth-child(4) i{font-size: 22px;} .fxas2 li:nth-child(5) i{font-size: 18px;} .fot14ca a{margin: 0;margin-left: 20px;} .fot14ba .fxas,.ftgwjz{display:none;} .wsfxacr2{display:flex;flex-wrap:wrap;justify-content: flex-end;} .wsfxacr2b{width:100%;} .wsfxacr2b{gap: 20px;justify-content: flex-end;} .wsfxacr2a{border:1px solid #fff;border-radius:99px;color:#fff;} .wsfxacr2a{height:var(--more-height);display:flex;align-items: center;} .wsfxacr2a{padding:0 20px;margin-top:20px;transition: all 0.3s ease;} .wsfxacr2a:hover{background:var(--color);border-color:var(--color);color:#fff;} .wsfxacr2a span{font-size:14px;} .wsfxacr2a i{font-size:16px;padding-left:10px;} .yyxz7{padding-top:150px;} .progressbar {position:fixed;top:0;left:0;right:auto;height:3px;width:100%;z-index:9999;} .ui-progressbar-value {position:absolute;width:0;height:100%;left:0;top:0;} .ui-progressbar-value {transition-duration:0.5s;transition-property:width;transition-timing-function:cubic-bezier(.35,1,.45,1);background:var(--line-bg2);} /* 客服 */ .xfkf {width:54px;height:54px;position:fixed;right:20px;bottom:20px;z-index:990;cursor:pointer;} .kficon img {width:100%;} .kficon {width:100%;border-radius:50%} .kficon {box-shadow:0 0 25px rgba(0,0,0,0.2);} .xfkfsub {position:absolute;right:0;bottom:0;padding-right:69px;z-index:999;visibility: hidden;} .xfkfsub {opacity:0;transform:translateX(-10px);z-index:-2;transition:all 0.3s ease;} .xfkfsub ul {padding-right:0;width:360px;background-color:#fff;padding:30px;border-radius:var(--border15);} .xfkf:hover .xfkfsub {opacity:1;transform:translateX(0);z-index:9;visibility:visible;} .xfkf{display:none;} /* 底部留言 */ .xkmsga {padding:120px 0;display: block;} .xkmsga {background-position:center;background-repeat:no-repeat;background-size:cover;} .xkmsgam {display:flex;justify-content:flex-end;position:relative;z-index:3;} .xkmsgama {width:680px;background:#fff;padding:30px;} .xkmsgatxt {background:none;border:none;height:48px;line-height:20px;padding-bottom:5px;padding-top:21px;transition:all 0.3s ease;} .xkmsgatxt {background:#fff;border:1px solid var(--color);border-radius:48px;outline:none;width:100%;padding-left:20px;} .xkmsgaxv {display:flex;width:100%;justify-content:space-between;margin-top:20px;} .xkmsgaxvn {width:calc(50% - 10px);position:relative;} .xkmsgaxvn label {padding-left:20px;display:inline-block;line-height:20px;color:#999;z-index:3;left:0;top:13px;position:absolute;transition:all 0.3s ease;} .xkmsgaxvn-100 {width:100%;} .xkmsgaxvn label.on {top:5px;font-size:14px;} .xkmsgatxt:focus {border-color:#aaa;} .xkmsgah {display:flex;} .xkmsgah {color:#999;padding-top:20px;} .xkmsgah i {width:16px;height:16px;border-radius:5px;border:1px solid #000;opacity:0.3;} .xkmsgah i {margin-top:3px;} .xkmsgah span {width:calc(100% - 16px);padding-left:10px;} .xkmsgah a {color:#666;} .xkmsgaj {display:flex;justify-content:flex-start;margin-top:45px;} .xkmsgaj span {font-size:18px;} .xkmsgaj span {transition:all 0.3s ease;padding:0 50px;height:42px;line-height:42px;border-radius:48px;background:var(--color);color:#fff;} .xkmsgam{justify-content: space-between;} .xkmsgamap1{color: #fff;font-weight: var(--b600);font-size: 40px;} .xkmsgama{width: 47%;background: hsla(0, 0%, 100%, .7);backdrop-filter: blur(15px);border-radius: 10px;} .xkmsgabgs{position: absolute;width: 100%;height: 100%;left:0;top:0;object-fit: cover;} .xkmsgama{background: rgba(0,0,0,0.2);} .xkmsgatxt{background: rgba(255,255,255,1);} .xkmsgah a,.xkmsgah {color: #fff;} /* 底部2 */ .j7fot14 {background:#00143c;padding-top:90px;padding-bottom:0;} .j7fot14 {background-color:#f8f8f8;} .j7fot14bap1 {font-size:22px;line-height:1;padding-bottom:20px;} .j7fot14bap2 {background:#334363;height:54px;position:relative;border-top-left-radius:54px;border-top-right-radius:54px;border-radius:54px;} .j7fot14bap2 {display:flex;align-items:center;overflow:hidden;width:100%;padding-right:0;} .j7fot14bap2 {background-color:#fff;border:1px solid #dadada;border-radius:10px;} .j7fot14bap2 input {background:none;border:none;border-bottom:2px solid transparent;} .j7fot14bap2 input {height:100%;line-height:54px;} .j7fot14bap2 input {width:100%;outline:none;padding-right:118px;} .j7fot14bap2 input {padding:0 20px;} .j7fot14bap2 input {color:#999;} .j7fot14bap2 span {height:40px;line-height:40px;border-radius:40px;overflow:hidden;text-align:center;background: var(--color);} .j7fot14bap2 span {width:118px;color:#fff;opacity:1;} .j7fot14bap2 span {font-size:16px;font-weight:500;} .j7fot14bap2 span {position:absolute;right:8px;top:9px;z-index:3;transition:all 0.3s ease;} .j7fot14bap2 span {top:6px;border-radius:10px;} .j7fot14bap2 span {width:50px;} .j7fot14bap3 i {position:relative;top:4px;} .j7fot14bap3 i {width:16px;height:16px;border-radius:5px;border:2px solid #999;} .j7fot14bap3 {font-size:14px;display:flex;align-items:flex-start;font-weight:200;} .j7fot14bap3 {margin-top:35px;} .j7fot14bap3 i {width:16px;height:16px;border-radius:5px;border:2px solid #999;} .j7fot14bap3 i {position:relative;top:4px;} .j7fot14bap3 p {width: calc(100% - 16px);padding-left: 10px;} .j7fot14b,.j7fot14b a,.j7fot14bb h4 {color:#222;} .j7fot14b {margin-top:30px;} .j7fot14ba {width:400px;} .j7fot14bb {width:calc(90% - 420px);} .j7fot14bb h4 {transition:all 0.3s ease;font-weight:var(--b600);color:#fff;font-size:18px;} .j7fot14bb h4 {font-size:20px;padding-bottom:12px;} .j7fot14b,.j7fot14b a,.j7fot14bb h4 {color:#222;} .j7fot14bb h4 i {font-size:18px;padding-left:10px;} .j7fot14bb h4 span {line-height:1;} .j7fot14bb h4 span {font-weight:var(--b400);font-size:14px;color:#999;display:block;} .j7fot14bb li {font-size:16px;margin-top:15px;} .j7fot14bb li a {opacity:0.8;transition:all 0.3s ease;} .j7fot14bb li a:hover{color:var(--color)} .j7wsfxac {position:relative;} .j7wsfxac {display:flex;width:100%;margin-top:50px;align-items:center;padding:50px 0;justify-content:space-between;align-items:flex-end;} .j7wsfxac {position:relative;} .j7wsfxac:before,.j7wsfxac:after {position:absolute;width:0;height:1px;background:var(--color);content:'';left:0;transition:all 4s ease;} .j7wsfxac:before {top:0;} .j7wsfxac:before,.j7wsfxac:after {background:#fff;opacity:0.2;} .j7wsfxac.is-inview:before,.j7wsfxac.is-inview:after,.j7wsfxac.aos-animate:before,.j7wsfxac.aos-animate:after {width:100%;} .j7wsfxaclogo {height:70px;} .j7fxas2 {margin-top:80px;} .j7fxas2 {display:flex;justify-content:flex-start;flex-wrap:wrap;} .j7fxas2 span {color:#fff;width:100%;padding-bottom:15px;} .j7fxas2 li {width:auto;margin-right:15px;} .j7fxas2 li {width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.3);text-align:center;justify-content:center;} .j7fxas2 a {font-size:0;} .j7fxas2 a {color:#fff;} .j7fxas2 li:nth-child(1) i {font-size:24px;} .j7fxas2 li:nth-child(2) i {font-size:24px;} .j7fxas2 li:nth-child(3) i {font-size:24px;} .j7fxas2 li:nth-child(4) i {font-size:24px;} .j7fxas2 li:nth-child(5) i {font-size:20px;} .j7fxas2 li:nth-child(6) i {font-size:24px;} .j7fxas2 li {background:var(--color);} .j7fxas i {margin-right:0;} .j7fxas2 li {background:none;width:auto;margin-left:0;margin-right:40px;} .j7fxas i {color:#fff;} .j7fxas i {color:#757575;transition:all 0.3s ease;} .j7fot14c,.j7fot14c a {color:#999;} .j7fot14c {padding-top:25px;padding-bottom:25px;border-top:1px solid #e3e3e3;} .j7fot14cb {font-size:14px;opacity:0.7;} .j7fot14ca {display:flex;} .j7fot14c,.j7fot14c a {color:#999;} .j7fot14ca a {margin-right:20px;font-size:14px;} .wsfxaclogo{height:46px;} /* 底部2 */ .head3bnavli-center{align-items: center;margin-right:var(--navli-right);} .head3bnava-msbg{border-radius: 999px;display: flex;color: #fff;align-items: center;line-height: 40px;height: 40px;padding: 0 30px;background:rgba(255,255,255,0.2);} .head3bnava-msbg{backdrop-filter: blur(15px);} /* .head3bnava-msbg:b{background:var(--color);transition:all 0.3s ease;color:#fff;backdrop-filter: blur(0);} */ /* head6rbut */ .head6rbut{border-radius: 999px;display: flex;color: #fff;align-items: center;line-height: 42px;padding: 0 30px;background: var(--color);} .head6rbut{min-width:165px;justify-content: center;} .head6rbutspan{font-size: 16px;padding-left: 10px;} .head6rbuti{display:none;} .head6rss,.head6ruder,.head6ryyan{line-height: 40px;color: #fff;} .head6rss{font-size: 24px;} .head6ruder{font-size: 24px;} .head6ryyan i{font-size: 23px;display: inline-block;line-height: 1;position: relative;top:3px;} .head6ryyan span{padding-left: 8px;font-size: 14px;} .head6ryyan{cursor: pointer;} .head6.scroll{background: #fff;box-shadow: 0 5px 20px rgba(0,0,0,0.06);} .head6.scroll .sglogo2{opacity: 0;} .head6.scroll .sglogo1{opacity: 1;} .head6.scroll .head6nava{color: #222;} .head6.scroll .head6rss, .head6.scroll .head6ruder, .head6.scroll .head6ryyan{color: #222;} .ycimgbzd{width:35%;} .head6rbutsub{position: absolute;right: 0;top:0;top:var(--navli-height);padding-top: 0;} .head6rbutsub{transform: translateY(20px);transition: all 0.3s ease-in;} .head6rbutsub{opacity: 0;visibility: hidden;z-index: -6;} .head6rbutsubm{padding:50px;display: flex;border-radius: var(--border10);background: #fff;justify-content: space-between;} .head6rbutsubm{box-shadow: 0 0 15px rgba(0,0,0,0.05);} .head6rbutsubm{background:rgba(0,0,0,0.7); backdrop-filter: blur(15px);} .head6rbutsubm h4{font-weight: var(--b600);color:#222;margin-bottom: 10px;} .head6rbutsubm h4{height: 50px;display: flex;align-items: center;background: #f4f3f0;border-radius: 10px;} .head6rbutsubm h4{width: 100%;padding-left: 35px;} .head6rbutsubm h4{background: linear-gradient(90deg,rgba(245, 130, 38, 1) 0%, rgba(245, 164, 1, 1) 100%);color:#fff;} /* .head6rbutsubm h4{ background: #1b365c;} */ .head6rbutsubm li{margin: 0 5px;padding-left: 10px;} .head6rbutsubm li a{color:#fff;display: flex;height: 60px;align-items: center;transition: all 0.3s ease;text-align:left;line-height:1.4} .head6rbutsubm li a:hover{color: var(--color);padding-left: 5px;} .head6rbutsubm ul:nth-child(1){width: 245px;} .head6rbutsubm ul:nth-child(2){width: 310px;} .head6rbutsubm ul:nth-child(3){width: 250px;} .head6rbutsubm li{border-bottom: 1px solid rgba(255,255,255,0.2);} .head6rbutsubm i{width: 25px;height: 25px;position: relative;margin-right: 10px;} .head6rbutsubm i img{position: absolute;inset: 0;margin: auto;margin-left: 0;max-width: 80%;max-height: 80%;} .head6rbut:hover .head6rbutsub{opacity: 1;visibility: visible;z-index: 99;transform: translateY(0);} /* head6rbut */ .head3a,.head3blogo,.head3bnava,.head3ss9,.head3bnavli-center{z-index:9;position:relative} .site-baner-zw{top:calc(162px + 10%);bottom: auto%;transform: translateX(-50%);} .site-baner-zw{height: 320px;bottom: 30%; } /* baner内页 */ .pgbans{overflow: hidden;position: relative;} .pgbansimg{width: 100%;vertical-align: top;max-height: 70vh;object-fit: cover;} .pgbansimg-auto{max-height:inherit;} .pgbanswz{position: absolute;left: 50%;transform: translate(-50%,-50%);z-index: 3;top:50%;} .pgbanswz{width: 100%;padding:0 var(--plr120)} .pgbansp0{color:#fff;font-size:var(--fs20);padding-bottom:10px;} .pgbansh3{color: #fff;line-height: 1.2;font-weight: var(--b600);font-size: var(--fs60);} .pgbanswz-contact{top:auto;transform: translateX(-50%);bottom: 8%;} .pgbansmore{display: flex;justify-content: center;margin-top: 25px;} /* baner内页 */ .pgsubnav{padding:var(--ptb) var(--plr120);padding-bottom: calc(var(--ptb) / 2);padding-top: calc(var(--ptb) / 2);} .pgsubnavp1{width:100%;} .pgsubnavm{margin-top:20px;} .pgsubnav2{width:100%;display:flex;flex-wrap: wrap;} .pgsubnavp1{font-size:var(--fs52);font-weight:var(--b600);line-height:1.4} .pgsubnav{display: flex;justify-content: center;} .pgsubnavm a{padding:5px 30px;border-radius: 99px;font-weight: var(--b600);} .pgsubnavm a{transition:all 0.3s ease;} .pgsubnavm{display: flex;border-radius: 99px;background: #f4f4f5;padding: 8px;} .pgsubnavm-bg-efeff1{background:#efeff1} .pgsubnavm-mt-0{margin-top:0;} .pgsubnavm a:hover{color:var(--color)} .pgsubnavm .on{background-color: #fff;} .pgsubnavm .on:hover{color:#222;} /* 移动端导航 */ .hd-ph {position:fixed;top:0;left:0;z-index:99;width:100%;} .ph-navbar {width:100%;display:flex;justify-content:space-between;align-items:center;} .ph-navbar {height:var(--nav-height-ph);padding:0 var(--plr5);} .ph-logo {width:150px;position:relative;} .ph-logo img {width:100%;vertical-align:top;transition:all 0.3s ease;} .ph-logo2 {opacity:0;position:absolute;left:0;top:0;visibility:hidden;} .ph-right {display:flex;align-items:center;} .phnav-menubtn {position:relative;width:22px;height:20px;} .phnav-menubtn span,.phnav-menubtn:after,.phnav-menubtn:before {display:block;position:absolute;left:0;top:50%;width:100%;height:2px;transform:translateY(-50%);background:rgba(255,255,255,.8);transition:all .4s;} .phnav-menubtn span,.phnav-menubtn:after,.phnav-menubtn:before {background:#fff;} .phnav-menubtn:after,.phnav-menubtn:before {content:'';} .phnav-menubtn:before {margin-top:-8px;} .phnav-menubtn:after {margin-top:8px;} .phnav-search i {color:#fff;font-size:28px;display:inline-block;line-height:1;position:relative;top:3px;} .phnav-search {margin-right:15px;position:relative;width:30px;height:30px;} .phnav-search:after,.phnav-search:before{width:100%;height:100%;left:0;top:0;} .phnav-search:after,.phnav-search:before{content:"";position:absolute;transition:all .4s;} .phnav-search:after,.phnav-search:before{background-position: center;background-size: 90% auto;background-repeat: no-repeat;} .phnav-search:after{background-image:url(../img/language_icon_2.gif)} .phnav-search:before{background-image:url(../img/language_icon_1.gif);opacity:0;visibility: hidden;} .phnav-menubtn.on span {opacity:0;} .phnav-menubtn.on:before {transform:translateY(-50%) rotate(-45deg);} .phnav-menubtn.on:after {transform:translateY(-50%) rotate(45deg);} .phnav-menubtn.on:after,.phnav-menubtn.on:before {margin-top:0;} .phnav-menu {display:none;position:fixed;left:0;top:0;width:100%;height:100vh;padding:var(--plr5);background:#f1f1f1;color:#fff;} .phnav-menu {padding-top:var(--nav-height-ph);} .phnav-menu {display:block;transform:translateX(100%);transition:all .5s cubic-bezier(.55,.085,.68,.53);} .phnav-menu {display:flex;flex-direction:column;z-index:90;} .phnav-menu.on {transform:translateX(0);transition:all .5s cubic-bezier(.25,.46,.45,.94);} .phmenu-scroll {margin-right:-15px;padding-right:15px;} .phmenu-scroll {flex-grow:1;max-height:calc(100vh - 20px - var(--nav-height-ph));} .phnav-ssgn{padding:30px 0;padding-bottom:15px;} .phnav-ssgnm{display:flex;background:#fff;border-radius:99px;position:relative} .phnav-ssgnm input{width:100%;background: none;border: none;outline: none;} .phnav-ssgnm input{height:40px;line-height:40px;padding:20px;padding-right:40px;} .phnav-ssgnm i{color:var(--color);display:block;line-height:1;right:15px;top:10px;font-size: 20px;position: absolute;z-index:3;} /* 导航反白 */ /* 1 相同*/ .hd-ph.on {background:#fff;box-shadow:0 0 10px 3px rgb(0 0 0 / 5%);} .hd-ph.on .ph-logo2 {opacity:1;visibility:visible;} .hd-ph.on .ph-logo1 {opacity:0;visibility:hidden;} .hd-ph.on .phnav-search i {color:#333;} .hd-ph.on .phnav-menubtn span,.hd-ph.on .phnav-menubtn:after,.hd-ph.on .phnav-menubtn:before {background:#333;} .hd-ph.on .phnav-search:before{opacity:0.8;visibility: visible;} .hd-ph.on .phnav-search:after{opacity:0;visibility: hidden;} /* 1 相同*/ /* 1 相同*/ .hd-ph.hidehead {background:#fff;box-shadow:0 0 10px 3px rgb(0 0 0 / 5%);} .hd-ph.hidehead .ph-logo2 {opacity:1;visibility:visible;} .hd-ph.hidehead .ph-logo1 {opacity:0;visibility:hidden;} .hd-ph.hidehead .phnav-search i {color:#333;} .hd-ph.hidehead .phnav-menubtn span,.hd-ph.hidehead .phnav-menubtn:after,.hd-ph.hidehead .phnav-menubtn:before {background:#333;} .hd-ph.hidehead .phnav-search:before{opacity:0.8;visibility: visible;} .hd-ph.hidehead .phnav-search:after{opacity:0;visibility: hidden;} /* 1 相同*/ /* 1 相同*/ .whites .hd-ph {background:#fff;box-shadow:0 0 10px 3px rgb(0 0 0 / 5%);} .whites .hd-ph .ph-logo2 {opacity:1;visibility:visible;} .whites .hd-ph .ph-logo1 {opacity:0;visibility:hidden;} .whites .hd-ph .phnav-search i {color:#333;} .whites .hd-ph .phnav-menubtn span,.whites .hd-ph .phnav-menubtn:after,.whites .hd-ph .phnav-menubtn:before {background:#333;} .whites .hd-ph .phnav-search:before{opacity:0.8;visibility: visible;} .whites .hd-ph .phnav-search:after{opacity:0;visibility: hidden;} /* 1 相同*/ /* 导航反白 */ .phmenu-scroll{visibility: hidden;} .phnav-menu.on1 {transform:translateX(0);transition:all .5s cubic-bezier(.25,.46,.45,.94);} .phnav-menu.on .phmenu-scroll{visibility: visible;} .phnav-lisbox {position:relative;border-bottom:1px solid rgba(0,0,0,.1);} .ph-nav a {font-size:16px;line-height:24px;color:#333} .ph-nav a {display:inline-block;} .ph-nav ul a {font-size:14px;padding:8px 0;} .phnav-lisbox>a {padding:16px 0;} .phnav-icon {width:12px;height:12px;} .phnav-icon {display:none;position:absolute;right:5px;top:50%;transform:translateY(-50%);} .phnav-icon:after,.phnav-icon:before {content:"";position:absolute;background:#888;transition:all .4s;} .phnav-icon::before {left:0;top:50%;transform:translateY(-50%);width:100%;height:1px;} .phnav-icon::after {left:50%;top:0;transform:translateX(-50%);width:1px;height:100%;} .phnav-icon::after {width:2px;} .phnav-icon::before {height:2px;} .phnav-icon.on:after {transform:translateX(-50%) rotate(90deg);} .ph-nav li:not(.phnav-haschild)>.phnav-lisbox .phnav-icon {display:none;} .ph-nav li:not(.phnav-haschild)>.phnav-lisbox>a {display:block;max-width:100%;} .ph-nav ul {padding:0 15px;display:none;} .phnav-haschild .phnav-icon {display:block;} .ph-navbar2 .ph-nav ul .phnav-lisbox>a {padding:8px 0;} .phmenu-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:2px;} .phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:var(--color);} .phmenu-scroll .mCSB_scrollTools {width:4px;} .phmenu-scroll .mCSB_outside+.mCSB_scrollTools {right:0;} .phnav2-language {flex:none;text-align:center;padding:20px 0;line-height:22px;display:flex;justify-content:center;align-items:center;} .phnav2-language{z-index:6;} .phnav2-language{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;transform: translateX(100%);transition: all .5s cubic-bezier(.55, .085, .68, .53);} .phnav2-language.on {transform:translateX(0);transition:all .5s cubic-bezier(.25,.46,.45,.94);} .phnav2-lang-btn i {font-size:18px;position:relative;top:2px;padding-right:5px;} .phnav2-lang-btn i,.phnav2-lang-btn span {color:#666} .phnav2-lang-btn{display:none;} .phnav2-lang-modal {position:absolute;left:0;top:0;width:100%;height:100%;padding:30px 20px 20px;text-align:left;transition:all .5s cubic-bezier(.55,.085,.68,.53);} .phnav2-lang-modal {background:#f1f1f1;padding-top:var(--nav-height-ph);} /* .phnav2-lang-modal.on {transform:translateX(0);transition:all .5s cubic-bezier(.25,.46,.45,.94);} */ .phnav2-lang-back {font-size:16px;color:#666;padding:20px 0;margin-bottom:10px;padding-bottom:10px;display:flex;line-height:20px;align-items:center;} .phnav2-lang-back i {padding-right:8px;} .phnav2-lang-back i {font-size:18px;} .phnav2-lang-scroll {height:calc(100% - 30px);margin-right:-15px;padding-right:15px;overflow:auto;} .navph2_subnav {padding:0 20px;height:100%;overflow:auto;} .navph2_subnav li>div {position:relative;border-bottom:1px solid rgba(219,225,233,0.60);} .navph2_subnav a {line-height:24px;padding:8px 0;color:#666;display:inline-block;} .navph2_subnav_a {font-size:16px;} .navph2_nav_icon {position:absolute;right:5px;top:50%;transform:translateY(-50%);width:12px;height:12px;} .navph2_nav_icon::before,.navph2_nav_icon::after {content:"";position:absolute;left:50%;top:0;margin-left:-1px;width:2px;height:100%;background:#999;transition:all .36s;} .navph2_nav_icon::before {transform:rotate(90deg);} .navph2_subnav li.act>div .navph2_nav_icon::after {transform:rotate(90deg);} .none .navph2_nav_icon {display:none;} .navph2_subnav ul {display:none;padding-left:15px;} .navph2_subnav li>div {position:relative;border-bottom:1px solid rgba(219,225,233,0.60);} .navph2_subnav a {line-height:24px;padding:8px 0;color:#666;display:inline-block;} .navph2_subnav .none a {display:block;} /* 同意隐私 */ .new25dyma{display:flex;flex-wrap:wrap;justify-content: space-between;} .new25dymatxt,.new25dymabtn {background:none;border:none;outline:none;} .new25dymatxt {width:100%;padding:15px 20px;border:1px solid #b6b6b7;} .new25dymatxt {line-height:18px;border-radius:99px;text-align:center;color:#222;} .new25dymabtn {height:50px;display:flex;width:100%;justify-content:center;color:#fff;background:var(--color);} .new25dymabtn {border-radius:99px;margin-top:20px;} .new25dymatxtleft{width:calc(100% - 190px);text-align:left;} .new25dymabtnright{width:180px;margin-top:0;} .ggaggre {display:flex;line-height:1.2;margin-top:30px;} .ggaggre i {width:14px;height:14px;border:1px solid #ccc;border-radius:3px;overflow:hidden;} .ggaggre i {display:flex;align-items:center;justify-content:center;} .ggaggre em {font-size:12px;opacity:0;visibility:hidden;} .ggaggre i,.ggaggre em {transition:all 0.3s ease;} .ggaggre p {width:calc(100% - 14px);padding-left:10px;color:#555;font-size:14px;} .ggaggre p a{text-decoration: underline;transition: all 0.4s ease;} .ggaggre .on em {color:var(--color);opacity:1;visibility:visible;} .ggaggre .on {border-color:var(--color);} /* 同意隐私 */ /* 新闻内页 */ #foo{position: absolute;opacity: 0;z-index: -1;} .new25xx {background:#f5f5f7;} .new25xx {padding-top:calc(var(--more-height) + 30px + var(--navheightsmall) + var(--navli-height-scroll))} .yszza{padding-top:calc(var(--more-height) + 30px + var(--navheightsmall) + var(--navli-height-scroll))} .new25yszztit{color:#222;font-weight:var(--b600);font-size:var(--fs24)} .new25xx{padding-top:30px;} .new25xxm {width:90%;max-width:1420px;margin:0 auto;} .new25xxm {padding-bottom:var(--ptb);} .new25xxm {display:flex;justify-content:space-between;align-items:flex-start;} .new25xxp1 {display:flex;justify-content:space-between;padding:10px 0;align-items: center;flex-wrap:wrap;} /* .new25xxp1 {border:1px solid #dcdcde;} .new25xxp1 {border-left:none;border-right:none;} */ .authors{padding-left:10px;color:#999} .new25xxp1b {display:flex;lign-items: center;} /* .new25xxp1ba {width:32px;border-radius:50%;background:#000;display:flex;} */ .new25xxp1ba {height:32px;align-items:center;justify-content:center;margin-left:15px;color:#222;display:flex;} .new25xxp1ba i {color:#222;transition: all 0.3s ease;} .new25xxp1ba i,.new25xxp1ba {transition:all 0.3s ease;} .new25xxp1blabel{display:flex;align-items: center;height:32px;} .facebookiconf i {font-size:18px;} .twittericonf i {font-size:17px;} .linkediniconf i {font-size:18px;} .sdfacebook1s i {font-size:22px;} .sdlinkedin1s i {font-size:22px;} .sdtuite11s i {font-size:15px;} .sdlink1s i {font-size:22px;} /* .new25xxp1ba:hover {background:var(--color);} */ /* .new25xxp1ba:hover i {color:#fff;} */ .new25xxp1ba:hover i {color:var(--color);} /* .new25xxp1blabel{font-weight: var(--b600);} */ .new25xxp1 {margin-top:var(--mt25p);} .new25xxh5 {margin-top:var(--mt15p);} .new25xxh2 {color:#222;font-size:var(--fs30);line-height:1.4;font-weight:var(--b600);} .new25xxh5 {color:#222;font-size:var(--fs20);line-height:1.4;} .new25xxzw {margin-top:60px;} .new25xxzw img {max-width:100%;} .new25xxleft {width:calc(92% - var(--new-sticky-width));} .new25xxright {width:var(--new-sticky-width);} .new25xxleft-100{width:100%;} .new25xxp6{color:#999;margin-top:5px;padding-bottom:60px;border-bottom:1px solid #dcdcde;} .new25xxzw h2,.new25xxzw h3{color:#222;} .new25xxzw strong{font-weight:600;} .new25xxzw a{color:var(--color);text-decoration: underline;} .new25xxqt {display:flex;justify-content:space-between;} .new25xxqt {padding:25px 0;border:1px solid #e5e5e7;border-left:none;border-right:none;} .new25xxqta {display:flex;} .new25xxqta.prev i {margin-right:8px;} .new25xxqta.next i {margin-left:8px;} .new25xxqt a {transition:all 0.3s ease;} .new25xxqt {margin-top:var(--ptb);} .new25h6 {font-size:var(--fs24);line-height:1.2;font-weight:var(--b600);color:#222;} .new25recentlink {display:block;width:100%;margin-top:var(--mt25p);} .new25recentimg {overflow:hidden;border-radius:var(--border10);} .new25recentimg img {width:100%;vertical-align:top;} .new25recentimg img,.new25recentp1 {transition:all 0.4s ease;} .new25recentp1 {font-size:var(--fs16);font-weight:var(--b600);line-height:1.4;} .new25recentp1 {margin-top:15px;} .new25recentap2 {color:#666;margin-top:10px;font-size:14px;line-height:1;} .new25recentlink:hover .new25recentp1 {color:var(--color);} .new25recentlink:hover .new25recentimg img {transform:scale(1.03);} .new25xxright {position:sticky;top:calc(var(--navli-height-scroll) + var(--navheightsmall) + 10px);} .new25dyimg {overflow:hidden;border-radius:var(--border10);} .new25dyimg img {width:100%;vertical-align:top;} .new25dy-t-90 {margin-top:90px;} .new25dyp1 {padding:25px 0;} .new25dy3{padding-top: var(--ptb);} .new25dy3{text-align: center;} .new25dy3p3{display: flex;justify-content: center;} .new25dy3p1{display: flex;align-items: center;justify-content: center;} .new25dy3p1 span{font-size: var(--fs24);line-height:30px;;font-weight: var(--b600);} .new25dy3p1 span{padding-left: 40px;position: relative;} .new25dy3p1 i{position: absolute;display: block;left:0;top:0;} .new25dy3p1 i{width: 30px;height: 30px;} .new25dy3p1 i{background: url(../img/logoqq.png) center no-repeat;background-size: cover;} .new25dy3p2{line-height: 1.4;margin-top: 10px;} .new25dy3p3{margin-top: 15px;} .newhot {background:#f5f5f7;} .newhotm {width:90%;max-width:1420px;margin:0 auto;} .newhot {margin-top:calc(var(--more-height) + 30px + var(--navheightsmall));} .newhot {border-bottom:1px solid #e5e5e5;} .newhotdate {font-size:14px;color:#999;line-height:1;} .newhotm {display:flex;} .newhotp1 {line-height:1.4;} .newhota {width:33.33%;background:#e5e5e5;} .newhotp1 {color:#222;transition:all 0.3s ease;} .newhotp12 {color:#444;} .newhota:hover .newhotp1 {color:var(--color);} .newhotslide:hover .newhotp1 {color:var(--color);} .newhotslide,.newhota {padding:15px 30px;} .newhotswiper {overflow:hidden;width:66.67%;position:relative;} .newhotswiper:before {position:absolute;content:'';width:15%;height:100%;right:0;top:0;z-index:3;} .newhotswiper:before {background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 35%,rgba(245,245,247,1) 100%);} .new17a{display: flex;margin-top: var(--ptb);} .new17a{display: flex;margin-top: var(--ptb);} .new17b {display:flex;align-items:center;justify-content:space-between;} .new17ba {font-weight:var(--b600);} .new17bcopy {cursor:pointer;width:230px;height:40px;align-items:center;justify-content:center;} .new17bcopy {border-radius:99px;background:#f1f1f2;font-size:14px;display:flex;} .new17bcopy {cursor:pointer;transition:all 0.5s ease;} .new17bcopy:hover {color:var(--color);} .new17b {margin-top:60px;padding-bottom:30px;border-bottom:1px solid #e5e5e5;} .new17cp1 {font-weight:var(--b600);line-height:1;font-size:var(--fs24);margin-top:60px;} .new17cp2 {font-weight:var(--b600);line-height:1;font-size:var(--fs18);} .new17cp3 {margin-top:5px;} .new17cp3 a {color:var(--color);text-decoration:underline;} .new17cx {display:flex;margin-top:35px;flex-wrap:wrap;} .new17cxm {margin-right:8%;} .new17cxm:last-child {margin-right:0;} .press5 {background:var(--bg-f7f8fa);padding-bottom:var(--ptb);} .press5a {padding:0 var(--plr120);} .press5a {display:flex;flex-wrap:wrap;} .press5aleft {position:relative;overflow:hidden;border-radius:var(--border10);} .press5aleft {width:48%;} .press5aright {width:52%;padding-left:4%;} .press5aimg1 {width:100%;object-fit:cover;min-height:100%;vertical-align:top;} .press5aimg1 {transition:all 0.3s ease;} .press5awz {position:absolute;width:100%;left:0;bottom:0;z-index:3;padding:30px;} .press5adate {line-height:1;position:relative;color:#8c8c8c;position:relative;padding-left:10px;} .press5adate{display:flex;align-items: center;} .press5adate{padding-left:0;} .press5adate:before {position:absolute;left:0;content:'';width:4px;height:4px;border-radius:50%;background:#8c8c8c;} .press5adate:before {top:50%;margin-top:-2px;} .press5adate:before{display:none;} .press5adatei{font-size:14px;background: rgba(255,255,255,0.5);backdrop-filter: blur(12px); font-size: 12px;font-style: normal;color: #fff;border-radius: 99px;} .press5adatei{padding:5px 10px;margin-left:10px;} .press5adatei-bg-fff{background:#fff;color:#666} .press5adatei-bg-fcfcfc{background:#eee;color:#333} .press5adate-fff {color:#fff;} .press5adate-fff:before {background:#fff;} .press5ah3 {font-size:var(--fs30);line-height:1.4;font-weight:var(--b600);color:#fff;margin-top:10px;} .press5ah4 {font-size:var(--fs22);line-height:1.4;font-weight:var(--b600);color:#222;margin-top:10px;} .press5ams {color:#999;margin-top:15px;} .press5ams2 {margin-top:25px;} .press5ah4,.press5arightimgm,.press5arightlink:before {transition:all 0.3s ease;} .press5arightimgm {width:100%;vertical-align:top;height:100%;object-fit:cover;position:absolute;left:0;top:0;} .press5arightimg {overflow:hidden;border-radius:var(--border10);position:relative;} .press5arightimg {height:calc(var(--press5a-width-a) * 0.68);} .press5arightlink {display:flex;width:100%;justify-content:space-between;flex-wrap:wrap;position:relative} .press5arightlink:before{position:absolute;left:0;bottom:0;content:'';width:0;height:1px;background:var(--color);opacity:0;} .press5arightlink {align-items:center;} .press5arightlink {padding:40px 0;border-bottom:1px solid #c6c6c8;} .press5arightlink:nth-child(1) {padding-top:15px;} .press5arightimg {width:var(--press5a-width-a);} .press5arightlink:hover .press5ah4{color:var(--color)} .press5arightlink:hover .press5arightimgm{transform:scale(1.03);} .press5arightlink:hover:before{width:100%;opacity:1;} .press5arightwz {width:calc(100% - var(--press5a-width-a));padding-right:35px;} .press5aleft:hover .press5aimg1 {transform:scale(1.03);} .event2dy {margin-top:var(--ptb);padding:0 var(--plr120);} .event2dym {display:flex;align-items:flex-start;background:#fff;padding:4%;width:100%;} .event2dym {justify-content:space-between;flex-wrap:wrap;} .event2dya {width:40%;position:relative;padding-left:70px;} .event2dyaicon {position:absolute;color:var(--color);font-size:48px;} .event2dyaicon {left:0;top:0;display:block;line-height:1;} .event2dyb {width:48%;} .event2dyp1 {font-size:var(--fs30);font-weight:var(--b600);line-height:1.4;color:#222;} .event2dyp2 {margin-top:10px;color:#333;line-height:1.4;} .press5b {padding:0 var(--plr120);} .press5b1{margin-top:var(--ptb);} .press5bm {width:100%;display:flex;flex-wrap:wrap;margin-top: var(--mt35p);} .press5bimg {width:100%;overflow:hidden;} .press5bimgm {width:100%;vertical-align:top;} .press5blink {background:#fff;border-radius:var(--border10);overflow:hidden;} .press5blink {width:32%;margin-right:2%;margin-top:4%;} .press5blink:nth-child(3n) {margin-right:0;} .press5blink:nth-child(-n+3) {margin-top:0;} .press5bimgm,.press5blink {transition:all 0.3s ease;} .press5bwz {padding:var(--npd35);} .press5blink:hover .press5bimgm {transform:scale(1.03);} .press5blink:hover .press5ah4 {color:var(--color);} .press5blink:hover {box-shadow:0 15px 20px rgba(0,0,0,0.08);} .press5sxss {width:70%;max-width:300px;background:#fff;border-radius:99px;position:relative;} .press5sxssp1 {padding:10px 20px;line-height:20px;} .press5sxssp1 {background:none;border:none;outline:none;width:100%;padding-left:45px;} .press5sxssp2 {position:absolute;line-height:1;left:20px;font-size:18px;top:50%;transform:translateY(-50%);} .press5sx {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;z-index:3;} .press5sxdate {background:#fff;border:1px solid #eee;border-radius:999px;} .press5sxdate {} .press5sxdatemn {width:150px;display:flex;justify-content:space-between;padding:10px 25px;align-items:center;} .press5sxdatemn {line-height:20px;} .press5sxdatemn i {font-size:14px;} .press5sxdatemn span {color:#666;} .press6a {padding:0 var(--plr120);} .press6ax{position:relative;} .press6ah5 {font-size:var(--fs30);line-height:1.4;font-weight:var(--b600);color:#fff;} .press6ams {color:#fff;margin-top:10px;} .press6awz {position:absolute;z-index:3;width:100%;padding:35px;left:0;bottom:0;} .press6awz {width:80%;} .press6aslide {position:relative;} .press6aslide:before {position:absolute;width:100%;height:100%;z-index:1;left:0;top:0;content:'';} .press6aslide:before {background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0.24) 50%,rgba(0,0,0,0) 100%);} .press6aslide:before {opacity:0.5;} .press6aswiper {overflow:hidden;border-radius:var(--border10);position:relative;} .press6abtn {position:absolute;width:60px;background:#fff;height:60px;display:flex;align-items:center;justify-content:center;} .press6abtn {z-index:5;bottom:35px;border-radius:50%;cursor:pointer;} .press6abtn,.press6abtn i,.press6aimgs {transition:all 0.3s ease;} .press6abtn i {font-size:28px;} .press6abtn2 {right:35px;} .press6abtn1 {right:125px;} .press6abtn:hover {background:var(--color);} .press6abtn:hover i {color:#fff;} .press6aslide:hover .press6aimgs {transform:scale(1.03);} .press6aimgs{width:100%;} .press6b{padding: 0 var(--plr120);padding-top:calc(var(--ptb) / 1);} .press6bm{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;} .press6bleft{width: calc(95% - var(--new-sticky-width));} .press6bleftx{display: flex;flex-wrap: wrap;width: 100%;} /* 新闻内页 订阅弹窗 */ .dytc18bg {position:fixed;width:100%;height:100vh;z-index:990;background:rgba(0,0,0,0.5);left:0;top:0;} .dytc18zw {position:fixed;z-index:992;width:700px;border-radius:var(--border10);overflow:hidden;} .dytc18zw {left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;} .dytc18mp1 {font-size:20px;color:#222;line-height:1.2;} .dytc18mp2 {font-size:14px;line-height:1.4;color:#333;margin-top:20px;} .dytc18ma,.dytc18mb {width:50%;} .dytc18mb {padding:0 40px;} .dytc18ma img {width:100%;} .dytc18m {display:flex;align-items:center;position:relative;} .dytc18txt {background:none;border:none;outline:none;text-align:center;background:#f6f6f6;} .dytc18txt::-webkit-input-placeholder {color:#999;font-size:14px;} .dytc18txt::-moz-input-placeholder {color:#999;font-size:14px;} .dytc18txt,.dytc18btn {height:40px;line-height:40px;width:100%;border-radius:99px;font-size:14px;} .dytc18btn {background:var(--color);text-align:center;color:#fff;margin-top:10px;} .dytc18mp3 {margin-top:20px;} .dytcclose {position:absolute;z-index:3;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;} .dytcclose {right:0;top:0;} .dytcclose i {font-size:18px;} .dytc18bg,.dytc18zw {display:none;} /* 新闻内页 订阅弹窗 */ /* 新闻内页 */ /* 页码 */ .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(--color);border-color:transparent;font-weight:var(--b600)} .dnpage a:hover,.dnpage a.on {background:var(--color);color:#fff;} .dnpage a.prev:hover,.dnpage a.next:hover{background:none;color:var(--color);} /* 页码 */ /* 联系我们 */ .con6a {padding:var(--ptb) var(--plr120);} .con6am {position:relative;border-radius:var(--border15);overflow:hidden;} .con6am {padding:4%;} .con6ambg {position:absolute;left:0;top:0;width:100%;height:100%;} .con6ambg {object-fit:cover;} .con6awz {position:relative;z-index:3;} .con6awz {width:650px;border-radius:var(--border15);} .con6awz {background:rgba(255,255,255,0.8);backdrop-filter:blur(15px);padding:35px;} .con6ah5 {line-height:1;color:var(--color);font-weight:var(--b600);font-size:var(--fs30);} .con6alxxx {display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;} .con6alxxx {margin-top:30px;padding-top:10px;align-items:flex-end;} .con6alxxx li {max-width:50%;line-height:1.4;} .con6alxxx li {padding-top:20px;} .con6alxxx li:nth-child(1) {width:100%;max-width:100%;} .con6alxxx strong {font-weight:var(--b600);} .con6algz {padding-top:30px;margin-top:30px;} .con6algzp1 {font-weight:var(--b600);line-height:1.2;} .con6algzm {display:flex;margin-top:10px;} .con6algzmm {margin-right:5%;} .con6algzmm:last-child {margin-right:0;} .con6algzmmp2 {display:flex;margin-top:5px;} .con6algza {background:#2f66f5;color:#fff;margin-right:15px;} .con6algza i {font-size:20px;} .con6algza {display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:5px;} .con6algz,.con6alxxx {border-top:1px solid #c9d0db;} .con6b {padding:var(--ptb) var(--plr120);} .con6b {padding-top:0;} .con6b_tab {display:flex;justify-content:center;} .con6b_tabm {margin-top:calc(var(--ptb) / 1.5);} .con6b_tabnxm {display:flex;width:100%;flex-wrap:wrap;} .con6b_tabn {margin-top:calc(var(--ptb) / 3);} .con6b_tabli {width:32%;margin-right:2%;margin-top:3%;background:#f4f4f5;} .con6b_tabli:nth-child(3n) {margin-right:0;} .con6b_tabli:nth-child(-n+3) {margin-top:0;} .con6b_tabli {overflow:hidden;border-radius:var(--border15);padding:3.5% 2%;} .con6b_tabli {transition:all 0.5s ease;} .con6bh6 {font-weight:var(--b600);line-height:1;font-size:var(--fs30);} .con6blims {margin-top:25px;padding-top:25px;border-top:1px solid #dcdcde;} .con6blims {color:#333;line-height:1.4;min-height:250px;} .con6blims p {margin-bottom:20px;} .con6blims p:last-child {margin-bottom:0;} .con6bh5 {font-size:var(--fs40);line-height:1;color:#222;font-weight:var(--b600);} .con6b_tabli:hover {box-shadow:0 10px 25px rgba(0,0,0,0.08);} .con6boff {min-height:100vh;} .con6bss_jg_p1 {display:flex;justify-content:center;} .con6bss_jg_p1a {cursor:pointer;} .con6bss_jg_p1a:hover {background:var(--color);color:#fff;} .con6bss_jg,.con6bss_jgm {margin-top:var(--mt55p);} .con6bss_jgm {display:flex;flex-wrap:wrap;width:100%;} .con6bss_jgmn {width:32%;margin-right:2%;margin-bottom:2%;background:#f7f7f7;padding:30px;} .con6bss_jgmn:nth-child(3n) {margin-right:0;} .pulinelaymsgp0 {font-size:var(--fs22);color:#222;line-height:1.4;font-weight:var(--b600);padding-bottom:10px;} .con6bgj {margin-top:var(--mt55p);} .con6bgjh6 {padding:22px 35px;cursor:pointer;display:flex;background:#f7f7f7;border-radius:var(--border5);color:#222;} .con6bgjh6 span {font-size:var(--fs20);font-weight:var(--b600);position:relative;width:100%;} .con6bgjh6 i {position:absolute;display:block;line-height:20px;transition:all 0.3s ease;} .con6bgjh6 i {right:0;top:50%;font-weight:normal;margin-top:-10px;} .con6bgjh6.on i {transform:rotateZ(180deg);color:var(--color)} .con6bgjm {margin-top:var(--mt15p);} .con6bgjm:nth-child(1) {margin-top:0;} .con6bgjms {padding:25px 35px;display:none;} .con6bgjmsm {display:flex;flex-wrap:wrap;width:100%;} .con6bgjmsm li {width:20%;display:flex;padding:5px 0;} .con6bgjmsm li a {padding:10px 0;} .pulinelaymsg {width:500px;border-radius:25px;background:#fff;margin:0 auto;position:relative;} .pulinelaymsg {padding:50px;} .pulinelaymsg {box-shadow:0 0 35px rgba(0,0,0,0.08);} .pulinelaymsgp1 {color:#222;font-size:var(--fs30);font-weight:var(--b600);} .pulinelaymsgp2m {position:relative;padding-left:35px;color:#666;line-height:1.4;} .pulinelaymsgp2i1,.pulinelaymsgp2i2,.pulinelaymsgp2i3 {display:block;line-height:1;position:absolute;left:0;top:0;} .pulinelaymsgp2i1 {font-size:26px;} .pulinelaymsgp2i2 {font-size:24px;top:1px;} .pulinelaymsgp2i3 {font-size:24px;top:1px;} .pulinelaymsgp2mms strong,.pulinelaymsgp2mms b {padding-bottom:5px;font-weight:var(--b600);display:block;color:#333;} .pulinelaymsgp2m {padding-bottom:25px;margin-top:25px;border-bottom:1px solid #eee;} .pulinelaymsgp1,.pulinelaymsgp2m{text-align: left;} /* 联系我们 */ /* suppot down */ .down26a {display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;} .down26al {width:var(--down-width-left);position:sticky;top:120px;} .down26ar {width:calc(92% - var(--down-width-left));} .down26aicon {display:none;width:16px;height:16px;position:absolute;right:0;line-height:16px;} .down26aicon{transition: all 0.3s ease;} .haschilds.on>i{transform: rotateZ(180deg);color:var(--color);} /* 加号图标 */ /* .down26aicon:before,.down26aicon:after {position:absolute;content:'';background:#000;transition:all .4s;} .down26aicon:before {height:2px;} .down26aicon:before {left:0;top:50%;transform:translateY(-50%);width:100%;height:1px;} .down26aicon:after {width:2px;} .down26aicon:after {left:50%;top:0;transform:translateX(-50%);width:1px;height:100%;} .haschilds.on>i:after {transform:translateX(-50%) rotate(90deg);} .haschilds.on>i:after,.haschilds.on>i:before {background:var(--color);} */ /* 加号图标 */ .down26ah5 {font-weight:var(--b600);line-height:1;font-size:var(--fs24);color:#222;} .down26ah5 span {transition:all 0.5s ease;} .down26ah5 {cursor:pointer;border-top:1px solid #ddd;padding:20px 0;} .down26a_one:nth-child(1) .down26ah5{border:none;} .down26ah6 {line-height:1.2;font-weight:var(--b600);font-size:18px;color:#222;} .down26ah6 {padding:12px 0;padding-bottom:5px;} .haschilds {position:relative;} .haschilds>.down26aicon {display:block;} .haschilds>a {padding-right:20px;} .dt2 {border-bottom:1px solid #ddd;} .dt2 a {padding-top:20px;padding-bottom:20px;} .dt3 a {padding-top:12px;padding-bottom:12px;} .dt2>i {top:23px;} .dt3>i {top:13px;} .down26ah6 i {top:13px;} .down26a_two {display:none;border-top:1px solid #ddd;padding:10px 0;} .dl3 {display:none;padding:5px 10px;} .dl3 a {padding:8px 0;color:#555;} .down26a_twom {padding-bottom:15px;} .down26a_twom dl dt a {font-size:16px;display:block;line-height:1.2;transition:all 0.5s ease;} .down26a_twom dl dl dt a {font-size:14px;display:block;line-height:1.2;} .down26a_twom dl dl dl dd a {font-size:14px;display:block;line-height:1.2;} .dd2 {background:#fff;border-radius:5px;padding:10px 25px;display:none;} .haschilds.on>span,.haschilds.on>a {color:var(--color);} .dt2.on {border-color:transparent;} .down26a_twom:last-child {padding-bottom:0;} .down26a_twom:last-child>dl:last-child .dt2 {border-color:transparent;} .everhow .dd2 {display:block;padding:15px 25px;} .everhow .dd2 a {display:block;width:100%;font-size:16px;padding:5px 0;} .everhow.down26a_two {border:none;padding-top:0;} .down26a_legacy {display:none;padding-top:15px;} .down26a_legacy .dd2 a{font-size:14px;} .downmeaus{max-height:calc(100vh - 150px);overflow: hidden;padding-right: 15px;} .downmeaus .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:2px;background:var(--color) !important;} /* 加滚动条 */.meauscroll {max-height:calc(100vh - 150px);} .meauscroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:2px;background:var(--color) !important;} /* 加滚动条 */ .down26ara {} .down26aram {width:100%;justify-content:space-between;padding-left:20px;padding-right:20px;} .down26arb {background:#fff;border-radius:var(--border15);} .down26arb {padding:20px 50px;} .down26link {display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;} .down26link {line-height:1.4;border-bottom:1px solid #eee;padding:25px 0;width:100%;} .down26p1 {font-size:var(--fs18);} .down26p1 {color:#333;width:calc(95% - 130px);transition:all 0.5s ease;position:relative;} .down26p2 {display:flex;align-items:center;width:130px;justify-content: space-between;} .down26date {color:#999;font-size:14px;} .down26icon {margin-left:0;color:#999;font-size:18px;} .down26icon {transition:all 0.5s ease;} .down26link:hover .down26icon {color:var(--color);} .down26link:hover .down26p1 {transform:translateX(10px);color:#222;} .down26link:last-child {border:none;} .down26arb {margin-top:var(--mt35p);} /* suppot down */ /* 产品列表 */ .pro113{background-color: var(--bg-f7f8fa);padding-top: calc(var(--navheightsmall) + var(--navli-height-scroll));} .pro113a {padding:var(--ptb) 0;} .pro113ap1 {font-size:var(--fs18);} .dpro9ass {width:100%;max-width:590px;background:#fff;margin:0 auto;margin-top:var(--mt30p);border-radius:99px;position:relative;} .dpro9assp1 {padding:10px 20px;line-height:30px;} .dpro9assp1 {background:none;border:none;outline:none;width:100%;padding-left:45px;} .dpro9assp2 {position:absolute;line-height:1;left:20px;font-size:18px;top:50%;transform:translateY(-50%);} .jlprobimg {position:relative;padding:40px 0;overflow:hidden;text-align:center;} .jlprobimg img {max-width:80%;margin:0 auto;} .jlprobimg:before {position:absolute;width:100%;left:0;top:0;content:'';height:100%;} .jlprobimg:before {background:url(../img/probgqq.png) center no-repeat;background-size:100% auto;} .jlprobimg:before {opacity:0;transition:all 0.3s ease;} .jlprobimg img {width:100%;transition:all 0.3s ease;} .jlprobp1 {font-size:var(--fs18);font-weight:var(--b600);line-height:1.4;text-align:center;} .jlprobp1{display:flex;min-height:56px;width: 100%;justify-content: center;flex-wrap:wrap;} .jlprobp1{align-items: center;} .jlprobp1 span{width:100%;} .jlprobp2 {color:#999;margin-top:var(--mt10p);text-align:center;font-size:14px;-webkit-line-clamp: none;} .jlprobp3 {display:flex;justify-content:center;gap:20px;} .jlprobslide {width:calc((100% - var(--plr120) - 60px) / 4);background:#f1f2f2;overflow:hidden;} .jlprobslide {border-radius:var(--border15);padding:40px 0;padding-bottom:10px;background:#fff;} .jlprobslide {border:1px solid #fff;padding-top:66px;} .jlprobswiper {overflow:hidden;margin-left:var(--plr120);} .jlprobimg,.jlprobwz {width:100%;} .jlprobwz {padding:0 15px;} .jlprobp3 {margin-top:60px;line-height:1;margin:0;} .jlprobp3 {position:absolute;width:100%;bottom:30px;left:0;opacity:0;} .jlprobswiper {margin-top:55px;} .jlprom {display:flex;align-items:flex-end;justify-content:space-between;} .jlpromr {display:flex;gap:20px;} .jlprobbtn {width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;background:#f5f5f8;} .jlprobbtn {color:#000;} .jlprobbtn {cursor:pointer;transition:all 0.3s ease;} .jlprobp3 .more10 {width:135px;padding:0;justify-content:center;min-width:inherit;} .jlprobp3,.jlprobp4,.jlprobp1,.jlprobslide {transition:all 0.3s ease;} .jlprobbtn:hover {background:var(--color);color:#fff;} .jlprobslide:hover .jlprobp2 {opacity:1;color:#666;} .jlprobslide:hover .jlprobp3 {opacity:1;bottom:45px;} .jlprobslide:hover img {transform:scale(1.1);} .jlprobslide:hover {background:linear-gradient(0deg,rgba(245,186,88,1) 0%,rgba(241,142,63,1) 100%);} .jlprobslide:hover {background:#fff;border-color:var(--color);} .jlprobslide:hover .jlprobp1 {color:var(--color);} .jlprobslide:hover .more10:nth-child(1):hover {background-color:#fff;color:var(--color)} .jlprobslide:hover .more10:nth-child(2):hover {background-color:#fff;color:#000;border-color:#fff;} .jlprobslide:hover .jlprobimg:before {opacity:1;} .jlprobslide:hover .more10 {border-color:var(--color);background:var(--color);color:#fff;} .pro816bm {display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;} .pro816bma {width:320px;position:sticky;top:120px} .pro816bmb {width:calc(96% - 320px);} .pro816bmb {width:calc(96% - var(--pro-left-width));padding-top:25px;} .pro816bmama {display:block;position:relative;width:100%;line-height:1.4;} .pro816bmama {font-size:22px;font-weight:var(--b600);color:var(--color);} .pro816bmama i {width:35px;height:35px;display:block;} .pro816bmama i {position:absolute;left:0;top:-5px;} .pro816bmama i img {position:absolute;max-width:80%;max-height:80%;inset:0;margin:auto;margin-left:0;} .pro816bmamdl,.pro816bmama {padding-left:52px;} .pro816bmamdl a {display:block;line-height:20px;padding:20px 0;width:100%;color:#222;} .pro816bmamdl {padding-bottom:40px;padding-top:10px;} .pro816bmamdd {position:relative;border-bottom:1px solid #dcdcde;} .pro816bmaicon {display:block;position:absolute;width:60px;height:60px;right:0;top:0;cursor:pointer;} .pro816bmaicon i {color:#666;display:block;line-height:1;position:absolute;right:0;top:50%;transform:translateY(-50%);} .pro816bmaicon i {margin-top:1px;} .pro816bmaicon em {display:none;width:12px;height:12px;position:absolute;right:3px;top:50%;transform:translateY(-50%);} .pro816bmaicon em:before,.pro816bmaicon em:after {position:absolute;content:'';background:#666;transition:all .4s;} .pro816bmaicon em:before {height:2px;} .pro816bmaicon em:before {left:0;top:50%;transform:translateY(-50%);width:100%;height:1px;} .pro816bmaicon em:after {width:2px;} .pro816bmaicon em:after {left:50%;top:0;transform:translateX(-50%);width:1px;height:100%;} .pro816bmamdd.haschild>.pro816bmaicon em {display:block;} .pro816bmamdd.haschild>.pro816bmaicon i {display:none;} .pro816bmamdd.haschild>a {display:inline-block;width:auto;} .pro816bsub {background:#fff;border-radius:var(--border5);} .pro816bsub {padding:15px 25px;margin-top:10px;display:none;} .pro816bsub a {display:block;padding:10px 0;font-size:14px;} .pro816bmamdd a,.pro816bmamdd i {transition:all 0.4s ease;} .pro816bmamdd:hover>a,.pro816bmamdd:hover>.pro816bmaicon i,.pro816bsub a:hover {color:var(--color);} .pro816bmaicon.on em:after {transform:translateX(-50%) rotate(90deg);} .pro816bmbnx {display:flex;width:100%;flex-wrap:wrap;} .pro816bmbnx .jlprobslide {width:32.66%;margin-right:1%;margin-bottom:2%;position:relative;} .pro816bmbnx .jlprobslide:nth-child(3n) {margin-right:0;} .pro816bmbqp1 {font-size:30px;font-weight:var(--b600);} .pro816bmbqp2 {margin-top:25px;font-size:18px;} .pro816bmbqp3 {margin-top:70px;font-size:24px;} .pro816bmbq {padding-bottom:15px;} .pro816b {padding-bottom:var(--ptb);} .jlprobp4 {display:flex;justify-content:center;margin-top:15px;} .pro18a {padding:var(--ptb) 0;} .pro18a {padding-bottom:calc(var(--ptb) * 0.7);} .pro18am {display:flex;justify-content:space-between;align-items:center;} .pro18am {flex-wrap:wrap;} .pro18ab {position:relative;width:260px;} .pro18abtxt {background:none;border:none;border:1px solid #dedfe1;border-radius:99px;width:100%;} .pro18abtxt {height:48px;line-height:26px;padding:10px 20px;outline:none;} .pro18abicon {position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:3;} .pro18abicon {display:block;line-height:1;} .pro18ba {width:var(--pro-left-width);} .pro18a1 {line-height:20px;padding:25px 0;} .pro18ajt {display:flex;height:70px;width:50px;right:0;top:0;align-items:center;justify-content:flex-end;} .pro18ajt {right:0;top:0;position:absolute;z-index:3;} .pro18ajt i {font-size:14px;display:block;line-height:1;} .pro18ajt.on i {transform:rotateZ(90deg);} .pro18ali {display:flex;position:relative;cursor:pointer;} .pro18ali.on .pro18a1 {color:var(--color);} .pro18ali.on .pro18ajt i {color:var(--color);} .pro18a1 {padding-right:50px;font-weight:var(--b600);font-size:16px;z-index:5;width:100%;} .haschilds18 .pro18ajt {z-index:6;} .haschilds18 .pro18a1 {width:auto;} .pro18a1,.pro18ajt,.pro18ajt i {transition:all 0.5s ease;} .pro18a2 {font-size:14px;color:#666;line-height:20px;display:block;padding:10px 0;transition:all 0.5s ease;position: relative;} dd.on .pro18a2{color:var(--color)} .pro18bsubm {border-top:1px solid #dedfe1;} .pro18bsubm:first-child {border:none;} .pro18adl {display:none;padding-top:20px;border-top:1px solid #dedfe1;padding-bottom:20px;} .pro_area{right:20px;top:20px;transition: all 0.3s ease;} .pro_area{position:absolute;z-index:3;background:#f7f8fa;border-radius:99px;display:flex;line-height:1;padding:10px 20px;font-size:14px;} .pro_area{color:#888;align-items: center;} .pro_area span{padding-left:5px;} .pro_new{position:absolute;z-index:3;display:flex;line-height:1;font-size:14px;color:var(--color);} .pro_new{font-weight:var(--b600);left:20px;top:35px;} .jlprobslide:hover .pro_area{background:var(--color);color:#fff;} /* 产品列表 */ /* 下载 */ .wap_xl_down{display:none;} .down26{background-color: var(--bg-f7f8fa);padding-top: calc(var(--navheightsmall) + var(--navli-height-scroll));} .down26 {padding:var(--ptb) var(--plr120);padding-bottom:0;} /* jishu3 */ .jishu3 {background:#fff;padding-top:var(--ptb);padding-bottom:var(--ptb);} .jishu3-bg-f7f8fa{background: var(--bg-f7f8fa);} .jishu3m {display:flex;justify-content:space-between;flex-wrap:wrap;} .jishu3p1 {color:#fff;font-size:var(--fs24);line-height:1.4;font-weight:var(--b600);} .jishu3p2 {line-height:1.4;color:#fff;} .jishu3p2 {margin-top:5px;} .jishu3p3 {height:0;display:flex;margin-top:15px;transition:all 0.3s ease;overflow:hidden;} .jishu3link {width:calc(33.33% - 10px);position:relative;margin-right:15px;border-radius:var(--border15);} .jishu3link {padding-bottom:35%;overflow:hidden;} .jishu3link:nth-child(3n) {margin-right:0;} .jishu3img {overflow:hidden;position:absolute;width:100%;height:100%;left:0;top:0;} .jishu3img img {width:100%;vertical-align:top;transition:all 0.6s ease;height:100%;object-fit:cover;} .jishu3wz {position:absolute;width:100%;padding:30px;z-index:5;left:0;bottom:0;transform:translateY(15px);transition:all 0.3s ease;} .jishu3link:hover .jishu3img img {transform:scale(1.02);} .jishu3link:hover .jishu3wz {transform:translateY(0);} .jishu3link:hover .jishu3p3 {height:24px;} .jishu3link .more26:hover {color:var(--color);} .jishu3m {margin-top:var(--mt40p)} .down12a {background:#efeff1;border-radius:var(--border10);padding:10px 20px;padding-right:0;flex-wrap:wrap;} .down12a {display:flex;align-items:flex-start;} .down12an {width:calc(100% - 130px);} .down12am {font-weight:var(--b600);width:130px;} .down12am,.down12anx a {line-height:40px;display:flex;align-items:center;} .down12anx a {padding:0 30px;border-radius:99px;margin-bottom:10px;} .down12anx a.on {background:#fff;} .down12anx {display:flex;flex-wrap:wrap;transition:all 0.3s ease;} .down12an {position:relative;padding-right:60px;} .down12anzk {position:absolute;right:20px;top:0;} .down12anzk {line-height:40px;display:block;width:40px;cursor:pointer;text-align:center;transition:all 0.3s ease;} .down12anzk {color:var(--color)} .down12anzk {transition:all 0.3s ease;} .down12anzk.act {transform:rotateZ(180deg);} .down12anx {height:40px;overflow:hidden;} .down12anx.open {height:auto;} .down12b {display:flex;justify-content:space-between;margin-top:20px;flex-wrap:wrap;} .down12bm {position:relative;width:calc(50% - 10px);background:#efeff1;border-radius:var(--border10);} .down12bm {height:60px;padding:0 20px;display:flex;align-items:center;} .down12bmlabel {font-weight:var(--b600);} .down12bm i {position:absolute;display:block;line-height:1;right:25px;} .down12bm {cursor:pointer;} .down12bmtxt {padding-left:5%;} .tc_down_bg,.tc_down_m {position:fixed;z-index:66;} .tc_down_bg {background:rgba(0,0,0,0.5);left:0;top:0;width:100%;height:100%;} .tc_down_m {width:80%;max-width:1025px;left:50%;top:50%;transform:translate(-50%,-50%);} .tc_down_m {border-radius:var(--border15);background:#fff;padding:25px;} .tc_down_h2 {font-weight:var(--b600);font-size:var(--fs22);line-height:1;padding-bottom:25px;border-bottom:1px solid #ddd;} .tc_down_l_m {display:flex;flex-wrap:wrap;} .tc_down_l_mn {width:24%;border:1px solid #ddd;transition:all 0.3s ease;border-radius:5px;padding:0 15px;} .tc_down_l_mn {margin-right:1.33%;margin-top:1.33%;line-height:1.2;} .tc_down_l_mn:nth-child(4n) {margin-right:0;} .tc_down_l_mn {display:flex;height:40px;align-items:center;color:#444;font-size:14px;cursor:pointer;} .tc_down_l_mn:hover {color:var(--color);} .tc_down_l_mn.act {color:var(--color);border-color:var(--color);} .tc_down_l_m {margin-top:15px;} .tc_down_m {min-height:400px;} .tc_down_close {color:#666;display:flex;cursor:pointer;right:10px;top:10px;width:45px;height:45px;} .tc_down_close {justify-content:center;align-items:center;font-size:24px;position:absolute;} .tc_down_m,.tc_down_bg {display:none;} .tc_down_c_mn {display:flex;display:flex;flex-wrap:wrap;} .tc_down_c_mx {margin-bottom:35px;} .tc_down_h4 {font-weight:var(--b600);line-height:1;padding-bottom:5px;} .tc_down_c_m {max-height:440px;overflow-y:auto;margin-top:35px;padding-right:10px;} .tc_down_c_m::-webkit-scrollbar {width:3px;} .tc_down_c_m::-webkit-scrollbar-track {background:none;} .tc_down_c_m::-webkit-scrollbar-thumb {background:var(--color);border-radius:3px;} .tc_down_l_m::-webkit-scrollbar {width:3px;} .tc_down_l_m::-webkit-scrollbar-track {background:none;} .tc_down_l_m::-webkit-scrollbar-thumb {background:var(--color);border-radius:3px;} /* jishu3 */ /* 联系我们 */ .con6c {padding:var(--ptb) var(--plr120);padding-top:0;} .con6cmsg{margin-top:var(--mt45p)} .con6cmsgm {display:flex;width:100%;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;} .con6cmsgmn {display:flex;background:#f7f7f7;width:calc(50% - 10px);position:relative;} .con6cmsgmn {height:60px;align-items:center;border:1px solid #f7f7f7;transition:all 0.5s ease;} .con6cmsgmn-100{width:100%;} .con6cmsgmntext {height:140px;align-items: flex-start;padding:15px 0} .con6cmsgtxt {background:none;border:none;outline:none;text-align:right;color:#222;} .con6cmsgspan {padding-left:25px;} .con6cmsgspan i {color:#ff0000;padding-left:5px;} .con6cmsginput::-webkit-input-placeholder {color:#888;font-size:16px;} .con6cmsginput::-moz-input-placeholder {color:#888;font-size:16px;} .con6cmsgmn1:focus-within {border-color:var(--color);} .con6cmsgslect {display:flex;align-items:center;justify-content:flex-end;} .con6cmsgslectcheck i {padding-left:12px;} .con6cmsgslectcheck {color:#888;cursor:default;display:flex;width:100%;height:100%;justify-content:flex-end;align-items:center;} .con6cmsgslect,.con6cmsgtxt,.con6cmsgtext{flex-grow:1;height:100%;padding:0 25px;} .con6cmsgtext{background:none;border:none;outline:none;line-height:28px;color:#222;resize: none;} .con6cmsgqt{display:flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;padding-top:var(--mt25p)} .con6cmsgqtam{margin-top:0;} .con6cmsgqtam:last-child{margin-top:10px;} .con6cmsgbtn{background: none;border: none;background: var(--color);color:#fff;} .con6cmsgbtn{width: 160px;height: var(--more-height);display: flex;align-items: center;justify-content: center;} .con6cmsgbtn{font-size: var(--fs18);border-radius: 99px;} .con6cmsg .mCSB_outside+.mCSB_scrollTools {right:0;} .con6cmsg .mCSB_scrollTools {top:15px;bottom:15px;} .con6cmsg .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:2px;background:var(--color);} .ys-select.zindex {z-index:10;} .ys-select {position:relative;} .ys-select-bd {display:none;position:absolute;left:0;top:100%;z-index:10;width:100%;background:#fff;overflow:hidden;border-radius:10px;max-height:250px;box-shadow:5px 5px 10px rgba(0,0,0,0.1);} .ys-fiiss-input {border:10px solid #f2f2f7;width:100%;display:block;display:flex;align-items:center;} .ys-fiiss-input input {width:100%;background:none;border:none;outline:none;border-radius:4px;padding:4px 10px;width:calc(100% - 30px);flex-grow:1;font-size:16px;line-height:25px;color:#666;} .ys-fiiss-input-close {width:20px;margin-right:10px;cursor:pointer;opacity:0;transition:all .4s ease;} .ys-fiiss-input-close i {font-size:12px;} .ys-fiiss-core {max-height:300px;padding:10px 0} .ys-select-li {line-height:35px;padding:0 25px;font-size:14px;color:#666;} .ys-fiiss-input.act .ys-fiiss-input-close {opacity:1;} .ys-fii-input.ons i,.ys-fii-input.ons .ys-select-show {color:#222;} .con6bss {width:100%;max-width:590px;background:#f7f7f7;margin:0 auto;margin-top:var(--mt30p);border-radius:99px;position:relative;} .con6bssp1 {padding:10px 20px;line-height:30px;} .con6bssp1 {background:none;border:none;outline:none;width:100%;padding-left:45px;} .con6bssp2 {position:absolute;line-height:1;left:20px;font-size:18px;top:50%;transform:translateY(-50%);} /* 联系我们 */ /* 弹窗 */ .has-lay {overflow:hidden;} .pulinelaybg {background:rgba(0,0,0,0.7);z-index:9990;} .pulinelaybg{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);} .pulinelaybg {position:fixed;left:0;top:0;width:100%;height:100vh;} .pulinelay {overflow:auto;padding:54px 0;-webkit-overflow-scrolling:touch;} .pulinelay {position:fixed;z-index:-1;left:0;right:0;top:0;bottom:0;} .pulinelay {display:none;z-index:9999;} .pulinelay-table {display:table;width:100%;height:100%;} .pulinelay-cell {display:table-cell;vertical-align:middle;text-align: center;} /* .pulinelay-wrapper {margin-left:auto;margin-right:auto;width:90%;max-width:1400px;z-index:9998;} */ .pulinelay-wrapper{display: inline-block;position: relative;width: inherit;margin-left:auto;margin-right:auto;z-index:9998;} .pulinelay-h3 {line-height:1.3;margin-right:40px;font-size:30px;color:var(--color);} .pulinelay-h3 {border-bottom:1px solid var(--color);border-right:1px solid var(--color);} .pulinelay-h3 {border-bottom-right-radius:60px;padding:40px 0;} .pulinelay-h3 span {display:inline-block;padding-right:40px;font-weight:bold;} .pulinelay-wrapper iframe {width:100%;height:1070px;} .pulinelay-close {border:1px solid #ddd;} .pulinelay-close {width:38px;height:38px;border-radius:50%;line-height:36px;text-align:center;font-size:16px;color:#fff;background:var(--color);} .pulinelay-close {background-size:20px auto;} .pulinelay-close {position:absolute;right:80px;top:50%;transform:translateY(-50%);} .pulinelay-wrapper {position:relative;} .pulinelay-wz {padding-top:50px;font-size:16px;color:#333;} .pulinelaywzm {padding-bottom:50px;} .pulinelaywzm li {position:relative;padding-left:10px;} .pulinelaywzm li:before {position:absolute;left:0;content:'';width:4px;height:4px;border-radius:50%;background:var(--color);top:10px;} .pulinelaywzm p {margin-top:5px;line-height:1.6} .pulinelaywzm h3 {color:var(--color);font-size:18px;} .pulinelaywzm h2 {color:var(--color);font-size:22px;} .pulinelaywzm em {font-style:italic;} .pulinelaywzm p:nth-child(1) {margin-top:0;} .pulinelay-h4 {font-size:26px;} .pulinelaywzma {margin-top:20px;} .pulinelaywzm img {max-width:70%;} .pulinelaywzm p {margin-top:7px;} .pulinelaywzm p:nth-child(1) {margin-top:0;} .pulinelay-h3,.pulinelay-h4 {color:var(--color);} .pulinelay-h3,.pulinelay-wz {padding-left:80px;padding-right:80px;position:relative;} .pulinelay-h3 sup,.pulinelay-wz sup {position:relative;top:-2px;font-size:12px;} .pulinelayswiper {padding:60px;} .pulinelaytxt {padding:60px 100px;} .pulinelayswiper,.pulinelaytxt {background:#fff;border-radius:var(--border5);box-shadow:0 15px 30px rgba(0,0,0,0.06);} .pulinelayvideo,.pulinelayswiper,.pulinelaytxt {position:relative;} .pulinelayvideo {max-width:90%;margin:0 auto;} .pulinelayvideo video {width:100%;} .pulinelayclose {background:var(--color);z-index:3;} .pulinelayclose {width:40px;height:40px;color:#fff;display:flex;align-items:center;justify-content:center;} .pulinelayclose {position:absolute;right:0;top:0;z-index:6;border-top-right-radius:var(--border5);cursor:pointer;} .pulinelayclose1 {right:-40px;border-bottom-right-radius:var(--border5);} .pulinelayclose2,.pulinelayclose{background:none;color:#fff;right:10px;top:10px;} .pulinelayclose-000{color:#333;} .pulinelayswiperm img{width:100%;} .pulinelayswiperm{overflow: hidden;} .pulinelayswiperx{display: flex;flex-wrap: wrap;width: 100%;} .pulinelayswiperl{width: 58%;} .pulinelayswiperr{width: 42%;padding-left: 5%;padding-top: 5%;} .pulayswipp1{line-height: 1.4;font-weight: var(--b600);color: #222;font-size: var(--fs24);} .pulayswipp2{margin-top: var(--mt15p);} .pulinelayswiperpage span{width: 30px;height: 4px;border-radius: 4px;margin-left: 0 !important;} .pulinelayswiperpage span.swiper-pagination-bullet-active{background: var(--color);} .pulinelaywz{width:800px;background:#fff;position:relative;border-radius: 15px;margin: 0 auto;padding:50px;} @media only screen and (max-width:768px) { .pulinelay-close i {font-size: 14px;} .pulinelay-close {width: 30px; height: 30px;line-height: 28px;} .pulinelay-close { right: 20px;} .pulinelay-wrapper { width: 100%;max-width: 100vw;} .pulinelayvideo{max-width:100%;} .pulinelayclose{right:0;border-radius:0;} .pulinelayswiper{padding:0} .pulinelayswiperr{padding:var(--npd);} .pulinelayswiperl{position:relative;} .pulinelayswiperpage{position:absolute;left:0;bottom:0;z-index:2;display: flex;justify-content: center;} .pulinelayswiperpage span{background:#fff;} .pulinelayswiperl,.pulinelayswiperr{width:100%;} } /* 弹窗 */ /* 产品详细 */ .xfnav {position:fixed;width:100%;left:0;top:112px;z-index:33;background-color:#000;padding:10px 0;} .xfnavm {display:flex;justify-content:flex-end;align-items:center;} .xfnavb {display:flex;align-items:center;} .xfnav .more10 {} .xfnavba a {color:#fff;} .xfnavba {gap:30px;display:flex;padding-right:70px;} .xfnava {color:#fff;display:none;} .xfnav {top:calc(var(--navheightsmall) + var(--navli-height-scroll))} body.scroll.on .xfnav{top:calc(0px + var(--navli-height-scroll))} .pro8ban {margin-top:calc(var(--more-height) * 0.8 + 20px + var(--navheightsmall) + var(--navli-height-scroll))} .pro8ban {position:relative;} .pro8banimg {width:100%;} .pro8banp1 {display:flex;align-items:center;} .pro8banp1 span {font-size:var(--fs24);line-height:1;color:#fff;} .pro8banp1 img {height:var(--fs24);} .pro8proicon {position:relative;padding-right:21px;margin-right:20px;} .pro8proicon:before {position:absolute;content:'';right:0;top:22%;} .pro8proicon:before {background:#fff;width:1px;height:60%;} .pro8banp2 {font-size:var(--fs40);font-weight:var(--b600);line-height:1.4;color:#fff;} .pro8banp2 {margin-top:var(--mt25p);} .pro8banp2{max-width:70%} .pro8banp3 {color:#fff;line-height:1.6;margin-top:var(--mt30p);font-size:var(--fs20);} .pro8banwz {padding:0 var(--plr120);width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .dw_jsm{position: absolute;left: 0;top:calc(-1 * (var(--more-height) * 0.8 + 20px + var(--navli-height-scroll)))} .pro8a{padding:var(--ptb) var(--plr120);} .pro8a-npb{padding-bottom:0;} .pro8ams{margin: 0 auto;max-width: 1200px;} .pro8ams{margin-top: var(--mt30p);} .pro8ams p{margin-top:25px;} .pro8ams p:nth-child{margin-top:0;} .pro8axz{margin-top:var(--mt55p);text-align: center;} .pro8axzimg{max-width:130px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);border:5px solid #fff;border-radius:5px;} .pro8axzms{font-size:14px;color:#333;margin-top:10px;} .pro8axzmsp2{display:flex;justify-content: center;margin-top:10px;} .pro8b {padding:var(--ptb) var(--plr120);position:relative;} .pro8bbg {position:absolute;width:100%;height:100%;left:0;top:0;background-position:center;background-repeat:no-repeat;background-size:cover;} .pro8bx {position:relative;z-index:3;} .pro8bmleft {overflow:hidden;width:45%;position:relative;} .pro8bmleft:before {position:absolute;width:1px;height:70%;top:15%;content:'';background:rgba(255,255,255,0.2);right:0;} .pro8bmimg {max-width:580px;cursor: pointer;width:88%} .pro8bmright {width:45%;margin-left:10%} .pro8bm {display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap;} .pro8bmra {display:flex;width:100%;flex-wrap:wrap;min-height:300px;} /* .pro8bmram {flex-grow:1;margin-right:3%;} */ .pro8bmram{width:48.5%;margin-right:3%;} .pro8bmram:nth-child(2n) {margin-right:0;} .pro8bmram{width:100%;margin-right:0;} .pro8bmrah4 {line-height:1.4;color:#fff;font-size:var(--fs20);font-weight:var(--b600);} .pro8bmrms {color:#fff;} .pro8bmrms h6,.pro8bmrms b {font-weight:var(--b600);line-height:1.4;color:#fff;} .pro8bmrms {margin-top:var(--mt25p);} .pro8bmrms p {color:rgba(255,255,255,0.8);position:relative;padding-left:12px;} .pro8bmrms p {margin-top:3px;font-size:14px;} .pro8bmrms p:before {position:absolute;left:0;width:3px;height:3px;border-radius:50%;content:'';} .pro8bmrms p:before {background:rgba(255,255,255,0.8);top:11px;} .pro8bm {margin-top:calc(var(--ptb) * 0.6);} .pro8bmslide {text-align:center;opacity: 0 !important;visibility: hidden;} .swiper-slide-active.pro8bmslide {opacity: 1 !important;visibility: visible;z-index:2;} .pro8bpage {display:flex;justify-content:center;align-items:center;} .pro8bpagem.pro8bswiperpage {display:flex;width:auto;bottom:0;} .pro8bpagem.pro8bswiperpage span {background:none;border:2px solid #fff;opacity:1;} .pro8bpagem.pro8bswiperpage span.swiper-pagination-bullet-active {border-color:var(--color);} .pro8bfdj {color:#fff;line-height:1;margin-left:20px;} .pro8bmrmore {display:flex;margin-top:var(--mt35p);} .xzbzpro{font-size:12px;color:#fff;opacity:0.6;margin-top:var(--mt25p);display:flex;justify-content: flex-end;} .xzbzprom{width:45%} .pro8d {padding:var(--ptb) var(--plr120);} .pro8dmsub {display:flex;justify-content:center;margin-top:var(--mt35p);} .pro8dmsubm a {padding:5px 22px;border-radius:99px;} .pro8dmsubm a {transition:all 0.3s ease;} .pro8dmsubm {display:flex;border-radius:99px;background:#f4f4f5;padding:8px;} .pro8dmsubm a:hover {color:var(--color)} .pro8dmsubm .on {background-color:#fff;} .pro8dmsubm .on:hover {color:#222;} .pro8dmsubm {background:#f4f4f5;} .pro8dtabm {display:none;} .pro8dtab {margin-top:var(--mt55p);} .pro8dtabmn {display:flex;width:100%;flex-wrap:wrap;line-height:1.4;} .pro8dtabmn p {width:47%;margin:0 1.5%;border-bottom:1px solid #ddd;padding:25px 0;} .pro8dtabmn p{position: relative;} .pro8dtabmn p:before{content:'';position: absolute;left:0;bottom:0;width:0;height:1px;background:var(--color);} .pro8dtabmn p:before{transition: all 0.5s ease;} .pro8dtabmn p:hover:before{width:100%;} .pro8dtabmn strong,.pro8dtabmn b{font-weight:var(--b600);display:inline-block;padding-bottom:5px;} .pro8e {padding:var(--ptb) var(--plr120);} .pro8e {background:#f5f5f7;} .pro8em {display:flex;justify-content:center;} .pro8em {margin-top:var(--mt45p);} .pro8evideo {max-width:1400px;border-radius:var(--border15);overflow:hidden;width:100%;position:relative;cursor:pointer;} .pro8evideom {width:100%;vertical-align:top;transition:all 0.3s ease;} .videoplay {position:absolute;z-index:3;right:50px;bottom:50px;color:#fff;display:block;line-height:1;} .videoplay {font-size:var(--fs60);} .pro8evideom,.pro8evideobtn {transition:all 0.3s ease;} .pro8evideo:hover .pro8evideom {transform:scale(1.03);} .pro8f {padding:var(--ptb) var(--plr120);padding-bottom:0;} .pro8fmsub {display:flex;justify-content:center;margin-top:var(--mt35p);} .pro8fmsubm a {padding:5px 30px;border-radius:99px;} .pro8fmsubm a {transition:all 0.3s ease;font-size:var(--fs18);} .pro8fmsubm {display:flex;border-radius:99px;background:#f4f4f5;padding:8px;} .pro8fmsubm a:hover {color:var(--color)} .pro8fmsubm .on {background-color:#fff;} .pro8fmsubm .on:hover {color:#222;} .pro8fmsubm {background:#f4f4f5;} .pro8ftabm {display:none;} .pro8ftab {margin-top:var(--mt55p);} .pro8ftabmn {display:flex;width:100%;flex-wrap:wrap;line-height:1.4;background:#f5f5f7;} .pro8ftabmn {border-radius:var(--border15);padding:30px 50px;} .pro8flink {position:relative;padding:25px 0;border-bottom:1px solid #ddd;display:flex;} .pro8flink {width:100%;transition:all 0.3s ease;} .pro8flink span {width:85%;} .pro8flink i {display:block;line-height:1;position:absolute;right:0;top:22px;} .pro8flink i {color:#666;font-size:22px;} .viewer-backdrop{background:rgba(0,0,0,0.7)} .pro8bmbigslide{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;} .pro8bmbigslide{opacity: 0 !important;visibility: hidden;} .pro8bmbigslide.swiper-slide-active{z-index: 3;opacity: 1 !important;visibility: visible;} .pro8bxxfl{display: flex;justify-content: center;flex-wrap:wrap;} .pro8bxxflspan{color: #fff;border: 1px solid #fff;border-radius: 99px;line-height: 1.2;margin: 0 10px;} .pro8bxxflspan{padding: 8px 25px;font-size: 14px;text-align: center;} .pro8bxxflspan{margin-top: var(--mt35p);cursor: pointer;} .pro8bxxflspan.on{color: var(--color);border-color: var(--color);} /* 产品视频下载隐藏 */ .pro8e{display:none} .pro8f{padding-top:0;} /* 产品视频下载隐藏 */ /* 产品载按钮隐藏 */ /* .xfnavba [data-href="#dw3"] { display: none; } */ /* 产品载按钮隐藏 */ /* 产品 */ /* 首页 */ .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;} .banfour {position:absolute;left:50%;transform:translateX(-50%);z-index:6;} .banfour {bottom:5%;text-align:left;color:#fff;} .site3page {position:relative;width:100%;bottom:0 !important;} .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%;padding-bottom:10px;} .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:linear-gradient(90deg,rgba(224,135,43,1) 0%,rgba(168,99,101,1) 50%,rgba(97,54,175,1) 100%);} .site3page span:after {transform:translateX(-100%);} .site3page span:after {animation-timing-function:ease;animation-duration:5s;animation-play-state:running;} .site3page span {font-size:var(--fssite3page);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(--fsbaner);line-height: 1.2;} .siteots {position:absolute;left:50%;transform:translateX(-50%);display:flex;z-index:6;} .siteots {bottom:5%;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;} .site-baner-page3 {display:flex;position:relative;width:260px !important;bottom:0 !important;padding:0 !important;justify-content:space-between;} .site-baner-page3 span {width:23%;position:relative;margin:0 !important;opacity:1 !important;border-radius:0 !important;} .site-baner-page3 {margin:0 !important;} .site-baner-page3 span {width:20% !important;height:5px !important;border-radius:5px !important;overflow:hidden;} .site-baner-page3 span:before,.site-baner-page3 span:after {left:0;position:absolute;bottom:0;width:100%;height:4px;content:'';} .site-baner-page3 span:before,.site-baner-page3 span:after {border-radius:4px;} .site-baner-page3 span:before {background:rgba(255,255,255,0.2);} .site-baner-page3 span:after {z-index:1;opacity:0;} .site-baner-page3 span:after {background:linear-gradient(90deg,rgba(224,135,43,1) 0%,rgba(168,99,101,1) 50%,rgba(97,54,175,1) 100%);} .site-baner-page3 span:after {transform:translateX(-100%);} .site-baner-page3 span:after {animation-timing-function:ease;animation-duration:5s;animation-play-state:running;} .site-baner-page3 span.bullet-active:after {animation-name:slideProgress;opacity:1;} .site-baner-page3 span.bullet-active:before {background:rgba(255,255,255,1);} .site-baner-page3 span:nth-child(1):after {animation-duration:5s;} .site-baner-page3 span:nth-child(2):after {animation-duration:5s;} .site-baner-page3 span:nth-child(3):after {animation-duration:5s;} .site-baner-page3 span:nth-child(4):after {animation-duration:5s;} .sitebtns {position:absolute;} .sitebtns1 {left:0;margin:0;} .sitebtns2 {right:0;margin:0;} .sitepagex {padding:0 60px;position:relative;width:100%;} .sitepage6 {width:100%;overflow:hidden;} .sitepage6m {overflow:hidden;display:flex;width:100%;height:auto;} .sitepage6m span {padding-bottom:15px;color:#fff;line-height:1.2;} .sitepage6m span:before,.sitepage6m span:after {height:3px !important;border-radius:3px !important;overflow:hidden;width:100%;position:relative;} .sitepage6m span:before,.sitepage6m span:after {left:0;position:absolute;bottom:0;width:100%;height:4px;content:'';} .sitepage6m span:before,.sitepage6m span:after {border-radius:4px;} .sitepage6m span:before {background:rgba(255,255,255,0.2);} .sitepage6m span:after {z-index:1;opacity:0;} .sitepage6m span:after {background:linear-gradient(90deg,rgba(224,135,43,1) 0%,rgba(168,99,101,1) 50%,rgba(97,54,175,1) 100%);} .sitepage6m span:after {transform:translateX(-100%);} .sitepage6m span:after {animation-timing-function:ease;animation-duration:5s;animation-play-state:running;} .sitepage6m.swiper-slide-thumb-active span:after {animation-name:slideProgress;opacity:1;} .sitepage6m.swiper-slide-thumb-active span:before {background:rgba(255,255,255,1);} .sitepage6m span:nth-child(1):after {animation-duration:5s;} .sitepage6m span:nth-child(2):after {animation-duration:5s;} .sitepage6m span:nth-child(3):after {animation-duration:5s;} .sitepage6m span:nth-child(4):after {animation-duration:5s;} .site-baner {position:relative;} .vh100 {height:100vh;z-index:-1;position:relative;width:100%;background:#000;} .jl10a {padding-bottom:0;} .site-baner-logo img {height:18px;margin-right:10px;} .site-baner-logo {margin-bottom:15px;display:flex;align-items:center;} .site-baner-logo {color:#333;line-height:18px;} .site-baner-logo span {font-size:18px;} .site-baner-p3 {font-size:40px;margin-top:0;line-height:1.4;} .site-baner-p4,.site-baner-p3 {color:#254284;} .site-baner-p4 {font-size:20px;margin-top:15px;} .site-baner-p2 {margin-top:30px;} .site-baner-p3-fff {color:#fff} .jl10bbg {background-position:center;background-repeat:no-repeat;background-size:cover;} .jl10bbg,.jl10bwz {position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;} .jl10bbg {border-radius:var(--border15);} .jl10bwz {z-index:3;} .jl10bwz {top:50%;transform:translateY(-50%);padding:5%;height:auto;} .jl10bzs {position:relative;padding-bottom:45%;} .jl10bm {display:flex;width:100%;justify-content:center;align-items:center;position:sticky;top:100px;} .jl10bmjz {width:100%;height:100%;} .jl10bm {margin-bottom:100px;} .jl10bm:last-child {margin-bottom:0;} .jl8b {padding-top:0 !important} /* 3个 *//* .jl10bmx1 {will-change:transform;animation-name:jl10bmx1s} .jl10bmx2 {will-change:transform;animation-name:jl10bmx2s} @keyframes jl10bmx1s {0% {transform:scale(1);} 33% {transform:scale(1) translateY(0);} 66% {transform:scale(0.95) translateY(-30px);} to {transform:scale(0.9) translateY(0);} } @keyframes jl10bmx2s {0% {transform:scale(1);} 66% {transform:scale(1) translateY(30px);} to {transform:scale(0.95) translateY(55px);} } *//* 3个 *//* 2个 */.jl10bmx1 {will-change:transform;animation-name:jl10bmx1s} @keyframes jl10bmx1s {0% {transform:scale(1);} 50% {transform:scale(1) translateY(0);} to {transform:scale(0.95) translateY(5%);} } /* 2个 */.ab19bp2 {color:#fff;font-size:18px;margin-top:15px;} .jl10btits {display:flex;justify-content:space-between;align-items:flex-end;} .jl10btitsr {display:flex;} .jl10btitsr a {margin-left:20px;} .gganiu2 {position:absolute;width:40px;height:40px;text-align:center;line-height:40px;background-color:var(--color);} .gganiu2 {border-radius:50%;top:50%;transform:translateY(-50%);} .gganiu2 i {color:#fff;font-weight:var(--b600);transition:all 0.3s ease;} .gganiu2:hover i {color:#fff;} .gganiu2r {right:calc(var(--plr120));} .gganiu2l {right:calc(var(--plr120) + 60px);} .gganiu2.swiper-button-lock {display:block;} .xflqh {display:flex;margin:0 auto;margin-top:35px;justify-content:center;} .xflqh {position:relative;} .xflqhm {border-radius:999px;background-color:#f7f7f6;padding:0 60px;display:flex;gap:45px} .xflqh span {line-height:70px;font-size:20px;color:#222;transition:all 0.3s ease;cursor:pointer;} .xflqh span.cur {color:var(--color);} .xflqh {width:auto;} .jl8b {background-color:#fff;position:relative;} /* .jl8b {padding-top:0;} */.jl8bswiper {overflow:hidden;} .jl8bbig {margin-top:55px;} .jl8bp1,.jl8bp2 {color:#fff;} .jl8bp1 {font-size:var(--fs48);font-weight:var(--b600);line-height:1.2;} .jl8bp2 {font-size:var(--fs30);margin-top:10px;} .jl8bimg {width:100%;vertical-align:top;} .jl8bslide {position:relative;width:calc(100% - var(--plr120) - var(--plr120));} .jl8bslide {border-radius:var(--border15);overflow:hidden;} .jl8bwz {position:absolute;z-index:3;left:0;top:50%;transform:translateY(-50%);} .jl8bwz {padding-left:80px;} .jl8bp3 {display:flex;gap:20px;margin-top:35px;} .jl8bbig {width:100%;overflow:hidden;} .jl8bbigslide {opacity:0 !important;} .jl8bbigslide.swiper-slide-active {opacity:1 !important;} .jl8bm {display:flex;justify-content:space-between;align-items:flex-end;} .jl8brs {display:flex;} .jl8brsn {margin-left:25px !important;position:relative !important;top:0 !important;right:0 !important;transform:none !important;} .jl8bp0 {display:flex;align-items:center;color:#fff;font-size:20px;} .jl8bp0 img {height:24px;margin-right:10px;} .jl8bp0 span {position:relative;top:3px;line-height:24px;} .jl8bp1 {font-size:var(--fs40);margin-top:15px;} .jl8bwz {max-width:48%;padding-left:7%;} .jl8bp3 {margin-top:40px;} .jl8c {background:#fff;padding-top:0;} .jl8cslide {position:relative;width:100%;border-radius:var(--border15);overflow:hidden;} .jl8cwz {position:absolute;width:40%;max-width:600px;min-width:500px;right:80px;top:50%;transform:translateY(-50%);z-index:3;} .jl8cwz {color:#fff;background:#1a2935;padding:var(--jl8c-pd);border-radius:var(--border15);} .jl8cwz {background:rgba(0,0,0,0.2);backdrop-filter:blur(15px);} .jl8cp2 {font-size:var(--fs48);font-weight:var(--b600);line-height:1.2;margin-top:5px;} .jl8cp3 {font-size:14px;margin-top:20px;} .jl8cp4 {display:flex;margin-top:35px;gap:20px;} .jl8cslide-height-1 {height:auto;padding-bottom:38%;} .jl8cslide-height-1 .jl8bimg {height:100%;object-fit:cover;position:absolute;left:0;top:0;} .nwa42 {position:relative;background-color:#fff;} .nwa42hs {height:100vh;} .nwa42waite {height:1000px;} .nwa42sti {position:sticky;top:0;width:100%;height:100vh;min-height:500px;} .nwa42vidoe {position:absolute;left:0;top:0;width:100%;height:100%;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%);transform:translateY(0);top:15%;} .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:900px;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:var(--fs-num);padding-right:10px;} .nwa42wzp9p2 {font-size:20px;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:70px;} .nwa42zz {position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.18);z-index:1;} .jl8d {background:#efefef;padding-top:50px;} .jl8dm {position:relative;} .jl8e{background: #f8f8f8;} .yjnewm {margin-top:55px;} .yjnewm img {width:100%;vertical-align:top;} .yjnewmb {width:42%;padding:0 30px;} .yjnewmbm img {min-height:100%;object-fit:cover;} .yjnewma {width:29%;flex-wrap:wrap;} .yjnewma,.yjnewmb {display:flex;} .yjnewmam {height:50%;width:100%;} .yjnewmam:nth-child(1) {padding-bottom:15px;} .yjnewmam:nth-child(2) {padding-top:15px;} .yjnewmamimg,.yjnewmbm {position:relative;overflow:hidden;border-radius:10px;} .yjnewmap1 {font-size:18px;font-weight:var(--b400);line-height:1.4;} .yjnewmap1-fff {color:#fff;} .yjnewmap2 {font-size:12px;color:#666;margin-top:10px;} .yjnewmap2-fff {color:#fff;opacity:0.8;} .yjnewmamwz {padding-top:15px;} .yjnewmamimg img,.yjnewmbm img,.yjnewmap1 {transition:all 0.4s;} .yjnewsub {position:absolute;left:20px;top:20px;z-index:3;display:flex;justify-content:center;} .yjnewsub {font-size:14px;padding:10px 0;line-height:1;border-radius:35px;background-color:hsla(0,0%,100%,.1);backdrop-filter:blur(2.08rem);-webkit-backdrop-filter:blur(2.08rem);width:105px;} .yjnewsub {color:#fff;} .yjnewsub2 {position:relative;left:0;top:0;margin-bottom:30px;} .yjnewsub {display:none;} .yjnewmbwz {position:absolute;width:100%;left:0;bottom:0;padding:40px;padding-bottom:25px; z-index:3;transition:all 0.4s;transition:all 0.4s;} .yjnewmbbg {position:absolute;width:100%;height:50%;left:0;bottom:0;z-index:1;} .yjnewmbbg {background:linear-gradient(-360deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.2) 30%,rgba(255,255,255,0) 100%);} .yjnewmbbg{opacity:0.5;} .yjnewmap22 {margin-top:30px;} .yjnew {position:relative;} .yjnew:before {content:"";width:100%;height:82%;background:linear-gradient(180deg,#f6f6f6 0%,rgba(255,255,255,0.00) 100%);position:absolute;top:0;left:0;z-index:-1;} .yjnewhover:hover img {transform:scale(1.03);} .yjnewhover:hover .yjnewmamwz .yjnewmap1 {color:var(--color);} .yjnewhover:hover .yjnewmbwz {bottom:20px;} .yjnewhover:hover .more9 i:after {transform:scale(1);opacity:1;} .yjnewhover:hover .more9 i {right:-10px;color:#fff;} .dn1d {padding-bottom:0;} .dn1d {padding-top:0;background:#fff;} .dn1e {background-color:#fff;} .dn1ewzp0 {font-size:var(--fs40);color:#fff;line-height:1.2;font-weight:var(--b600);} .dn1ex {position:relative;overflow:hidden;border-radius:20px;width:calc(50% - 15px);} .dn1ex:nth-child(3) {width:100%;} .dn1ep1 {font-size:var(--fs60);font-weight:var(--b600);color:#fff;line-height:1.1;} .dn1ep1 {transform:translateY(60px);} .dn1ep2 {color:#fff;font-size:var(--fs20);line-height:1.4;position:relative;left:180px;opacity:0;margin-top:10px;} .dn1ep3 {display:flex;margin-top:50px;gap:30px;} .dn1ewz {position:absolute;z-index:3;width:100%;left:0;bottom:0;padding:7%;} .dn1em {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:0;} .dn1eximg {width:100%;} .dn1ex {background:var(--line-bg);} .dn1eximg,.dn1ep2,.dn1ep1 {transition:all 0.55s cubic-bezier(0.85,0,0,1);} .dn1eximg1 {opacity:0;max-height:80vh;} .dn1eximg2 {position:absolute;left:0;top:0;height:100%;object-fit:cover;} /* .dn1ex:hover .dn1eximg2 {opacity:1;height:auto;width:150%;filter:blur(75px);opacity:0;} */.dn1ex:hover .dn1eximg2 {transform:scale(1.1);} .dn1ex:hover .dn1ep2,.dn1ep2 {left:0;opacity:1;} .dn1ex:hover .dn1ep1,.dn1ep1 {transform:translateY(0);} .jl8f{background: #fff;padding-bottom: 50px;} .itemtxt {position:absolute;width:100%;left:0;top:0;z-index:66;height:100%;} .itemtxtm {position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);z-index:66;} .itemtxtm {opacity:0;visibility:hidden;} .itemtxtm1 {opacity:1;visibility:visible;} .itemtxtp2 {font-size:var(--fs18);max-width:780px;margin:0 auto;margin-top:var(--mt45p);color:#fff;text-align:center;} .itemtxtp1 {width:100%;color:#fff;font-size:var(--fs48);font-weight:var(--b600);line-height:1.2;color:#fff;} .ab19bp3 {display:flex;margin-top:65px;} .ab19bp3 a,.ab19bp3 span {margin-right:25px;} /* 首页 */ /* 解决方案工商 */ .hb16ban {position:relative;height:100vh;overflow:hidden;} .hb16ban img{width:100%;object-fit: cover;} .hb16ban {min-height:400px;} .hb16banbg {position:absolute;width:100%;height:100%;left:0;top:0;} .hb16banbg {background-position:center;background-repeat:no-repeat;background-size:cover;} .hb16banwz {position:absolute;width:100%;left:0;top:0;z-index:3;} .hb16banwz {top:22%;} .hb16banp1,.hb16banp2 {text-align:center;line-height:1.2;} .hb16banp1 {font-size:var(--fs52);color:#fff;font-weight:var(--b600);} .hb16banp2 {font-size:var(--fs30);color:#fff;margin-top:var(--mt15p);} .hb16banp3 {display:flex;justify-content:center;margin-top:var(--mt35p);} .hb16a {padding:var(--ptb) var(--plr120);} .hb16a {background:#f7f8f9;} .hb16ams {max-width:1200px;margin:0 auto;margin-top:var(--mt25p);} .hb16b {padding:var(--ptb) var(--plr120);padding-bottom:0;} .hb16h2 {font-size:var(--fs48);font-weight:var(--b600);color:#222;line-height:1.4;} .hb16h2-fff {color:#fff;} .hb16bms {text-align:center;max-width:1000px;margin:0 auto;margin-top:var(--mt25p);} .hb16bzw {display:flex;overflow:hidden;border-radius:var(--border15);background:#f7f8f9;} .hb16bzw {height:var(--hb16b-height);margin-top:var(--mt45p);flex-wrap:wrap;} .hb16bimg,.hb16bwz {width:50%;} .hb16bwz {padding-left:5%;padding-right:2.5%;padding-top:3%;} .hb16bimgswiper {width:100%;height:100%;overflow: hidden;} .hb16bimgswiper img{width:100%;height:100%;object-fit: cover;transition: all 0.5s ease;transform: scale(1.03);} .hb16bimgswiper .swiper-slide-active img{transform: scale(1);} .hb16bimg {position:relative;height:100%;} .hb16bbtn {position:absolute;right:auto;bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;} .hb16bbtn {cursor:pointer;color:var(--color)} .hb16bp1 {line-height:1.4;font-size:var(--hb16b-tit-size);font-weight:var(--b600);} .hb16blim {position:relative;padding:var(--hb16b-li-padding-1) var(--hb16b-li-padding-2);display:flex;border-top:1px solid #dedfe0;} .hb16blinum {display:block;line-height:1;position:absolute;left:0;top:var(--hb16b-li-padding-3);color:var(--color);} .hb16blinum {font-style:normal;font-size:var(--hb16b-num-size);font-weight:var(--b600);} .hb16bjta {position:absolute;right:0;top:var(--hb16b-li-padding-3);display:flex;} .hb16bjta {justify-content:center;align-items:center;border-radius:50%;width:var(--hb16b-li-btn);height:var(--hb16b-li-btn);background:#000;} .hb16bjta i {color:#fff;} .hb16bjta,.hb16bjta i {transition:all 0.3s ease;} .hb16bdl {padding:var(--hb16b-li-padding-3) 0;padding-left:var(--hb16b-li-padding-2);color:#333;line-height:1.4;} .hb16bdl p {margin-top:10px;} .hb16bdl p:nth-child(1) {margin-top:0;} .hb16bdl {display:none;border-top:1px solid #dedfe0;font-size:var(--hb16b-ms-size);} .hb16bjta {transition:all 0.3s ease;} .hb16blim.on .hb16bjta {background:var(--color);transform:rotateZ(180deg);} .hb16bwzul:first-child .hb16blim {border-color:transparent;} .hb16blim {cursor:pointer;} .hb16om {margin-top:var(--mt45p);position:relative;border-radius:var(--border15);overflow:hidden;} .hb16omimg {width:100%;} .hb16o {padding:var(--ptb) var(--plr120);padding-bottom:0;} .hb16owz {position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:3;} .hb16owz {width:40%;left:6%;} .hb16owz {color:#fff;} .hb16op1 {font-size:var(--fs30);font-weight:var(--b600);} .hb16op2 {line-height:1.4;} .hb16op2 p {position:relative;padding-left:10px;margin-top:5px;} .hb16op2 p:before {position:absolute;left:0;top:8px;background:#fff;border-radius:50%;content:'';} .hb16op2 p:before {width:3px;height:3px;} .hb16op3 {display:flex;margin-top:var(--mt45p);} /* .hb16k{background:#f5f5f7} */ :root { --hb16b-height:750px; --hb16b-tit-size:20px; --hb16b-num-size:40px; --hb16b-ms-size:16px; --hb16b-li-padding-1:30px; --hb16b-li-padding-2:70px; --hb16b-li-padding-3:25px; --hb16b-li-btn:40px; } @media screen and (max-width:1440px) { :root { --hb16b-height:600px; --hb16b-tit-size:18px; --hb16b-num-size:35px; --hb16b-ms-size:14px; --hb16b-li-padding-1:20px; --hb16b-li-padding-2:50px; --hb16b-li-padding-3:20px; --hb16b-li-btn:35px; } }@media screen and (max-width:1366px) { :root { --hb16b-height:580px; --hb16b-tit-size:16px; --hb16b-num-size:30px; --hb16b-ms-size:12px; --hb16b-li-padding-1:20px; --hb16b-li-padding-2:50px; --hb16b-li-padding-3:20px; --hb16b-li-btn:30px; } .hb16bwz {padding:3% 3.5%;padding-bottom:0;} .hb16bzw{align-items: flex-start;} }@media screen and (max-width:1280px) { :root { --hb16b-height:auto; --hb16b-tit-size:16px; --hb16b-num-size:24px; --hb16b-ms-size:12px; --hb16b-li-padding-1:15px; --hb16b-li-padding-2:35px; --hb16b-li-padding-3:15px; --hb16b-li-btn:30px; } } @media screen and (max-width:1199px) { .hb16bimg,.hb16bwz{width:100%;} .hb16bwz{padding:var(--npd)} } .hb16c {padding:var(--ptb) 0;padding-bottom:0;} .hb16ca {margin-top:var(--mt45p);} .hb16ca {position:relative;padding-bottom:40%;overflow:hidden;} .hb16cawz {padding:0 var(--plr120);width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .hb16cabg {width:100%;height:100%;position:absolute;left:0;top:0;background-position:center;background-repeat:no-repeat;background-size:cover;} .hb16cah5 {font-size:var(--fs20);color:#fff;line-height:1.4;} .hb16cap1 {color:#fff;} .hb16cap1 {padding-top:20px;margin-top:20px;border-top:1px solid var(--color);} .hb16cawzm {max-width:550px;} .hb16cawzmn {background:rgba(0,0,0,0.3);backdrop-filter:blur(15px);border-radius:var(--border15);} .hb16cawzmn {padding:9%;} .hb16wzswiper {overflow:hidden;} .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(--color);} .swiperpage-center{justify-content:center} .hb16wzspage {margin-top:var(--mt25p);} .hb16wzslide {visibility:hidden;} .hb16wzslide.swiper-slide-active {visibility:visible;} .hb16d {padding:var(--ptb) var(--plr120);padding-bottom:0;} .hb16dimg {margin-top:var(--mt45p);border-radius:var(--border15);overflow:hidden;} .hb16dimgm {width:100%;} .hb16dimg{position: relative;} .hb16dwz{position: absolute;left:0;top:50%;transform: translateY(-50%);z-index: 3;padding-left: 5%;} .hb16dwzm{max-width: 550px;} .hb16dwzmn {padding: 9%;background: rgba(0, 0, 0, 0.3);backdrop-filter: blur(15px);border-radius: var(--border15);} .ggpoint-fff{color:#fff;} .ggpoint-fff p{margin-top: 10px;} .ggpoint-fff p:nth-child(1){margin-top: 0;} .ggpoint-fff p{position: relative;padding-left: 15px;} .ggpoint-fff p:before{position: absolute;content: '';width: 3px;height: 3px;background: #fff;} .ggpoint-fff p:before{border-radius: 50%;content:'';background: #fff;left:0;top:10px;} .hb16e{padding:var(--ptb) var(--plr120);padding-bottom: 0;} .hb16ex{margin-top: var(--mt45p);} :root {--soli-jx:10px;} .hb16exa {display:flex;justify-content:space-between;flex-wrap:wrap;} .hb16exam {width:calc(50% - var(--soli-jx));display:flex;} .yjbox15 {overflow:hidden;border-radius:var(--border15);position:relative;} .yjtit15 {position:absolute;z-index:3;padding:30px 35px;color:#fff;left:0;bottom:0;width:100%; transition: all 0.3s ease;} .yjbox15xf {position:absolute;width:100%;height:100%;left:0;top:0;z-index:5;} .yjbox15xf {padding:30px 35px;visibility:hidden;} .yjtit15m {position:relative;line-height:1.4;padding-right:50px;} .yjtit15icon {display:flex;width:40px;height:40px;justify-content:center;align-items:center;} .yjtit15icon {background:#fff;border-radius:50%;position:absolute;right:0;top:-5px;} .yjtit15icon i {color:#222;} /* .yjtit15-none-icon .yjtit15icon {display:none;} */.hb16exa1m {width:100%;} .hb16exaimg {width:100%;vertical-align:top;object-fit:cover;min-height:100%;} .hb16exa2 {display:flex;flex-wrap:wrap;flex-direction:column;} .hb16exa2m {height:calc(50% - 10px);} .hb16exa2m:last-child {margin-top:20px;} .yjtit15span {font-weight:var(--b600);font-size:var(--fs20);} .yjtit15span,.yjbox15xfms{text-align: left;} .hb16exaimg {transition:all 0.5s ease;} .yjbox15xfms {color:#fff;margin-top:var(--mt15p);} .yjbox15xfms p {position:relative;padding-left:15px;} .yjbox15xfms p:before {position:absolute;content:'';width:3px;height:3px;border-radius:50%;} .yjbox15xfms p:before {background:#666;position:absolute;left:0;top:12px;} .yjbox15xfms ,.yjbox15xfms p{color:#333;} .yjbox15xfms {color:#333;} .yjbox15xfms h4{color:var(--color)} .yjbox15xf {background:rgba(0,0,0,0.2);} .yjbox15xf .yjtit15span{display:none;} /* .yjbox15xfms {transition:all 0.5s ease;opacity:0;visibility:hidden;transform:translateY(50px);} */.yjbox15:hover .hb16exaimg {transform:scale(1.03);} .yjtit15icon {opacity:0;transform:translateX(-20px);transition:all 0.5s ease;} .hasmswz_js {cursor:pointer;} .hasmswz_js:hover .yjtit15icon {transform:translateX(0);opacity:1;} /* .yjbox15:hover .yjbox15xfms {transform:translateY(0);opacity:1;visibility:visible;} .yjbox15:hover .yjtit15{opacity:0;visibility: hidden;} */ /* .yjbox15:hover .hb16exaimg{filter: blur(10px);} */ .hb16exa31 {width:calc(64% - 10px);} .hb16exa32 {width:calc(36% - 10px);} .hb16exa3m1 {width:100%;} .hb16exa-mt-20 {margin-top:20px;} .hb16g {padding:var(--ptb) var(--plr120);} .hb16gimg {margin:0 auto;max-width:1200px;} .hb16gimg {position:relative;margin:0 auto;margin-top:var(--mt45p);overflow:hidden;} .hb16gimg {border-radius:var(--border15);} .hb16gimgm {width:100%;} .hb16gbtn {right:auto;bottom:auto;} .hb16gbtn {left:50%;top:50%;transform:translate(-50%,-50%);} .hb16gbtn {font-size:60px;} .hb16h {padding:var(--ptb) var(--plr120);background:#000000;} .hb16hswiperx {position:relative;margin-top:var(--mt45p);padding:0 10%;} .hb16hswiper {overflow:hidden;} .hb16hslide {line-height:1.2;width:50%;padding:0;} .hb16hxj {text-align:center;} .hb16hxjp1 {color:#fff;font-weight:var(--b600);} .hb16hxjp2 {color:#fff;opacity:0.5;margin-top:5px;} .hb16hxjm {padding-top:var(--mt40p);} .hb16hxj {margin-top:var(--mt40p);position:relative;} .hb16hxj:before {position:absolute;width:390px;left:50%;content:'';transform:translateX(-50%);} .hb16hxj:before {height:1px;background:rgba(255,255,255,0.2);} .hb16himg img {max-width:60%;} .hb16himg {text-align:center;} .hb16hp1 {font-size:var(--fs20);display:flex;width:100%;justify-content:center;flex-wrap:wrap;align-items:center;} .hb16hp1 span {width:100%;text-align:center;} .hb16hp1 {min-height:60px;color:#fff;margin-top:var(--mt25p);} .hb16hp2 {display:flex;justify-content:center;margin-top:var(--mt35p);} .hb16hbtns {position:absolute;width:45px;height:45px;display:flex;border-radius:50%;justify-content:center;align-items:center;} .hb16hbtns {border:1px solid #fff;color:#fff;opacity:0.5;z-index:6;cursor:pointer;} .hb16hbtns {top:11%;} .hb16hbtn1 {left:0;} .hb16hbtn2 {right:0;} .hb16hbtns i {font-size:22px;} .hb16hbtns i,.hb16hbtns {transition:all 0.5s ease;} .hb16hbtns:hover {opacity:1;} /* 解决方案工商 */ /* 解决方案 工商 电池 */ .sections {display:flex;justify-content:center;align-items:center;position:relative;} .section-inner {width:100%;position:relative;} .side-nav {z-index:10;position:absolute;height:100%;top:0;right:0;} .section-item {height:500vh;background-color:#000000;/* position:sticky;*/} .section-item--content {width:100%;height:100vh;position:sticky;top:0;} .section-item--scroll-bx {position:sticky;left:0;top:0;width:100%;height:100vh;overflow:hidden;} .section-item__info {padding-left:170px;padding-right:200px;box-sizing:border-box;position:absolute;width:100%;height:100%;z-index:2;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;} .section-item--sheet {width:100%;position:relative;} .section-item--sheet--bx {position:relative;width:1920px;height:100vh;overflow:hidden;left:50%;transform:translateX(-50%);} .section-item--sheet--bx video {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;display:none;} .solo12awz {position:absolute;top:46%;transform:translateY(-50%);z-index:6;left:0;} .solo12ap1 {color:#000;line-height:1.2;font-size:var(--fs48);font-weight:var(--b700);} .solo12ap2 {display:flex;margin-top:var(--mt45p);/* gap:30px */} .solo12ap4 {display:flex;justify-content:center;} .solo12ap3 a {display:inline-block;margin-top:var(--mt45p);color:var(--color);text-decoration:underline;} .solo12azz {position:absolute;width:100%;height:30%;left:0;bottom:0;z-index:1;} .solo12azz {background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 70%,rgba(255,255,255,1) 100%);} .section-item {height: 100vh;} .sosoh1 {text-align:center;color:#222;font-size:var(--fs48);line-height:1.3;font-weight:var(--b600);} .sosoh1-fff {color:#fff;} /* .solo12b {background-color:#fff;} */.solo12bnx {position:relative;border-radius:var(--border10);overflow:hidden;} .solo12bnimg {width:100%;vertical-align:top;} .solo12bnvideo {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:3;display:none;} .solo12bnbtn {position:absolute;width:70px;height:70px;border-radius:50%;text-align:center;line-height:70px;z-index:2;} .solo12bnbtn {background-color:#fff;} .solo12bnbtn i {color:var(--color);} .solo12bnbtn {left:50%;top:50%;transform:translate(-50%,-50%);} .solo12bnx {margin-top:55px;} .sosoh2 {font-size:var(--fs20);text-align:center;margin-top:30px;line-height:1.4;} .solo12c {padding-top:0;} .solo12ctd {margin-top:55px;} .solo12ctdm {display:flex;justify-content:space-between;} .solo12ctdm-row-3 {display:flex;width:calc(33.33% - 14px);margin-right:21px;} .solo12ctdm-row:last-child {margin-right:0;} .solo12ctdm-row {display:flex;flex-wrap:wrap;} .solo12cimg {width:100%;vertical-align:top;object-fit:cover;min-height:100%;object-fit:cover;} .solo12cvideo {position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;z-index:2;} .solo12cwz {position:absolute;width:100%;left:0;top:0;z-index:3;padding:40px;} .solo12cp1,.solo12cp2 {color:#fff;line-height:1.4;} .solo12cp1 {font-size:var(--fs24);} .solo12cp2 {font-weight:var(--b600);line-height:1;font-size:50px;margin-top:10px;} .solo12cp3 {font-size:16px;color:#fff;margin-top:15px;} .solo12ctdm-td {position:relative;overflow:hidden;border-radius:var(--border10);width:100%;} .solo12ctdm-td-2 {height:calc(50% - 10px);} .solo12ctdm-td-1 {height:calc(60% - 10px);} .solo12ctdm-td-3 {height:calc(40% - 10px);} .solo12ctdm-td:last-child {margin-top:20px;} .solo12cimg {transition:all 1s ease;} .solo12ctdm-td:hover .solo12cimg {transform:scale(1.1);filter:blur(5px);} .solo12ctdm-row-2 {width:calc(50% - 10.5px);margin-right:21px;} .solo12ctdm-td-2:last-child {margin-right:0;} .solo12d {height:200vh;position:relative;z-index:5;background-color:#fff;} .solo12dx {position:sticky;left:0;top:0;width:100%;display:flex;align-items:center;} .solo12dx {padding:100px 0;} .solo12dx {height:100vh;} .solo12dm {height:100%;} .f5f5f7 {background:#f5f5f7;} .solo12dtd {margin-top:0;background:#f5f5f7;} .solo12dtd {height:calc(100% - 1px);display:flex;} .solo12dtd {display:flex;justify-content:space-between;} .solo12dtd-row {display:flex;flex-wrap:wrap;} .solo12dtd-row-1 {width:calc(25% - 10px);} .solo12dtd-row-2 {width:calc(50% - 20px);} .solo12dtdimg {border-radius:var(--border10);position:relative;height:100%;width:100%;overflow:hidden;} .solo12dtdimg img,.solo12dtdimg video {width:100%;height:100%;object-fit:cover;} .solo12dtdimg img {transition:all 1s ease;} .solo12dtd-td {display:flex;height:100%;width:100%;flex-wrap:wrap;} .solo12dtd-td-2 {height:calc(50% - 10px);justify-content:space-between;} .solo12dtd-td-2:last-child {margin-top:20px;} .solo12dtdimg-2 {height:calc(50% - 10px);} .solo12dtdimg-2:last-child {margin-top:20px;} .solo12dtdimg-50 {width:calc(50% - 10px);} .isopacity {opacity:0;} .solo12sacle {position:absolute;width:100%;height:100%;left:0;top:0;z-index:6;} .iswzxs {opacity:0;z-index:7;} .solo12dtit {width:100%;position:absolute;left:0;top:10%;z-index:7;} .solo12dtdimg:hover img {transform:scale(1.1);filter:blur(3px);} .solo12gvidoe {width:100%;vertical-align:top;} .solo12gslide {width:1250px;border-radius:var(--border10);overflow:hidden;} .solo12gswiper {width:100%;margin-top:55px;} .solo12gpage {display:flex;justify-content:center;gap:150px;margin-top:35px;} .solo12gpage span {font-size:22px;transition:all 0.3s ease;cursor:pointer;} .solo12gpage .bullet-active {color:var(--color)} .solo12h {padding-top:0;} .solo12hx {display:flex;justify-content:space-between;margin-top:55px;} .solo12hximg {border-radius:var(--border10);overflow:hidden;} .solo12hp1 {font-size:24px;font-weight:var(--b600);line-height:1.4;padding:0 15px;padding-top:20px;} .solo12hximg img {width:100%;} .solo12hximg img,.solo12hp1 {transition:all 0.5s ease;} .solo12hxa:hover .solo12hximg img {transform:scale(1.03);} .solo12hxa:hover .solo12hp1 {color:var(--color);} .solo12hxa {width:23.5%;} .solo12k {padding-top:0;background-size:100% 100%;background-position:center;height:800px;position:relative;} .color-fff {color:#fff;} .solo12k_p1 {position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:100%;} .solo12jx {display:flex;justify-content:space-between;margin-top:var(--mt45p);} .solo12jxlink {width:32%;padding-bottom:50px;} .solo12jxlink {border-radius:var(--border10);background:#f6f7f9;} .solo12jximg img {width:100%;} .solo12jxp1 {font-size:30px;font-weight:var(--b600);line-height:1.2;} .solo12jxp2 {color:#666;margin-top:10px;} .solo12jxwz {text-align:center;padding:0 6%;} .solo12jxp3 {display:flex;justify-content:center;margin-top:35px;} /* .solo12jxp3 .more10 {border-color:#222;border-width:1px;padding:0 60px;color:#222;} */.solo12jxlink:hover .more10 {background:var(--color);border-color:var(--color);color:#fff;} .solo12jxlink {transition:all 0.5s ease;} .solo12jxlink:hover {box-shadow:0 15px 25px rgba(0,0,0,0.1);} .appswiper1 {margin-top:var(--mt45p);} .appslide {position:relative;} .apps1 {background:rgba(0,0,0,0.3);padding:8px 30px;border-radius:30px;color:#fff;position:absolute;left:30px;top:30px;} .apppage {text-align:center;margin-top:25px;} .apppage span {background:var(--color);} .apptitle {display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding:0 20px;} .apptitle_left {width:80%;} .apptitle_p1 {font-size:var(--fs22);} .apptitle_p2 {font-size:16px;display:flex;gap:40px;} .apptitle_s1 {display:inline-block;width:64px;height:64px;line-height:62px;border-radius:50%;border:1px solid var(--color);color:var(--color);text-align:center;transition:all 0.3s ease;} .apptitle_s1 i {font-size:25px;} .appslide:hover .apptitle_s1 {background:var(--color);color:#fff;} .appli1 img {width:100%;border-radius:var(--border10);transition:all 0.3s ease;object-fit:cover;} .appli1 {border-radius:var(--border10);overflow:hidden;} .appslide:hover .appli1 img {transform:scale(1.1);} .apptitle2 {position:absolute;left:0;bottom:20px;width:100%;z-index:12;margin-top:0;} .ys-imgbox-cover {border-radius:var(--radius10);top:0;left:0;object-fit:cover;position:absolute;right:0;top:0;clip-path:inset(0px 0px 100px 0px round 10px);-webkit-clip-path:inset(0px 0px 100px 0px round 10px);-moz-clip-path:inset(0px 0px 100px 0px round 10px);-ms-clip-path:inset(0px 0px 100px 0px round 10px);-o-clip-path:inset(0px 0px 100px 0px round 10px);transition:clip-path .3s cubic-bezier(.4,.2,.4,1);width:100%;height:100%;overflow:hidden;} .ys-imgbox-cover::after {content:"";width:100%;height:100%;position:absolute;left:0;top:0;transition:all .36s;/* background:rgba(1,19,51,0.3);*/} .ys-imgbox-cover img {width:100%;object-fit:cover;transition:all 0.33s ease;} .ys-imgbox-cover img:nth-child(2) {position:absolute;top:0;left:0;height:100%;} .lcbu-le-linke {height:425px;transition:all .3s;border-radius:var(--border10);overflow:hidden;position:relative;mix-blend-mode:multiply;} .lcbu-le-pic {position:relative;width:100%;height:100%;} .lcbu-le-linke:hover .ys-imgbox-cover {background:transparent;-webkit-clip-path:inset(0 0 0 0);} .lcbu-le-linke:hover .apptitle2 .apptitle_p1,.lcbu-le-linke:hover .apptitle2 .apptitle_p2 {color:#fff;} .solutionswiper1 {margin-top:var(--mt45p);} .solo12am1 {margin-top:25px;} .solpage {text-align:center;margin-top:25px;} .solpage span {background:var(--color);} .solo12j {padding-top:0;} .solo_0{width:100%;height:100%;object-fit: cover;} .pc {display:block;} .phone {display:none} .no-p-bottom{padding-bottom:0;} .cc_div #c-bns .cookie-setting-button{display:none;} .cc_div .c-bn:hover{color:#fff !important;} @media screen and (max-width:768px) { .pc {display:none;} .phone {display:block} .section-item--sheet--bx {width:100%;} .section-item--sheet--bx,.section-item--scroll-bx,.section-item--content,.section-item {height:530px;} .solo12ap1 {text-align:center;color:#fff;} .solo12awz {top:35%;} .solo12ap3 {text-align:center;} .solo12ap3 a {margin-top:20px;} .sosoh2 {margin-top:15px;} .solo12bnx {margin-top:25px;padding-left:4%;padding-right:4%;} .solo12bnx img {border-radius:var(--border10);} .solo12bnbtn {width:45px;height:45px;line-height:45px;} .solo12ctd {margin-top:25px;} .solo12ctdm {flex-wrap:wrap;} .solo12ctdm-row-3 {width:100%;margin-right:0;} .solo12cp3 {font-size:14px;} .solo12cwz {top:auto;bottom:30px;padding:0 20px;} .solo12ctdm-row-3 {margin-top:20px;} .solo12ctdm-td-3 {height:auto;} .solo12ctdm-td-2 {height:auto;} .solo12ctdm-row-3.ani_9 {margin-top:70px;} .solo12cp3 {margin-top:5px;} .solo12ctdm-row-2 {width:100%;margin-right:0;} .solo12k {background-image:url(static/soloution/solo12kbg1ph.webp);height:440px;} .solo12dtd {flex-wrap:wrap;} .solo12dtd-row-1 {width:100%;} .solo12dtd-row-2 {width:100%;} .solo12dtd-td-2 {height:auto;} .solo12dtdimg-50 {width:100%;margin-top:20px;} .solo12dtd-row-2.ani_7 {margin-top:20px;} .solo12dtdimg {height:auto;} .solo12dtdimg-2 {margin-top:20px;} .solo12dtd-td-2:last-child {margin-top:0;} .apptitle_s1 {width:34px;height:34px;line-height:32px;} .apptitle_s1 i {font-size:16px;} .solo12ap2 {margin-top:25px;} .jishu3m {margin-top:0;} .jishu3p2,.jishu3p1 {text-align:left;} .jlprobslide {padding-top:36px;} .jlprobimg {padding:0;} .solutionswiper1,.appswiper1 {margin-top:25px;} } /* 解决方案 工商 电池 */ .head3abzd{display:none;} .viewer-canvas{} .viewer-footer{position: static;} .viewer-navbar{display:none;} .viewer-toolbar>ul>li{display:none;} .viewer-toolbar>ul>li.viewer-prev,.viewer-toolbar>ul>li.viewer-next{} .viewer-prev,.viewer-next{position: absolute;top:50%;transform: translateY(-50%);z-index:30} .viewer-toolbar>ul>li.viewer-prev,.viewer-toolbar>ul>li.viewer-next{display:block !important;} .viewer-prev{left:20%;} .viewer-next{right:20%;} @media screen and (max-width:1600px) { :root{ --navli-height:85px; --nav-sub-li-width:50%; --navsub-size-sub:16px; --navsub-left-jx1:50px; --navli-right: 30px; --fs70:66px; --fs60:56px; --fs52:48px; --fs48:42px; --fs40:34px; --fs30:26px; --fs28:24px; --fs24:22px; --fs22:20px; --fs20:20px; --fs18:18px; --mt60:55px; --jl8c-pd:55px; --plr110:70px; --ban-min-height:720px; --plr120:130px; --plr110:130px; } } @media screen and (max-width:1440px) { :root{ --navli-height:80px; --navli-right: 25px; --navsub-left-jx1:40px; --fs-num:60px; --fsbaner:38px; --fs70:55px; --fs60:45px; --fs52:40px; --fs48:36px; --fs40:30px; --fs30:22px; --fs28:20px; --fs24:20px; --fs22:18px; --fs20:18px; --fs18:16px; --fssite3page:16px; --ptb:80px; --plr120:90px; --plr110:50px; --mt60:50px; --jl8c-pd:50px; --index-ab-l-w:430px; --ban-min-height:680px; --plr120:100px; --plr110:100px; } .more10{font-size:14px;} } @media screen and (max-width:1366px) { :root{ --navli-height:75px; --navli-right:20px; --navsub-left-jx1:30px; --fsbaner:35px; --fs70:48px; --fs60:42px; --fs52:40px; --fs48:34px; --fs40:28px; --fs30:20px; --fs28:20px; --fs24:20px; --fs22:18px; --fs20:18px; --fs18:16px; --fssite3page:14px; --ptb:70px; --plr120:80px; --plr110:50px; --fs-nav-1:20px; --mt60:45px; --jl8c-pd:40px; --ban-min-height:620px; --plr120:100px; --plr110:100px; } } @media screen and (max-width:1280px) { :root{ --navli-height:70px; --navli-right: 15px; --fs-num:50px; --fsbaner:30px; --fs70:42px; --fs60:36px; --fs52:32px; --fs48:32px; --fs40:26px; --fs30:20px; --fs28:20px; --fs24:20px; --fs22:16px; --fs20:16px; --fs18:14px; --fssite3page:14px; --ptb:70px; --plr120:50px; --plr110:40px; --fs-nav-1:18px; --mt60:40px; --jl8c-pd:30px; --index-ab-l-w:400px; --plr120:90px; --plr110:90px; } .site-baner-zw{height:auto;bottom:auto;top:30%} }