@media screen and (max-width: 1200px){

}
@media screen and (max-width: 1240px){
.hero .bg .rightPic {
    top: 44%;
    left: 50%;
}

.hero .bg .rightPic .right {

}

.hero .bg .rightPic img.bottomPic {
    left: 48%;
    width: calc(812/1240*100vw);
    bottom: calc(-246/1240*100vw);
    z-index: -1;
    mix-blend-mode: overlay;
}

.hero .bg .rightPic img.proimg {
    width: 100%;
    z-index: 4;
    mix-blend-mode: overlay;
}

.hero .bg .rightPic .aniBlue {
    width: calc(570/1240*100vw);
    height: calc(321/1240*100vw);
    z-index: 6;
}

.hero .bg .rightPic .aniBlue i {
    filter: blur(calc(50/1240*100vw));
    height: calc(100/1240*100vw);
    width: calc(360/1240*100vw);
    left: calc(105/1240*100vw);
    z-index: 3;
}

.hero .bg .rightPic .aniBlue i.i1 {
    mix-blend-mode: color;
    top: calc(50/1240*100vw);
    opacity: .2;
}

.hero .bg .rightPic .aniBlue i.i2 {
    mix-blend-mode: color;
    top: calc(100/1240*100vw);
    opacity: .4;
}

.hero .bg .rightPic .aniBlue i.i3 {
    mix-blend-mode: overlay;
    top: calc(200/1240*100vw);
    opacity: .2;
}
    /* ================= Contact Section ================= */
.contact-section {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    background: url(../images/bg4.jpg) no-repeat center center;
    background-size: cover;
    padding-top: calc(200/1240*100vw);
    padding-bottom: calc(50/1240*100vw);
}

/* 上部布局 */
.contact-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: calc(107/1240*100vw);
    position: relative;
}

.contact-text {
    z-index: 2; /* 确保文字在图片上层 */
}

