:root{ --nav-widths:90%; --widths:1400px; --nav-height:74px; --top-bar-color:#e20a20; --b300:300; --b350:350; --b400:400; --b700:700; --color:#006cb8; --reds:#e20a20; --bgs:#f3f3f3; --color2:#6fb92c; --borders:25px; --bord5:15px; --border15:15px; --border10:10px; --global-width:250px; --border5:5px; --ftbg:#07172e; --fsp1:48px; --background-aware-gradient-bottom-right: linear-gradient(136.47deg, #fff 35.41%, #fff7f5 58%, #bde3ff 128.14%); } 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;} input,body{font-family:Arial,Helvetica,sans-serif;text-rendering: optimizeSpeed;color: #222;} .w1400{width: var(--widths);margin: 0 auto;max-width: 1600px;} .w95{width: var(--nav-widths);margin: 0 auto;} body{background-color: #fff;color: #222;} .ajax_content{min-height:50vh;} .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-bg{position: absolute;object-fit: cover;background-position: center;background-repeat: no-repeat;background-size: cover;} .site-baner-bg{width:103%;height: 103%;left:-1.5%;top:-1.5%;} .site-baner-zw{position: absolute;left:50%;transform: translateX(-50%);width:85%;max-width: 1600px;min-width: 1200px;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-p1{font-size: 58px;line-height: 1.4;margin-bottom: 80px;color:#fff;font-weight: var(--b400);} .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;} .site-baner .swiper-slide{opacity: 0 !important;transition: all 0.8s ease;} .site-baner .swiper-slide-active{opacity: 1 !important;} .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: 300;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:20%;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: 360px;} .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 - 360px - 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;} .site-baner-zw {min-width:inherit;width:1400px;padding-top:0;} #scroll_down:after {display:none;} .site-baner-zw {text-align:center;} .site-baner-p2 {color:#fff;font-size:16px;opacity:0.5;margin-top:0;padding-bottom:10px;line-height: 1.4;} .site-baner-p3 {display:flex;justify-content:center;margin-top:60px;} .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 #666;margin-left: 30px;cursor: pointer;} .hl5solobtn1 i,.hl6newbtn1 i,.hl3hswiperbtn1 i{position: relative;transform: rotateZ(180deg);} .hl5solobtnm i{color: #666;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:70px;height:50px;line-height:48px;border-radius:30px;} .hl5solobtnm {border:1px solid #666;margin:0;margin-left:30px;cursor:pointer;} .hl5solobtn1 i {position:relative;transform:rotateZ(180deg);} .hl5solobtnm i {color:#666;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;} .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);} .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:#666;font-size:14px;padding-bottom:10px;} .bo-d-p2 {font-size:20px;font-weight:var(--b400);} .bo-d-p2-1 {font-size:24px;line-height:1.4;} .bo-d-wz {padding:25px 0;} .bo-dimg {overflow:hidden;} .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,#f8f8f8,#f8f8f8),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,#f8f8f8,#f8f8f8),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:220px;overflow:hidden;} .bo-dimg img {width:100%;height:100%;object-fit:cover;} .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: #f8f8f8;} .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;}