*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#333;font-family:"Microsoft YaHei",Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}img{max-width:100%}.w1520{width:min(1520px,calc(100% - 80px));margin:0 auto}.header_main{position:fixed;inset:0 0 auto;z-index:100;height:100px;transition:.3s;background:transparent}.header_main.xc{height:80px;background:#fff;border-bottom:1px solid #eee}.header{height:100%}.header>.w1520{display:flex;height:100%;align-items:center}.webLogo{flex:none}.header_main .webLogo img{display:block;width:auto;height:44px}.header_main .webLogo .img1{display:none}.header_main.xc .webLogo .img{display:none}.header_main.xc .webLogo .img1{display:block}.nav_main{margin-left:auto}.nav{display:flex;align-items:center;gap:44px;margin:0;padding:0;list-style:none}.nav .item{position:relative;list-style:none}.nav .alink{display:block;padding:38px 0;color:#fff;font-size:17px;line-height:24px;white-space:nowrap}.header_main.xc .nav .alink{padding:28px 0;color:#333}.nav .is-current .alink,.nav .is-active .alink,.nav .item:hover>.alink{color:#2274ff}.sub-box{position:absolute;top:82px;left:50%;display:none;min-width:190px;padding:12px 0;transform:translateX(-50%);background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.14)}.item:hover>.sub-box{display:block}.sub-box .it{display:flex;flex-direction:column}.sub-box a{padding:8px 20px;color:#444;white-space:nowrap}.sub-box a:hover{color:#2274ff}.email{display:flex;gap:16px;margin-left:30px}.email a{width:30px;height:30px;border:1px solid rgba(255,255,255,.75);border-radius:50%}.header_main.xc .email a{border-color:#999}.banner{position:relative;width:100%;overflow:hidden;background:#e9f3fa}.banner .swiper-wrapper{position:relative;width:100%}.banner .swiper-slide{display:none;width:100%}.banner .swiper-slide:first-child{display:block}.banner .swiper-slide a,.banner .swiper-slide .img{display:block;width:100%}.banner .swiper-slide img{display:block;width:100%;height:auto;aspect-ratio:1920/950;object-fit:cover}.banner-dots{position:absolute;left:50%;bottom:30px;z-index:3;display:flex;gap:10px;transform:translateX(-50%)}.banner-dots button{width:9px;height:9px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent}.banner-dots button.active{background:#fff}.floor_0_main,.floor_1_main,.floor_2_main,.floor_4_main{padding:90px 0}.floor_0_main,.floor_4_main{background:#f4f7f9}.floor_1_00{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.floor_1_00 h3{margin:0;font-size:44px}.floor_1_00 .a1{padding:13px 28px;border-radius:26px;background:#2274ff;color:#fff}.floor_0_1 .list{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.floor_0_1 .item{position:relative;min-height:440px;overflow:hidden}.floor_0_1 .img,.floor_0_1 .img img{width:100%;height:440px;object-fit:cover}.floor_0_1 .img2{display:none}.floor_0_1 .w{position:absolute;left:25px;bottom:22px;color:#fff}.floor_0_1 .bg{position:absolute;inset:0;display:flex;align-items:flex-end;padding:28px;color:#fff;background:rgba(15,30,35,.64);opacity:0;transition:.25s}.floor_0_1 .item:hover .bg{opacity:1}.floor_1_1 .swiper-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.floor_1_1 .swiper-slide .img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.floor_1_1 h3{font-size:21px}.floor_1_1 .p{color:#777;line-height:1.8}.floor_2_main{position:relative;min-height:720px;overflow:hidden;color:#fff}.floor_2_main>.imga{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover}.floor_2_1{padding-top:50px}.floor_2_11{max-width:650px}.floor_2_11s p{margin:0 0 15px;font-size:44px}.floor_2_11z>p{font-size:22px}.floor_2_11z a{color:#fff;font-size:16px;line-height:2}.floor_2_11>.a1{display:inline-block;margin-top:25px;padding:12px 26px;border:1px solid #fff}.floor_2_2 ul{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:65px 0 0;padding:0;list-style:none}.floor_2_2 img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.floor_2_2 h3{margin:12px 0;color:#fff;font-size:18px}.laohan-this{display:flex;gap:16px}.laohan-this a{padding:13px 30px;border:1px solid #aaa;border-radius:26px}.laohan-this .hover{border-color:#2274ff;background:#2274ff;color:#fff}.floor_4_11{display:grid;grid-template-columns:1fr 1fr;gap:30px}.floor_4_12>a,.floor_4_13>a{display:flex;align-items:center;gap:18px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #ddd}.floor_4_12 img,.floor_4_13 img{display:block;width:190px;height:120px;object-fit:cover}.bottom_main{background:#1e2b32;color:#fff}.bottom_na{padding:48px 0 30px}.bottom_tel{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid #465158}.bottom_tel .webLogo img{display:block;height:45px;width:auto}.bottom_tel .nav ul{display:flex;gap:38px;margin:0;padding:0;list-style:none}.bottom_tel .nav a{color:#fff}.bottom_xin{display:grid;grid-template-columns:1fr auto;gap:60px;padding-top:30px}.bottom_ddz{display:flex;gap:70px}.bottom_ddz span{display:block;color:#9eabb1;font-size:15px}.bottom_ddz b{display:block;margin-top:8px;font-size:24px}.bottom_nav{margin-top:38px;color:#aab4b9;line-height:2}.bottom_nav a{color:#aab4b9}.bottom_ewm{display:flex;gap:24px}.bottom_ewm img{display:block;width:110px;height:110px;object-fit:cover}.bottom_ewm p{margin:7px 0;text-align:center;color:#aab4b9}.rightFix{position:fixed;right:12px;bottom:10%;z-index:200;width:65px}.rightFix>a{position:relative;display:block;margin-bottom:6px;padding:12px 4px;border-radius:5px;background:#2274ff;color:#fff;text-align:center}.rightFix h3{margin:0;font-size:12px;font-weight:400}.rightFix .ftel{display:none}.rightFix .img{position:absolute;right:74px;bottom:0;display:none;width:160px;padding:10px;background:#fff;color:#333;box-shadow:0 5px 20px rgba(0,0,0,.2)}.rightFix a:hover .img{display:block}.rightFix .img img{display:block;width:140px;height:140px;object-fit:cover}.rightFix .img p{margin:4px 0}.modal{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.55)}.modal-content{width:600px;margin:20vh auto;padding:30px;background:#fff}.modal-body{display:flex}.modal-body .stxt{flex:1;height:44px;padding:0 12px;border:1px solid #ddd}.modal-body .sbtn{width:80px;border:0;background:#2274ff}.menu-toggle{display:none}
@media(max-width:1100px){.w1520{width:calc(100% - 40px)}.nav{gap:22px}.nav .alink{font-size:15px}.floor_0_1 .list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.w1520{width:calc(100% - 28px)}.header_main{height:70px;background:#fff}.header_main .webLogo img{height:36px}.header_main .webLogo .img{display:none}.header_main .webLogo .img1{display:block}.nav_main,.email{display:none}.banner{padding-top:70px}.banner .swiper-slide img{aspect-ratio:750/520}.floor_0_main,.floor_1_main,.floor_2_main,.floor_4_main{padding:50px 0}.floor_1_00 h3{font-size:30px}.floor_0_1 .list,.floor_1_1 .swiper-wrapper,.floor_2_2 ul,.floor_4_11{grid-template-columns:1fr}.floor_0_1 .item,.floor_0_1 .img,.floor_0_1 .img img{min-height:300px;height:300px}.floor_2_main{min-height:1000px}.bottom_tel,.bottom_xin{display:block}.bottom_tel .nav ul{flex-wrap:wrap;gap:15px;margin-top:25px}.bottom_ddz{display:block}.bottom_ddz .tel{margin-bottom:20px}.bottom_ewm{margin-top:25px}.rightFix{display:none}.modal-content{width:calc(100% - 28px)}}
/* Home page reconstruction */
.index_main .floor_0_main{padding:76px 0;background:#fff}.index_main .floor_1_main{padding:76px 0 92px;background:#edf4f9}.index_main .floor_4_main{padding:76px 0;background:#eef3f7}.index_main .floor_1_00 h3{font-size:34px}.index_main .floor_1_00 .a1{padding:9px 25px;font-size:13px}.index_main .floor_0_1 .list{grid-template-columns:18% 18% 46% 18%;gap:0}.index_main .floor_0_1 .item,.index_main .floor_0_1 .img,.index_main .floor_0_1 .img img{height:400px;min-height:400px}.index_main .floor_0_1 .item:nth-child(3) .bg{opacity:1}.index_main .floor_0_1 .item:nth-child(3)>.w{opacity:0}.index_main .floor_0_1 .bg{padding:42px}.index_main .floor_0_1 .bg .title h3{font-size:27px}.index_main .floor_0_1 .bg .p{font-size:15px;line-height:1.9}.index_main .floor_1_1{position:relative}.index_main .floor_1_1 .swiper-wrapper{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.index_main .floor_1_1 .swiper-slide{overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05)}.index_main .floor_1_1 .swiper-slide:nth-child(n+4){display:none}.index_main .floor_1_1 .swiper-slide>a{display:block;padding:22px 24px 28px}.index_main .floor_1_1 .swiper-slide .img img{aspect-ratio:4/3;object-fit:contain}.index_main .floor_1_1 h3{margin:16px 0 8px;font-size:19px}.index_main .floor_1_1 .p{font-size:14px;line-height:1.7}.index_main .floor_2_main{min-height:640px;padding:0;background:#173b4a}.index_main .floor_2_main>.imga{z-index:0;filter:brightness(.62)}.index_main .floor_2_main>.w1520{position:relative;z-index:1;min-height:640px}.index_main .floor_2_1{padding-top:120px}.index_main .floor_2_11{width:60%;max-width:820px;margin-left:180px}.index_main .floor_2_11s p{font-size:40px;font-weight:700}.index_main .floor_2_11z>p{font-size:20px;font-weight:700}.index_main .floor_2_11z>a{display:block;max-height:145px;overflow:hidden}.index_main .floor_2_2{position:absolute;right:0;top:105px;width:250px}.index_main .floor_2_2 ul{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}.index_main .floor_2_2 li a{position:relative;display:flex;height:125px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35)}.index_main .floor_2_2 img{position:absolute;inset:0;width:100%;height:100%;opacity:.12}.index_main .floor_2_2 h3{position:relative;z-index:1;margin:0;font-weight:400}.index_main .floor_4_11{grid-template-columns:1fr 1.15fr;gap:45px}.index_main .floor_4_12>a{display:block}.index_main .floor_4_12 img{width:100%;height:310px;object-fit:cover}.index_main .floor_4_12 .w{padding-top:14px}.index_main .floor_4_13>a{justify-content:space-between;min-height:92px}.index_main .floor_4_13 .img{order:2}.index_main .floor_4_13 img{width:145px;height:88px}.index_main .floor_4_13 .w{min-width:0}.index_main .floor_4_13 h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index_main .time{color:#89969d}
@media(max-width:900px){.index_main .floor_0_1 .list{grid-template-columns:1fr 1fr}.index_main .floor_0_1 .item:nth-child(3){grid-column:1/-1}.index_main .floor_1_1 .swiper-wrapper{grid-template-columns:1fr}.index_main .floor_1_1 .swiper-slide:nth-child(n+4){display:none}.index_main .floor_2_11{width:auto;margin-left:0;margin-right:0}.index_main .floor_2_2{position:static;width:100%;margin-top:35px}.index_main .floor_2_main>.w1520{padding-bottom:50px}.index_main .floor_4_11{grid-template-columns:1fr}}
.header_main.xc .nav .item.is-current>.alink,.header_main.xc .nav .item.is-active>.alink,.header_main.xc .nav .item.is-ancestor>.alink,.header_main.xc .nav .item:hover>.alink{color:#2274ff}
.header_main .email>a,.header_main.xc .email>a{display:block;width:20px;height:20px;padding:0;border:0;border-radius:0;background:transparent}
.index_main .floor_2_main>.w1520:before{content:"";position:absolute;left:0;top:82px;width:70px;height:535px;background:url('/assets/home-about-word.png') center/contain no-repeat}.index_main .floor_2_2{right:55px;top:48px;width:330px;height:470px}.index_main .floor_2_2 ul{position:relative;display:block;width:100%;height:100%}.index_main .floor_2_2 li{position:absolute;width:145px;height:145px}.index_main .floor_2_2 li:nth-child(1){left:0;top:0}.index_main .floor_2_2 li:nth-child(2){right:0;top:92px}.index_main .floor_2_2 li:nth-child(3){left:0;top:184px}.index_main .floor_2_2 li:nth-child(4){right:0;top:276px}.index_main .floor_2_2 li a{height:100%;background:rgba(30,55,63,.08)}.index_main .floor_2_2 img{opacity:.28;object-fit:cover}.index_main .floor_2_11{margin-left:150px;width:58%;padding-right:40px}.index_main .floor_2_11z>a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.index_main .floor_2_11>.a1{margin-top:28px}
@media(max-width:1100px){.index_main .floor_2_main>.w1520:before{display:none}.index_main .floor_2_11{margin-left:0;width:calc(100% - 300px)}.index_main .floor_2_2{width:280px}.index_main .floor_2_2 li{width:135px;height:135px}.index_main .floor_2_2 li:nth-child(2){top:95px}.index_main .floor_2_2 li:nth-child(3){top:190px}.index_main .floor_2_2 li:nth-child(4){top:285px}}
.index_main .floor_2_11z>a{max-height:160px!important;line-height:2!important}
.mobile-menu-toggle{display:none}
@media(max-width:760px){.mobile-menu-toggle{position:relative;z-index:12;display:flex;width:34px;height:34px;margin-left:auto;padding:7px 5px;flex-direction:column;justify-content:space-between;border:0;background:transparent;cursor:pointer}.mobile-menu-toggle span{display:block;height:2px;background:#333;transition:.2s}.nav_main{position:absolute;top:70px;left:0;right:0;display:none;margin:0;padding:8px 14px 18px;background:#fff;border-top:1px solid #eee;box-shadow:0 8px 18px rgba(0,0,0,.1)}.nav_main.is-open{display:block}.nav_main .nav{display:block}.nav_main .item{border-bottom:1px solid #eee}.nav_main .alink{padding:14px 10px!important;color:#333!important;font-size:16px}.nav_main .item.is-current>.alink,.nav_main .item.is-active>.alink,.nav_main .item.is-ancestor>.alink{color:#2274ff!important}.nav_main .sub-box{position:static;display:none;min-width:0;padding:0;transform:none;background:#f7f9f9;box-shadow:none}.nav_main .item.is-open>.sub-box{display:block}.nav_main .sub-box .it>a{display:block;padding:10px 24px;border-bottom:1px solid #e8eeee;font-size:14px}.header_main .email{display:none}.index_main .floor_2_11{width:100%;padding-right:0}.index_main .floor_2_2{position:static;width:100%;height:auto;margin-top:35px}.index_main .floor_2_2 ul{height:330px}.index_main .floor_2_2 li{width:calc(50% - 8px);height:145px}.index_main .floor_2_2 li:nth-child(1){left:0;top:0}.index_main .floor_2_2 li:nth-child(2){right:0;top:0}.index_main .floor_2_2 li:nth-child(3){left:0;top:160px}.index_main .floor_2_2 li:nth-child(4){right:0;top:160px}.index_main .home-about-word{display:none}}
.index_main .floor_2_2 li a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:28px 28px 22px;border:1px solid rgba(255,255,255,.55);transition:background .25s,color .25s}.index_main .floor_2_2 img{position:static;width:40px;height:36px;object-fit:contain;opacity:1;margin:0 0 22px}.index_main .floor_2_2 h3{position:static;margin:0;color:#fff;font-size:20px;font-weight:400;line-height:1.4}.index_main .floor_2_2 h3:after{content:"";display:block;width:27px;height:1px;margin-top:14px;background:#fff}.index_main .floor_2_2 li:hover a{background:#2274ff;border-color:#2274ff}.index_main .floor_2_2 li:hover img{opacity:1}.index_main .floor_2_2 li:hover h3{font-weight:700}
@media(min-width:1101px){.w1520{width:min(1520px,calc(100% - 160px))}}
.nav .item>.sub-box{top:100%}.nav .item>.sub-box:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
@media(max-width:760px){html,body{width:100%;max-width:100%;overflow-x:hidden}.header_main,.header_main.xc{height:64px;background:#fff}.header>.w1520{width:calc(100% - 28px)}.header_main .webLogo img{height:34px}.nav_main{top:64px;max-height:calc(100vh - 64px);overflow-y:auto}.banner{width:100%;padding-top:64px}.banner .swiper-container,.banner .swiper-wrapper,.banner .swiper-slide,.banner .swiper-slide a,.banner .swiper-slide .img{width:100%;max-width:100%}.banner .swiper-slide img{width:100%;height:auto;min-height:0;aspect-ratio:750/520;object-fit:cover}.index_main,.floor_index,.index_main section{width:100%;max-width:100%;overflow:hidden}.index_main .w1520{width:calc(100% - 28px);max-width:none}.index_main .floor_0_main,.index_main .floor_1_main,.index_main .floor_4_main{padding:48px 0}.index_main .floor_1_00{align-items:center;margin-bottom:26px}.index_main .floor_1_00 h3{font-size:28px}.index_main .floor_1_00 .a1{padding:8px 17px;font-size:12px}.index_main .floor_0_1 .list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.index_main .floor_0_1 .item,.index_main .floor_0_1 .item:nth-child(3){grid-column:auto;width:100%;height:auto;min-height:0;aspect-ratio:4/3}.index_main .floor_0_1 .img,.index_main .floor_0_1 .img img{width:100%;height:100%;min-height:0}.index_main .floor_0_1 .item:nth-child(3) .bg{opacity:0}.index_main .floor_0_1 .item:nth-child(3)>.w{opacity:1}.index_main .floor_0_1 .item:active .bg{opacity:1}.index_main .floor_1_1 .swiper-wrapper{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.index_main .floor_1_1 .swiper-slide{width:100%}.index_main .floor_1_1 .swiper-slide>a{padding:18px}.index_main .floor_2_main{min-height:0}.index_main .floor_2_main>.w1520{min-height:0;padding:45px 0}.index_main .floor_2_1{padding-top:0}.index_main .floor_2_11{width:100%;max-width:none;margin:0;padding:0}.index_main .floor_2_11s p{font-size:30px}.index_main .floor_2_11z>p{font-size:17px}.index_main .floor_2_11z>a{max-height:168px!important;font-size:14px;line-height:2!important;-webkit-line-clamp:6}.index_main .floor_2_2{position:static;width:100%;height:auto;margin-top:34px}.index_main .floor_2_2 ul{position:relative;height:310px}.index_main .floor_2_2 li{width:calc(50% - 7px);height:145px}.index_main .floor_2_2 li:nth-child(1){left:0;top:0}.index_main .floor_2_2 li:nth-child(2){right:0;top:0}.index_main .floor_2_2 li:nth-child(3){left:0;top:160px}.index_main .floor_2_2 li:nth-child(4){right:0;top:160px}.index_main .floor_2_2 li a{padding:20px}.index_main .floor_2_2 h3{font-size:16px}.index_main .floor_4_11{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.index_main .floor_4_12 img{height:auto;aspect-ratio:16/9}.index_main .floor_4_13>a{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px}.index_main .floor_4_13 img{width:100px;height:72px}.bottom_na{width:calc(100% - 28px);padding:36px 0}.bottom_tel,.bottom_xin{display:block}.bottom_tel .nav ul{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.bottom_ddz{display:block}.bottom_ewm{display:flex;justify-content:flex-start;gap:16px;margin-top:25px}.bottom_ewm img{width:90px;height:90px}}
/* Home motion */
.index_main .banner .swiper-wrapper{display:grid}.index_main .banner .swiper-slide{display:block!important;grid-area:1/1;z-index:0;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .9s ease,transform 6s ease,visibility 0s linear .9s}.index_main .banner .swiper-slide.is-active{z-index:1;opacity:1;visibility:visible;transform:scale(1);transition-delay:0s}.banner-arrow{position:absolute;top:50%;z-index:5;width:58px;height:58px;margin-top:-29px;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(255,255,255,.08);cursor:pointer;transition:background .25s,transform .25s}.banner-arrow:before{content:"";position:absolute;left:21px;top:19px;width:14px;height:14px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}.banner-prev{left:5%}.banner-prev:before{left:23px;transform:rotate(-135deg)}.banner-next{right:5%}.banner-arrow:hover{background:#2274ff;transform:scale(1.06)}
.home-reveal{opacity:0;transform:translateY(34px);transition:opacity .7s ease var(--reveal-delay,0ms),transform .7s ease var(--reveal-delay,0ms)}.home-reveal.is-visible{opacity:1;transform:none}.index_main .floor_1_00 h3.home-reveal{transform:translateX(-34px)}.index_main .floor_1_00 .a1.home-reveal{transform:translateX(34px)}.index_main .floor_1_00 h3.home-reveal.is-visible,.index_main .floor_1_00 .a1.home-reveal.is-visible{transform:none}
.index_main .floor_0_1 .list{display:flex}.index_main .floor_0_1 .item{flex:0 0 18%;transition:flex-basis .55s cubic-bezier(.22,.61,.36,1)}.index_main .floor_0_1 .item.is-expanded{flex-basis:46%}.index_main .floor_0_1 .item .bg{transition:opacity .35s ease}.index_main .floor_0_1 .item.is-expanded .bg{opacity:1}.index_main .floor_0_1 .item.is-expanded>.w{opacity:0}.index_main .floor_0_1 .item:not(.is-expanded) .bg{opacity:0}.index_main .floor_0_1 .item:not(.is-expanded)>.w{opacity:1}
.index_main .floor_1_1{padding:0 44px}.index_main .floor_1_1 .swiper-slide{display:none!important;animation:productFade .45s ease both}.index_main .floor_1_1 .swiper-slide.is-product-visible{display:block!important}.home-product-arrow{position:absolute;top:50%;z-index:4;width:50px;height:50px;margin-top:-50px;padding:0;border:0;border-radius:50%;background:#b4b4b4;cursor:pointer;transition:background-color .3s ease}.home-product-prev{left:-18px}.home-product-next{right:-18px}.home-product-arrow:before{content:"";position:absolute;left:18px;top:18px;width:14px;height:14px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);transform-origin:center}.home-product-prev:before{left:18px;transform:rotate(-135deg)}.home-product-arrow:hover,.home-product-arrow:focus-visible{background:#1f6eea}@keyframes productFade{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.index_main .floor_1_1{width:100%;max-width:100%;min-width:0;padding-right:44px;padding-left:44px;overflow:visible}.index_main .floor_1_1 .swiper-wrapper{width:100%;max-width:100%;min-width:0}.index_main .floor_1_1 .swiper-slide{min-width:0}.index_main .home-product-prev{left:-25px}.index_main .home-product-next{right:-25px}
.index_main .floor_1_main{padding-top:110px}.index_main .floor_1_main .floor_1_00{position:relative;z-index:2}
.index_main .floor_1_main>.w1520{width:calc(100% - 160px);max-width:1620px}
@media(max-width:760px){.banner-arrow{display:none}.home-reveal{transform:translateY(20px)}.index_main .floor_0_1 .list{display:grid}.index_main .floor_0_1 .item,.index_main .floor_0_1 .item.is-expanded{width:100%;flex:none}.index_main .floor_1_1{padding:0 34px}.home-product-arrow{display:block}.index_main .floor_1_1 .swiper-slide:nth-child(n){display:none!important}.index_main .floor_1_1 .swiper-slide.is-product-visible{display:block!important}}
.mobile-news-source{display:none}
@media(max-width:760px){
.index_main .floor_4_main .mobile-news-source{display:block!important;margin-top:24px!important}
.index_main .floor_4_main .mobile-news-list{position:relative!important;display:block!important;width:100%!important;height:470px!important;overflow:hidden!important}
.index_main .floor_4_main .mobile-news-list>a{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;visibility:hidden!important;transform:translate3d(100%,0,0)!important;transition:transform .8s cubic-bezier(.22,.61,.36,1),opacity .8s ease,visibility 0s linear .8s!important}
.index_main .floor_4_main .mobile-news-list>a.is-mobile-news-active{visibility:visible!important}
.index_main .floor_4_main .mobile-news-list>a .img{display:block!important;width:100%!important;height:250px!important;overflow:hidden!important}
.index_main .floor_4_main .mobile-news-list>a .img img{display:block!important;width:100%!important;height:250px!important;object-fit:cover!important}
.index_main .floor_4_main .mobile-news-list>a .w{display:block!important;padding:16px 0!important}
.index_main .floor_4_main .mobile-news-list>a h3{display:-webkit-box!important;overflow:hidden!important;margin:0 0 12px!important;font-size:18px!important;line-height:1.55!important;font-weight:400!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
.index_main .floor_4_main .mobile-news-list>a .tin{display:-webkit-box!important;overflow:hidden!important;margin:0 0 12px!important;color:#888!important;font-size:14px!important;line-height:1.7!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important}
.index_main .floor_4_main .mobile-news-list>a .time{margin:0!important;font-size:14px!important;color:#9aa2a7!important}
.index_main .floor_4_main>.w1520>.laohan-u{display:none!important}
.index_main .floor_4_main .news-mobile-dots{display:flex!important;justify-content:center!important;gap:8px!important;margin:18px 0 0!important}
.index_main .floor_4_main .news-mobile-dots button{width:8px!important;height:8px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#c9cfd2!important}
.index_main .floor_4_main .news-mobile-dots button.is-active{background:#2274ff!important}
}
@media(max-width:760px){
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
#index_main,.index_main,.index_main .floor_index,.index_main section,.index_main .banner,.index_main .banner .swiper-container,.index_main .banner .swiper-wrapper{width:100%!important;max-width:100%!important;overflow:hidden!important}
.index_main .banner .swiper-slide,.index_main .banner .swiper-slide>a,.index_main .banner .swiper-slide .img,.index_main .banner .banner-video{width:100%!important;max-width:100%!important}
.index_main .floor_1_1{position:relative!important;width:100%!important;max-width:100%!important;padding:0 34px!important;overflow:hidden!important}
.index_main .floor_1_1 .swiper-wrapper{display:block!important;width:100%!important;max-width:100%!important;transform:none!important}
.index_main .floor_1_1 .swiper-slide{width:100%!important;max-width:100%!important;margin:0 0 18px!important}
.index_main .floor_1_1 .swiper-slide.is-product-visible{display:block!important}
.index_main .floor_1_1 .swiper-slide:not(.is-product-visible){display:none!important}
.index_main .home-product-prev{left:2px!important}.index_main .home-product-next{right:2px!important}
.rightFix{display:none!important}
}
.product-mobile-dots{display:none}
@media(max-width:760px){
.index_main .floor_1_main>.w1520{width:calc(100% - 36px)!important}
.index_main .floor_1_main .floor_1_1{width:100%!important;padding:0!important;overflow:hidden!important}
.index_main .floor_1_main .floor_1_1 .swiper-wrapper{width:100%!important;touch-action:pan-y!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide{width:100%!important;max-width:none!important;margin:0!important;border-radius:7px!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide>a{padding:26px 27px 28px!important}
.index_main .floor_1_main .home-product-arrow{display:none!important}
.index_main .floor_1_main .product-mobile-dots{display:flex!important;justify-content:center!important;gap:8px!important;margin:22px 0 0!important}
.index_main .floor_1_main .product-mobile-dots button{width:8px!important;height:8px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#c9cfd2!important}
.index_main .floor_1_main .product-mobile-dots button.is-active{background:#2274ff!important}
}
.index_main .floor_1_main .product-mobile-dots{display:none}
@media(max-width:760px){
.index_main .floor_1_main .floor_1_1 .swiper-wrapper{position:relative!important;display:block!important;height:440px!important;overflow:hidden!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide,
.index_main .floor_1_main .floor_1_1 .swiper-slide.is-product-visible{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;visibility:hidden!important;transform:translate3d(100%,0,0)!important;transition:transform .62s cubic-bezier(.22,.61,.36,1),opacity .62s ease,visibility 0s linear .62s!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide.is-product-active{opacity:1!important;visibility:visible!important;transform:translate3d(0,0,0)!important;transition-delay:0s!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide.is-product-leaving-left{opacity:0!important;visibility:visible!important;transform:translate3d(-100%,0,0)!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide.is-product-leaving-right{opacity:0!important;visibility:visible!important;transform:translate3d(100%,0,0)!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide>a{height:100%!important}
}
/* Mobile news follows the original single-card swiper layout. */
.news-mobile-dots{display:none}
@media(max-width:760px){
.index_main .floor_4_main .home-news-panel.is-active .floor_4_11{position:relative!important;display:block!important;width:100%!important;height:470px!important;overflow:hidden!important}
.index_main .floor_4_main .home-news-panel.is-active .floor_4_11>div{display:block!important;width:100%!important;height:100%!important}
.index_main .floor_4_main .home-news-panel.is-active .floor_4_11 a{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;visibility:hidden!important;transform:translate3d(100%,0,0)!important;transition:transform .8s cubic-bezier(.22,.61,.36,1),opacity .8s ease,visibility 0s linear .8s!important}
.index_main .floor_4_main .home-news-panel.is-active .floor_4_11 a.is-mobile-news-active{visibility:visible!important}
.index_main .floor_4_main .home-news-panel.is-active .floor_4_11 a .img{display:block!important;width:100%!important;height:250px!important;overflow:hidden!important}
.index_main .floor_4_main .home-news-panel.is-active .floor_4_11 a .img img{display:block!important;width:100%!important;height:250px!important;object-fit:cover!important}
.index_main .floor_4_main .home-news-panel.is-active .floor_4_11 a .w{display:block!important;width:100%!important;padding:16px 0!important}
.index_main .floor_4_main .home-news-panel.is-active .floor_4_11 a h3{display:-webkit-box!important;overflow:hidden!important;margin:0 0 12px!important;font-size:18px!important;line-height:1.55!important;font-weight:400!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
.index_main .floor_4_main .home-news-panel.is-active .floor_4_11 a .time{margin:0!important;font-size:14px!important}
.index_main .floor_4_main .news-mobile-dots{display:flex!important;justify-content:center!important;gap:8px!important;margin:18px 0 0!important}
.index_main .floor_4_main .news-mobile-dots button{width:8px!important;height:8px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#c9cfd2!important}
.index_main .floor_4_main .news-mobile-dots button.is-active{background:#2274ff!important}
}
@media(max-width:760px){
.index_main .floor_1_main .floor_1_1 .swiper-container{overflow:hidden!important}
.index_main .floor_1_main .floor_1_1 .swiper-wrapper{position:relative!important;display:flex!important;width:100%!important;height:auto!important;overflow:visible!important;transform:translate3d(0,0,0);transition:transform .72s cubic-bezier(.25,.8,.25,1)!important;touch-action:pan-y!important;will-change:transform}
.index_main .floor_1_main .floor_1_1 .swiper-slide,.index_main .floor_1_main .floor_1_1 .swiper-slide.is-product-visible{position:relative!important;inset:auto!important;display:block!important;flex:0 0 100%!important;width:100%!important;height:auto!important;min-height:0!important;opacity:1!important;visibility:visible!important;transform:none!important;margin:0 0 0 0!important;transition:none!important}
}
/* Match the verified solutions mobile transition: one card in place, next card slides in. */
@media(max-width:760px){
.index_main .floor_1_main .floor_1_1 .swiper-wrapper{position:relative!important;display:block!important;width:100%!important;height:440px!important;overflow:hidden!important;transform:none!important;transition:none!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide,
.index_main .floor_1_main .floor_1_1 .swiper-slide.is-product-visible{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;visibility:hidden!important;transform:translate3d(100%,0,0)!important;transition:transform .72s cubic-bezier(.22,.61,.36,1),opacity .72s ease,visibility 0s linear .72s!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide.is-product-active{opacity:1!important;visibility:visible!important;transform:translate3d(0,0,0)!important;transition-delay:0s!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide.is-product-leaving-left{opacity:0!important;visibility:visible!important;transform:translate3d(-100%,0,0)!important;transition-delay:0s!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide.is-product-leaving-right{opacity:0!important;visibility:visible!important;transform:translate3d(100%,0,0)!important;transition-delay:0s!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide.is-product-entering-right{opacity:0!important;visibility:visible!important;transform:translate3d(100%,0,0)!important;transition:none!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide.is-product-entering-left{opacity:0!important;visibility:visible!important;transform:translate3d(-100%,0,0)!important;transition:none!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide>a{height:100%!important}
}
/* Keep mobile product cards tall enough for the complete backend summary. */
@media(max-width:760px){
.index_main .floor_1_main .floor_1_1 .swiper-wrapper{height:500px!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide,
.index_main .floor_1_main .floor_1_1 .swiper-slide.is-product-visible{height:500px!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide>a{height:500px!important;overflow:visible!important}
.index_main .floor_1_main .floor_1_1 .swiper-slide .p{height:auto!important;max-height:none!important;overflow:visible!important}
}
/* Hover state shows only the green progress ring. */
.index_main .banner .banner-arrow:hover,
.index_main .banner .banner-arrow:focus-visible{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}
.index_main .banner .banner-arrow:hover .banner-ring-track,
.index_main .banner .banner-arrow:focus-visible .banner-ring-track{display:none!important;stroke:none!important;opacity:0!important}
/* Final mobile solution content alignment. */
@media(max-width:760px){
.index_main .floor_0_1 .list .item .bg,
.index_main .floor_0_1 .list .item.is-expanded .bg{display:flex!important;align-items:center!important;padding:30px 30px 42px!important}
.index_main .floor_0_1 .list .item .bg .inner{width:100%!important;height:auto!important;margin:0!important}
.index_main .floor_0_1 .list .item .bg .title{width:100%!important;max-height:none!important;margin:0!important;padding-right:24px!important}
.index_main .floor_0_1 .list .item .bg .title h3{margin:0 0 14px!important}
.index_main .floor_0_1 .list .item .bg .title .p{height:auto!important;max-height:none!important;margin:0!important;overflow:visible!important}
}
/* Final mobile solution content alignment. */
@media(max-width:760px){
.index_main .floor_0_1 .list .item .bg,
.index_main .floor_0_1 .list .item.is-expanded .bg{display:flex!important;align-items:center!important;padding:30px 30px 42px!important}
.index_main .floor_0_1 .list .item .bg .inner{width:100%!important;height:auto!important;margin:0!important}
.index_main .floor_0_1 .list .item .bg .title{width:100%!important;max-height:none!important;margin:0!important;padding-right:24px!important}
.index_main .floor_0_1 .list .item .bg .title h3{margin:0 0 14px!important}
.index_main .floor_0_1 .list .item .bg .title .p{height:auto!important;max-height:none!important;margin:0!important;overflow:visible!important}
}
/* Final mobile solution content alignment. */
@media(max-width:760px){
.index_main .floor_0_1 .list .item .bg,
.index_main .floor_0_1 .list .item.is-expanded .bg{display:flex!important;align-items:center!important;padding:30px 30px 42px!important}
.index_main .floor_0_1 .list .item .bg .inner{width:100%!important;height:auto!important;margin:0!important}
.index_main .floor_0_1 .list .item .bg .title{width:100%!important;max-height:none!important;margin:0!important;padding-right:24px!important}
.index_main .floor_0_1 .list .item .bg .title h3{margin:0 0 14px!important}
.index_main .floor_0_1 .list .item .bg .title .p{height:auto!important;max-height:none!important;margin:0!important;overflow:visible!important}
}
/* Final mobile solution content alignment. */
@media(max-width:760px){
.index_main .floor_0_1 .list .item .bg,
.index_main .floor_0_1 .list .item.is-expanded .bg{
display:flex!important;
align-items:center!important;
padding:30px 30px 42px!important;
}
.index_main .floor_0_1 .list .item .bg .inner{
width:100%!important;
height:auto!important;
margin:0!important;
}
.index_main .floor_0_1 .list .item .bg .title{
width:100%!important;
max-height:none!important;
margin:0!important;
padding-right:24px!important;
}
.index_main .floor_0_1 .list .item .bg .title h3{
margin:0 0 14px!important;
}
.index_main .floor_0_1 .list .item .bg .title .p{
height:auto!important;
max-height:none!important;
margin:0!important;
overflow:visible!important;
}
}
/* Final mobile solution content alignment. */
@media(max-width:760px){
.index_main .floor_0_1 .list .item .bg,
.index_main .floor_0_1 .list .item.is-expanded .bg{
display:flex!important;
align-items:center!important;
padding:30px 30px 42px!important;
}
.index_main .floor_0_1 .list .item .bg .inner{
width:100%!important;
height:auto!important;
margin:0!important;
}
.index_main .floor_0_1 .list .item .bg .title{
width:100%!important;
max-height:none!important;
margin:0!important;
padding-right:24px!important;
}
.index_main .floor_0_1 .list .item .bg .title h3{
margin:0 0 14px!important;
}
.index_main .floor_0_1 .list .item .bg .title .p{
height:auto!important;
max-height:none!important;
margin:0!important;
overflow:visible!important;
}
}
/* Final mobile solution alignment: override legacy bottom-aligned state rules. */
@media(max-width:760px){
.index_main .floor_0_main .floor_0_1 .item .bg{align-items:center!important;padding:30px 30px 42px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title{width:100%!important;padding-right:24px!important;margin:0!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title h3{margin:0 0 14px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title .p{margin:0!important}
}
/* Absolute final mobile solution alignment override. */
@media(max-width:760px){
.index_main .floor_0_main .floor_0_1 .item .bg{align-items:center!important;padding:30px 30px 42px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title{width:100%!important;padding-right:24px!important;margin:0!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title h3{margin:0 0 14px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title .p{margin:0!important}
}
/* Final mobile alignment override, after the legacy solution state rules. */
@media(max-width:760px){
.index_main .floor_0_main .floor_0_1 .item .bg{align-items:center!important;padding:30px 30px 42px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title{width:100%!important;padding-right:24px!important;margin:0!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title h3{margin:0 0 14px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title .p{margin:0!important}
}
/* Center each mobile solution's complete content group consistently. */
@media(max-width:760px){
.index_main .floor_0_main .floor_0_1 .item .bg{align-items:center!important;padding:30px 30px 42px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .inner{width:100%!important;max-height:100%!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title{width:100%!important;padding-right:24px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title h3{margin:0 0 14px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title .p{margin:0!important}
}
/* Final mobile solution card sizing: keep the full description inside the slide. */
@media(max-width:760px){
.index_main .floor_0_main .floor_0_1 .list{height:355px!important;min-height:355px!important;aspect-ratio:auto!important}
.index_main .floor_0_main .floor_0_1 .item,
.index_main .floor_0_main .floor_0_1 .item.is-mobile-active,
.index_main .floor_0_main .floor_0_1 .item.is-mobile-leaving-left,
.index_main .floor_0_main .floor_0_1 .item.is-mobile-leaving-right{height:355px!important;min-height:355px!important;aspect-ratio:auto!important}
.index_main .floor_0_main .floor_0_1 .item .bg{height:100%!important;min-height:355px!important;padding:30px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title .p{height:auto!important;max-height:none!important;overflow:visible!important;line-height:1.8!important}
}
/* Mobile About section: match the original tall composition. */
@media(max-width:760px){
.index_main .floor_2_main{height:945px!important;min-height:945px!important;padding:0!important;background:#17628a!important}
.index_main .floor_2_main>.imga{content:url('/assets/home-about-bg-mobile.jpg')!important;z-index:0!important;width:100%!important;height:100%!important;object-fit:fill!important;filter:none!important}
.index_main .floor_2_main>.w1520{position:relative!important;z-index:1!important;width:100%!important;min-height:911px!important;padding:64px 19px 0!important;box-sizing:border-box!important}
.index_main .floor_2_main>.w1520:before{content:""!important;position:absolute!important;left:19px!important;top:64px!important;display:block!important;width:41.42px!important;height:446.7px!important;background:url('/assets/home-about-word.png') center top/contain no-repeat!important}
.index_main .floor_2_1{padding:0!important}
.index_main .floor_2_11{width:calc(100% - 56.5px)!important;max-width:none!important;margin:0 0 0 56.5px!important;padding:0!important}
.index_main .floor_2_11s p{margin:0 0 19.2px!important;font-size:30.72px!important;line-height:32px!important;font-weight:700!important}
.index_main .floor_2_11z>p{margin:0 0 12.8px!important;font-size:20.48px!important;line-height:29.44px!important;font-weight:700!important}
.index_main .floor_2_11z>a{display:block!important;height:256px!important;max-height:256px!important;margin:0!important;overflow:hidden!important;color:#fff!important;font-size:15.36px!important;line-height:23.04px!important}
.index_main .floor_2_11>.a1{width:115.2px!important;height:35.83px!important;margin-top:32px!important;padding:0!important;border:0!important;border-radius:22px!important;background:#409653!important;color:#fff!important;font-size:13px!important;line-height:35.83px!important;text-align:center!important}
.index_main .floor_2_2{position:static!important;width:100%!important;height:317.34px!important;margin:18.83px 0 0!important;padding-top:16.64px!important;box-sizing:border-box!important}
.index_main .floor_2_2 ul{position:relative!important;display:grid!important;width:100%!important;height:auto!important;margin:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16.63px 14.84px!important}
.index_main .floor_2_2 li,.index_main .floor_2_2 li:nth-child(n){position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:auto!important;height:142.05px!important;padding:18.83px!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.48)!important}
.index_main .floor_2_2 li a{position:relative!important;display:block!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;background:transparent!important}
.index_main .floor_2_2 img{position:static!important;width:40px!important;height:36px!important;margin:0!important;object-fit:contain!important;opacity:1!important}
.index_main .floor_2_2 h3{position:absolute!important;left:7px!important;top:62px!important;margin:0!important;color:#fff!important;font-size:19.2px!important;line-height:25px!important;font-weight:700!important}
.index_main .floor_2_2 h3:after{display:none!important}
.index_main .floor_2_2 li i{position:absolute!important;left:7px!important;top:96.3px!important;display:block!important;width:12.8px!important;height:1px!important;background:rgba(255,255,255,.5)!important}
}
/* The original site uses a dedicated 750x450 composition for banner three on mobile. */
@media(max-width:760px){
.index_main .banner .swiper-wrapper,
.index_main .banner .swiper-slide,
.index_main .banner .swiper-slide>a{aspect-ratio:750/450!important}
.index_main .banner .swiper-slide:nth-child(3) .img img{content:url('/assets/home-banner-mobile-3.jpg')!important;width:100%!important;height:100%!important;object-fit:fill!important}
.index_main .banner .swiper-slide:nth-child(3) .banner-video{display:none!important}
}
/* The shared mobile quick rail must remain visible over homepage overrides. */
@media(max-width:760px){.rightFix{display:block!important}}
/* Mobile solutions cards need room for the complete rich-text description. */
@media(max-width:760px){
.index_main .floor_0_main .floor_0_1 .list{height:355px!important;min-height:355px!important;aspect-ratio:auto!important}
.index_main .floor_0_main .floor_0_1 .item,
.index_main .floor_0_main .floor_0_1 .item.is-mobile-active,
.index_main .floor_0_main .floor_0_1 .item.is-mobile-leaving-left,
.index_main .floor_0_main .floor_0_1 .item.is-mobile-leaving-right{height:355px!important;min-height:355px!important;aspect-ratio:auto!important}
.index_main .floor_0_main .floor_0_1 .item .bg{height:100%!important;min-height:355px!important;padding:30px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title{height:auto!important;max-height:none!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title .p{height:auto!important;max-height:none!important;overflow:visible!important;line-height:1.8!important}
.index_main .floor_0_main .floor_0_1 .item .bg .des{bottom:15px!important}
}
/* Give homepage sections a more noticeable entrance below the banner. */
.index_main .home-reveal{transform:translateY(56px)}
.index_main .home-reveal.is-visible{transform:none}
.index_main .floor_1_00 h3.home-reveal{transform:translateX(-52px)}
.index_main .floor_1_00 .a1.home-reveal{transform:translateX(52px)}
.index_main .floor_1_00 h3.home-reveal.is-visible,
.index_main .floor_1_00 .a1.home-reveal.is-visible{transform:none}
.index_main .floor_2_2 li.home-reveal,
.index_main .floor_4_12>a.home-reveal,
.index_main .floor_4_13>a.home-reveal{transform:translateY(52px)}
.index_main .floor_2_2 li.home-reveal.is-visible,
.index_main .floor_4_12>a.home-reveal.is-visible,
.index_main .floor_4_13>a.home-reveal.is-visible{transform:none}
.index_main .floor_1_main:not(.products-in-view) .floor_1_1 .swiper-slide.is-product-visible{transform:translateY(60px)}
@keyframes productEnter{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@media(max-width:760px){.index_main .home-reveal{transform:translateY(34px)}.index_main .home-reveal.is-visible{transform:none}.index_main .floor_1_00 h3.home-reveal{transform:translateX(-30px)}.index_main .floor_1_00 .a1.home-reveal{transform:translateX(30px)}.index_main .floor_1_00 h3.home-reveal.is-visible,.index_main .floor_1_00 .a1.home-reveal.is-visible{transform:none}}
@media(min-width:761px){
.index_main .home-reveal{transform:translateY(90px);transition-duration:1s}
.index_main .home-reveal.is-visible{transform:none}
.index_main .floor_1_00 h3.home-reveal{transform:translateX(-85px)}
.index_main .floor_1_00 .a1.home-reveal{transform:translateX(85px)}
.index_main .floor_1_00 h3.home-reveal.is-visible,.index_main .floor_1_00 .a1.home-reveal.is-visible{transform:none}
.index_main .floor_2_2 li.home-reveal,.index_main .floor_4_12>a.home-reveal,.index_main .floor_4_13>a.home-reveal{transform:translateY(90px)}
.index_main .floor_2_2 li.home-reveal.is-visible,.index_main .floor_4_12>a.home-reveal.is-visible,.index_main .floor_4_13>a.home-reveal.is-visible{transform:none}
.index_main .floor_1_main:not(.products-in-view) .floor_1_1 .swiper-slide.is-product-visible{transform:translateY(105px)}
}
@keyframes productEnter{from{opacity:0;transform:translateY(105px)}to{opacity:1;transform:none}}
/* Keep the shared footer artwork from being reset by homepage base styles. */
.index_main~.bottom_main,.bottom_main{background-color:#20252b!important;background-image:url('/assets/footer-bg.jpg')!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important}
.bottom_main .bottom_xin .bottom_ewm{width:336px!important;justify-content:flex-start!important;gap:56px!important}
@media(max-width:760px){.bottom_main .bottom_xin .bottom_ewm{width:100%!important;justify-content:center!important;gap:40px!important;margin:28px auto 0!important}}
@media(max-width:760px){.header_main .nav_main .nav .item>.sub-box{position:static!important;left:auto!important;top:auto!important;display:none!important;width:100%!important;min-width:0!important;max-height:none!important;padding:0!important;overflow:visible!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important;transition:none!important;box-shadow:none!important}.header_main .nav_main .nav .item.is-open>.sub-box{display:block!important}.header_main .nav_main .sub-box:before{display:none!important}.header_main .nav_main .sub-box .it{display:block!important;width:100%!important}.header_main .nav_main .sub-box .it>a{display:block!important;width:100%!important;height:auto!important;padding:11px 24px!important;justify-content:flex-start!important;text-align:left!important;white-space:normal!important;overflow:visible!important}}
@media(max-width:760px){.index_main .floor_0_main .floor_0_1 .list{display:block!important}.index_main .floor_0_main .floor_0_1 .item{display:none!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important}.index_main .floor_0_main .floor_0_1 .item.is-mobile-active{display:block!important}.index_main .floor_0_main .floor_0_1 .item .img,.index_main .floor_0_main .floor_0_1 .item .img img{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;object-fit:cover!important}.index_main .floor_0_main .floor_0_1 .item .img2{display:none!important}.index_main .floor_0_main .floor_0_1 .item .img>.w{display:none!important}.index_main .floor_0_main .floor_0_1 .item .bg{display:flex!important;inset:0!important;width:100%!important;height:100%!important;padding:28px!important;align-items:flex-end!important;background:rgba(0,0,0,.48)!important;opacity:1!important}.index_main .floor_0_main .floor_0_1 .item .bg .title{width:100%!important;padding:0 34px 0 0!important;opacity:1!important;transform:none!important}.index_main .floor_0_main .floor_0_1 .item .bg .title h3{margin:0 0 14px!important;font-size:22px!important;line-height:1.3!important}.index_main .floor_0_main .floor_0_1 .item .bg .title .p{max-height:174px!important;margin:0!important;font-size:14px!important;line-height:1.8!important;overflow:hidden!important}.index_main .floor_0_main .floor_0_1 .item .bg .des{right:12px!important;bottom:12px!important;width:38px!important;height:170px!important;opacity:1!important;transform:none!important}.index_main .floor_0_main .floor_0_1 .item .bg .des:before{right:19px!important;height:130px!important}.index_main .floor_0_main .floor_0_1 .item .bg .des i{right:0!important;bottom:0!important;width:38px!important;height:38px!important}.index_main .floor_0_main .solution-mobile-dots{display:flex!important;justify-content:center!important;gap:9px!important;margin:22px 0 0!important}.index_main .floor_0_main .solution-mobile-dots button{width:8px!important;height:8px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#c9cfd2!important}.index_main .floor_0_main .solution-mobile-dots button.is-active{background:#2274ff!important}}
.index_main .floor_0_main .floor_0_1 .list{touch-action:pan-y}
.index_main .floor_0_main .floor_0_1 .list{touch-action:pan-y}
.solution-mobile-dots{display:none}
@media(max-width:760px){
.index_main .floor_0_main>.w1520{width:calc(100% - 36px)!important}
.index_main .floor_0_main .floor_0_1 .list{position:relative!important;display:block!important;width:100%!important;aspect-ratio:4/3!important;overflow:hidden!important}
.index_main .floor_0_main .floor_0_1 .item,
.index_main .floor_0_main .floor_0_1 .item.is-mobile-active,
.index_main .floor_0_main .floor_0_1 .item.is-mobile-leaving-left,
.index_main .floor_0_main .floor_0_1 .item.is-mobile-leaving-right{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;opacity:0!important;visibility:hidden!important;transform:translate3d(100%,0,0)!important;transition:transform .48s cubic-bezier(.22,.61,.36,1),opacity .48s ease,visibility 0s linear .48s!important}
.index_main .floor_0_main .floor_0_1 .item.is-mobile-active{opacity:1!important;visibility:visible!important;transform:translate3d(0,0,0)!important;transition-delay:0s!important}
.index_main .floor_0_main .floor_0_1 .item.is-mobile-leaving-left{opacity:0!important;visibility:visible!important;transform:translate3d(-100%,0,0)!important;transition-delay:0s!important}
.index_main .floor_0_main .floor_0_1 .item.is-mobile-leaving-right{opacity:0!important;visibility:visible!important;transform:translate3d(100%,0,0)!important;transition-delay:0s!important}
.index_main .floor_0_main .floor_0_1 .item.is-mobile-entering-right{opacity:0!important;visibility:visible!important;transform:translate3d(100%,0,0)!important;transition:none!important}
.index_main .floor_0_main .floor_0_1 .item.is-mobile-entering-left{opacity:0!important;visibility:visible!important;transform:translate3d(-100%,0,0)!important;transition:none!important}
.index_main .floor_0_main .floor_0_1 .item .img,.index_main .floor_0_main .floor_0_1 .item .img img{width:100%!important;height:100%!important;aspect-ratio:auto!important}
.index_main .floor_0_main .floor_0_1 .item .bg{padding:30px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .title{padding-right:24px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .des{right:14px!important;bottom:15px!important;width:26px!important;height:139px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .des:before{right:13px!important;top:0!important;width:1px!important;height:98px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .des i{right:0!important;bottom:0!important;width:26px!important;height:26px!important}
.index_main .floor_0_main .floor_0_1 .item .bg .des i:before,.index_main .floor_0_main .floor_0_1 .item .bg .des i:after{left:7px!important;top:12px!important;width:12px!important;height:2px!important}
}
/* Keep the white track fine; replace it with a thicker green ring on hover. */
.index_main .banner .banner-arrow .banner-ring-track{stroke-width:1.5;transition:opacity .08s linear}
.index_main .banner .banner-arrow .banner-ring-progress{stroke-width:2.5}
.index_main .banner .banner-arrow:hover .banner-ring-track{opacity:0}
@media(max-width:760px){.index_main .floor_1_main>.w1520{width:calc(100% - 28px);max-width:none}}
@media(prefers-reduced-motion:reduce){.index_main .banner .swiper-slide,.home-reveal,.index_main .floor_0_1 .item{transition:none!important}.home-reveal{opacity:1;transform:none!important}}
/* Original home news hover states */
.index_main .laohan-this a{transition:color .36s ease,background-color .36s ease,border-color .36s ease}.index_main .laohan-this a:hover,.index_main .laohan-this a:focus-visible{border-color:#1f6eea;background:#1f6eea;color:#fff}.index_main .floor_4_12>a,.index_main .floor_4_13>a{transition:transform .36s ease,border-color .36s ease}.index_main .floor_4_12 .img,.index_main .floor_4_13 .img{overflow:hidden}.index_main .floor_4_12 img,.index_main .floor_4_13 img{transition:transform .36s ease}.index_main .floor_4_12 h3,.index_main .floor_4_13 h3{transition:color .36s ease}.index_main .floor_4_12>a:hover,.index_main .floor_4_12>a:focus-visible,.index_main .floor_4_13>a:hover,.index_main .floor_4_13>a:focus-visible{transform:translateY(-5px)}.index_main .floor_4_13>a:hover,.index_main .floor_4_13>a:focus-visible{border-bottom-color:#1f6eea}.index_main .floor_4_12>a:hover h3,.index_main .floor_4_12>a:focus-visible h3,.index_main .floor_4_13>a:hover h3,.index_main .floor_4_13>a:focus-visible h3{color:#1f6eea}.index_main .floor_4_12>a:hover img,.index_main .floor_4_12>a:focus-visible img,.index_main .floor_4_13>a:hover img,.index_main .floor_4_13>a:focus-visible img{transform:scale(1.03)}
@media(max-width:760px){.index_main .floor_4_12>a:hover,.index_main .floor_4_13>a:hover{transform:none}}
.index_main .floor_2_2 li.home-reveal{transform:translateY(28px)}.index_main .floor_2_2 li.home-reveal.is-visible{transform:none}.index_main .floor_4_12>a.home-reveal,.index_main .floor_4_13>a.home-reveal{transform:translateY(28px)}.index_main .floor_4_12>a.home-reveal.is-visible,.index_main .floor_4_13>a.home-reveal.is-visible{transform:none}
.index_main .floor_0_1 .list{counter-reset:solution-number}.index_main .floor_0_1 .item{counter-increment:solution-number}.index_main .floor_0_1 .solution-number:before{content:"0" counter(solution-number)}
.index_main .floor_4_12 h3,.index_main .floor_4_13 h3{font-size:20px}
.index_main .floor_2_11>.a1{border-color:#2274ff;border-radius:28px;background:#2274ff;transition:background-color .3s ease,border-color .3s ease}.index_main .floor_2_11>.a1:hover,.index_main .floor_2_11>.a1:focus-visible{border-color:#1859c9;background:#1859c9}
/* Original home product hover states */
.index_main .floor_1_1 .swiper-slide{transition:box-shadow .36s ease}.index_main .floor_1_1 .swiper-slide h3{transition:color .36s ease}.index_main .floor_1_1 .swiper-slide .img{position:relative}.index_main .floor_1_1 .swiper-slide .img p{position:absolute;right:7%;top:5%;display:flex;width:40px;height:40px;margin:0;align-items:center;justify-content:center;border-radius:50%;background:#1f6eea;opacity:0;transform:scale(.82);transition:opacity .36s ease,transform .36s ease}.index_main .floor_1_1 .swiper-slide .img p:before{content:"";width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}.index_main .floor_1_1 .swiper-slide:hover,.index_main .floor_1_1 .swiper-slide:focus-within{box-shadow:2px 0 8px rgba(153,171,190,.4)}.index_main .floor_1_1 .swiper-slide:hover h3,.index_main .floor_1_1 .swiper-slide:focus-within h3{color:#1f6eea}.index_main .floor_1_1 .swiper-slide:hover .img p,.index_main .floor_1_1 .swiper-slide:focus-within .img p{opacity:1;transform:scale(1)}
.index_main .banner .swiper-slide>a{position:relative}.index_main .banner-video{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:cover;background:transparent}.index_main .banner .swiper-slide .img{position:relative;z-index:1}
.index_main .floor_0_1 .bg .des{position:absolute;right:28px;bottom:28px;width:58px;height:300px}.index_main .floor_0_1 .bg .des:before{content:"";position:absolute;right:29px;top:0;width:1px;height:235px;background:rgba(255,255,255,.8)}.index_main .floor_0_1 .bg .des i{position:absolute;right:5px;bottom:0;width:50px;height:50px;border-radius:50%;background:#1f6eea}.index_main .floor_0_1 .bg .des i:before,.index_main .floor_0_1 .bg .des i:after{content:"";position:absolute;left:14px;top:24px;width:22px;height:2px;background:#fff}.index_main .floor_0_1 .bg .des i:after{transform:rotate(90deg)}.index_main .floor_0_1 .bg .des p{display:none}.index_main .floor_0_1 .wa i{display:block;width:27px;height:1px;margin-top:15px;background:#fff}.index_main .floor_0_1 .wa p{margin:0;font-size:20px}
.index_main .floor_0_1 .item.is-expanded .bg{align-items:stretch;padding:58px 82px 58px 58px}.index_main .floor_0_1 .item.is-expanded .bg .inner{position:relative;width:100%;height:100%}.index_main .floor_0_1 .item.is-expanded .bg .title h3{font-size:30px;font-weight:400}.index_main .floor_0_1 .item.is-expanded .bg .title .p{margin-top:28px}
.index_main .floor_0_1 .item.is-expanded .bg .title{padding-right:76px}.index_main .floor_0_1 .item.is-expanded .bg .des{right:-18px}
.modal-content{position:relative;width:min(1305px,calc(100% - 80px));margin:12vh auto 0;padding:78px 40px 100px}.modal-header{height:64px}.modal .close{position:absolute;right:40px;top:38px;width:58px;height:58px;padding:0;border:0;background:transparent;cursor:pointer}.modal .close:before,.modal .close:after{content:"";position:absolute;left:5px;top:27px;width:48px;height:3px;background:#999;transform:rotate(45deg)}.modal .close:after{transform:rotate(-45deg)}.modal-body .stxt{height:100px;padding:0 60px;border:2px solid #ddd;font-size:30px}.modal-body .sbtn{position:relative;width:200px;height:100px;padding:0;cursor:pointer}.modal-body .sbtn:before{content:"";position:absolute;left:50%;top:50%;width:38px;height:38px;border:4px solid #fff;border-radius:50%;transform:translate(-60%,-60%)}.modal-body .sbtn:after{content:"";position:absolute;left:calc(50% + 14px);top:calc(50% + 14px);width:22px;height:4px;border-radius:2px;background:#fff;transform:rotate(45deg)}@media(max-width:760px){.modal-content{width:calc(100% - 28px);margin-top:16vh;padding:65px 18px 45px}.modal .close{right:16px;top:14px;transform:scale(.7)}.modal-header{height:25px}.modal-body .stxt{height:58px;padding:0 15px;font-size:16px}.modal-body .sbtn{width:70px;height:58px}.modal-body .sbtn:before{width:22px;height:22px;border-width:3px}.modal-body .sbtn:after{left:calc(50% + 8px);top:calc(50% + 8px);width:14px;height:3px}}
.header_main:not(.xc) .nav .item.is-current>.alink,.header_main:not(.xc) .nav .item.is-active>.alink,.header_main:not(.xc) .nav .item.is-ancestor>.alink{position:relative;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.28)}.header_main:not(.xc) .nav .item.is-current>.alink:after,.header_main:not(.xc) .nav .item.is-active>.alink:after,.header_main:not(.xc) .nav .item.is-ancestor>.alink:after{content:"";position:absolute;left:0;right:0;bottom:25px;height:3px;background:#2274ff}.header_main.xc .nav .item.is-current>.alink,.header_main.xc .nav .item.is-active>.alink,.header_main.xc .nav .item.is-ancestor>.alink{color:#2274ff}
.index_main .home-news-panel{display:none}.index_main .home-news-panel.is-active{display:block;animation:homeNewsFade .35s ease both}@keyframes homeNewsFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.index_main .home-news-empty{grid-column:1/-1;display:flex;min-height:310px;align-items:center;justify-content:center;color:#8a969d;font-size:18px}
.header_main:not(.xc) .nav .item.is-current>.alink,.header_main:not(.xc) .nav .item.is-active>.alink,.header_main:not(.xc) .nav .item.is-ancestor>.alink{font-weight:700}.header_main.xc .nav .item.is-current>.alink,.header_main.xc .nav .item.is-active>.alink,.header_main.xc .nav .item.is-ancestor>.alink{font-weight:700}
.header_main .nav .item.is-current>.alink:after,.header_main .nav .item.is-active>.alink:after,.header_main .nav .item.is-ancestor>.alink:after{display:none!important}
.modal-content{width:min(900px,calc(100% - 80px));margin:10vh auto 0;padding:42px 28px 60px}.modal-header{height:38px}.modal .close{right:24px;top:22px;width:42px;height:42px}.modal .close:before,.modal .close:after{left:4px;top:20px;width:34px;height:2px}.modal-body .stxt{height:70px;padding:0 32px;font-size:22px}.modal-body .sbtn{width:140px;height:70px}.modal-body .sbtn:before{width:30px;height:30px;border-width:3px}.modal-body .sbtn:after{left:calc(50% + 11px);top:calc(50% + 11px);width:17px;height:3px}
.modal-content{width:700px!important;max-width:calc(100% - 40px)!important;margin:8vh auto 0!important;padding:28px 20px 38px!important}.modal-header{height:28px!important}.modal .close{right:16px!important;top:12px!important;transform:scale(.75)}.modal-body .stxt{height:50px!important;padding:0 20px!important;font-size:18px!important}.modal-body .sbtn{width:100px!important;height:50px!important}.modal-body .sbtn:before{width:24px;height:24px;border-width:3px}.modal-body .sbtn:after{left:calc(50% + 9px);top:calc(50% + 9px);width:14px;height:3px}
.modal-content{margin-top:26vh!important}.modal-body .sbtn:before{width:30px;height:30px;border:3px solid #fff;transform:translate(-62%,-62%)}.modal-body .sbtn:after{left:calc(50% + 10px);top:calc(50% + 10px);width:16px;height:3px;border-radius:3px;transform:rotate(45deg)}
.modal-body .sbtn{width:80px!important;height:50px!important;background:url('/assets/search_btn.png') no-repeat center center #1f6eea!important;border:none!important;cursor:pointer}.modal-body .sbtn:before,.modal-body .sbtn:after{display:none}
.nav .item>.sub-box{display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .28s ease,transform .28s ease,visibility 0s linear 2s}.nav .item:hover>.sub-box,.nav .item:focus-within>.sub-box{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s}.nav .item>.sub-box:before{top:-18px;height:18px}
.nav .item>.sub-box{display:block;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;visibility:hidden;opacity:1;transform:translateX(-50%) translateY(-8px);pointer-events:none;transition:max-height .38s ease,padding .38s ease,transform .38s ease,visibility 0s linear .25s}.nav .item:hover>.sub-box,.nav .item:focus-within>.sub-box,.nav .item.is-submenu-open>.sub-box{max-height:520px;padding-top:12px;padding-bottom:12px;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);transition-delay:0s}
.nav .item>.sub-box:not(:has(a)){display:none!important}
.nav .item>.sub-box .it>a{display:flex;height:40px;padding:0 12px;align-items:center;justify-content:center;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.index_main .floor_0_1 .item.home-reveal,.index_main .floor_1_1 .swiper-slide.home-reveal{transition:opacity .9s ease var(--reveal-delay,0ms),transform .9s ease var(--reveal-delay,0ms),flex-basis .55s cubic-bezier(.22,.61,.36,1),box-shadow .36s ease}.index_main .floor_0_1 .item .bg .title,.index_main .floor_0_1 .item .bg .des{opacity:0;transform:translateY(16px);transition:opacity .55s ease .18s,transform .55s ease .18s}.index_main .floor_0_1 .item.is-expanded .bg .title,.index_main .floor_0_1 .item.is-expanded .bg .des{opacity:1;transform:none}.index_main .floor_1_1 .swiper-slide.is-product-visible{animation:productFadeSlow .8s ease both}@keyframes productFadeSlow{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.index_main .floor_1_main:not(.products-in-view) .floor_1_1 .swiper-slide.is-product-visible{opacity:0;transform:translateY(34px);animation:none}.index_main .floor_1_main.products-in-view .floor_1_1 .swiper-slide.is-product-visible{animation:productEnter .85s ease both}.index_main .floor_1_main.products-in-view .floor_1_1 .swiper-slide.is-product-visible:nth-child(2){animation-delay:.14s}.index_main .floor_1_main.products-in-view .floor_1_1 .swiper-slide.is-product-visible:nth-child(3){animation-delay:.28s}@keyframes productEnter{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
/* Match the original site's product card typography. */
.index_main .floor_1_1 .swiper-slide h3{margin:16px 0 12px;padding-bottom:12px;border-bottom:1px solid #e3e6e8;font-size:26px;line-height:1.35;font-weight:700}
.index_main .floor_1_1 .swiper-slide .p{font-size:16px;line-height:1.9;color:#555}
.index_main .floor_1_1 .swiper-slide .p{white-space:pre-line}
.bottom_main .bottom_xin .bottom_ewm{display:flex;width:300px;align-items:flex-start;justify-content:space-between;gap:20px}.bottom_main .bottom_xin .bottom_ewm .img{flex:0 0 140px;width:140px;text-align:center}.bottom_main .bottom_xin .bottom_ewm .img img{display:block;width:140px;height:140px;margin:0;object-fit:contain}.bottom_main .bottom_xin .bottom_ewm .img p{margin:10px 0 0;color:#fff;font-size:14px;line-height:20px;white-space:nowrap}
/* Keep banner controls fixed; hover only draws the original-style ring. */
.index_main .banner .banner-arrow,.index_main .banner .banner-arrow:hover,.index_main .banner .banner-arrow:focus-visible{margin-top:0;background:rgba(255,255,255,.08);transform:translateY(-50%)!important}
.index_main .banner .banner-arrow:hover:before,.index_main .banner .banner-arrow:focus-visible:before{border-color:#2274ff}
/* Home news module: dimensions and typography from the original site. */
.index_main .floor_4_main{padding:76px 0 80px;background:#edf0f5}
.index_main .floor_4_main>.w1520{width:min(1520px,calc(100% - 160px));max-width:1520px}
.index_main .floor_4_main .floor_1_00{min-height:50px;margin-bottom:50px}
.index_main .floor_4_main .floor_1_00 h3{font-size:44px;line-height:1.2}
.index_main .floor_4_main .laohan-this{gap:18px}
.index_main .floor_4_main .laohan-this a{display:flex;width:170px;height:50px;align-items:center;justify-content:center;padding:0;border-radius:60px;font-size:16px;line-height:50px}
.index_main .floor_4_main .floor_4_11{display:flex;justify-content:space-between;gap:0;width:100%}
.index_main .floor_4_main .floor_4_12,.index_main .floor_4_main .floor_4_13{width:48.2%}
.index_main .floor_4_main .floor_4_12>a{display:block;margin:0;padding:0;border:0}
.index_main .floor_4_main .floor_4_12 .img{width:100%;border-radius:5px}
.index_main .floor_4_main .floor_4_12 img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.index_main .floor_4_main .floor_4_12 .w{padding:0}
.index_main .floor_4_main .floor_4_12 .time{margin:0;padding-top:34px;color:#808b99;font:18px/1 Arial,sans-serif}
.index_main .floor_4_main .floor_4_12 h3{display:-webkit-box;overflow:hidden;margin:16px 0 0;color:#161c26;font-size:24px;font-weight:400;line-height:36px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.index_main .floor_4_main .floor_4_13>a{display:flex;min-height:0;margin:0;padding:26px 0;align-items:flex-start;justify-content:space-between;gap:0;border-bottom:1px solid #ddd}
.index_main .floor_4_main .floor_4_13>a:last-child{border-bottom:0}
.index_main .floor_4_main .floor_4_13 .w{width:63%;min-width:0}
.index_main .floor_4_main .floor_4_13 .time{margin:0;color:#808b99;font:18px/1 Arial,sans-serif}
.index_main .floor_4_main .floor_4_13 h3{display:-webkit-box;overflow:hidden;margin:16px 0 0;color:#161c26;font-size:24px;font-weight:400;line-height:36px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal}
.index_main .floor_4_main .floor_4_13 .img{order:2;width:32%;border-radius:5px}
.index_main .floor_4_main .floor_4_13 img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:760px){.index_main .floor_4_main{padding:48px 0}.index_main .floor_4_main>.w1520{width:calc(100% - 28px)}.index_main .floor_4_main .floor_1_00{min-height:0;margin-bottom:28px}.index_main .floor_4_main .floor_1_00 h3{font-size:28px}.index_main .floor_4_main .laohan-this{gap:8px}.index_main .floor_4_main .laohan-this a{width:auto;height:38px;padding:0 16px;font-size:13px;line-height:38px}.index_main .floor_4_main .floor_4_11{display:grid;grid-template-columns:1fr;gap:18px}.index_main .floor_4_main .floor_4_12,.index_main .floor_4_main .floor_4_13{width:100%}.index_main .floor_4_main .floor_4_12 .time{padding-top:18px;font-size:15px}.index_main .floor_4_main .floor_4_12 h3,.index_main .floor_4_main .floor_4_13 h3{font-size:17px;line-height:1.6}.index_main .floor_4_main .floor_4_13 .time{font-size:15px}}
.index_main .floor_1_1 .swiper-slide .p p{margin:0 0 7px;line-height:1.9}
@media(max-width:760px){.index_main .floor_1_1 .swiper-slide h3{font-size:22px}.index_main .floor_1_1 .swiper-slide .p{font-size:15px;line-height:1.8}}
/* Final home overrides: stable video canvas and shared floating rail geometry. */
.index_main .banner .swiper-wrapper,.index_main .banner .swiper-slide,.index_main .banner .swiper-slide>a{aspect-ratio:1920/950}
.index_main .banner .swiper-slide>a{position:relative;display:block;overflow:hidden}
.index_main .banner .swiper-slide .img{position:absolute!important;inset:0;width:100%;height:100%}
.index_main .banner .swiper-slide .img img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.index_main .banner .banner-video{inset:0;width:100%;height:100%;transform:none!important;backface-visibility:visible;will-change:auto;object-fit:cover;object-position:center}
.index_main .banner .swiper-slide{transform:none!important;transition:opacity .9s ease,visibility 0s linear .9s!important}
.index_main .banner .swiper-slide.is-active{transform:none!important;transition-delay:0s!important}
@media(max-width:760px){.index_main .banner .swiper-wrapper,.index_main .banner .swiper-slide,.index_main .banner .swiper-slide>a{aspect-ratio:750/520}}
/* Keep the home solutions strip stable across desktop widths. */
@media(min-width:901px){
.index_main .floor_0_1 .list{display:flex!important;width:100%;height:510px;justify-content:space-between;gap:0;overflow:hidden}
.index_main .floor_0_1 .item{flex:0 0 17.8%!important;width:17.8%;height:510px!important;min-height:510px!important;min-width:0}
.index_main .floor_0_1 .item.is-expanded{flex-basis:42.8%!important;width:42.8%}
.index_main .floor_0_1 .item .img,.index_main .floor_0_1 .item .img img{width:100%;height:510px!important;min-height:510px!important}
.index_main .floor_0_1 .item:not(.is-expanded)>.w{position:absolute;inset:0;z-index:2;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.4));color:#fff;opacity:1}
.index_main .floor_0_1 .item:not(.is-expanded)>.w .wa{position:absolute;left:0;right:0;bottom:50px;width:100%;text-align:center}
.index_main .floor_0_1 .item:not(.is-expanded)>.w .wa p{margin:0;color:#fff;font-size:20px;font-weight:400;line-height:1.2}
.index_main .floor_0_1 .item:not(.is-expanded)>.w .wa i{display:block;width:12px;height:1px;margin:12px auto;background:#fff}
.index_main .floor_0_1 .item:not(.is-expanded)>.w .wa h3{margin:0;color:#fff;font-size:20px;font-weight:400;line-height:1.4;white-space:nowrap}
.index_main .floor_0_1 .list .item:not(.is-expanded)>.w{background:linear-gradient(to bottom,transparent 38%,rgba(28,32,36,.72) 100%)!important}
.index_main .floor_0_1 .list .item:not(.is-expanded)>.w .wa{bottom:50px!important}
.index_main .floor_0_1 .list .item:not(.is-expanded)>.w .wa p,.index_main .floor_0_1 .list .item:not(.is-expanded)>.w .wa h3{color:#fff!important;font-size:20px!important;font-weight:400!important;text-shadow:none!important}
.index_main .floor_0_1 .list .item:not(.is-expanded)>.w .wa i{width:12px!important;height:1px!important;margin:12px auto!important;background:#fff!important}
.index_main .floor_0_1 .list .item:not(.is-expanded)>.w{isolation:isolate;background:none!important;pointer-events:none}
.index_main .floor_0_1 .list .item:not(.is-expanded)>.w:before{content:"";position:absolute;inset:0;z-index:0;display:block;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.4) 100%);pointer-events:none}
.index_main .floor_0_1 .list .item:not(.is-expanded)>.w .wa{position:absolute!important;left:0!important;right:0!important;bottom:50px!important;z-index:1;width:100%!important;text-align:center!important}
.index_main .floor_0_1 .list .item:not(.is-expanded)>.w{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.65))!important;transition:all ease .36s!important}
.index_main .floor_0_1 .list .item:not(.is-expanded)>.w:before{display:none!important}
.index_main .floor_0_1 .list .item:not(.is-expanded) .img{position:relative}
.index_main .floor_0_1 .list .item:not(.is-expanded) .img:after{content:"";position:absolute;inset:0;z-index:1;display:block;background:linear-gradient(to bottom,transparent 35%,rgba(0,0,0,.72) 100%);pointer-events:none}
.index_main .floor_0_1 .list .item:not(.is-expanded)>.w{z-index:3;background:none!important}
.index_main .floor_0_1 .list .item:not(.is-expanded) .img{z-index:1!important}
.index_main .floor_0_1 .list .item:not(.is-expanded) .img:after{z-index:2!important}
.index_main .floor_0_1 .list .item:not(.is-expanded)>.w{z-index:10!important}
.index_main .floor_0_1 .list .item:not(.is-expanded)>.w .wa{z-index:11!important;opacity:1!important}
.index_main .floor_0_1 .list .item>.bg{position:absolute;left:0;top:0;width:84%;height:79%;padding:8%;background:rgba(0,0,0,.4);opacity:0;transition:all ease .36s}
.index_main .floor_0_1 .list .item.is-expanded>.bg{width:84%;height:79%;padding:8%;background:rgba(0,0,0,.4);opacity:1}
.index_main .floor_0_1 .item.is-expanded .bg .des{right:-68px;bottom:-30px;width:58px;height:208px}
.index_main .floor_0_1 .item.is-expanded .bg .des:before{right:29px;height:146px}
.index_main .floor_0_1 .item.is-expanded .bg .des i{right:10px;width:38px;height:38px}
.index_main .floor_0_1 .item.is-expanded .bg .des i:before,.index_main .floor_0_1 .item.is-expanded .bg .des i:after{left:10px;top:18px;width:18px}
.index_main .floor_0_1 .list .item .img>.w{position:absolute!important;inset:0!important;z-index:3!important;display:block!important;width:100%!important;height:100%!important;color:#fff!important;opacity:1!important;pointer-events:none}
.index_main .floor_0_1 .list .item.is-expanded .img>.w{opacity:0!important}
.index_main .floor_0_1 .list .item .img>.w .wa{position:absolute!important;left:0!important;right:0!important;bottom:50px!important;z-index:4!important;width:100%!important;text-align:center!important;opacity:1!important}
.index_main .floor_0_1 .list .item .img>.w .wa p,.index_main .floor_0_1 .list .item .img>.w .wa h3{margin:0!important;color:#fff!important;font-size:20px!important;font-weight:400!important;line-height:1.4!important}
.index_main .floor_0_1 .list .item .img>.w .wa i{display:block!important;width:12px!important;height:1px!important;margin:12px auto!important;background:#fff!important}
}
.index_main .banner .banner-arrow:hover,
.index_main .banner .banner-arrow:focus-visible{background:transparent!important}
.index_main .banner .banner-arrow:hover .banner-ring-track,
.index_main .banner .banner-arrow:focus-visible .banner-ring-track{stroke:transparent!important;opacity:0!important}
/* Remove every non-green ring source while the progress ring is active. */
.index_main .banner .banner-arrow:hover,
.index_main .banner .banner-arrow:focus-visible{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}
.index_main .banner .banner-arrow:hover .banner-ring-track,
.index_main .banner .banner-arrow:focus-visible .banner-ring-track{display:none!important;stroke:none!important;opacity:0!important}
.index_main .floor_4_main .news-summary{display:-webkit-box;overflow:hidden;margin:12px 0 0;color:#657180;font-size:15px;line-height:1.8;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.index_main .floor_4_main .floor_4_12 .news-summary{max-width:92%;font-size:16px;-webkit-line-clamp:3;line-clamp:3}.index_main .floor_4_main .floor_4_13 .news-summary{margin-top:9px;font-size:14px;line-height:1.65}@media(max-width:760px){.index_main .floor_4_main .news-summary,.index_main .floor_4_main .floor_4_12 .news-summary,.index_main .floor_4_main .floor_4_13 .news-summary{margin-top:7px;font-size:13px;line-height:1.65;-webkit-line-clamp:2;line-clamp:2}}
@media(max-width:760px){.index_main .banner .swiper-slide img{object-position:left center}}
/* home solution thumbnails v4 */
.index_main .floor_0_1 .item:nth-child(1) .img1,.index_main .floor_0_1 .item:nth-child(1) .img2{content:url('/assets/content-thumbs-v3/content-01-v3.png?v=20260907-home-solutions-5')}
.index_main .floor_0_1 .item:nth-child(2) .img1,.index_main .floor_0_1 .item:nth-child(2) .img2{content:url('/assets/content-thumbs-v3/content-02-v3.png?v=20260907-home-solutions-5')}
.index_main .floor_0_1 .item:nth-child(3) .img1,.index_main .floor_0_1 .item:nth-child(3) .img2{content:url('/assets/content-thumbs-v3/content-03-v3.png?v=20260907-home-solutions-5')}
.index_main .floor_0_1 .item:nth-child(4) .img1,.index_main .floor_0_1 .item:nth-child(4) .img2{content:url('/assets/content-thumbs-v3/content-04-v3.png?v=20260907-home-solutions-5')}
/* Clean text-only homepage banner */
.index_main .banner{background:#2274ff!important}
.index_main .banner .swiper-wrapper,.index_main .banner .swiper-slide{width:100%}
.index_main .banner .home-text-banner{display:none;position:relative;align-items:center;aspect-ratio:1920/950;background:#2274ff}
.index_main .banner .home-text-banner:first-child{display:flex}
.index_main .banner .home-banner-copy{width:min(1520px,calc(100% - 80px));margin:0 auto;padding-top:30px;color:#fff}
.index_main .banner .home-banner-copy span{display:block;margin-bottom:16px;color:rgba(255,255,255,.84);font-size:16px;letter-spacing:1px}
.index_main .banner .home-banner-copy h1{margin:0 0 16px;font-size:52px;line-height:1.2;font-weight:700}
.index_main .banner .home-banner-copy p{max-width:620px;margin:0;color:rgba(255,255,255,.9);font-size:18px;line-height:1.9}
@media(max-width:760px){.index_main .banner .home-text-banner{aspect-ratio:750/520}.index_main .banner .home-banner-copy{width:calc(100% - 28px);padding-top:20px}.index_main .banner .home-banner-copy span{font-size:13px}.index_main .banner .home-banner-copy h1{font-size:34px}.index_main .banner .home-banner-copy p{font-size:15px;line-height:1.8}}
/* Restore the original compact homepage banner height. */
.index_main .banner,
.index_main .banner .swiper-container,
.index_main .banner .swiper-wrapper,
.index_main .banner .swiper-slide,
.index_main .banner .swiper-slide>a,
.index_main .banner .home-text-banner {
height:420px!important;
min-height:0!important;
aspect-ratio:auto!important;
}
@media(max-width:760px){
.index_main .banner,
.index_main .banner .swiper-container,
.index_main .banner .swiper-wrapper,
.index_main .banner .swiper-slide,
.index_main .banner .swiper-slide>a,
.index_main .banner .home-text-banner {
height:300px!important;
min-height:0!important;
aspect-ratio:auto!important;
}
}
/* Final homepage banner geometry: keep the original compact canvas. */
.index_main .banner,
.index_main .banner .swiper-container,
.index_main .banner .swiper-wrapper,
.index_main .banner .swiper-slide,
.index_main .banner .swiper-slide>a,
.index_main .banner .home-text-banner {
width:100%!important;
height:420px!important;
min-height:420px!important;
max-height:420px!important;
aspect-ratio:auto!important;
}
.index_main .banner .home-text-banner { display:none; align-items:center; background:#2274ff!important; }
.index_main .banner .home-text-banner:first-child,
.index_main .banner .home-text-banner.is-active { display:flex!important; }
@media(max-width:760px){
.index_main .banner,
.index_main .banner .swiper-container,
.index_main .banner .swiper-wrapper,
.index_main .banner .swiper-slide,
.index_main .banner .swiper-slide>a,
.index_main .banner .home-text-banner {
height:300px!important;
min-height:300px!important;
max-height:300px!important;
aspect-ratio:auto!important;
}
}
/* Homepage banner target height from the original desktop composition. */
@media(min-width:761px){
.index_main .banner,
.index_main .banner .swiper-container,
.index_main .banner .swiper-wrapper,
.index_main .banner .swiper-slide,
.index_main .banner .swiper-slide>a,
.index_main .banner .home-text-banner {
height:800px!important;
min-height:800px!important;
max-height:800px!important;
aspect-ratio:auto!important;
}
}
/* Restore original responsive banner proportions. */
.index_main .banner,
.index_main .banner .swiper-container,
.index_main .banner .swiper-wrapper,
.index_main .banner .swiper-slide,
.index_main .banner .swiper-slide>a,
.index_main .banner .home-text-banner {
width:100%!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
aspect-ratio:1920/950!important;
}
@media(max-width:760px){
.index_main .banner,
.index_main .banner .swiper-container,
.index_main .banner .swiper-wrapper,
.index_main .banner .swiper-slide,
.index_main .banner .swiper-slide>a,
.index_main .banner .home-text-banner {
aspect-ratio:750/520!important;
}
}
/* Keep the header logo geometry stable while the transparent header changes state. */
.header_main .webLogo{position:relative;width:190px;height:44px;display:block;flex:0 0 190px}
.header_main .webLogo img{position:absolute;left:0;top:0;width:auto;height:44px;margin:0;transition:opacity .18s ease}
.header_main .webLogo .img{display:block!important;opacity:1}
.header_main .webLogo .img1{display:block!important;opacity:0}
.header_main.xc .webLogo .img{opacity:0}
.header_main.xc .webLogo .img1{opacity:1}
@media(max-width:760px){
.header_main .webLogo{width:150px;height:34px;flex-basis:150px}
.header_main .webLogo img{height:34px}
}
/* Keep text slides on one fixed layer so content height cannot move the copy. */
.index_main .banner .swiper-wrapper{position:relative;display:block!important;overflow:hidden}
.index_main .banner .home-text-banner{
position:absolute!important;
inset:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
width:100%!important;
height:100%!important;
padding:0!important;
opacity:0!important;
visibility:hidden!important;
transform:none!important;
transition:opacity .9s ease,visibility 0s linear .9s!important;
}
.index_main .banner .home-text-banner:first-child{opacity:0!important;visibility:hidden!important}
.index_main .banner .home-text-banner.is-active{opacity:1!important;visibility:visible!important;z-index:1!important;transition-delay:0s!important}
.index_main .banner .home-banner-copy{position:absolute!important;left:0!important;right:0!important;top:50%!important;width:min(1520px,calc(100% - 80px))!important;margin:0 auto!important;padding:0!important;transform:translateY(-50%)!important}
@media(max-width:760px){
.index_main .banner .home-banner-copy{width:calc(100% - 28px)!important}
}
/* Separate the navigation from the solid banner surface. */
.header_main{border-bottom:1px solid rgba(255,255,255,.32)}
.header_main.xc{border-bottom-color:#e6edf5}
/* Keep carousel arrows visible against the brand-blue banner on hover. */
.index_main .banner .banner-arrow:hover,
.index_main .banner .banner-arrow:focus-visible{
background:rgba(255,255,255,.18)!important;
border-color:rgba(255,255,255,.95)!important;
}
.index_main .banner .banner-arrow:hover:before,
.index_main .banner .banner-arrow:focus-visible:before{
border-color:#fff!important;
}
.index_main .banner .banner-arrow:hover .banner-ring-track,
.index_main .banner .banner-arrow:focus-visible .banner-ring-track{stroke:rgba(255,255,255,.95)!important}
.index_main .banner .banner-arrow:hover .banner-ring-progress{stroke:#fff!important}
/* Refine the three-level banner typography. */
.index_main .banner .home-banner-copy span{
margin-bottom:18px!important;
color:rgba(255,255,255,.88)!important;
font-size:21px!important;
line-height:1.45!important;
letter-spacing:2px!important;
}
.index_main .banner .home-banner-copy h1{
margin:0 0 20px!important;
color:#fff!important;
font-size:58px!important;
line-height:1.18!important;
letter-spacing:0!important;
}
.index_main .banner .home-banner-copy p{
max-width:700px!important;
margin:0!important;
color:rgba(255,255,255,.9)!important;
font-size:19px!important;
line-height:1.85!important;
}
@media(max-width:760px){
.index_main .banner .home-banner-copy span{margin-bottom:12px!important;font-size:15px!important;letter-spacing:1px!important}
.index_main .banner .home-banner-copy h1{margin-bottom:14px!important;font-size:36px!important}
.index_main .banner .home-banner-copy p{font-size:15px!important;line-height:1.8!important}
}
/* Final text-only banner surface: ad title/content are rendered as copy. */
.index_main .banner .home-text-banner,
.index_main .banner .home-text-banner.is-active {
background: #2274ff !important;
background-image: none !important;
}
.index_main .banner .home-text-banner img,
.index_main .banner .home-text-banner video,
.index_main .banner .home-text-banner .img {
display: none !important;
}
.index_main .banner .home-banner-copy span,
.index_main .banner .home-banner-copy h1,
.index_main .banner .home-banner-copy p {
position: relative;
z-index: 2;
}