.contact-text h2 {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: calc(56/1240*100vw);
    color: #333333;
    background: linear-gradient(268deg, #00A5FF 0%, #3C60AC 70%, #103B95 50%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: calc(66/1240*100vw);
    text-align: left;
    font-style: normal;
    display: inline-block;
}

.contact-text p {
    width: calc(454/1240*100vw);
    font-family: HarmonyOS_Sans_SC;
    font-size: calc(20/1240*100vw);
    color: #333333;
    line-height: calc(32/1240*100vw);
    text-align: left;
    font-style: normal;
    margin-top: calc(16/1240*100vw);
}

/* 底部卡片网格 */
.contact-cards-grid {
    display: flex;
    justify-content: space-between;
    gap: calc(21/1240*100vw);
}

.info-card {
    width: calc(400/1240*100vw);
    box-sizing: border-box;
    display: flex;
    gap: calc(12/1240*100vw);
    transition: transform 0.3s;
    height: calc(118/1240*100vw);
    background: linear-gradient(132deg, #FFFFFF 0%, rgba(255, 255, 255, 0.61) 100%);
    box-shadow: 0 calc(2/1240*100vw) calc(20/1240*100vw) 0 rgba(43, 122, 251, 0.13);
    border-radius: calc(14/1240*100vw);
    backdrop-filter: blur(calc(10/1240*100vw));
    align-items: center;
    padding-left: calc(20/1240*100vw);
    padding-right: calc(9/1240*100vw);
}

.info-card:hover {
    transform: translateY(calc(-5/1240*100vw));
    box-shadow: 0 calc(5/1240*100vw) calc(15/1240*100vw) rgba(0, 0, 0, 0.05);
}

.icon-wrap {
    width: calc(59/1240*100vw);
    height: calc(59/1240*100vw);
    flex-shrink: 0;
}

.icon-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.info-content p {
    font-family: HarmonyOS_Sans_SC;
    font-size: calc(16/1240*100vw);
    color: #333333;
    line-height: calc(22/1240*100vw);
}

.info-content h4 {
    font-family: HarmonyOS_Sans_SC_Medium;
    font-size: calc(20/1240*100vw);
    color: #333333;
    line-height: calc(32/1240*100vw);
}

    .about-section {
    padding: calc(120/1240*100vw) 0;
}

.w840 p:last-child {
    padding-bottom: 0;
}

.w840 p {
    padding-bottom: calc(40/1240*100vw);
}

.w840 {
    width: calc(840/1240*100vw);
    margin: auto;
}

/* ================= Culture Section ================= */
.culture-section {
    padding: calc(158/1240*100vw) 0 calc(56/1240*100vw);
    position: relative;
    overflow: hidden;
    background: url(../images/bg3.jpg) no-repeat center center;
    background-size: cover;
}

/* 背景纹理模拟 */
.culture-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/bg_pattern.png') no-repeat center center;
    background-size: cover;
    opacity: 0.5;
    pointer-events: none;
}

/* 标题样式复用之前的 .section-header，这里微调颜色 */
.culture-section .section-header h2 {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: calc(32/1240*100vw);
    color: #103B95;
    line-height: calc(38/1240*100vw);
    text-align: center;
}

.culture-grid {
    display: flex;
    justify-content: space-between;
    gap: calc(24/1240*100vw);
    padding-top: calc(57/1240*100vw);
}

.culture-card {
    width: calc(397/1240*100vw);
    padding: calc(49/1240*100vw) 0;
    text-align: center;
    transition: all 0.3s;
    z-index: 2;
    position: relative;
    background: #FFFFFF;
    border-radius: calc(16/1240*100vw);
}

.culture-card:hover {
    transform: translateY(calc(-10/1240*100vw));
    box-shadow: 0 calc(10/1240*100vw) calc(30/1240*100vw) rgba(16, 59, 149, 0.05);
}

.card-icon {
    width: calc(124/1240*100vw);
    height: calc(124/1240*100vw);
    margin: 0 auto calc(27/1240*100vw);
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.culture-card h3 {
    font-weight: bold;
    margin-bottom: calc(15/1240*100vw);
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: calc(24/1240*100vw);
    color: #333333;
    line-height: calc(28/1240*100vw);
}

.culture-card p {
    width: calc(270/1240*100vw);
    font-family: HarmonyOS_Sans_SC;
    font-size: calc(18/1240*100vw);
    color: #5E5E5E;
    line-height: calc(30/1240*100vw);
    text-align: center;
    font-style: normal;
    margin: auto;
}


.features-section {
    padding: calc(120/1240*100vw) 0 calc(150/1240*100vw);
    background-color: #fff;
}

.feature-grid {
    display: flex;
    justify-content: space-between;
    gap: calc(24/1240*100vw);
}

.feature-card {
    width: calc(398/1240*100vw);
    padding: calc(65/1240*100vw) calc(32/1240*100vw);
    box-sizing: border-box;
    transition: transform 0.3s;
    background: #F7FAFF;
    border-radius: calc(16/1240*100vw);
    padding-bottom: calc(52/1240*100vw);
}

.feature-card:hover {
    transform: translateY(calc(-5/1240*100vw));
}

.icon-box {
    margin-bottom: calc(46/1240*100vw);
}

.icon-box img {
    width: calc(124/1240*100vw);
    height: calc(124/1240*100vw);
    display: block;
    object-fit: contain;
}

.feature-card h3 {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: calc(24/1240*100vw);
    color: #333333;
    font-weight: bold;
    margin-bottom: calc(15/1240*100vw);
}

.feature-card p {
    font-family: HarmonyOS_Sans_SC;
    font-size: calc(18/1240*100vw);
    color: #5E5E5E;
    line-height: calc(30/1240*100vw);
    text-align: justify;
}

.allBtn {
    width: calc(170/1240*100vw);
    background: #103B95;
    box-shadow: 0 calc(4/1240*100vw) calc(10/1240*100vw) 0 rgba(0,0,0,0.1);
    border-radius: calc(4/1240*100vw);
    display: block;
    margin: auto;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: calc(16/1240*100vw);
    color: #FFFFFF;
    line-height: calc(40/1240*100vw);
    padding-left: calc(44/1240*100vw);
    background: url(../images/h_left2@2x.png) no-repeat calc(117/1240*100vw) center #103B95;
    background-size: calc(9/1240*100vw);
    margin-top: calc(59/1240*100vw);
}

/* =========================================   1. 默认/大屏样式 (>= 1301px)   单位：px   ========================================= */
.explore-section .wrapper {
    position: relative;
    z-index: 6;
}

.explore-section .bg {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 2;
}

.explore-section {
    background-color: #fff;
    overflow: hidden;
    padding-top: calc(333/1240*100vw);
    padding-bottom: calc(48/1240*100vw);
    position: relative;
    margin-top: calc(-55/1240*100vw);
}

.trapezoid-clip {
    width: 100%;
    height: calc(443/1240*100vw);
    background-color: #F7FAFF;
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, -188% 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    position: absolute;
    left: 0;
    bottom: 0;
}

.explore-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: calc(76/1240*100vw);
}

.explore-text .desc {
    margin-bottom: calc(24/1240*100vw);
}

.explore-text {
    width: calc(610/1240*100vw);
}

.explore-text h2 {
    font-weight: bold;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: calc(32/1240*100vw);
    color: #333333;
    line-height: calc(56/1240*100vw);
    margin-bottom: calc(10/1240*100vw);
}

.explore-text .desc p {
    font-family: HarmonyOS_Sans_SC;
    font-size: calc(20/1240*100vw);
    color: #333333;
    line-height: calc(32/1240*100vw);
    text-align: left;
    font-style: normal;
}

.explore-text .btn-primary {
    width: calc(170/1240*100vw);
    padding-left: calc(67/1240*100vw);
    text-align: left;
    background-position: calc(39/1240*100vw) center;
}

.explore-img {
    width: calc(600/1240*100vw);
    display: flex;
    justify-content: flex-end;
    display: none;
}

.explore-img img {
    max-width: 100%;
    height: auto;
}





/* 父容器：作为定位基准 */
.hero .bg .rightPic .right {

}



body{
    padding-top: calc(67/1240*100vw);
}
.wrapper {
    max-width: 100%;
}

.wrapper2 {
    width: 100%;
    padding: 0 calc(20/1240*100vw);
}

.header {
    height: calc(70/1240*100vw);
}

.logo img {
    height: calc(58/1240*100vw);
}

.nav {
    gap: calc(60/1240*100vw);
}

.nav li a {
    font-size: calc(18/1240*100vw);
    line-height: calc(70/1240*100vw);
}

.nav li.active a::after {
    width: calc(24/1240*100vw);
    height: calc(3/1240*100vw);
}

.lang {
    gap: calc(8/1240*100vw);
    font-size: calc(16/1240*100vw);
    padding-left: calc(28/1240*100vw);
    background-size: calc(20/1240*100vw);
    line-height: calc(70/1240*100vw);
}

.hero {
    height: calc(620/1240*100vw);
}

.hero-text h1 {
    font-size: calc(56/1240*100vw);
    line-height: calc(66/1240*100vw);
}

.hero-text .subtitle {
    margin-bottom: calc(32/1240*100vw);
    font-size: calc(20/1240*100vw);
    margin-top: calc(16/1240*100vw);
}

.btn-primary {
    font-size: calc(16/1240*100vw);
    border-radius: calc(4/1240*100vw);
    width: calc(220/1240*100vw);
    height: calc(40/1240*100vw);
    background-position: calc(47/1240*100vw) center;
    padding-left: calc(75/1240*100vw);
    background-size: calc(20/1240*100vw);
}

.overview-section {
    padding: calc(120/1240*100vw) 0 calc(120/1240*100vw);
}

.section-title {
    font-size: calc(32/1240*100vw);
    margin-bottom: calc(26/1240*100vw);
}

.overview-content {
    margin-bottom: calc(60/1240*100vw);
}

.overview-text-box {
    padding: calc(33/1240*100vw);
    width: calc(580/1240*100vw);
    border-radius: calc(16/1240*100vw);
}

.overview-text-box .box-title {
    font-size: calc(24/1240*100vw);
    margin-bottom: calc(21/1240*100vw);
}

.spec-list li {
    padding-left: calc(22/1240*100vw);
    font-size: calc(20/1240*100vw);
    line-height: calc(32/1240*100vw);
    margin-bottom: calc(30/1240*100vw);
}

.spec-list li::before {
    top: calc(12/1240*100vw);
    width: calc(10/1240*100vw);
    height: calc(10/1240*100vw);
}

.overview-gallery {
    width: calc(602/1240*100vw);
}

.overview-gallery .gallery-top .swiper-pagination * {
    width: calc(8/1240*100vw);
    height: calc(8/1240*100vw);
    margin: 0 calc(4/1240*100vw);
}

.overview-gallery .gallery-top .swiper-pagination {
    bottom: calc(37/1240*100vw);
}

.overview-gallery .gallery-top .swiper-slide {
    height: calc(359/1240*100vw);
    padding-top: calc(44/1240*100vw);
}

.overview-gallery .gallery-top img {
    width: calc(378/1240*100vw);
    height: calc(246/1240*100vw);
}

.bottomslider .swiper-button-next {
    width: calc(44/1240*100vw);
    height: calc(44/1240*100vw);
}

.bottomslider .swiper-button-prev {
    width: calc(44/1240*100vw);
    height: calc(44/1240*100vw);
}

.bottomslider {
    padding: 0 calc(70/1240*100vw);
}

.overview-gallery .gallery-thumbs img {
    width: calc(70/1240*100vw);
    height: calc(66/1240*100vw);
}

.overview-gallery .gallery-thumbs .border {
    width: calc(149/1240*100vw);
    height: calc(101/1240*100vw);
    border-radius: calc(10/1240*100vw);
}

.overview-gallery .gallery-thumbs .swiper-slide-active .border {
    border-radius: calc(10/1240*100vw);
}

.solutions-bar {
    height: calc(80/1240*100vw);
    border-radius: calc(16/1240*100vw);
    padding-left: calc(30/1240*100vw);
    padding-right: calc(30/1240*100vw);
    margin-bottom: calc(60/1240*100vw);
}

.sol-left {
    font-size: calc(24/1240*100vw);
}

.sol-right {
    font-size: calc(24/1240*100vw);
}

.sol-right .divider {
    font-size: calc(24/1240*100vw);
    top: calc(-4/1240*100vw);
    margin: 0 calc(15/1240*100vw);
}

.features-grid {
    gap: calc(24/1240*100vw);
}
.flex1 .feat-card{
    margin-bottom:calc(24/1240*100vw)
}
    .grid4.features-grid .feat-card {
    width: calc(279/1240*100vw);
}
.feat-card {
    width: calc(380/1240*100vw);
    padding: calc(30/1240*100vw);
    border-radius: calc(16/1240*100vw);
    padding: calc(40/1240*100vw) calc(32/1240*100vw) calc(35/1240*100vw);
}

.icon-blue {
    font-size: calc(20/1240*100vw);
    margin-right: calc(10/1240*100vw);
}
.feat-header{
    margin-bottom:calc(15/1240*100vw)
}
    .grid4.features-grid .feat-card .feat-header h3{
        
    font-size: calc(20/1240*100vw);
    }
.feat-header h3 {
    font-size: calc(24/1240*100vw);
    padding-left: calc(38/1240*100vw);
    background-size: calc(27/1240*100vw);
    line-height: calc(25/1240*100vw);
}
.grid4.features-grid .feat-card p{
    font-size: calc(15/1240*100vw);
    
}
.feat-card p {
    font-size: calc(18/1240*100vw);
    line-height: calc(30/1240*100vw);
}

.specs-section {
    padding-bottom: calc(100/1240*100vw);
}

.specs-table-container {
    border-top-width: calc(2/1240*100vw);
    margin-top: calc(44/1240*100vw);
}

.specs-table {
    font-size: calc(15/1240*100vw);
}

.specs-table td {
    padding: calc(16/1240*100vw) 0;
    box-shadow: inset 0 calc(-1/1240*100vw) 0 0 #E3E8F4;
}

.specs-table .col-label {
    width: calc(414/1240*100vw);
    padding-left: calc(80/1240*100vw);
    font-size: calc(20/1240*100vw);
    line-height: calc(32/1240*100vw);
}

.specs-table .col-value {
    font-size: calc(20/1240*100vw);
    line-height: calc(32/1240*100vw);
}

.specs-table .header-row td {
    font-size: calc(20/1240*100vw);
    height: calc(64/1240*100vw);
    box-shadow: inset 0 calc(-1/1240*100vw) 0 0 #E3E8F4;
}

.specs-note {
    margin-top: calc(12/1240*100vw);
    font-size: calc(16/1240*100vw);
    line-height: calc(32/1240*100vw);
}

.cta-section {
    padding: calc(70/1240*100vw) 0;
}

.cta-content h2 {
    font-size: calc(24/1240*100vw);
    margin-bottom: calc(20/1240*100vw);
}

.cta-content p {
    font-size: calc(18/1240*100vw);
    line-height: calc(32/1240*100vw);
    margin-bottom: calc(20/1240*100vw);
}

.btn-large {
    width: calc(220/1240*100vw);
    height: calc(40/1240*100vw);
    border-radius: calc(4/1240*100vw);
    padding-left: calc(75/1240*100vw);
    font-size: calc(16/1240*100vw);
}

.footer-upper {
    padding: calc(47/1240*100vw) 0 calc(60/1240*100vw);
}

.footer-center-logo img {
    height: calc(72.5/1240*100vw);
}

.footer-center-logo {
    margin-bottom: calc(40/1240*100vw);
}

.logo-text-lg {
    font-size: calc(36/1240*100vw);
}

.footer-nav-list {
    gap: calc(88/1240*100vw);
}

.footer-nav-list li a {
    font-size: calc(18/1240*100vw);
    line-height: calc(21/1240*100vw);
}

.footer-lower {
    line-height: calc(50/1240*100vw);
    font-size: calc(14/1240*100vw);
}

.contact-row {
    gap: calc(60/1240*100vw);
}

.contact-item {
    gap: calc(8/1240*100vw);
    font-size: calc(14/1240*100vw);
}

.contact-item img {
    width: calc(16/1240*100vw);
    height: calc(16/1240*100vw);
}


.products-section {
    padding: calc(120/1240*100vw) 0;
    padding-bottom: calc(56/1240*100vw);
}

.prod-header {
    text-align: center;
    margin-bottom: calc(60/1240*100vw);
}

.prod-header h2 {
    margin-bottom: calc(23/1240*100vw);
    font-size: calc(32/1240*100vw);
    line-height: calc(38/1240*100vw);
}

.prod-header p {
    font-size: calc(20/1240*100vw);
    line-height: calc(32/1240*100vw);
}

.tabs-container {
    margin-bottom: calc(40/1240*100vw);
}

.tabs-wrapper {
    border-radius: calc(30/1240*100vw);
    padding: calc(2/1240*100vw);
    gap: calc(5/1240*100vw);
}

.tab-item {
    font-size: calc(16/1240*100vw);
    border-radius: calc(18/1240*100vw);
    line-height: calc(36/1240*100vw);
    width: calc(104/1240*100vw);
}

.tab-item.active {
    box-shadow: 0 calc(4/1240*100vw) calc(10/1240*100vw) 0 rgba(0, 0, 0, 0.1);
    font-size: calc(16/1240*100vw);
}

.product-grid {
    gap: calc(24/1240*100vw);
}

.product-card {
    padding: calc(29/1240*100vw) 0 calc(39/1240*100vw);
    border-radius: calc(16/1240*100vw);
}

.product-card:hover {
    transform: translateY(calc(-5/1240*100vw));
    box-shadow: 0 calc(10/1240*100vw) calc(30/1240*100vw) rgba(0,0,0,0.08);
}

.badge {
    top: calc(20/1240*100vw);
    left: calc(20/1240*100vw);
    padding: 0;
    font-size: calc(17/1240*100vw);
    border-radius: calc(6/1240*100vw);
    width: calc(78/1240*100vw);
    line-height: calc(28/1240*100vw);
    margin-bottom: calc(16/1240*100vw);
    margin-left: calc(29/1240*100vw);
}

.card-text {
    padding: 0 calc(29/1240*100vw);
}

.card-text h3 {
    font-size: calc(24/1240*100vw);
    line-height: calc(32/1240*100vw);
}

.card-text .model {
    margin-bottom: calc(20/1240*100vw);
    font-size: calc(24/1240*100vw);
    line-height: calc(32/1240*100vw);
}

.card-img {
    margin-bottom: calc(25/1240*100vw);
}

.img-placeholder-server img {
    width: calc(314/1240*100vw);
    height: calc(177/1240*100vw);
}

.card-specs {
    margin-bottom: calc(32/1240*100vw);
}

.spec-box::after {
    right: 0;
    width: calc(1/1240*100vw);
    height: calc(40/1240*100vw);
    background: linear-gradient(to bottom, 
        rgba(229, 229, 229, 0) 0%, 
        rgba(204, 204, 204, 1) 50%, 
        rgba(229, 229, 229, 0) 100%
    );
}

.spec-box img {
    width: calc(32/1240*100vw);
    height: calc(32/1240*100vw);
}

.spec-box .title {
    font-size: calc(12/1240*100vw);
    line-height: calc(16/1240*100vw);
}

.spec-box .titVal {
    font-size: calc(16/1240*100vw);
    line-height: calc(16/1240*100vw);
    padding-top: calc(8/1240*100vw);
}
.card-btn:hover {
    background: url(../images/h_left2@2x.png) no-repeat  calc(107/1240*100vw) center #103B95;
    background-size:  calc(9/1240*100vw);
    color: #fff;
}
    
.card-btn {
    padding: 0;
    padding-left: calc(34/1240*100vw);
    font-size: calc(16/1240*100vw);
    border-radius: calc(4/1240*100vw);
    width: calc(150/1240*100vw);
    line-height: calc(40/1240*100vw);
    background-position: calc(107/1240*100vw) center;
    background-size: calc(9/1240*100vw);
}








}
@media screen and (max-width: 600px){
.wap_nav {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 7777;
}
.wap_nav .logo {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}
.wap_nav .logo img{height: 40px;margin-top: 5px;margin-left: 10px;}
body{
    padding-top: 50px;
}

.pc{
    display: none;
}
.wap{
    display: block;
}


body{
    
}
.wrapper {
    max-width: 100%;
}
    .footer-lower-inner{
        display: block;
        text-align: center;
    }

.wrapper2 {
    width: 100%;
    padding: 0 calc(20/600*100vw);
}
header *{
    position:static !important;
}
header .logo{
    display:none;
}
.header {
    height: calc(70/600*100vw);
    display: block !important;
    height: auto !important;
    position: static;
}

.logo img {
    height: calc(58/600*100vw);
}

.nav {
    gap: calc(60/600*100vw);
    display: none;
}

.nav li a {
    font-size: calc(18/600*100vw);
    line-height: calc(70/600*100vw);
}

.nav li.active a::after {
    width: calc(24/600*100vw);
    height: calc(3/600*100vw);
}

.lang {
    gap: calc(8/600*100vw);
    font-size: calc(16/600*100vw);
    padding-left: calc(28/600*100vw);
    background-size: calc(20/600*100vw);
    line-height: calc(70/600*100vw);
    position: fixed !important;
    right: 57px;
    top: 0;
    z-index: 9999;
    line-height: 50px;
}

.hero {
    height: calc(320/600*100vw);
}

.hero-text h1 {
    font-size: calc(32/600*100vw);
    line-height: 1.3;
    width: 43vw;
}
.hero-text{
    position:relative;
    z-index:55;
    /* width: 43%; */
}
.hero-text .subtitle {
    margin-bottom: calc(32/600*100vw);
    font-size: calc(20/600*100vw);
    margin-top: calc(16/600*100vw);
    width: 62%;
}

.btn-primary {
    font-size: calc(16/600*100vw);
    border-radius: calc(4/600*100vw);
    width: calc(220/600*100vw);
    height: calc(50/600*100vw);
    background-position: calc(47/600*100vw) center;
    padding-left: calc(75/600*100vw);
    background-size: calc(20/600*100vw);
}

.overview-section {
    padding: calc(120/600*100vw) 0 calc(120/600*100vw);
    padding-bottom: 6vw;
}

.section-title {
    font-size: calc(32/600*100vw);
    margin-bottom: calc(26/600*100vw);
}

.overview-content {
    margin-bottom: calc(60/600*100vw);
    display: block;
}

.overview-text-box {
    padding: calc(33/600*100vw);
    width: calc(580/600*100vw);
    border-radius: calc(16/600*100vw);
    width: 100%;
    margin-bottom: 5vw;
}

.overview-text-box .box-title {
    font-size: calc(24/600*100vw);
    margin-bottom: calc(21/600*100vw);
}

.spec-list li {
    padding-left: calc(22/600*100vw);
    font-size: calc(20/600*100vw);
    line-height: calc(32/600*100vw);
    margin-bottom: calc(30/600*100vw);
}

.spec-list li::before {
    top: calc(12/600*100vw);
    width: calc(10/600*100vw);
    height: calc(10/600*100vw);
}

.overview-gallery {
    width: 100%;
}

.overview-gallery .gallery-top .swiper-pagination * {
    width: calc(8/600*100vw);
    height: calc(8/600*100vw);
    margin: 0 calc(4/600*100vw);
}

.overview-gallery .gallery-top .swiper-pagination {
    bottom: calc(37/600*100vw);
}

.overview-gallery .gallery-top .swiper-slide {
    height: calc(359/600*100vw);
    padding-top: calc(44/600*100vw);
}

.overview-gallery .gallery-top img {
    width: calc(478/600*100vw);
    height: calc(306/600*100vw);
}

.bottomslider .swiper-button-next {
    width: calc(44/600*100vw);
    height: calc(44/600*100vw);
}

.bottomslider .swiper-button-prev {
    width: calc(44/600*100vw);
    height: calc(44/600*100vw);
}

.bottomslider {
    padding: 0 calc(70/600*100vw);
}

.overview-gallery .gallery-thumbs img {
    width: calc(70/600*100vw);
    height: calc(66/600*100vw);
}

.overview-gallery .gallery-thumbs .border {
    width: calc(129/600*100vw);
    height: calc(101/600*100vw);
    border-radius: calc(10/600*100vw);
}

.overview-gallery .gallery-thumbs .swiper-slide-active .border {
    border-radius: calc(10/600*100vw);
}

.solutions-bar {
    height: calc(80/600*100vw);
    border-radius: calc(16/600*100vw);
    padding-left: calc(20/600*100vw);
    padding-right: calc(20/600*100vw);
    margin-bottom: calc(60/600*100vw);
    display: block;
    height: auto;
}

.sol-left {
    font-size: calc(24/600*100vw);
    line-height: 3;
}

.sol-right {
    font-size: calc(18/600*100vw);
    padding-bottom: 4vw;
    /* white-space: nowrap; */
    line-height: 1.2;
}

.sol-right .divider {
    font-size: calc(24/600*100vw);
    top: calc(-4/600*100vw);
    margin: 0 calc(15/600*100vw);
}

.features-grid {
    gap: calc(24/600*100vw);
    display: block;
}
.flex1 .feat-card{
    margin-bottom: 4vw;
}
.feat-card {
    width: calc(393/600*100vw);
    padding: calc(30/600*100vw);
    border-radius: calc(16/600*100vw);
    padding: calc(40/600*100vw) calc(32/600*100vw) calc(35/600*100vw);
    width: 100% !important;
    margin-bottom: 4vw;
}

.icon-blue {
    font-size: calc(20/600*100vw);
    margin-right: calc(10/600*100vw);
}

.feat-header{
    margin-bottom:calc(15/600*100vw)
}
.feat-header h3 {
    font-size: calc(24/600*100vw) !important;
    padding-left: calc(38/600*100vw);
    background-size: calc(27/600*100vw);
    line-height: calc(25/600*100vw);
}

.feat-card p {
    font-size: calc(18/600*100vw) !important;
    line-height: calc(30/600*100vw) !important;
}

.specs-section {
    padding-bottom: calc(100/600*100vw);
}

.specs-table-container {
    border-top-width: calc(2/600*100vw);
    margin-top: calc(44/600*100vw);
}

.specs-table {
    font-size: calc(15/600*100vw);
}

.specs-table td {
    padding: calc(16/600*100vw) 0;
    box-shadow: inset 0 calc(-1/600*100vw) 0 0 #E3E8F4;
}

.specs-table .col-label {
    width: calc(214/600*100vw);
    padding-left: 0;
    font-size: calc(20/600*100vw);
    line-height: calc(32/600*100vw);
    text-align: center;
}

.specs-table .col-value {
    font-size: calc(20/600*100vw);
    line-height: calc(32/600*100vw);
}

.specs-table .header-row td {
    font-size: calc(20/600*100vw);
    height: calc(64/600*100vw);
    box-shadow: inset 0 calc(-1/600*100vw) 0 0 #E3E8F4;
}

.specs-note {
    margin-top: calc(12/600*100vw);
    font-size: calc(16/600*100vw);
    line-height: calc(32/600*100vw);
}

.cta-section {
    padding: calc(70/600*100vw) 0;
}

.cta-content h2 {
    font-size: calc(24/600*100vw);
    margin-bottom: calc(20/600*100vw);
}

.cta-content p {
    font-size: calc(18/600*100vw);
    line-height: calc(32/600*100vw);
    margin-bottom: calc(20/600*100vw);
}

.btn-large {
    width: calc(220/600*100vw);
    height: calc(40/600*100vw);
    border-radius: calc(4/600*100vw);
    padding-left: calc(75/600*100vw);
    font-size: calc(16/600*100vw);
}

.footer-upper {
    padding: calc(47/600*100vw) 0 calc(60/600*100vw);
}

.footer-center-logo img {
    height: calc(72.5/600*100vw);
}

.footer-center-logo {
    margin-bottom: calc(40/600*100vw);
}

.logo-text-lg {
    font-size: calc(36/600*100vw);
}

.footer-nav-list {
    gap: calc(48/600*100vw);
}

.footer-nav-list li a {
    font-size: calc(18/600*100vw);
    line-height: calc(21/600*100vw);
    white-space: nowrap;
}

.footer-lower {
    line-height: 1;
    font-size: calc(17/600*100vw);
    padding: 5vw 0;
}

.contact-row {
    gap: calc(60/600*100vw);
    display: block;
    text-align: center;
    padding-top: 4vw;
}

.contact-item {
    gap: calc(8/600*100vw);
    font-size: calc(16/600*100vw);
    display: inline-block;
    margin: 0px 13px;
}
.contact-item span{
    vertical-align:middle;
}
.contact-item img {
    width: calc(16/600*100vw);
    height: calc(16/600*100vw);
    vertical-align: middle;
}



.products-section {
    padding: calc(120/600*100vw) 0;
    padding-bottom: calc(56/600*100vw);
}

.prod-header {
    text-align: center;
    margin-bottom: calc(60/600*100vw);
}

.prod-header h2 {
    margin-bottom: calc(23/600*100vw);
    font-size: calc(32/600*100vw);
    line-height: calc(38/600*100vw);
}

.prod-header p {
    font-size: calc(20/600*100vw);
    line-height: calc(32/600*100vw);
}

.tabs-container {
    margin-bottom: calc(40/600*100vw);
}

.tabs-wrapper {
    border-radius: calc(30/600*100vw);
    padding: calc(2/600*100vw);
    gap: calc(5/600*100vw);
}

.tab-item {
    font-size: calc(16/600*100vw);
    border-radius: calc(18/600*100vw);
    line-height: calc(36/600*100vw);
    width: calc(104/600*100vw);
}

.tab-item.active {
    box-shadow: 0 calc(4/600*100vw) calc(10/600*100vw) 0 rgba(0, 0, 0, 0.1);
    font-size: calc(16/600*100vw);
}

.product-grid {
    gap: calc(24/600*100vw);
    grid-template-columns: repeat(1, 1fr);
}

.product-card {
    padding: calc(29/600*100vw) 0 calc(39/600*100vw);
    border-radius: calc(16/600*100vw);
}

.product-card:hover {
    transform: translateY(calc(-5/600*100vw));
    box-shadow: 0 calc(10/600*100vw) calc(30/600*100vw) rgba(0,0,0,0.08);
}

.badge {
    top: calc(20/600*100vw);
    left: calc(20/600*100vw);
    padding: 0;
    font-size: calc(17/600*100vw);
    border-radius: calc(6/600*100vw);
    width: calc(78/600*100vw);
    line-height: calc(28/600*100vw);
    margin-bottom: calc(16/600*100vw);
    margin-left: calc(29/600*100vw);
}

.card-text {
    padding: 0 calc(29/600*100vw);
}

.card-text h3 {
    font-size: calc(24/600*100vw);
    line-height: calc(32/600*100vw);
}

.card-text .model {
    margin-bottom: calc(20/600*100vw);
    font-size: calc(24/600*100vw);
    line-height: calc(32/600*100vw);
}

.card-img {
    margin-bottom: calc(25/600*100vw);
}

.img-placeholder-server img {
    width: calc(314/600*100vw);
    height: calc(177/600*100vw);
}

.card-specs {
    margin-bottom: calc(32/600*100vw);
}

.spec-box::after {
    right: 0;
    width: 1px;
    height: calc(40/600*100vw);
    background: linear-gradient(to bottom, 
        rgba(229, 229, 229, 0) 0%, 
        rgba(204, 204, 204, 1) 50%, 
        rgba(229, 229, 229, 0) 100%
    );
}

.spec-box img {
    width: calc(42/600*100vw);
    height: calc(42/600*100vw);
    object-fit: contain;
}

.spec-box .title {
    font-size: calc(16/600*100vw);
    line-height: 1;
}

.spec-box .titVal {
    font-size: calc(22/600*100vw);
    line-height: 1;
    padding-top: calc(8/600*100vw);
}

.card-btn {
    padding: 0;
    padding-left: calc(34/600*100vw);
    font-size: calc(16/600*100vw);
    border-radius: calc(4/600*100vw);
    width: calc(150/600*100vw);
    line-height: calc(40/600*100vw);
    background-position: calc(107/600*100vw) center;
    background-size: calc(9/600*100vw);
}

.card-btn:hover {
    background: url(../images/h_left2@2x.png) no-repeat calc(107 / 600 * 100vw) center #103B95;
    background-size:  calc(9/600*100vw);
    color: #fff;
}
.features-section {
    padding: calc(120/600*100vw) 0 calc(150/600*100vw);
    background-color: #fff;
}

.feature-grid {
    display: grid;
    justify-content: space-between;
    gap: calc(24/600*100vw);
    grid-template-columns: repeat(1, 1fr);
}

.feature-card {
    width: 100%;
    padding: calc(65/600*100vw) calc(32/600*100vw);
    box-sizing: border-box;
    transition: transform 0.3s;
    background: #F7FAFF;
    border-radius: calc(16/600*100vw);
    padding-bottom: calc(52/600*100vw);
}

.feature-card:hover {
    transform: translateY(calc(-5/600*100vw));
}

.icon-box {
    margin-bottom: calc(46/600*100vw);
}

.icon-box img {
    width: calc(124/600*100vw);
    height: calc(124/600*100vw);
    display: block;
    object-fit: contain;
}

.feature-card h3 {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: calc(24/600*100vw);
    color: #333333;
    font-weight: bold;
    margin-bottom: calc(15/600*100vw);
}

.feature-card p {
    font-family: HarmonyOS_Sans_SC;
    font-size: calc(18/600*100vw);
    color: #5E5E5E;
    line-height: calc(30/600*100vw);
    text-align: justify;
}

.allBtn {
    width: calc(170/600*100vw);
    background: #103B95;
    box-shadow: 0 calc(4/600*100vw) calc(10/600*100vw) 0 rgba(0,0,0,0.1);
    border-radius: calc(4/600*100vw);
    display: block;
    margin: auto;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: calc(16/600*100vw);
    color: #FFFFFF;
    line-height: calc(40/600*100vw);
    padding-left: calc(44/600*100vw);
    background: url(../images/h_left2@2x.png) no-repeat calc(117/600*100vw) center #103B95;
    background-size: calc(9/600*100vw);
    margin-top: calc(59/600*100vw);
}

/* =========================================   1. 默认/大屏样式 (>= 1301px)   单位：px   ========================================= */
.explore-section .wrapper {
    position: relative;
    z-index: 6;
}

.explore-section .bg {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 88%;
    z-index: 2;
    right: -11vw;
}

.explore-section {
    background-color: #fff;
    overflow: hidden;
    padding-top: calc(233/600*100vw);
    padding-bottom: calc(148/600*100vw);
    position: relative;
    margin-top: calc(-55/600*100vw);
}

.trapezoid-clip {
    width: 100%;
    height: calc(724/600*100vw);
    background-color: #F7FAFF;
    clip-path: polygon(140% 0%, 100% 0%, 100% 100%, -355% 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    position: absolute;
    left: 0;
    bottom: 0;
}

.explore-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
}

.explore-text .desc {
    margin-bottom: calc(24/600*100vw);
}

.explore-text {
    width: calc(610/600*100vw);
    width: 58vw;
}

.explore-text h2 {
    font-weight: bold;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: calc(32/600*100vw);
    color: #333333;
    line-height: calc(56/600*100vw);
    margin-bottom: calc(10/600*100vw);
}

.explore-text .desc p {
    font-family: HarmonyOS_Sans_SC;
    font-size: calc(20/600*100vw);
    color: #333333;
    line-height: calc(32/600*100vw);
    text-align: left;
    font-style: normal;
}

.explore-text .btn-primary {
    width: calc(180/600*100vw);
    padding-left: calc(67/600*100vw);
    text-align: left;
    background-position: calc(39/600*100vw) center;
}

.explore-img {
    width: calc(600/600*100vw);
    display: flex;
    justify-content: flex-end;
    display: none;
}

.explore-img img {
    max-width: 100%;
    height: auto;
}


.about-section {
    padding: calc(120/600*100vw) 0;
}

.w840 p:last-child {
    padding-bottom: 0;
}

.w840 p {
    padding-bottom: calc(40/600*100vw);
}

.w840 {
    width: 90%;
    margin: auto;
}

/* ================= Culture Section ================= */
.culture-section {
    padding: calc(158/600*100vw) 0 calc(56/600*100vw);
    position: relative;
    overflow: hidden;
    background: url(../images/bg3.jpg) no-repeat center center;
    background-size: cover;
}

/* 背景纹理模拟 */
.culture-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/bg_pattern.png') no-repeat center center;
    background-size: cover;
    opacity: 0.5;
    pointer-events: none;
}

