/* 公用样式 */ #c-placeholder {height: 6.25rem;} header {position: fixed; left: 0; top: 0; z-index: 99999; width: 100%;transition: .5s; border-bottom: 1px solid rgba(219, 219, 219,.35);} .headBox {transition: .5s; padding: 0 2%; height: 7.5rem; position: relative; z-index: 1;} .headBox .logo {padding:.625rem 0;height: 100%;} .headBox .logo img {height: 100%; max-width: 100%; max-height: 2.813rem; object-fit: contain;} .headBox .logo .logo2 {display: none;} .headBox .le {height: 100%; flex-shrink: 0; width: auto;} .headBox .le .logo a {height: 100%; display: flex; align-items: center;} .headBox .re {height: 100%; gap: 5rem;} .head_luanage a:hover {color: #C5244C !important;} /* 导航 */ nav {height: 100%; width: 60%; position: static; margin-left: 15%;} nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;} nav > ul > li {height: 100%; display: flex; align-items: center; position: relative;} nav > ul > li > a {color: #fff; font-size: var(--font18); font-weight: 500; position: relative; height: 100%; display: flex; align-items: center;} nav > ul > li > a i {} nav > ul > li > a::after {content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 1px; background: #000000; transition: .5s;} nav > ul > li.on > a::after {width: 100%; left: 0;} @media (any-hover: hover) { nav > ul > li:hover > a::after {width: 100%; left: 0;} } /* 导航下拉 */ .navdown {padding: 2.5rem; position: absolute; top: 100%; box-shadow: 0 0 .625rem rgba(0, 0, 0, 0.2); width: max-content; background: url(../images/nav-down.png) no-repeat center; background-size: 100% 100%; display: none;} .navdown.navdown-cen {left: 50%; transform: translateX(-50%); padding: 2rem;} .navdown .item {display: flex; padding: 1.25rem 0; border-bottom: 1px solid rgba(167, 167, 167,.2);} .navdown .item .t1 {flex-shrink: 0; width: auto;} .navdown .item:has(.item_link) .t1 {min-width: 5.6rem;} .navdown .item:first-child {padding-top: 0;} .navdown .item:last-child {border: 0; padding-bottom: 0;} .navdown .item .t1 a {font-size: var(--font18); font-weight: 500; color: #4F4F4F;} .navdown .item .t1 a:hover {color: #285FDD;} .navdown .item .item_link {padding-left: 2rem; display: flex; flex-direction: column; gap: .625rem;} .navdown .item .item_link a {font-size: var(--font16); color: #9F9F9F;} .navdown .item .item_link a:hover {color: #285FDD;} /* 搜索 */ .head_search {cursor: pointer; } /* 搜索框 */ .searchFull {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1040;background-color: rgb(255, 255, 255, 0.8);display: none; backdrop-filter: blur(10px);} .searchFull .ssf-content {width: 100%;height: 100%; display: flex; align-items: center;} .searchFull .ssf-fields-wrap { margin: 0 20%; position: relative;} .searchFull .ssf-fields-wrap .ssf-input {width: 100%;height: 60px;font-size: var(--font20);border: none;outline: none;border-bottom: 1px solid #a3a3a3;padding-right: 70px;} .searchFull .ssf-fields-wrap .ssf-btn {cursor: pointer; width: 60px;height: 60px;font-size: 22px;text-align: center;border: none;outline: none;background-color: transparent;position: absolute;right: 0;} .searchFull .ssf-fields-wrap .ssf-btn:hover path {fill: #1ECECA;} .ssfDismisser {position: absolute; top: 20px; right: 30px; font-size: 31px;color: #8e9295;line-height: 30px; width: 30px;height: 30px; text-align: center;} header.c-style2 {background: #fff;border-color: #DBDBDB;} header.c-style2 .headBox .logo1 {display: none;} header.c-style2 .headBox .logo2 { display: block;} header.c-style2 .head_luanage a {color: #333;} header.c-style2 .head_search {} header.c-style2 .head_search i {color: #333;} header.c-style2 .headBox {height: 6.25rem;} header.c-style2 nav > ul > li > a {color: #333;} header.c-style2 .mobmenu h4 {color: #333;} header.c-style2 .mobmenu dl dd {background: #333;} header.c-style3 {background: #fff; } header.c-style3 .headBox .logo1 {display: none;} header.c-style3 .headBox .logo2 { display: block;} header.c-style3 .head_search {} header.c-style3 .head_search i {color: #333;} header.c-style3 .headBox {} header.c-style3 nav > ul > li > a {color: #333;} header.c-style3 .head_luanage a {color: #333;} header.c-style3 .mobmenu h4 {color: #333;} header.c-style3 .mobmenu dl dd {background: #333;} header.c-style4 { border-color: #DBDBDB;} header.c-style4 .headBox {height: 6.25rem;} header.c-style4 .headBox .logo1 {display: none;} header.c-style4 .headBox .logo2 { display: block;} header.c-style4 .head_search {} header.c-style4 .head_search i {color: #333;} header.c-style4 .headBox {} header.c-style4 nav > ul > li > a {color: #333;} header.c-style4 .head_luanage a {color: #333;} header.c-style4 .mobmenu h4 {color: #333;} header.c-style4 .mobmenu dl dd {background: #333;} /* =================头部 end!!!=================== */ /* ===============公用css star!!!!===================*/ .more1 {position: relative;display: inline-flex;align-items: center;justify-content: center;padding: .85rem 2rem;color: #fff;border-radius: .375rem;overflow: hidden;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);background: #285fdd;} .more1::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: #fff;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);z-index: -1;} .more1 span {position: relative;z-index: 2;font-weight: 500;} .more1_r100 {border-radius: 6.25rem;} @media (any-hover: hover) { .more1:hover { color: #285fdd; box-shadow: 0 10px 20px rgba(0, 30, 98, 0.2); transform: translateY(-2px); } .more1:hover::before { left: 0; } } .more2 {display: inline-flex; border-radius: 6.25rem; background: #001e62; color: #fff; padding: 1rem 1.5rem; transition: .5s;} .more2 i {font-size: var(--font14); margin-left: .625rem; font-weight: 600; transform: rotate(145deg); display: inline-block; transition: .5s;} /* .more2 {background: #fff; color: #333;} */ @media (any-hover: hover) { .more2:hover i {transform: rotate(180deg);} /* .more2:hover {box-shadow: 0 0 0 .625rem rgba(0, 168, 169, .4);} */ } /* ===============公用css end!!!!===================*/ /* ======首页======= */ .indexBanner { position: relative; overflow: hidden; height: 100vh;} .indexBanner .swiper {height: 100%;} .indexBanner .slide {overflow: hidden;} .indexBanner .slide .imgBox {position: relative; height: 100%;} .indexBanner .slide .imgBox img {width: 100%; height: 100%; object-fit: cover; min-height: 30rem; transition: 1s linear 2s;transform: scale(1.1, 1.1);} .indexBanner .slide .box {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end;padding-bottom: 10%;} .indexBanner .slide .con {padding-top: 0%;} .indexBanner .slide .p1 {line-height: 1.3;} .indexBanner .slide .p2 {margin-top: .625rem;} .indexBanner .slide .more {margin-top: 5.625rem;} /* 当前 */ .indexBanner .swiper-slide-active .imgBox img, .indexBanner .swiper-slide-duplicate-active .imgBox img {transition: 6s linear;transform: scale(1, 1);} /* 控件 */ .indexBanner .contools {position: absolute; bottom: 5%;left: 0; z-index: 1;} .indexBanner .custom-pagination {display: inline-flex; align-items: flex-end; line-height: .7; font-weight: 600; gap: 5px; font-size: var(--font16); color: #fff;} .indexBanner .custom-pagination .current {color: #FFFFFF; font-size: var(--font30); opacity: 1;} .indexBanner .custom-pagination i {opacity: .5;} .indexBanner .custom-pagination .total{opacity: 0.5;} .indexBanner .pagtion {position: relative; transform: none; width: auto; inset: 0; margin: 0; text-align: right;} .indexBanner .pagtion .swiper-pagination-bullet {width: .75rem; height: .75rem; background: #FFFFFF; opacity: .2;} .indexBanner .pagtion .swiper-pagination-bullet-active { opacity: 1;} /* 解决方案区域 */ .indexOne { position: relative; width: 100%; height: 100vh; overflow: hidden; background: #000; } .solution-container { display: flex; width: 100%; height: 100%; } /* padding: 10vh 2% 5vh 4%; */ /* 左侧面板 */ .sol-left-panel {padding: 10vh 0 5vh; width: 25%; height: 100%; background: rgba(15, 32, 56, .21); backdrop-filter: blur(10px); z-index: 10; display: flex; flex-direction: column; position: absolute; z-index: 2; left: 0; top: 0; } .sol-left-panel .sol-title-wrap { margin-bottom: 6vh; padding-left: 20%;} /* 缩略图菜单 */ .sol-thumbs-swiper {width: 100%; margin: 0; margin-bottom: 5vh; flex-shrink: 0; } .sol-thumbs-swiper .swiper-slide {width: auto; height: auto; font-size: var(--font20); color: rgba(255, 255, 255, 0.2); padding: 1rem .625rem; padding-left: 20%; cursor: pointer; transition: 0.4s; position: relative; z-index: 1;} .sol-thumbs-swiper .swiper-slide::after {position: absolute; z-index: -1; content: ''; inset: 0; width: 0; transition: .4s; background: linear-gradient(90deg, #285FDD 60%, rgba(40, 95, 221, 0) 100%); } .sol-thumbs-swiper .swiper-slide-thumb-active { color: #fff; } .sol-thumbs-swiper .swiper-slide-thumb-active::after {width: 100%;} /* 描述文字 */ .sol-desc-swiper {width: 100%; flex-shrink: 0; padding: 0 20%; padding-right: 10%; margin-top: 30%; margin-bottom: auto;} .sol-desc-swiper p {font-size: var(--font15);color: #fff;} /* 导航按钮 */ .sol-controls {display: flex; gap: .75rem; margin-top: 1.25rem; padding-left: 20%;} .sol-controls > div { width: 3rem; height: 3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.2); color: #fff; font-size: var(--font24); cursor: pointer; transition: 0.3s; } .sol-controls > div.swiper-button-disabled {opacity: .3;} .sol-controls > div.active{background: #285FDD; } @media (any-hover: hover) { .sol-controls > div:hover {background: #285FDD; } } /* 右侧主图 */ .sol-right-panel { width: 100%; height: 100%; position: relative; overflow: hidden; cursor: none; } /* 隐藏原生鼠标 */ .sol-main-swiper { width: 100%; height: 100%; } .sol-main-swiper .swiper-slide {height: auto;} .sol-main-swiper .img-box {width: 100%; height: 100%; } .sol-main-swiper .img-box img {width: 100%; height: 100%; object-fit: cover; } /* 鼠标跟随按钮 */ .explore-cursor {z-index: 111; position: absolute;top: 0;left: 0;width: 9.5rem;height: 9.5rem;background: #285FDD;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: var(--font14);pointer-events: auto;z-index: 100;opacity: 0;transform: scale(0);transition: opacity 0.3s, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);white-space: nowrap;text-decoration: none;will-change: transform;} .explore-cursor span {display: flex; align-items: center; gap: .313rem;} /* .sol-right-panel:hover .explore-cursor {opacity: 1; transform: scale(1);} */ .indexTle h2 {font-size: var(--font40);} .indexTwo .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 1.25rem;} .indexTwo .list li {position: relative; overflow: hidden;} .indexTwo .list li .imgBox {position: relative; z-index: 1;} .indexTwo .list li .imgBox::after {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); z-index: 1;} .indexTwo .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;} .indexTwo .list li .con {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; padding: 2.5rem; display: flex; flex-direction: column; justify-content: space-between;} .indexTwo .list li .con h4 {font-size: var(--font28); color: #fff; font-weight: 600;} .indexTwo .list li .con .tips {color: #fff; font-size: var(--font18);} @media (any-hover: hover) { .indexTwo .list li:hover .imgBox img {transform: scale(1.1, 1.1);} } .indexTwo {padding: 7.5rem 0;} .indexTwo .list {margin-top: 5rem;} .indexThree .swiperBox {margin-top: 3rem;} .indexThree .swiperBox .slide {height: auto;} .indexThree .slide .imgBox {border-radius: 1.25rem; overflow: hidden; position: relative; height: 100%;} .indexThree .slide .imgBox::after {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(to right , rgba(0, 0, 0, .6) 0%, rgba(255, 255, 255, 0) 100%); z-index: 1;} .indexThree .slide .imgBox img {width: 100%; height: 100%; object-fit: cover; max-height: 43.75rem; transform: scale(1.1);} .indexThree .slide .imgBox video {object-fit: cover; width: 100%; height: 100%; max-height: 43.75rem; transform: scale(1.1);} .indexThree .slide .box {top: 50%; transform: translateY(-50%); position: absolute; z-index: 2; padding: 1.25rem 10rem; width: 100%;} .indexThree .slide .box .more {margin-top: 3rem;} /* 控件 */ .indexThree .swjt.swiper-button-prev {left: 12%;} .indexThree .swjt.swiper-button-next {right: 12%;} .indexThree .swjt { width: 3rem; height: 3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.5); color: #fff; font-size: var(--font24); cursor: pointer; transition: 0.3s; } .indexThree .swjt:active {background: #285FDD; } @media (any-hover: hover) { .indexThree .swjt:hover {background: #285FDD; } } .indexFour {padding: 7.5rem 0;} .indexFour .swiperBox {margin-top: 3.75rem;} .indexFour .slide {background: #f0f0f0; border-radius: 1.25rem; overflow: hidden; height: auto;} .indexFour .slide .imgBox {position: relative; padding-bottom: 56%; overflow: hidden;} .indexFour .slide .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;} .indexFour .slide .con {padding: 1.875rem 2.5rem;} .indexFour .slide .con .p1 {margin-top: 1.125rem;} .indexFour .slide .con .p2 {margin-top: 1.25rem;} .indexFour .slide .con .more {margin-top: 6.25rem; color: #3D3D3D; font-size: var(--font14);} @media (any-hover: hover) { .indexFour .slide a:hover .imgBox img {transform: scale(1.1, 1.1);} .indexFour .slide a:hover .p1 p {color: #285FDD;} } /* 控件 */ .indexFour .swjt_box {} .indexFour .swjt.swiper-button-prev {} .indexFour .swjt.swiper-button-next {} .indexFour .swjt {position: relative; margin: 0; inset: 0; transform: none; width: 3rem; height: 3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #D8D8D8; color: #fff; font-size: var(--font24); cursor: pointer; transition: 0.3s; } .indexFour .swjt:active {background: #285FDD;} @media (any-hover: hover) { .indexFour .swjt:hover {background: #285FDD;} } .get-plan {background: #10151f; text-align: center;} .get-plan .box {border-bottom: 1px solid #40444c; padding: 5rem 0 3rem;} .get-plan .btn {cursor: pointer;} /* ===========底部*/ .footer {background: #10151f; } .footer-main {padding: 4.25rem 0 0; } .footer-main .main_box {flex-wrap: wrap;} .f-info {} .f-info .f-logo img {max-width: 100%; max-height: 4.375rem; min-height: 3.75rem;} .f-social { margin-top: 3rem; gap: .938rem; } .f-social a { width: 2.5rem; height: 2.5rem; border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; color: #fff; transition: .4s; } .f-social a i {display: flex; align-items: center; justify-content: center;} .f-social a i svg {width: 70%;} .f-social a svg path {fill: #fff;} /* 二维码提示 */ .f-social .f-weixin { position: relative; } .f-social .weixin-code { position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%) translateY(10px); width: 150px; background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); visibility: hidden; opacity: 0; transition: all 0.4s ease; text-align: center; z-index: 99;} .f-social .weixin-code::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: #fff transparent transparent transparent; } .f-social .weixin-code img { width: 100%; height: auto; display: block; margin-bottom: 8px; filter: none !important; } .f-social .weixin-code p { color: #333; font-size: 14px; margin: 0; line-height: 1.2; white-space: nowrap;} .f-social .f-weixin:hover .weixin-code { visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0); } .foternav { flex: 1; margin-left: 10%; gap: 1.25rem; } .foternav dl dt { margin-bottom: 1.875rem; color: #fff; font-size: var(--font20); font-weight: 500;} .foternav dl dt a {color: #fff; font-weight: 500;} .foternav dl dd { margin-bottom: .625rem;} .foternav dl dd a { color: #888; transition: .3s; font-size: var(--font16); position: relative;} .foternav dl dd a::after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #fff; transition: .3s;} .f-contact {width: 100%;} .f-contact h4 { color: #fff; font-size: var(--font15); font-weight: 350; } .f-contact .item {margin-bottom: 1.25rem;} .footer-copy {padding: 1.75rem 0; margin-top: 1.75rem; color: rgba(255, 255, 255,.5); font-size: var(--font15); border-top: 1px solid rgba(216, 216, 216,.2);} .footer-copy a { color: rgba(255, 255, 255,.5);} .footer-copy a:hover {color: #fff;} @media (any-hover: hover) { .f-social a:hover {opacity: 1; border-color: #285FDD; background: #285FDD;} .foternav dl dd a:hover::after {width: 100%;} .foternav dl dd a:hover { color: #fff; } .f-contact .more-contact:hover { color: #fff; } } /* ============================================================================内页=========================================================================================== */ /* 公用banner */ .ny-banner {position: relative; overflow: hidden;} .ny-banner .imgBox img {width: 100%; object-fit: cover; min-height: 20rem;} /* 面包屑 */ .layui-breadcrumb {color: #fff !important; } .layui-breadcrumb a {color: #fff !important; font-size: var(--font16) !important;} .layui-breadcrumb span[lay-separator] {color: #fff !important; font-size: var(--font14) !important; margin: 0 .625rem;} .layui-breadcrumb a:hover {color: #285FDD !important;} .mbx-cor2 .layui-breadcrumb a {color: #999 !important;} .mbx-cor2 .layui-breadcrumb span[lay-separator] {color: #999 !important;} .mbx-cor2 .layui-breadcrumb a:hover {color: #285FDD !important;} /* =====关于我们 ===== */ .about_banner .imgBox img {max-height: 100vh;} .about_banner .box {position: absolute; bottom: 5%; left: 0; width: 100%;} .about_banner .about_con {margin-bottom: 7.5rem;} /* 关于我们 - 公司简介 */ .aboutOne {padding: 7.5rem 0; background: #fff; overflow: hidden;} .aboutOne .le .en {color: #285fdd; font-size: 4.5rem; line-height: 1; text-transform: uppercase; font-weight: 900; font-family: Arial, Helvetica, sans-serif;} .aboutOne-box {align-items: flex-start;} .aboutOne-box .le {width: 40%; position: relative;} .aboutOne-box .re {width: 60%;} .location-list {position: relative; padding-left: 4.5rem;} .location-list .line-bg {position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: #eee; height: 150%;} .location-list .line-dot {position: absolute; left: 0; top: 0; transform: translateX(-40%); width: 1rem; height: 1rem; background: #285FDD; border-radius: 50%; z-index: 2;} .location-list .line-slider {position: absolute; left: 0; top: 0; width: .313rem; transform: translateX(-25%); height: 5.75rem; background: #285FDD; z-index: 3;} .location-list .on_item {margin-bottom: 6.25rem;} .location-list .item {margin-bottom: 3.75rem; cursor: pointer; transition: 0.3s; position: relative;} .location-list .item:last-child {margin-bottom: 0;} .location-list .item .t1 {transition: 0.3s;font-size: var(--font34); font-weight: 600;} .location-list .item .p1 {transition: 0.3s; font-size: var(--font18); color: #666666;} .location-list .item .imgBox {position: absolute; width: 25rem; height: 15rem; left: 0; top: 50%; transform: translate(calc(-100% - 9rem),-50%) scale(1.1); opacity: 0; transition: 0.8s ease; visibility: hidden; max-width: 100%; } .location-list .item .imgBox img {width: 100%; height: 100%; object-fit: cover;border-radius: 1.75rem 0 1.75rem 0; } .location-list .item.active .imgBox {opacity: 1; visibility: visible; transform: translate(calc(-100% - 9rem),-50%) scale(1.1);} .location-list .item.active .t1 {color: #285FDD;} /* 关于我们 - 企业使命/愿景/价值观 */ .aboutTwo {padding-top: 6.25rem; padding-bottom: 5rem; position: relative; background: url(../images/aboutTwo-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; min-height: calc(100vh - 6.25rem);} .aboutTwo-tabs {gap: 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 20vh; justify-content: flex-start;} .aboutTwo-tabs .item {cursor: pointer; position: relative; padding: 0 6.25rem; padding-bottom: 2.375rem;min-height: 7.5rem; display: flex; align-items: center;} .aboutTwo-tabs .item span {color: rgba(255, 255, 255, 0.6); font-size: var(--font30); transition: 0.3s;} .aboutTwo-tabs .item .line {position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #fff; transition: 0.3s;} .aboutTwo-tabs .item.active span {color: #fff; font-weight: 600;} .aboutTwo-tabs .item.active .line {width: 100%;} .aboutTwo-content {min-height: 25vh;} .aboutTwo-content .con-item {display: none;} .aboutTwo-content .con-item.active {display: block; animation: fadeInUp 0.8s both;} .aboutTwo-content .con-item .p1 {line-height: 1.3; font-size: var(--font32); max-width: 60%;} .aboutTwo-bottom { align-items: flex-end; margin-top: 5vh;} .aboutTwo-bottom .page-num .total {opacity: 0.6; margin-left: 0.5rem;} .aboutTwo-bottom .bg-text {font-size: 8rem; font-weight: 900; color: #285FDD; line-height: 1; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;} /* 关于我们 - 发展历程 */ .aboutThre {padding: 7.5rem 0; padding-bottom: 0; background: #e9ebf2; position: relative; overflow: hidden;} .aboutThre .develop {overflow-y: visible;} .history-timeline {position: relative; padding-bottom: 5rem;} .history-timeline::after {content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #d8d8d9; transform: translateX(-50%);} .history-item {position: relative; min-height: 18.75rem; margin-bottom: 5rem;} .history-item:last-child {margin-bottom: 0;} .history-item .dot {position: absolute; left: 50%; top: 0; width: .75rem; height: .75rem; background: #d6d6d6; border-radius: 50%; transform: translate(-50%, -50%); z-index: 3; transition: 0.3s;} .history-item .year {position: absolute; top: 0; transform: translateY(-50%); color: #555; font-size: var(--font38); font-family: Arial, Helvetica, sans-serif; transition: .5s;} .history-item:nth-child(odd) .year {left: calc(50% + 1.5rem);} .history-item:nth-child(even) .year {right: calc(50% + 1.5rem);} .history-item .content {width: 47.5%; position: relative; transform: translateY(-3.75rem); } .history-item .content.left {margin-left: 0; margin-right: auto; text-align: right; padding-left: 5%;} .history-item .content.right {margin-left: auto; margin-right: 0; text-align: left; padding-left: 0; padding-right: 5%;} .history-item .imgBox {width: 100%; max-width: 18.75rem; border-radius: 1.25rem 0 1.25rem 0; overflow: hidden; margin-bottom: 2rem; display: inline-block;} .history-item .imgBox img {width: 100%; transition: 0.5s;} .history-item .info .month {margin-bottom: .625rem; color: #285fdd; font-size: var(--font20); font-weight: 600;} .history-item .info .desc {font-size: var(--font15); color: #666;} .history-item .info .info-item {margin-bottom: 2.5rem;} .history-item .info .info-item:last-child {margin-bottom: 0;} @media (any-hover: hover) { .history-item:hover .dot {background: #285fdd; border-color: rgba(40, 95, 221, 0.3); box-shadow: 0 0 0 .625rem rgba(40, 95, 221, 0.1);} .history-item:hover .year {font-size: 7.5rem; color: #285fdd; font-weight: bolder;} } .thre-bottom {margin-top: 2rem;} .scroll-down-icon {display: flex; flex-direction: column; align-items: center; gap: 0.5rem;} .scroll-down-icon .mouse {width: 1.5rem; height: 2.5rem; border: 2px solid #285fdd; border-radius: 1rem; position: relative;} .scroll-down-icon .mouse::after {content: ''; position: absolute; left: 50%; top: 0.5rem; width: 2px; height: 0.5rem; background: #285fdd; transform: translateX(-50%); animation: scrollMouse 2s infinite;} .scroll-down-icon .arrows {display: flex; flex-direction: column; align-items: center; margin-top: -0.25rem;} .scroll-down-icon .arrows i {color: #285fdd; font-size: 1.5rem; line-height: 0.5; animation: scrollArrows 2s infinite;} .scroll-down-icon .arrows i:last-child {animation-delay: 0.2s;} @keyframes scrollMouse { 0% {opacity: 1; transform: translateX(-50%) translateY(0);} 100% {opacity: 0; transform: translateX(-50%) translateY(10px);} } @keyframes scrollArrows { 0% {opacity: 0; transform: translateY(-5px);} 50% {opacity: 1; transform: translateY(0);} 100% {opacity: 0; transform: translateY(5px);} } .bg-milestones {font-family: Arial, Helvetica, sans-serif; font-size: 6.375rem; color: #285fdd; opacity: .14; font-weight: 900;} .aboutFour {padding: 7.5rem 0; background: url(../images/aboutFour-bg.webp) no-repeat center; background-size: cover; background-attachment: fixed; position: relative; overflow: hidden; } .aboutFour .aboutTle {margin-bottom: 3.5rem;} .aboutFour .le {width: auto; flex: 1; margin-top: 4.25rem;} .cert-thumbs-swiper {height: auto; overflow: visible;} .cert-thumbs-swiper::before {content: ''; position: absolute; height: 120%; left: 0; top: -10%; width: 1px; background: rgba(255, 255, 255,.2); transform: translateX(calc(.625rem / 2)); } .cert-thumbs-swiper .swiper-slide {height: auto !important; margin-top: 2rem;} .cert-thumbs-swiper .swiper-slide:first-child {margin-top: 0;} .cert-thumbs-swiper .item {display: flex; align-items: flex-start; cursor: pointer; transition: .3s; color: rgba(255,255,255,0.6);} .cert-thumbs-swiper .item .dot {width: .625rem; height: .625rem; background: #fff; border-radius: 50%; margin-right: 1rem; margin-top: .75rem; flex-shrink: 0; transition: .3s;} .cert-thumbs-swiper .item .text {font-size: var(--font20); font-weight: 500;} .cert-thumbs-swiper .item .sub-text {font-size: var(--font16); margin-top: .625rem; display: block; color: rgba(255,255,255,0.8);} .cert-thumbs-swiper .swiper-slide-thumb-active .item {color: #fff;} .cert-thumbs-swiper .swiper-slide-thumb-active .item .dot {background: #fff; box-shadow: 0 0 .625rem rgba(255,255,255,0.9);} /* .cert-thumbs-swiper .swiper-slide-thumb-active .item .sub-text {display: block; animation: fadeInUp .5s both;} */ .aboutFour .re {width: 80%; position: relative;} .aboutFour .aboutFour-container {gap: 2%;} .cert-main-swiper {width: 100%;} .cert-main-swiper > .swiper-wrapper > .swiper-slide { pointer-events: none; z-index: 0; } .cert-main-swiper > .swiper-wrapper > .swiper-slide-active { pointer-events: auto; z-index: 1; } .cert-list-swiper {width: 100%;} .cert-list-swiper .swiper-slide { pointer-events: auto !important; z-index: 1; } .cert-list-swiper .imgBox {width: 100%; background: #fff; padding: 0; overflow: hidden;/* aspect-ratio: 3/4; */} .cert-list-swiper .imgBox img {width: 100%; height: 100%; object-fit: contain;} .aboutFour .swiper-nav-buttons {margin-top: 3rem; position: relative; right: 0; bottom: 0; gap: 1.25rem; z-index: 10; justify-content: flex-end;} .aboutFour .sw-btn {width: 3.125rem; height: 3.125rem; border-radius: 50%; color: #fff; font-size: 1.5rem; cursor: pointer; transition: .3s; background: rgba(255,255,255,0.1); backdrop-filter: blur(5px);} .aboutFour .sw-btn:hover {background: #285fdd; color: #fff;} .aboutFive {padding: 8.75rem 0;} .aboutFive .aboutTle {margin-bottom: 2.5rem;} .aboutFive .box {gap: 10%;} .aboutFive .box > div {width: 50%;} .aboutFive .imgBox img {width: auto; max-width: 100%;} /* ======产品中心===== */ /* ===具身机器人页面样式 */ .product-page {background: url(../images/product-page-bg.webp) no-repeat center;background-size: cover;overflow: hidden;} .embodied-robot-section {padding-top: 6.25rem;padding-bottom: 5rem;min-height: 100vh;position: relative;} .embodied-robot-section .full-height {margin-top: 3.75rem;height: 100%;} /* Titles */ .embodied-robot-section .product-titles {position: relative;flex-shrink: 0; line-height: 1.3;} .product-titles h2 {font-size: var(--font40);} .product-titles h3 {font-size: var(--font40);} /* Subnav Arc */ .product-subnav {position: absolute;bottom: 0;left: 0;width: 26%;height: 23.5rem;z-index: 10;pointer-events: none;} .subnav-arc {position: absolute;right: 0;top: 0;width: 60rem;height: 60rem;border: 11.25rem solid rgba(255, 255, 255, 0.7);border-radius: 50%;pointer-events: none;} .subnav-list {position: absolute;width: 100%;height: 100%;pointer-events: auto;left: 0;top: 0;} .subnav-list li {position: absolute;transition: .3s;white-space: nowrap;} .subnav-list li a {color: rgba(0, 0, 0, .3);transition: .3s;} .subnav-list li:nth-child(1) {left: 26%;top: 30%;} .subnav-list li:nth-child(2) {left: 42%;top: 52%;} .subnav-list li:nth-child(3) {left: 55%;top: 75%;} .subnav-list li.active {font-weight: 500;} .subnav-list li.active a {color: #285fdd;} .subnav-list li.active a::before {position: absolute;content: '\e602';font-size: 1rem; font-family: layui-icon !important; left: 0;top: 50%; transform: translateY(-50%) translateX(-100%);} .subnav-list li:active {font-weight: 500;} .subnav-list li:active a {color: #285fdd;} .subnav-list li:active a::before {position: absolute;content: '\e602';font-size: 1rem; font-family: layui-icon !important; left: 0;top: 50%; transform: translateY(-50%) translateX(-100%);} @media (any-hover: hover) { .subnav-list li a:hover {color: #285fdd;} /* .subnav-list li a:hover::before {opacity: 1;} */ } /* Slider Wrap */ .embodied-robot .full-height {padding-right: 0;} .product-slider-wrap {margin-top: 3.75rem;max-width: 80%;height: 100%;/* Offset for left content */position: relative;} .product-main-swiper {width: 100%;height: 100%;/* overflow: visible; */} .product-main-swiper .swiper-slide {height: auto;opacity: 0.3;transition: opacity 0.8s;} .product-main-swiper .swiper-slide .bg-large-text {opacity: 0;} .product-main-swiper .swiper-slide-active {opacity: 1;} .product-main-swiper .swiper-slide-active .bg-large-text {opacity: 1;} .product-main-swiper .slide-content {padding: 0 4rem;display: flex;align-items: flex-end;gap: 1rem;border-right: 1px solid #C7D5F4;} .robot-img {height: 37.5rem;width: 40%;position: relative;display: flex;align-items: flex-end;justify-content: flex-end;} .robot-img img {width: 100%;max-height: 100%;object-fit: contain;position: relative;z-index: 2;} .product-main-swiper .slide-content .more {margin-top: 1.75rem;} .bg-large-text {position: absolute;font-size: 37.5rem;font-weight: 700;color: rgba(255, 255, 255, 0.7);z-index: -1;pointer-events: none;left: 50%;top: 50%;transform: translate(-50%, -50%);line-height: 1;transition: .5s;transition-delay: .5s;} .robot-info {width: 55%;} /* Navigation */ .product-swjt-box {position: absolute;bottom: -6rem;right: 5%;z-index: 100;gap: 1rem;} .product-swjt-box .swjt {width: 3.5rem;height: 3.5rem;border-radius: 50%;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: #999;cursor: pointer;transition: .3s;} .product-swjt-box .swjt.active {background: #285fdd;border-color: #285fdd;color: #fff;} .product-swjt-box .swjt:hover {background: #285fdd;border-color: #285fdd;color: #fff;} /* ===移动机器人页面样式 */ .product-grid-wrap {width: 75%;margin-left: auto;z-index: 1;} .robot-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 3.75rem;} .robot-card {z-index: 1;height: 100%;border: 1px solid #FFFFFF;background: rgba(255, 255, 255, 0.55);border-radius: 1.5rem;border-radius: 1rem;display: flex;justify-content: space-between;transition: 0.5s;min-height: 18.75rem;overflow: hidden;position: relative;} .robot-card a {width: 100%;padding: 3.25rem;display: block;} .robot-card:hover {transform: translateY(-0.625rem);box-shadow: 0 1rem 2.5rem rgba(40, 95, 221, 0.15);} .robot-card .card-info {width: 100%; max-width: 60%; display: flex; flex-direction: column; justify-content: flex-start; height: 100%; position: relative; z-index: 2;} .robot-card .explore-more {margin-top: auto; color: #285fdd; font-size: var(--font18); display: flex; align-items: center; gap: 0.5rem; transition: 0.3s;} .robot-card .card-img {z-index: -1; padding: 1.25rem; position: absolute; right: 0; bottom: 0; width: 60%; height: 100%; display: flex; align-items: center; justify-content: center; pointer-events: none;} .robot-card .card-img img {max-width: 100%; max-height: 100%; object-fit: contain; transition: 0.5s;} .robot-card .card-info h4 { color: #3D3D3D; font-size: var(--font30);} .robot-card .card-info p { color: #3D3D3D; font-size: var(--font16);} .robot-card .explore-more {margin-top: auto; font-size: var(--font16); color: #285fdd; text-decoration: none;} .robot-card .explore-more i {font-size: 1.2rem; transition: 0.3s;} @media (any-hover: hover) { .robot-card:hover .card-img img {transform: scale(1.05);} .robot-card:hover .explore-more {gap: 0.8rem;} } /* ===核心部件页面样式 */ .core-part .core-part-wrap {position: relative; padding-bottom: 5%; margin-left: 5%;} .core-part .core-part-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2.25rem;} .core-part-grid .item {position: relative;background: rgba(255, 255, 255, 0.89); border-radius: 1rem;} .core-part-grid .item a {display: block; padding: 2rem; height: 100%;} .core-part-grid .item .imgBox {position: relative; padding-bottom: 60%;} .core-part-grid .item .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: 0.5s;} .core-part-grid .item .con {margin-top: 2rem; text-align: center;} .core-part-grid .item h5 {font-size: var(--font18);color: #3D3D3D; transition: 0.3s;} @media (any-hover: hover) { .core-part-grid .item:hover .imgBox img {transform: scale(1.05);} .core-part-grid .item:hover .con h5 {color: #285fdd;} } .core-part .core-part-tips {text-align: right; position: absolute; bottom: -10%; right: 0;} /* 软件平台 */ .ruanjian_part .core-part-grid .item .con {text-align: left;} .ruanjian_part .core-part-grid .item .con {margin-top: 1rem;} .ruanjian_part .core-part-grid .item h5 {font-size: var(--font20);} /* 配套设备 */ .equment_robot .robot-grid {grid-template-columns: repeat(1,1fr);} .equment_robot .robot-grid .robot-card {min-height: 20rem;} /* =====机器人详情 */ .emRobot_dateOne {position: relative; overflow: hidden;} .emRobot_dateOne .imgBox img {width: 100%; min-height: 25rem; object-fit: cover;} .emRobot_dateOne .box {height: 100%; display: flex; align-items: center; z-index: 11;} .emRobot_dateOne .con {position: relative; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; max-width: 62%;} .emRobot_dateOne .mbx {position: absolute; top: 6.5rem; margin-top: 3rem;} .emRobot_dateOne .en {position: absolute; bottom: 5rem; left: 0; font-size: 5rem;opacity: 0.1; font-weight: 900; color: #3D3D3D; font-family: Arial, Helvetica, sans-serif; line-height: 1; width: 100%;} .emRobot_dateOne h1 {font-size: 3.25rem;font-weight: 900; color: #414141; line-height: 1.2;} .emRobot_dateOne .text {margin-top: 3rem;color: #999999; font-size: var(--font22);} .emRobot_dateTwo {position: relative; padding: 11.25rem 0; padding-bottom: 3rem;} .emRobot_dateTwo .box {position: relative; padding-bottom: 11.25rem;} .emRobot_dateTwo .en {position: absolute; bottom: 0; font-weight: 900; line-height: 1; font-size: 11.25rem; color: #F1F1F1; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;} .emRobot_dateTwo .le {width: 46%;} .emRobot_dateTwo .re {width: 35%;} .emRobot_dateTwo .le .desc {margin-top: 2.75rem; line-height: 1.8;} .emRobot_dateTwo .re {display: flex; flex-direction: column; row-gap: 6.25rem;} .emRobot_dateTwo .re .item {display: flex; align-items: center; gap: 1.75rem;} .emRobot_dateTwo .re .item .icBox {width: 4.75rem; height: 4.75rem; flex-shrink: 0;} .emRobot_dateTwo .re .item .icBox img {min-width: 60%; min-height: 60%; max-width: 100%; max-height: 100%; object-fit: contain;} .emRobot_dateTwo .re .item .t1 {font-size: var(--font40); font-weight: 500; color: #47484A;} .emRobot_dateTwo .re .item .t2 {font-size: var(--font20); font-weight: 500; color: #7C8089;} .emRobot_dateThre {position: relative;background: #F5F5F5;overflow: hidden;padding: 7.5rem 0;} .emRobot_dateThre .bg-text {font-size: 25rem; font-weight: 500; text-align: center; color: #fff;z-index: 1;white-space: nowrap;font-family: Arial, Helvetica, sans-serif;pointer-events: none;opacity: 1;} .emRobot_dateThre .robot-main-img {position: absolute;left: 50%; max-width: 40%; bottom: 0;transform: translateX(-50%) translateY(30%);height: 120%;z-index: 2;display: flex;align-items: flex-end;} .emRobot_dateThre .robot-main-img img {height: 100%;width: auto;object-fit: contain; max-width: 100%;} .emRobot_dateThre .bottom {display: flex; justify-content: space-between; align-items: flex-end;} .emRobot_dateThre .bottom .bottom-titles {line-height: 1.3; max-width: 35%;} .emRobot_dateThre .bottom .bottom-tips {max-width: 30%;} /* ===详情页公用部分 */ .robot_appField {padding: 6.25rem 0; padding-bottom: 0;} .robot_appField .swiperBox {margin-top: 5rem;} .robot_appField .slide {height: auto;} .robot_appField .slide .imgBox {overflow: hidden; position: relative; z-index: 1;} .robot_appField .slide .imgBox::after {content: ''; z-index: -1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(to top , rgba(0, 0, 0, .6) 0%, rgba(255, 255, 255, 0) 100%); z-index: 1;} .robot_appField .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;} .robot_appField .slide .con {position: absolute; bottom: 0; left: 0; padding: 3rem; font-size: var(--font30); z-index: 1; width: 100%;} .robot_appField .slide .con h4 {color: #fff;} /* 控件 */ .robot_appField .swjt.swiper-button-prev {left: 12%;} .robot_appField .swjt.swiper-button-next {right: 12%;} .robot_appField .swjt { width: 3rem; height: 3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.5); color: #fff; font-size: var(--font24); cursor: pointer; transition: 0.3s; } .robot_appField .swjt:active {background: #285FDD; } @media (any-hover: hover) { .robot_appField .swjt:hover {background: #285FDD; } } .robot_cases {padding: 7.5rem 0;} .robot_cases .swiperBox {margin-top: 3.75rem;} .robot_cases .slide {overflow: hidden;} .robot_cases .slide .imgBox {position: relative; padding-bottom: 71%; overflow: hidden;} .robot_cases .slide .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;} .robot_cases .slide .con {padding: 1.25rem 0;} .robot_cases .slide .con p {font-size: var(--font24); color: #3D3D3D;} @media (any-hover: hover) { .robot_cases .slide a:hover .imgBox img {transform: scale(1.1, 1.1);} .robot_cases .slide a:hover .p1 p {color: #285FDD;} } /* 控件 */ .robot_cases .swjt.swiper-button-prev {} .robot_cases .swjt.swiper-button-next {} .robot_cases .swjt {position: relative; margin: 0; inset: 0; transform: none; width: 3rem; height: 3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #D8D8D8; color: #fff; font-size: var(--font24); cursor: pointer; transition: 0.3s; } .robot_cases .swjt:active {background: #285FDD;} @media (any-hover: hover) { .robot_cases .swjt:hover {background: #285FDD;} } /* 移动机器人-产品展示 */ .mobRobot_dateThre {background: #F5F5F5;min-height: 100vh;padding: 6.25rem 0;padding-bottom: 22.5rem;overflow: hidden;} .mobRobot_dateThre .box {margin-top: 7rem; position: relative;} .mobRobot_dateThre .full-height { display: flex; flex-direction: column;} .mob-bg-text-swiper { position: absolute; left: 0; top: 0; bottom: auto; width: 100%; pointer-events: none; z-index: 1; transform: translateY(50%);} .mob-bg-text-swiper .swiper-slide { font-size: 15rem; white-space: nowrap; font-weight: 900; font-family: Arial, Helvetica, sans-serif; text-align: center; opacity: 0; transition: 0.8s; color: rgba(255, 255, 255, 0.7);} .mob-bg-text-swiper .swiper-slide-active { opacity: 1;} .mob-image-swiper { position: absolute; right: -5.75%; width: 70%; z-index: 2; transform: translateY(-25%);} .mob-image-swiper .imgBox { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .mob-image-swiper .imgBox img { width: 100%; max-width: 100%; max-height: 100%; object-fit: contain; transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: scale(0.8) rotate(5deg); opacity: 0.3;} .mob-image-swiper .swiper-slide-active img { transform: scale(1) rotate(0); opacity: 1;} .mob-content-wrap { max-width: 30%; width: auto; z-index: 3;} .mob-content-swiper {overflow: visible;} .mob-content-swiper .swiper-slide .series {color: #47484A;} .mob-content-swiper .swiper-slide .con-box { opacity: 0 !important; transition: 0.8s; transform: translateX(-30px);} .mob-content-swiper .swiper-slide .con-box .series {font-size: var(--font20);} .mob-content-swiper .swiper-slide .con-box h4 {font-size: var(--font36);} .mob-content-swiper .swiper-slide .more { margin-top: 6.25rem;} .mob-content-swiper .swiper-slide-active .con-box { opacity: 1 !important; transform: translateX(0);} .mobRobot_dateThre .mob-pagination { position: absolute; bottom: 10%; display: flex; gap: .625rem;} .mob-pagination .swiper-pagination-bullet { width: 2rem; height: 3px; background: #ccc; border-radius: 0; opacity: 1; margin: 0 !important; transition: 0.3s;} .mob-pagination .swiper-pagination-bullet-active { background: #285fdd;} .mob-swjt-box {position: absolute; right: 0; bottom: 10%; gap: 1rem; z-index: 10; justify-content: flex-end;} .mob-swjt-box .swjt { width: 3.5rem; height: 3.5rem; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #999; cursor: pointer; transition: 0.3s; margin: 0;} .mob-swjt-box .swjt.active,.mob-swjt-box .swjt:hover { background: #285fdd; color: #fff;} /* 内页服务与支持 */ .banner-box{top: auto;bottom: 6%;transform: translate(-50%, 0%);} .tech-banner .info{margin-bottom: 17.8125rem;} .tech-banner .info h1{font-size: 3.5rem; font-weight: 700;} .tech-banner .info h2{width: 33%;} .tech-banner .layui-breadcrumb a{font-size: var(--font20) !important;} @media (any-hover: hover) { .tech-banner .layui-breadcrumb a:hover{font-weight: bold;} } .tech-banner .layui-breadcrumb a.on{font-weight: bold;} .tech{padding: 8.0625rem 0 10.3125rem;} .tech-title{margin-bottom: 3.25rem;} .tech-title h2{font-size: 3rem; color: #2F2F2F;} .tech-title i{display: block; width: 3.5rem; height: .375rem; background: #285FDD; border-radius: 222px 222px 222px 222px; margin: .8125rem auto 0;} .tech-list{position: relative;} .tech-list::after{position: absolute; content: ''; top: 3rem; left: 0; width: 87%; height: 1px; background: #D8D8D8; z-index: -1;} .tech-list ul{gap: 1.875rem;} .tech-list ul li .icon{width: 6.0625rem; height: 6.0625rem; background: #EEF3FF; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 4.125rem;} .tech-list ul li .icon img{display: block; max-width: 50%;} .tech-list ul li .info{margin-left: .4375rem;} .tech-list ul li .info span{color: rgba(61,61,61,0.39); display: block;} .tech-list ul li .info em {font-size: 2rem; display: block; margin-bottom: 3.0625rem;} .tech-list dl{display: flex;align-items: center; margin-bottom: .375rem;} .tech-list dl dt{width: .3125rem; height: .3125rem; background: #676767; border-radius: 50%; margin-right: 1rem;} .tech-list dl dd{flex: 1; font-size: var(--font18); color: #676767;} .tech-bg{background: url(../images/tech-bg.webp) no-repeat center; background-size: cover; padding: 10rem 0 9.375rem;} .tech-title h3{margin-bottom: 1.4375rem;} .tech-ys {} .tech-ys ul{gap: 2.4375rem;} .tech-ys ul li{background: #FFFFFF; border-radius: 1.75rem; padding: 3.25rem 2.5rem 0; height: auto; padding-bottom: 3rem;} .tech-ys ul li .icon{width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; margin-bottom: .25rem; } .tech-ys ul li .icon img{display: block; max-width: 80%; min-width: 40%;} .tech-ys ul li .info p{color: #767676; margin-top: 5.3125rem;} .training{padding: 11.375rem 0 9rem;} .training .info,.training .pic{width: 50%;} .training .info{padding: 0 8% 0 5%;} .training .pic img{display: block; width: 100%;} .training .tech-title i{margin: 0;} .training ul li{margin-bottom: 2rem;} .training ul li:last-child{margin-bottom: 0;} .training ul li .icon{width: 6.0625rem; height: 6.0625rem; background: #EEF3FF; border-radius: 50%; margin-right: 1.5rem;} .training ul li .icon img{display: block; max-width:50%; min-width: 40%;} .training ul li .text{flex: 1;} .training ul li .text em{} .training ul li .text p{} .service-bg{background: #EEEEEE; padding: 7.1875rem 0 13.125rem;} .service-list ul{gap: 1.875rem;} .service-list ul li{} .service-list ul li .icon{width: 6.0625rem; height: 6.0625rem; background: #FFFFFF; border-radius: 50%; margin-bottom: 2.375rem;} .service-list ul li .icon img{display: block; max-width: 50%; min-width: 40%;} .service-list ul li .info em{margin-bottom: .75rem; display: block; font-size: var(--font30);} .service-list ul li .info p {font-size: var(--font16);} .message-bg{background: url(../images/message-bg.webp) no-repeat center; background-size: cover; padding: 7.25rem 0 7rem;} .message-box .tech-title{width: 41%;} .message-box .tech-title h2{color: #fff; margin-bottom: .625rem;} .message-box .tech-title i{margin: 4.8125rem 0 0;} .message-box .form {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 1.25rem;width: 54.82%;} .message-box .form .inBox {width: 48.5%;position: relative;background: rgba(0,0,0,0.08);} .message-box .form .inBox label {color: #FF0000;position: absolute;top: 50%;transform: translateY(-50%);left: 1.25rem;} .message-box .form input ,.message-box .form textarea {height: 3.625rem;border-radius: 0.3125rem;background: none;padding: 0 1.5rem;padding-left: 2rem;box-sizing: border-box;min-height: 42px;border: 1px solid rgba(255,255,255,0.1);width: 100%;color: #fff;/* background: rgba(0,0,0,0.08); */} .message-box .form input::placeholder ,.message-box .form textarea::placeholder {color: #ffffff;} .message-box .form textarea {background: none; padding: 1.25rem 1.5rem; padding-left: 2rem; min-height: 10rem; box-sizing: border-box; resize: none;} .message-box .form .inBox.intext {width: 100%;} .message-box .form .inBox.intext label {top: 2.1rem;} .message-box .form .inCode {width: 100%; display: flex; align-items: center; } .message-box .form .inCode img { position: absolute; top: 50%; transform: translateY(-50%); right: 0; right: .625rem; border-radius: 0.3125rem; height: 2.5rem; min-height: 40px; max-width: 6.25rem; object-fit: contain;} .message-box .form .sub {width: 100%; margin-top: 3.75rem;} .message-box .form button {padding: 1rem 3.87rem;color: #ffffff;background: #285FDD;border-radius: 6.25rem;cursor: pointer;} /* .message-box .form button:active {background: #00A8A9;} */ .layui-form-select dl dd, .layui-form-select dl dt {line-height: initial; padding: .625rem;} .layui-form-select dl {top: 100%;} .layui-form-selectup dl {top: auto; bottom: 100%;} /* 隐藏原生箭头 */ .message-box .form .layui-form-select .layui-edge {border: none !important;width: .875rem;height: .875rem;background-image: url('../images/select.png'); background-size: contain;background-repeat: no-repeat;margin-top: 0;transform: translateY(-50%);right: 1.25rem;} /* =====下载中心 */ .downMain {} .downlist {background: #F3F3F3;} .downlist .box {display: flex; justify-content: space-between; align-items: flex-start; position: relative; flex-wrap: wrap;} /* .downlist .box::before {content: ""; position: absolute; width: 100vw; height: 100%; background: linear-gradient(0deg,#dfdfdf 0%, #fcfcfc 100%); left: calc(-100vw + 18%);} */ .downlist .le { width: 18%; position: sticky; top: 0rem; min-height: 100vh; border-right: 1px solid #ddd; padding-top: 3rem;} .downlist .le h3 {font-size: var(--font36); font-family: "Noto Sans SC"; font-weight: 500; color: #32bdb6;} .downlist .re {width: 78%; padding-top: 3rem;} .downnav {border-left: 1px solid #CCCDD0;} .downnav ul {position: relative;top: -0.625rem;padding-right: 1.25rem;} .downnav li {position: relative;padding-left: 2.813rem; margin: 1.875rem 0;} .downnav li i {content: "";width: .625rem;height: .625rem; background: #285FDD; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); z-index: 1; transition: .4s; opacity: 0;} .downnav li i::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: #285FDD; border-radius: 50%; z-index: -1;} .downnav li a {font-weight: 400;color: #616161;font-size: var(--font18); } .downnav li.on i::after {animation: shubiao 1s infinite linear .65s;} .downnav li.on i {background: #285FDD; opacity: 1;} .downnav li.on a {color: #285FDD; font-weight: 700;} .downnav li:hover a {color: #285FDD;} .downnav li:hover i {background: #285FDD; opacity: 1;} .downlist .re ul {display: flex; flex-wrap: wrap; justify-content: space-between;} .downlist .re li {width: 46%; padding: 1.75rem 1.25rem; border-bottom: 1px solid #E5E5E5;} .downlist .re li .icBox {width: 2.25rem; height: 2.25rem; min-width: 30px; min-height: 30px; border-radius: 50%; background: #285FDD;box-shadow: 0rem 0rem 0.13rem 0rem rgba(226,225,224,0.33); flex-shrink: 0;} .downlist .re li .icBox i {color: #fff; transform: rotate(-90deg);} .downlist .re li a {display: flex; align-items: center;} .downlist .re li .disc {margin-left: 1.25rem;font-size: var(--font18); font-weight: 400; color: #666666;} .downlist .re li a:hover .disc {color: #285FDD;} /* 手机端栏目导航 */ .wrapistnav {padding: 1.75rem 0; display: none;} .wrapistnav .w1700 {position: relative;} .pronavSwiper .swiper-slide {width: auto; text-align: center;} .pronavSwiper .swiper-slide a {display: block; padding: 1rem .625rem; position: relative; color: #999999; transition: .5s;} .pronavSwiper {max-width: 90%; margin: auto; position: static;} .pronavSwiper .swjt {right: 0%;} .pronavSwiper .swjt.swiper-button-prev {right: auto; left: 0%; transform: rotate(180deg);} .pronavSwiper .swiper-slide a.on {color: #285FDD; font-weight: 600;} /* 内页新闻资讯 */ .nynews-bg{background: #F3F3F3; padding: 8.9375rem 0 0;} .news-top{margin-bottom: 2.625rem;} .news-top h2{display: block; font-size: 3rem;} .news-title h1{display: block; font-size: 3.75rem; color: #47484A; padding: 5rem 0 6.375rem;} .latest-news{margin-bottom: 4.5rem;} .latest-news a{ box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.09); align-items: normal;} .latest-news .pic,.latest-news .info{width: 50%;} .latest-news .pic {overflow: hidden;} .latest-news .pic img{display: block; width: 100%; object-fit: cover; transition: .5s; height: 100%; } .latest-news .info{ padding: 1rem 3.4375rem; display: flex; flex-direction: column; justify-content: center;} .latest-news .info span{color: #989898; display: block; margin-bottom: 1.4375rem; font-family: Arial;} .latest-news .info h3{color: #3D3D3D; font-weight: 600; line-height: 1.4; margin-bottom: 1.125rem;} .latest-news .info h4{color: #7B7B7B; margin-bottom: 6.25rem;} .latest-news .info em{color: #3D3D3D; font-family: Arial;} @media (any-hover: hover) { .latest-news a:hover .pic img{transform: scale(1.1);} .latest-news a:hover .info h3{color: #285FDD;} } .nynews-list ul{gap: 2.0625rem;} .nynews-list ul li{margin-bottom: 9.5625rem;} .nynews-list ul li .pic{overflow: hidden; border-top-left-radius: 1rem; border-top-right-radius: 1rem;} .nynews-list ul li .pic img{display: block; width: 100%; object-fit: cover; transition: .5s;} .nynews-list ul li .info{ padding: 2.25rem 2.9375rem 1.6875rem; background: #fff; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;} .nynews-list ul li .info span{color: #3D3D3D;font-family: Arial; display: block; margin-bottom: 1.125rem;} .nynews-list ul li .info h3{color: #3D3D3D; font-weight: 500; line-height: 1.3; margin-bottom: 1.5625rem;} .nynews-list ul li .info h4{color: #A1A1A1; margin-bottom: 5.9375rem;} .nynews-list ul li .info em{color: #3D3D3D;} @media (any-hover: hover) { .nynews-list ul li a:hover .pic img{transform: scale(1.1);} .nynews-list ul li a:hover .info h3{color: #285FDD;} } .newsxq-position{background: #13131E; padding:1.4375rem 5%; margin-bottom: 6.75rem; gap: 1.25rem;} .newsxq-position em{} .newsxq-position ul {gap: 1.25rem;} .newsxq-position ul li a{display: block; font-size: var(--font18); color: #fff; } .newsxq-top{margin-bottom: 6.75rem;} .newsxq-title em{color: #878787; display: block; margin-bottom: 1.8125rem;} .newsxq-title h1{display: block; font-size: 2.625rem; line-height: 1.2; margin-bottom: 3.9375rem;} .newsxq-title span{margin-right: 1.625rem;} .newsxq-link ul li{margin: 0 .5rem;} .newsxq-link ul li a{display: block;} .newsxq-link ul li .icon{width: 1.125rem; display: block;} .newsxq-link ul li .icon img ,.newsxq-link ul li .icon svg{width: 100%; height: 100%;} @media (any-hover: hover) { .newsxq-link ul li a:hover .icon svg path{fill: #285FDD;} } .news-editor{padding: 3.125rem 0;border-bottom: 1px solid #D8D8D8; } .news-editor img {max-width: 100%;} .news-editor table {max-width: 100%;} .newsxq-arrow{margin-top: 2.875rem;} .newsxq-arrow .icons{width: 3rem; height: 3rem; background: rgba(216, 216, 216, 0.2); display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: .6s; } .newsxq-arrow .icons img ,.newsxq-arrow .icons svg{ width: 46%; height: auto;} .newsxq-arrow a em{margin-left: .9375rem; color: rgba(61,61,61,0.51);} .newsxq-arrow a:last-child .icons img,.newsxq-arrow a:last-child .icons svg{transform: rotate(180deg);} .newsxq-arrow a:last-child em{margin-right: .9375rem;} @media (any-hover: hover) { .newsxq-arrow a:hover .icons{background: #285FDD;} .newsxq-arrow a:hover .icons svg path{fill: #fff;} } .news-recom{margin-bottom: 6.25rem;} .news-recom strong{display: block; color: #3D3D3D; font-size: 2.625rem; margin-bottom: 3.0625rem;} .recom-list ul li{margin-bottom: 2rem;background: rgba(216,216,216,0.16);} .recom-list ul li a{ height: 100%;} .recom-list ul li .pic{overflow: hidden;width: 33%;} .recom-list ul li .pic img{display: block;width: 100%;object-fit: cover;transition: .5s;height: 100%;} .recom-list ul li .info{padding: 2.7rem 4.5% 3.6rem;width: 67%;display: flex;flex-direction: column;justify-content: center;} .recom-list ul li .info em{color: #878787; display: block; margin-bottom: .5625rem;} .recom-list ul li .info h3{color: #3D3D3D; margin-bottom: 1.875rem;} .recom-list ul li .info span{color: #3D3D3D;} @media (any-hover: hover) { .recom-list ul li a:hover .pic img{transform: scale(1.1);} .recom-list ul li a:hover .info h3{color: #285FDD;} } /* 内页应用案例 */ .case-bg{background: url(../images/case-bg.webp) no-repeat center; background-size: cover; padding: 15.25rem 0 7rem; min-height: 100vh;} .case-left{width: 25.2%;padding-left: 5.62%;} .case-left h2{ font-size: 3.75rem; color: #232323; display: block; margin-bottom: 3.75rem;} .case-class ul{gap: .8rem 2.5rem;width: 74%;} .case-class ul li a{ display: block; color: #060606; border-radius: 229px 229px 229px 229px; text-align: center; padding: .51rem 1rem; transition: .6s;} .case-class ul li.on a{background: #285FDD; color: #fff;} @media (any-hover: hover) { .case-class ul li:hover a{background: #285FDD; color: #fff;} } .case-search {border-bottom: 1px solid #000000; padding-bottom: .75rem; margin-top: 20.3125rem;} .case-search input{font-size: var(--font15); flex: 1;} .case-search input::placeholder{color: #676767;} .case-search button{width: 3.4375rem; height: 3.4375rem; background: #285FDD; border-radius: 50%;} .case-right{width: 65%;position: relative;} .case-list{overflow: hidden; padding-bottom: 3.625rem;} .case-list ul li {background: rgba(255,255,255,0.91); border-radius: 1.25rem; overflow: hidden;} .case-list ul li:nth-of-type(odd){margin-top: 5.625rem;} .case-list ul li a {position: relative; z-index: 1;display: block;} .case-list ul li .info{padding: 3.5625rem 2.1875rem 3.125rem;} .case-list ul li .info h3{color: #232323; margin-bottom: .5rem;} .case-list ul li .info h4{color: #646464; margin-bottom: 1.75rem;} .case-list ul li .info span{color: #fff; opacity: 0;} .case-list ul li:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient( 133deg, rgba(40,95,221,0.76) 0%, #4F6493 100%);transition: .5s;z-index: 0;opacity: 0;clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);border-radius: 1.25rem;} .case-list ul li .pic{border-radius: 1.25rem; overflow: hidden;} .case-list ul li .pic img{display: block; width: 100%; object-fit: cover; transition: .6s;} .case-box .case-arrow{position: absolute;right: 14%;} .case-box .swjt{width: 3rem;height: 3rem;background: #fff;border-radius: 50%;position: relative;margin: 0 .5rem;} .case-box .swjt i{color: #A1A1A1; font-size: 1.3rem;} .case-box #case-prev{left: 0;} .case-box #case-next{right: 0;} #case-num{display: none;} @media (any-hover: hover) { /* .case-list ul li:hover{background: linear-gradient( 133deg, rgba(40,95,221,0.76) 0%, #4F6493 100%);} */ .case-list ul li:hover:after {opacity: 1;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);} .case-list ul li:hover .info h3{color: #fff;} .case-list ul li:hover .info h4{color: #fff;} .case-list ul li:hover .info span{opacity: 1;} .case-list ul li:hover .pic img{transform: scale(1.1);} .case-box .swjt:hover{background: #285FDD;} .case-box .swjt:hover i{color: #fff;} } /* 应用案例概述 */ .case-overview {position: relative; min-height: 100vh; overflow: hidden;} .case-pic {position: absolute; width: 100%; height: 100%;inset: 0;min-height: 100vh;} .case-pic img {display: block; width: 100%; height: 100%; object-fit: cover; min-height: 40.625rem;} .case-pic video {object-fit: cover; width: 100%; height: 100%; min-height: 40.625rem;} .overview-box {position: relative; padding-top: 9rem; padding-bottom: 3rem;} .case-content {width: 100%;} .case-content .mbx {position: relative; z-index: 111;} .case-content .mbx .layui-breadcrumb span[lay-separator]{color: #646464!important;} .case-content .mbx .layui-breadcrumb a{color: #646464!important;} @media (any-hover: hover) { .case-content .mbx .layui-breadcrumb a:hover{color: #285FDD!important;} } .case-info{margin-top: 2.625rem; background: rgba(255,255,255,0.91); width: 44.875rem; max-width: 100%; padding:7.3125rem 4.125rem 3rem; position: relative; z-index: 999;} .case-info h2{color: #285FDD;} .case-info h3{color: #47484A; font-size: 2.5rem; margin-bottom: 1.375rem;} .case-info h4{color: #707070; margin-bottom: 4rem;} .case-info ul{gap: 1.875rem 6rem; display: flex; flex-wrap: wrap;} .case-info ul li {text-align: center;} .case-info ul li .icon{width: 3.5rem; height: 3.5rem; margin: 0 auto .625rem; display: flex; align-items: center; justify-content: center;} .case-info ul li .icon img {display: block; max-width: 100%; object-fit: contain; max-height: 100%;} .case-info ul li em {color: #47484A;} /* .case-link{position: fixed; right: 9.83%; top: 62%; transform: translateY(-50%);} .case-link a{width: 8.25rem; height: 8.25rem; background: #285FDD; border-radius: 50%; transition: .6s;} .case-link i{font-size: .8rem; color: #fff; margin-left: .375rem;} @media (any-hover: hover) { .case-link a:hover{transform: translateY(-.5rem);} } */ /* 应用案例-亮点 */ .highlight{padding: 2.1875rem 0 0;} .highlight .mbx{margin-bottom: 2.1875rem;} .highlight .layui-breadcrumb a{color: rgba(49,49,49,0.72)!important;} .highlight .layui-breadcrumb span[lay-separator]{color: rgba(49,49,49,0.72)!important;} .highlight .layui-breadcrumb a:hover{font-weight: bold; color: rgba(49,49,49,1)!important;} .highlight-list ul li{margin-bottom: 6.875rem; background: #F9F9F9;} .highlight-list ul li:nth-of-type(even) a {flex-direction: row-reverse;} .highlight-list ul li .pic {position: relative;} .highlight-list ul li .pic,.highlight-list ul li .info{width: 50%;} .highlight-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;} .highlight-list ul li .pic .explore-cursor {opacity: 1;} .highlight-list ul li .info{padding: 2rem 6rem;} .highlight-list ul li .info em{color: #285FDD; display: block; line-height: 1;} .highlight-list ul li .info h3{font-size: 2.2rem; margin-bottom: 2.5rem; color: #333;} .highlight-list ul li .info dl dt{width: .3125rem;height: .3125rem; background: #47484A; border-radius: 50%; margin-right: 1rem; margin-top: .6rem;} .highlight-list ul li .info dl dd{flex: 1; color: #47484A;} .highlight .w1700{position: relative;} .highlight .case-link{top: 35%;} .highlight-list .case-link {opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 8.25rem; height: 8.25rem; background: #285FDD; border-radius: 50%; transition: .6s;} .highlight-list .case-link i{font-size: var(--font24); color: #fff;} @media (any-hover: hover) { .highlight-list ul li:hover .case-link {transform: translate(-50%, -50%) translateY(-.5rem); opacity: 1;} } /* 应用案例-推荐产品 */ .case-pro-bg{background: url(../images/case-pro-bg.webp) no-repeat center ; background-size: cover; padding: 2.1875rem 0 12.5rem; padding-top: 6.5rem;} .case-pro-bg .mbx {margin-bottom: 7.5rem; margin-top: 2rem;} .case-pro-bg .layui-breadcrumb a{color: rgba(49,49,49,0.72)!important;} .case-pro-bg .layui-breadcrumb span[lay-separator]{color: rgba(49,49,49,0.72)!important;} .case-pro-bg .layui-breadcrumb a:hover{font-weight: bold; color: rgba(49,49,49,1)!important;} .case-pro h1{font-size: 3rem; margin-bottom: 2.375rem;} .case-pro ul{gap: 2.3125rem 2.125rem;} .case-pro ul li{background: #FFFFFF; border-radius: .9375rem; padding-bottom: 3.625rem; position: relative;} .case-pro ul li .pic{overflow: hidden;} .case-pro ul li .pic img{display: block; width: 100%; object-fit: contain; transition: .6s;} .case-pro ul li .name{padding: 0 3.125rem;} .case-pro ul li .name span{color: rgba(61, 61, 61, .5);} .case-pro ul li .name h3{color: #3D3D3D;} .case-pro ul li .name i{color: rgba(0, 0, 0, .5);font-size: var(--font24);} .case-pro ul li .info{position: absolute; content: ''; width: 100%; height: 100%; top: 0;} .case-pro ul li .icon{width: 5.375rem; height: 5.375rem; background: #285FDD; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: scale(0); transition: .6s;} @media (any-hover: hover) { .case-pro ul li:hover .pic img{transform: scale(1.1);} .case-pro ul li:hover .icon{transform: scale(1);} } .uld-box .info a{margin-top: 5.6875rem;} .uld-box .pic{width: 42%;} .uld-box .pic img{display: block; width: 100%; height: 100%; object-fit: contain;} /* 内页产品-QG7000 全向ULD移动机器人 */ .qg-banner .info h2{font-size:2rem; width: auto;} .qg-bg{background: #F3F3F3; padding: 9.375rem 0 3rem; overflow: hidden;} .qg-title h2{font-size: 3.75rem; color: #47484A; line-height: 1;} .qg-title h3{font-weight: 300;} .qg-pic{position: relative; text-align: center; margin-bottom: 13.75rem;} .qg-pic span{display: block; font-size: 23.125rem; color: rgba(255,255,255,0.64);line-height: 1.15; font-family: Arial;} .qg-pic img{display: block; max-width: 100%; position: absolute; top: 38%; left: 0; right: 0; margin: auto; z-index: 1; max-height: 30rem; object-fit: contain;} .gq-yslist{padding: 2rem 1.3% 2.1875rem;} .gq-yslist ul {display: grid; grid-template-rows: 21.5625rem 26.8125rem; grid-template-columns: 31.56fr 26.18fr 27.87fr 27.87fr; gap: 2.1875rem 1rem;} .gq-yslist ul li{position: relative; overflow: hidden; border-radius: 1.25rem;} .gq-yslist ul li .pic{height: 100%;} .gq-yslist ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;} .gq-yslist ul li.item1,.gq-yslist ul li.item2{grid-row-start: 1; grid-row-end: span 2;} .gq-yslist ul li.item5{grid-column-start: 3; grid-column-end: span 2;} .gq-yslist ul li.item3,.gq-yslist ul li.item4{background: #EEEEEE; display: flex; align-items: center; padding: 0 2rem;} .gq-yslist ul li .info{position: absolute; content: ''; width: 100%; height: 100%; top: 0; padding: 0 2.375rem;} .gq-yslist ul li .text{margin-top: 5.8125rem;} .gq-yslist ul li .text h4{font-weight: 350; margin-top: 1.75rem;} .gq-yslist ul li.item2 .info{display: flex;flex-direction: column;justify-content: space-between;} .gq-yslist ul li .text2 strong{font-size: 4rem; display: block;} .gq-yslist ul li .text2 em{color: rgba(61,61,61,0.33); line-height: 1;display: block;} .gq-yslist ul li .text3 strong{display: block; font-size: 2rem; color: #2E2E2E;} .gq-yslist ul li .text3 em{} .gq-yslist ul li.item5 .info h4{width: 50%;} .gq-yslist ul li.item2 .text2{margin-bottom: 7.5rem;} .gq-ys{position: relative;} .gq-ys .pic img{display: block; width: 100%; object-fit: cover;} .gq-ys .jddwjz{top: auto;bottom: 12.5rem;transform: translate(-50%, 0);} .gq-ys .info h3{font-size: 3rem; margin-bottom: 1.25rem;} .gq-ys .info h4{font-weight: 400; width: 55%;} .gq-parameter{padding: 5.5rem 0 9.1875rem; position: relative; overflow: hidden;} .gq-box .info,.gq-right{width: 50%; overflow: hidden;} .gq-box .info .qg-title{margin-bottom: 6.25rem;} .gq-box .info ul {gap: 1.5rem; } .gq-box .info ul li {word-break: break-word;} .gq-box .info ul li b{display: block; } .gq-box .info .more1{margin-top: 4.125rem;} @media (any-hover: hover) { .gq-box .info .more1:hover {box-shadow: none;} } .gq-right{position: relative;} .parameter-pic ul li .pic{} .parameter-pic ul li .pic img{display: block; width: 100%;} .gq-arrow{justify-content: flex-end;} .gq-arrow .swjt{position: relative; width: 3rem; height: 3rem; background: rgba(228, 228, 228, .3); border-radius: 50%; transition: .6s;} .gq-arrow .swjt i{color: #A1A1A1;} #gq-prev{left: 0; margin-right: .625rem;} #gq-next{right: 0; } .gq-arrow .swjt:hover{background: #285FDD;} .gq-arrow .swjt:hover i{color: #FFFFFF;;} #gq-next i{transform: rotate(180deg);} #gq-num{display: none;} .efficiency-bg{background: #DFEDF8;} .efficiency .info{width: 38.72%;} .efficiency .info h3{font-size: 3rem; display: block; margin-bottom: 3.125rem;} .efficiency .info h4{color: #535353;} .efficiency .pic{width: 46.74%;} .efficiency .pic img{display: block; width: 100%; object-fit: contain;} .pro-hi-info .info {padding: 1.25rem;} /* .video-loading {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;background: rgba(0, 0, 0, 0.2);padding: 1.75rem;border-radius: .5rem;min-width: 9.25rem;} .video-loading i {font-size: 3rem; color: #1E9FFF;} .video-loading p {margin-top: .625rem; color: #fff; font-size: var(--font14);} .video-loading.error i {color: #FF5722;} .video-loading.error p {color: #FF5722;} */