/* 标题样式复用之前的 .section-header，这里微调颜色 */
.culture-section .section-header h2 {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: calc(32/600*100vw);
    color: #103B95;
    line-height: calc(38/600*100vw);
    text-align: center;
}

.culture-grid {
    display: grid;
    justify-content: space-between;
    gap: calc(24/600*100vw);
    padding-top: calc(57/600*100vw);
    grid-template-columns: repeat(1, 1fr);
}

.culture-card {
    width: 100%;
    padding: calc(49/600*100vw) 0;
    text-align: center;
    transition: all 0.3s;
    z-index: 2;
    position: relative;
    background: #FFFFFF;
    border-radius: calc(16/600*100vw);
}

.culture-card:hover {
    transform: translateY(calc(-10/600*100vw));
    box-shadow: 0 calc(10/600*100vw) calc(30/600*100vw) rgba(16, 59, 149, 0.05);
}

.card-icon {
    width: calc(124/600*100vw);
    height: calc(124/600*100vw);
    margin: 0 auto calc(27/600*100vw);
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.culture-card h3 {
    font-weight: bold;
    margin-bottom: calc(15/600*100vw);
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: calc(24/600*100vw);
    color: #333333;
    line-height: calc(28/600*100vw);
}

.culture-card p {
    width: calc(270/600*100vw);
    font-family: HarmonyOS_Sans_SC;
    font-size: calc(18/600*100vw);
    color: #5E5E5E;
    line-height: calc(30/600*100vw);
    text-align: center;
    font-style: normal;
    margin: auto;
}
/* ================= Contact Section ================= */
.contact-section {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    background: url(../images/bg4.jpg) no-repeat center center;
    background-size: cover;
    padding-top: calc(70/600*100vw);
    padding-bottom: calc(50/600*100vw);
}

/* 上部布局 */
.contact-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: calc(107/600*100vw);
    position: relative;
}

.contact-text {
    z-index: 2; /* 确保文字在图片上层 */
}

.contact-text h2 {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: calc(30/600*100vw);
    color: #333333;
    background: linear-gradient(268deg, #00A5FF 0%, #3C60AC 70%, #103B95 50%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    text-align: left;
    font-style: normal;
    display: inline-block;
}

.contact-text p {
    width: 100%;
    font-family: HarmonyOS_Sans_SC;
    font-size: calc(20/600*100vw);
    color: #333333;
    line-height: calc(32/600*100vw);
    text-align: left;
    font-style: normal;
    margin-top: calc(16/600*100vw);
}

/* 底部卡片网格 */
.contact-cards-grid {
    display: grid;
    justify-content: space-between;
    gap: calc(21/600*100vw);
    grid-template-columns: repeat(1, 1fr);
}

.info-card {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    gap: calc(12/600*100vw);
    transition: transform 0.3s;
    height: calc(118/600*100vw);
    background: linear-gradient(132deg, #FFFFFF 0%, rgba(255, 255, 255, 0.61) 100%);
    box-shadow: 0 calc(2/600*100vw) calc(20/600*100vw) 0 rgba(43, 122, 251, 0.13);
    border-radius: calc(14/600*100vw);
    backdrop-filter: blur(calc(10/600*100vw));
    align-items: center;
    padding-left: calc(20/600*100vw);
    padding-right: calc(9/600*100vw);
}

.info-card:hover {
    transform: translateY(calc(-5/600*100vw));
    box-shadow: 0 calc(5/600*100vw) calc(15/600*100vw) rgba(0, 0, 0, 0.05);
}

.icon-wrap {
    width: calc(59/600*100vw);
    height: calc(59/600*100vw);
    flex-shrink: 0;
}

.icon-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.info-content p {
    font-family: HarmonyOS_Sans_SC;
    font-size: calc(16/600*100vw);
    color: #333333;
    line-height: calc(22/600*100vw);
}

.info-content h4 {
    font-family: HarmonyOS_Sans_SC_Medium;
    font-size: calc(20/600*100vw);
    color: #333333;
    line-height: calc(32/600*100vw);
}
.hero .bg .rightPic {
    top: 50%;
    left: 50%;
}

.hero .bg .rightPic .right {

}

.hero .bg .rightPic img.bottomPic {
    left: 46%;
    width: calc(407/600*100vw);
    bottom: calc(-78/600*100vw);
    z-index: -1;
    mix-blend-mode: overlay;
}

.hero .bg .rightPic img.proimg {
    width: 100%;
    z-index: 4;
    mix-blend-mode: overlay;
}

.hero .bg .rightPic .aniBlue {
    width: calc(270/600*100vw);
    height: calc(221/600*100vw);
    z-index: 6;
    padding-top: 5vw;
}

.hero .bg .rightPic .aniBlue i {
    filter: blur(calc(50/600*100vw));
    height: calc(40/600*100vw);
    width: 100%;
    left: 0;
    z-index: 3;
}

.hero .bg .rightPic .aniBlue i.i1 {
    mix-blend-mode: color;
    top: calc(10/600*100vw);
    opacity: .2;
}

.hero .bg .rightPic .aniBlue i.i2 {
    mix-blend-mode: color;
    top: calc(50/600*100vw);
    opacity: .4;
}

.hero .bg .rightPic .aniBlue i.i3 {
    mix-blend-mode: overlay;
    top: calc(90/600*100vw);
    opacity: .2;
}

.hero.type2{
    height:auto;
    padding-top: 6vw;
    padding-bottom: 6vw;
}
.hero.type2 .bg{    
    background: url(../images/banner2wap.jpg) no-repeat center center !important;
    background-size: cover !important;
}
.hero.type3 .bg{
    background: url(../images/banner3wap.jpg) no-repeat center center !important;
    background-size: cover !important;

}
    .contact-section {
    background: url(../images/banner4wap.jpg) no-repeat center center !important;
    background-size: cover !important;
    }

[data-lang="en"] .hero-text h1 {
  width:100%;
}
[data-lang="en"] .btn-primary{
    width:auto;
    padding-right:8vw;
}
[data-lang="en"] .hero.type2 .bg {
        background: url(../images/banner1@2xen.jpg) no-repeat center center !important;
        background-size: cover !important;
    }

[data-lang="en"]  .explore-text{
        
width: 100%;
    }
 [data-lang="en"]    .explore-text .desc p{
     width:70%;
 }
  
 [data-lang="en"]   .explore-section .bg{height: 79%;right: -8%;}


 [data-lang="en"]  .contact-text p{
        
width: 73%;
    }
}