@charset "utf-8";
/* CSS Document */

/* 通屏设置 */
body{ max-width: 100%;}
#ns2025 #page{ max-width: 100%;}
#header2026{ max-width: 100%;}



.edit-container{ width: 1364px; margin-right: auto; margin-left: auto; position: relative;}

#footer2025{ background-color: #262b3d; font-size: 16px; color: #afb4c5;}
.footer2025-top{ border-bottom: 1px solid #6a6e7a;}
.footer2025-top-left{ float: left; width: 21.6%; padding: 80px 0 80px 108px;}
.footer-logo{ height: 39px;}
.footer-logo img{ display: block; height: 100%;}
.footer-share{ margin-top: 55px;}
/*.footer-share .social-item{ display: inline-block; vertical-align: top; width: 27px; margin-right: 30px; background-color: #fff; border-radius: 3px;}*/
.footer-share .social-item{ display: inline-block; vertical-align: top; width: 27px; margin-right: 30px; border-radius: 3px;}
.footer-share .social-item img{ display: block; width: 100%;}
.footer-share .social-item:last-child{ margin-right: 0;}
.friendship-link-box{ margin-top: 80px;}
.friendship-link-box dl dt{ font-size: 20px; font-weight: bold; padding-bottom: 20px;}
/* .friendship-link-box dl dt span{ display: inline-block; vertical-align: top; position: relative;}
.friendship-link-box dl dt span:before{ content: ''; width: 50px; height: 2px; background: -webkit-linear-gradient(100deg, #a00300, #d32c25); background: linear-gradient(100deg, #a00300, #d32c25); position: absolute; left: 0; bottom: -5px;} */
.friendship-link-box dl dd{ margin-top: 20px;}
.friendship-link-box dl dd a{ color: #afb4c5;}
.friendship-link-box dl dd a:hover{ color: #fff; text-decoration: underline;}

.footer2025-top-right{ float: right; width: 78.4%; border-left: 1px solid #6a6e7a;}
.footer2025-top-right .footer-nav{ padding: 90px 0 50px 0;}
.footer2025-top-right .footer-nav dl{ float: left; width: 20%; padding-left: 60px;}
.footer2025-top-right .footer-nav dl dt{ font-size: 20px; font-weight: bold; padding-bottom: 20px;}
/* .footer2025-top-right .footer-nav dl dt span{ display: inline-block; vertical-align: top; position: relative;}
.footer2025-top-right .footer-nav dl dt span:before{ content: ''; width: 50px; height: 2px; background: -webkit-linear-gradient(100deg, #a00300, #d32c25); background: linear-gradient(100deg, #a00300, #d32c25); position: absolute; left: 0; bottom: -5px;} */

.footer2025-top-right .footer-nav dl dd li{ margin-top: 20px;}
.footer2025-top-right .footer-nav dl dd li a{ color: #afb4c5;}
.footer2025-top-right .footer-nav dl dd li a:hover{ color: #fff; text-decoration: underline;}
.footer-version{ padding: 40px 60px; border-top: 1px solid #6a6e7a;}
.footer-version .footer-links{ float: left; width: 43.5%;}
.footer-version .footer-links a{ display: inline-block; vertical-align: top; padding-right: 20px; margin-right: 20px; color: #afb4c5; border-right: 2px solid #6a6e7a;}
.footer-version .footer-links a:last-child{ padding-right: 0; margin-right: 0; border-right: 0;}
.footer-version .footer-links a:hover{ color: #fff; text-decoration: underline;}
.footer-version .copyright{ float: left; width: 56.5%;}
.footer-record{ padding: 35px 0; text-align: center;}
.footer-record i{ font-style: normal; margin-left: 20px;}
.footer-record a{ color: #afb4c5;}
.footer-record a:hover{ color: #fff; text-decoration: underline;}


@keyframes arrowRight{
    25% { left: 0;}
    50%{ left: 2px;}
    75% { left: 0;}
    100% { left: -2px;}
}
@keyframes arrowRight2{
    25% { right: 0;}
    50%{ right: 2px;}
    75% { right: 0;}
    100% { right: -2px;}
}
@keyframes arrowRight3{
    25% { right: 20px;}
    50%{ right: 22px;}
    75% { right: 20px;}
    100% { right: 18px;}
}


a.animation::before{ content: ''; width: 60px; height: 500%; background: -webkit-linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent); background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent); position: absolute; top: 50%; left: -50%; transform: rotate(-25deg) translateY(-50%);transition: all 0.5s;}
a.animation:hover::before{ left: 50%;}

.base-links-btn{ font-size: 16px;}
.base-links-btn span{ padding-left: 35px; position: relative;}
.base-links-btn span:before{ content: ''; width: 24px; height: 12px; background: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-base-links.png) center no-repeat; background-size: cover; position: absolute; top: 50%; transform:translateY(-50%); left: 0; -webkit-animation: arrowRight 1s infinite linear;animation: arrowRight 1s infinite linear;}
.base-links-btn.red span{ color: #d42d26;}
.base-links-btn.red span:before{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-title-arrow.png);}
.base-links-btn.red2 span:before{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-title-arrow.png);}
.base-links-btn.white span:before{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-title-arrow-white.png);}

.base-view-btn a{ display: inline-block; vertical-align: top; padding: 10px 24px; font-size: 18px; color: #fff !important; background: -webkit-linear-gradient(100deg, #a00300, #d32c25); background: linear-gradient(100deg, #a00300, #d32c25); position: relative; overflow: hidden;}
/* .base-view-btn a span{ display: inline-block; vertical-align: top; position: relative; padding-left: 35px;}
.base-view-btn a span:before{ content: ''; width: 24px; height: 12px; background: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-title-arrow-white.png) center no-repeat; background-size: cover; position: absolute; top: 50%; transform:translateY(-50%); left: 0; -webkit-animation: arrowRight 1s infinite linear;animation: arrowRight 1s infinite linear;} */


.swiper-container{ width: 100%; height: 100%; overflow: hidden; position: relative;}
.swiper-pager{ position: relative; font-size: 16px; color: rgba(255,255,255,0.8);}
.swiper-pager .swiper-pagination{ width: auto; position: initial; display: inline-block; vertical-align: middle;}
.swiper-pager .swiper-pagination .swiper-pagination-current{ font-size: 20px; color: #d42d26;}
.swiper-pager .swiper-control{ display: inline-block; vertical-align: middle; margin: 0 50px; width: 16px; height: 16px; background: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-pause.png) center no-repeat; background-size: 12px; cursor: pointer;}
.swiper-pager .swiper-control.stop-status{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-play.png);}
.swiper-pager .swiper-arrow{ display: inline-block; vertical-align: middle; cursor: pointer; background-repeat: no-repeat; background-size: auto 17px;}
.swiper-pager .swiper-arrow-prev{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-swiper-prev.png); background-position: left center; padding-left: 20px; margin-left: 100px;}
.swiper-pager .swiper-arrow-next{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-swiper-next.png); background-position: right center; padding-right: 20px;}

.new-home-banner{ position: relative;}
.new-home-banner .swiper-slide{ position: relative;}
.new-home-banner .swiper-slide .pic{ float: right; width: 58.334%;}
.new-home-banner .swiper-slide .pic img{ display: block; width: 100%;}
.new-home-banner .swiper-slide .banner-left{ float: left; width: 41.666%; position: relative;}
.new-home-banner .swiper-slide .banner-left .bg img{ display: block; width: 100%;}

.new-home-banner .swiper-slide .banner-inner{ width: 100%; position: absolute; top: 50%; transform:translateY(-50%); left: 0; padding: 0 120px 0 215px; font-size: 22px; color: #fff;}
.new-home-banner .swiper-slide .banner-inner .title{ font-size: 46px; margin-top: 15px;}
.new-home-banner .swiper-slide .banner-inner .cont{ margin-top: 15px;}
.new-home-banner .swiper-slide .banner-inner .base-view-btn{ margin-top: 20px;}
.new-home-banner .swiper-slide .banner-inner .base-view-btn a{ transition: all 0s;}
.new-home-banner .swiper-slide .banner-inner .base-view-btn a{ transition: all 0s;}
.new-home-banner .swiper-pager{ width: 41.666%; position: absolute; bottom: 30px; left: 0; padding-left: 11.25vw; z-index: 9; display: none;}

.new-home-banner.banner-animate .swiper-pager{ display: block;}

.home-title-box{ line-height: 1;}
.home-title-box .type{ font-size: 24px; font-weight: bold; color: #d42d26; /* text-shadow: -2px 3px 0 #ffcece; */}
.home-title-box .title{ font-size: 48px; margin-top: 10px;}


.home-section{ padding: 100px 0; overflow: hidden; background-color: #fff; position: relative;}
.home-section .line{ position: absolute; /* background-color: #e0e1e1; */ background-color: rgba(224,225,225, 0.3);}
.home-section .line.rows{ width: 100%; height: 1px;}
.home-section .line.cols{ width: 1px; height: 100%;}

.product-innovation-section{ background: -webkit-linear-gradient(100deg, #ebedf0, #fff, #fff, #ebedf0);background: linear-gradient(100deg,#ebedf0, #fff, #fff, #ebedf0);}

.product-innovation-section .line1{ left: 0; top: 26.5%;}
.product-innovation-section .line2{ left: 0; top: 60%;}
.product-innovation-section .line3{ left: 0; top: 90.5%;}
.product-innovation-section .line4{ top: 0; left: 14.2%;}
.product-innovation-section .line5{ top: 0; left: 31.8%;}
.product-innovation-section .line6{ top: 0; left: 50%;}
.product-innovation-section .line7{ top: 0; left: 68.2%;}
.product-innovation-section .line8{ top: 0; right: 14.2%;}

.product-innovation-section .edit-container{ animation-delay: 0.4s;}
.product-innovation-inner{ margin-top: 100px;}
.product-innovation-tabs{ border-bottom: 1px solid #cfcfcf; overflow: hidden;}
.product-innovation-tabs li{ float: left; width: 14.285%; position: relative; padding: 0 10px 12px 10px; font-size: 16px; text-align: center; cursor: pointer; transition:all 0.3s;}
.product-innovation-tabs li::before{ content: ''; width: 0; height: 4px; background-color: #d42d26; position: absolute; left: 50%; transform:translateX(-50%); bottom: -2px; transition:all 0.5s ease;}
.product-innovation-tabs li .icon{ width: 47px; height: 41px; margin: 0 auto; position: relative;}
.product-innovation-tabs li .icon img{ display: block; width: 100%; height: 100%;}
.product-innovation-tabs li .icon .img2{ display: none;}
.product-innovation-tabs li .icon.new::before{ content: ''; width: 38px; height: 35px; background: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/product-innovation-icon-new.png) center no-repeat; background-size: cover; position: absolute; bottom: -1px; right: -12px;}
.product-innovation-tabs li .title{ margin-top: 12px;}
.product-innovation-tabs li:hover,.product-innovation-tabs li.active{ font-weight: bold; color: #d42d26;}
.product-innovation-tabs li:hover::before,.product-innovation-tabs li.actvie::before{ width: 100%;}
.product-innovation-tabs li:hover .img1,.product-innovation-tabs li.active .img1{ display: none;}
.product-innovation-tabs li:hover .img2,.product-innovation-tabs li.active .img2{ display: block;}

.product-innovation-tabs li:nth-of-type(1){ animation-delay: 0.1s;}
.product-innovation-tabs li:nth-of-type(2){ animation-delay: 0.2s;}
.product-innovation-tabs li:nth-of-type(3){ animation-delay: 0.3s;}
.product-innovation-tabs li:nth-of-type(4){ animation-delay: 0.4s;}
.product-innovation-tabs li:nth-of-type(5){ animation-delay: 0.5s;}
.product-innovation-tabs li:nth-of-type(6){ animation-delay: 0.6s;}
.product-innovation-tabs li:nth-of-type(7){ animation-delay: 0.7s;}

.product-innovation-content{ margin-top: 50px; /* animation-delay: 0.4s; */}
.product-innovation-swiper{ margin: 0 -10px; position: relative;}
.product-innovation-swiper .swiper-slide{ float: left; width: 25%; padding: 0 10px;}
.product-innovation-swiper .swiper-slide .block-box{ height: 544px; background: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/product-innovation-li-bg.jpg) center no-repeat; background-size: cover; position: relative; padding: 40px 25px;}
.product-innovation-swiper .swiper-slide .block-box .cont-box{ font-size: 18px; color: #6c6c6d;}
.product-innovation-swiper .swiper-slide .block-box .cont-box .title{ font-size: 30px; color: #000; font-weight: bold;}
.product-innovation-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 5px; line-height: 1.4; height: 5.6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.product-innovation-swiper .swiper-slide .block-box .pic{ width: calc(100% - 50px); height: 160px; position: absolute; left: 25px; top: 220px; /* overflow: hidden; */}
.product-innovation-swiper .swiper-slide .block-box .pic img{ display: block; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-box-reflect: below 0 linear-gradient(transparent, transparent, transparent, rgba(0, 0, 0, 0.2));}
.product-innovation-swiper .swiper-slide .block-box .base-links-btn{ position: absolute; left: 40px; bottom: 60px;}
.product-innovation-swiper .swiper-arrow{ width: 46px; height: 46px; border: 2px solid #c0c0c0; border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer; display: none;}
.product-innovation-swiper .swiper-arrow::before{ content: ''; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.product-innovation-swiper .swiper-arrow-prev{ left: -80px;}
.product-innovation-swiper .swiper-arrow-prev::before{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-swiper-prev2-on.png);}
.product-innovation-swiper .swiper-arrow-prev.swiper-button-disabled::before{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-swiper-prev2.png);}
.product-innovation-swiper .swiper-arrow-next{ right: -80px;}
.product-innovation-swiper .swiper-arrow-next::before{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-swiper-next2-on.png);}
.product-innovation-swiper .swiper-arrow-next.swiper-button-disabled::before{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-swiper-next2.png);}
.product-innovation-swiper-hidden{ display: none;}

.product-innovation-swiper .swiper-slide a:hover .block-box .cont-box .title{ color: #d42d26;}
.product-innovation-swiper .swiper-slide a:hover .block-box .pic img{ transform:translate(-50%,-50%) scale(1.1); -webkit-transform: translate(-50%,-50%) scale(1.1); -moz-transform:translate(-50%,-50%) scale(1.1);}
.product-innovation-swiper .swiper-slide a:hover .block-box .base-links-btn span{ color: #d42d26;}
.product-innovation-swiper .swiper-slide a:hover .block-box .base-links-btn span:before{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-title-arrow.png);}

.product-innovation-swiper.banner-animate .swiper-arrow{ display: block;}


.industry-solutions-section{ background: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/industry-solutions-bg.jpg) center no-repeat; background-size: cover; overflow: hidden; padding: 100px 0; min-height: 1012px;}
.industry-solutions-section .line{ /* background-color: #dddede; */}
.industry-solutions-section .line1{ left: 0; top: 23%;}
.industry-solutions-section .line2{ top: 23%; left: 14.2%;}
.industry-solutions-section .line3{ top: 23%; left: 31.8%;}

.industry-solutions-section .edit-container{ animation-delay: 0.4s;}
.industry-solutions-inner{ margin-top: 100px;}
.industry-solutions-side{ float: left; width: 26.75%; padding-left: 13px;}
.industry-solutions-side-inner{ position: relative;}
.industry-solutions-side-inner::before{ content: ''; width: 1px; height: 88%; background-color: #d42d26; position: absolute; left: 0; top: 6%;}
.industry-solutions-side li{ padding: 15px 70px 15px 70px; position: relative; line-height: 28px; font-size: 18px; cursor: pointer;}
.industry-solutions-side li .icon-dot{ width: 24px; height: 24px; background-color: #e6e7ea; border: 1px solid #d42d26; border-radius: 100%; position: absolute; left: -12px; top: 14px; display: none;}
.industry-solutions-side li .icon-dot::before{ content: ''; width: 14px; height: 14px; background-color: #d42d26; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.industry-solutions-side li .icon{ width: 27px; height: 27px; position: absolute; top: 50%; transform:translateY(-50%); left: 30px;}
.industry-solutions-side li .icon img{ display: block; width: 100%;}
.industry-solutions-side li .icon .img2{ display: none;}
.industry-solutions-side li span{ display: inline-block; vertical-align: top; position: relative;}
.industry-solutions-side li span::before{ content: ''; width: 0; height: 2px; background-color: #d42d26; position: absolute; left: 0; bottom: -5px; transition:all 0.5s ease;}

.industry-solutions-side li.active{ font-size: 24px;}
.industry-solutions-side li.active,.industry-solutions-side li:hover{ /* font-size: 0.24rem; */ color: #d42d26; font-weight: bold;}
.industry-solutions-side li.active .icon-dot{ display: block;}
.industry-solutions-side li.active .icon .img1,.industry-solutions-side li:hover .icon .img1{ display: none;}
.industry-solutions-side li.active .icon .img2,.industry-solutions-side li:hover .icon .img2{ display: block;}
.industry-solutions-side li:hover span::before{ width: 100%;}
.industry-solutions-side li.active span::before{ display: none;}

.industry-solutions-side li:nth-of-type(1){ animation-delay: 0s;}
.industry-solutions-side li:nth-of-type(2){ animation-delay: 0.2s;}
.industry-solutions-side li:nth-of-type(3){ animation-delay: 0.4s;}
.industry-solutions-side li:nth-of-type(4){ animation-delay: 0.6s;}
.industry-solutions-side li:nth-of-type(5){ animation-delay: 0.8s;}
.industry-solutions-side li:nth-of-type(6){ animation-delay: 1s;}
.industry-solutions-side li:nth-of-type(7){ animation-delay: 1.2s;}
.industry-solutions-side li:nth-of-type(8){ animation-delay: 1.4s;}
.industry-solutions-side li:nth-of-type(9){ animation-delay: 1.6s;}
.industry-solutions-side li:nth-of-type(10){ animation-delay: 1.8s;}


.industry-solutions-content{ float: right; width: 73.25%;}
.industry-solutions-content .box{ display: none;}
/* .industry-solutions-content .box .animated{ visibility: visible !important;} */
.industry-solutions-content .top-box{ font-size: 20px; position: relative; padding-right: 25%;}
.industry-solutions-content .top-box .title{ font-size: 30px; font-weight: bold;}
.industry-solutions-content .top-box .cont{ margin-top: 15px;}
.industry-solutions-content .top-box .base-links-btn{ position: absolute; top: 10px; right: 15px;}
/* .industry-solutions-content .top-box .base-links-btn span{ color: #fff;} */
.industry-solutions-content .top-box .base-links-btn a:hover span{ color: #d42d26;}
.industry-solutions-swiper-hidden{ display: none;}
.industry-solutions-swiper{ position: relative; margin: 40px -30% 0 -20px;}
.industry-solutions-swiper .swiper-container{ animation-delay: 0.2s;}
.industry-solutions-swiper .swiper-slide{ float: left; width: 650px; padding: 0 20px;}
.industry-solutions-swiper .swiper-slide .block-box{ background-color: #fff;}
.industry-solutions-swiper .swiper-slide .block-box .pic{ overflow: hidden;}
.industry-solutions-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.industry-solutions-swiper .swiper-slide .block-box .cont-box{ padding: 40px 50px; font-size: 18px;}
.industry-solutions-swiper .swiper-slide .block-box .cont-box .title{ font-size: 24px; font-weight: bold;}
.industry-solutions-swiper .swiper-slide .block-box .cont-box .cont{ color: rgba(000,000,000,0.7); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.industry-solutions-swiper .swiper-slide .block-box .cont-box .base-links-btn{ margin-top: 20px;}
.industry-solutions-swiper .swiper-pager{ text-align: right; padding-right: 23%; margin-top: 30px; color: #000; display: none;}
/* .industry-solutions-swiper .swiper-pager .swiper-pagination .swiper-pagination-current{ color: #fff;} */
.industry-solutions-swiper .swiper-pager .swiper-arrow-prev{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-swiper-prev-on.png);}
.industry-solutions-swiper .swiper-pager .swiper-arrow-next{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-swiper-next-on.png);}
.industry-solutions-swiper .swiper-pager .swiper-control{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-pause-on.png);}
.industry-solutions-swiper .swiper-pager .swiper-control.stop-status{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-play-on.png);}
.industry-solutions-swiper .swiper-slide a:hover .block-box .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}

.industry-solutions-swiper.banner-animate .swiper-pager{ display: block;}

/* .industry-solutions-swiper .swiper-slide:nth-of-type(1){ animation-delay: 0s;}
.industry-solutions-swiper .swiper-slide:nth-of-type(2){ animation-delay: 0.2s;} */

.latest-news-section{ padding-bottom: 0;}
.latest-news-section .home-title-box{ animation-delay: 0s;}
.latest-news-section .home-title-inner{ width: 80%;}
.latest-news-section .home-title-right-btn{ position: absolute; top: 0; right: 0; animation-delay: 0.2s;}
.latest-news-section .home-title-right-btn .base-links-btn{ margin-top: 20px;}
.latest-news-section .home-title-right-btn .base-links-btn a:hover span{ color: #d42d26;}

.latest-news-inner{ margin-top: 100px;}
.latest-news-inner ul{ margin: 0 -1px; height: 870px; position: relative;}
.latest-news-inner li{ padding: 1px; position: absolute;}
.latest-news-inner li .block-box{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.latest-news-inner li .block-box .pic{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.latest-news-inner li .block-box .pic img{ display: block; width: 100%; height: 100%; object-fit: cover; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.latest-news-inner li .block-box .pic::before{ content: ''; width: 100%; height: 100%; background-color: rgba(000,000,000,0.4); position: absolute; top: 0; left: 0; z-index: 3;}
.latest-news-inner li .block-box .cont-box{ width: 100%; padding: 0 60px 40px 60px; position: absolute; left: 0; bottom: 0; z-index: 5; font-size: 18px; color: #fff;}
.latest-news-inner li .block-box .cont-box .type span{ display: inline-block; vertical-align: top; position: relative; font-weight: bold;}
.latest-news-inner li .block-box .cont-box .type span:before{ content: ''; width: 50px; height: 2px; background: -webkit-linear-gradient(100deg, #a00300, #d32c25); background: linear-gradient(100deg, #a00300, #d32c25); position: absolute; left: 0; bottom: -5px;}
.latest-news-inner li .block-box .cont-box .title{ font-size: 24px; margin-top: 40px;}
.latest-news-inner li .block-box .cont-box .base-links-btn{ margin-top: 40px;}
.latest-news-inner li:nth-of-type(1){ width: 32%; height: 870px; top: 0; left: 0;}
.latest-news-inner li:nth-of-type(2){ width: 35%; height: 560px; top: 0; left: 32%;}
.latest-news-inner li:nth-of-type(3){ width: 35%; height: 310px; bottom: 0; left: 32%;}
.latest-news-inner li:nth-of-type(4){ width: 33%; height: 370px; top: 0; right: 0;}
.latest-news-inner li:nth-of-type(5){ width: 33%; height: 500px; bottom: 0; right: 0;}

.latest-news-inner li:nth-of-type(1) .block-box .cont-box{ animation-delay: 0s;}
.latest-news-inner li:nth-of-type(2) .block-box .cont-box{ animation-delay: 0.2s;}
.latest-news-inner li:nth-of-type(3) .block-box .cont-box{ animation-delay: 0.4s;}
.latest-news-inner li:nth-of-type(4) .block-box .cont-box{ animation-delay: 0.6s;}
.latest-news-inner li:nth-of-type(5) .block-box .cont-box{ animation-delay: 0.8s;}

.latest-news-inner li a:hover .block-box .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
/* .latest-news-inner li a:hover .block-box .cont-box .title{ color: #d42d26;} */
.latest-news-inner li a:hover .block-box .cont-box .base-links-btn span{ color: #d42d26;}
.latest-news-inner li a:hover .block-box .cont-box .base-links-btn span::before{ background-image: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-title-arrow.png);}

.about-section{ background: -webkit-linear-gradient(100deg, #ebedf0, #fff, #fff, #ebedf0);background: linear-gradient(100deg,#ebedf0, #fff, #fff, #ebedf0);}
.about-section-top-box{ text-align: center; height: 244px; background: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/about-top-bg.png) top center no-repeat; background-size: cover; padding-top: 20px; position: relative;}
.about-section-top-box .wow{ height: 100%; position: relative;}
.about-section-top-box .cont{ font-size: 20px; color: #656565; margin-top: 40px; padding: 0 18%;}
.about-section-top-box .base-links-btn{ width: 100%; position: absolute; left: 0; bottom: -60px;}

.about-inner{ height: 477px; background: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/defining.png) center bottom no-repeat; background-size: 100% auto; position: relative; margin-top: 110px; animation-delay: 0.2s;}
.about-inner .about-ball{ width: 362px; height: 362px; position: absolute; top: 50%; transform:translateY(-50%); left: 14%;}
.about-inner .about-ball .pic{ background-color: #d42d26; border-radius: 100%; position: relative;}
.about-inner .about-ball .pic .shadow{ content: ''; width: 430px; height: 430px; background-color: #f5c7c8; border-radius: 100%; position: absolute; top: 50%; margin-top: -215px; right: 0; animation-delay: 0.2s;}
.about-inner .about-ball .pic img{ display: block; width: 100%; position: relative;}
.about-inner .about-ball .cont-box{ width: calc(100% - 60px); position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); font-size: 20px; color: #fff; text-align: right; line-height: 1; padding-right: 50px; background: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/highly-icon.png) right 24px no-repeat; background-size: 29px auto;}
.about-inner .about-ball .cont-box .title{ font-size: 26px; font-weight: bold;}
.about-inner .about-ball .cont-box .title span{ font-size: 50px;}
.about-inner .about-ball .cont-box .cont{ margin-top: 15px; color: rgba(255,255,255,0.55);}
.about-inner .about-logo{ width: 362px; position: absolute; top: 50%; transform:translateY(-50%); left: 41.5%;}
.about-inner .about-logo img{ display: block; width: 100%;}
.about-inner .about-pic{ width: 149px; position: absolute; top: 50%; transform:translateY(-50%); left: 72.28%;}
.about-inner .about-pic .shadow{ content: ''; width: 430px; height: 430px; border: 1px solid rgba(212, 45, 38, 0.3); border-radius: 100%; position: absolute; top: 50%; margin-top: -215px; right: -30px; animation-delay: 0.2s;}
.about-inner .about-pic img{ display: block; width: 100%; position: relative;}
.about-label{ margin-top: 80px; overflow: hidden;}
.about-label li{ float: left; width: 25%; padding: 30px 40px 15px 40px; font-size: 22px; line-height: 1; border-right: 1px solid #e7e7e7;}
.about-label li .num{ font-size: 35px; color: #d42d26; font-weight: bold;}
.about-label li .num span{ font-size: 38px;}
.about-label li .title{ margin-top: 15px;}
.about-label li:last-child{ border-right: 0;}

.about-label li:nth-of-type(1){ animation-delay: 0s;}
.about-label li:nth-of-type(2){ animation-delay: 0.2s;}
.about-label li:nth-of-type(3){ animation-delay: 0.4s;}
.about-label li:nth-of-type(4){ animation-delay: 0.6s;}

.partner-section{ position: relative;}
.partner-section video{ display: block; width: 100%;}
.partner-section::before{ content: ''; width: 100%; height: 100%; background-color: rgba(13, 32, 48, 0.5); position: absolute; top: 0; left: 0;}
.partner-inner{ width: 100%; position: absolute; top: 50%; transform:translateY(-50%); left: 0; text-align: center; color: #fff; line-height: 1;}
.partner-inner .title{ font-size: 48px;}
.partner-inner .base-view-btn{ margin-top: 40px;}
.partner-inner .base-view-btn a{ background: rgba(255,255,255,0.16); border: 1px solid #fff; padding: 13px 50px;}
/* .partner-inner .base-view-btn a span{ padding-left: 0;}
.partner-inner .base-view-btn a span:before{ display: none;} */

.support-inner{ margin-top: 80px;}
.support-inner-box{ width: 680px; position: relative;}
.support-inner-box .pic{ position: relative;}
.support-inner-box .pic img{ display: block; width: 100%;}
.support-inner-box .pic::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.support-inner-box .cont-inner{ width: 100%; position: absolute; left: 0; bottom: 50px; color: #fff;}
.support-inner-box .cont-inner .top-title{ font-size: 40px; padding-left: 50px;}
.support-inner-box .cont-inner .cont-box{ font-size: 18px; margin-top: 40px;}
.support-inner-box .cont-inner .cont-box li .block-box{ padding: 20px 50px 20px 50px; color: #fff; position: relative; transition:all 0.3s;}
.support-inner-box .cont-inner .cont-box li .block-box .title{ font-size: 20px; transition:all 0.3s;}
/* .support-inner-box .cont-inner .cont-box li .block-box .title span{ display: inline-block; vertical-align: top; padding-left: 0.35rem; position: relative;}
.support-inner-box .cont-inner .cont-box li .block-box .title span::before{ content: ''; width: 0.24rem; height: 0.12rem; background: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-title-arrow-white.png) center no-repeat; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); left: 0; -webkit-animation: arrowRight 1s infinite linear;animation: arrowRight 1s infinite linear;} */
.support-inner-box .cont-inner .cont-box li .block-box p{ font-size: 0; transition:all 0.3s;}
.support-inner-box .cont-inner .cont-box li:hover .block-box{ background: -webkit-linear-gradient(40deg, #b20300, #d32c25); background: linear-gradient(40deg, #b20300, #d32c25);}
.support-inner-box .cont-inner .cont-box li:hover .block-box::before{ content: ''; width: 24px; height: 12px; background: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/icon-title-arrow-white.png) center no-repeat; background-size: cover; position: absolute; bottom: 25px; right: 20px; -webkit-animation: arrowRight3 1s infinite linear;animation: arrowRight3 1s infinite linear;}
.support-inner-box .cont-inner .cont-box li:hover .block-box .title{ font-size: 24px; font-weight: bold;}
/* .support-inner-box .cont-inner .cont-box li:hover .block-box .title span{ padding-left: 0;}
.support-inner-box .cont-inner .cont-box li:hover .block-box .title span::before{ display: none;} */
.support-inner-box .cont-inner .cont-box li:hover .block-box p{ font-size: 18px;}

.support-inner-box:nth-of-type(1) .cont-inner{ animation-delay: 0s;}
.support-inner-box:nth-of-type(2) .cont-inner{ animation-delay: 0.2s;}

.support-left-box{ float: left;}
.support-left-box .pic::before{ background: -webkit-linear-gradient(to right, rgba(11,64,98,0.6), rgba(11,64,98,0.6), transparent); background: linear-gradient(to right, rgba(11,64,98,0.6), rgba(11,64,98,0.6), transparent);}
.support-left-box .cont-inner{ padding-right: 50%;}
.support-right-box{ float: right;}
.support-right-box .pic::before{ background: -webkit-linear-gradient(to left, rgba(11,64,98,0.6), rgba(11,64,98,0.6), transparent); background: linear-gradient(to left, rgba(11,64,98,0.6), rgba(11,64,98,0.6), transparent);}
.support-right-box .cont-inner{ padding-left: 30%; /* text-align: right; */}
.support-right-box .cont-inner .top-title{ /* padding: 0 0.5rem 0 0; */}
.support-right-box .cont-inner .cont-box li .block-box{ /* padding: 0.2rem 0.5rem 0.2rem 0; */}

@media (max-width: 992px){
    .edit-container{ width: 100%;}

    #footer2025{ font-size: 28px; padding: 0 40px;}
    .footer2025-top-left{ float: none; width: 100%; padding: 60px 0 0 0;}
    .footer-logo{ height: 40px;}
    .footer-logo img{ margin: 0 auto;}
    .footer-share{ text-align: center; margin-top: 60px;}
    .footer-share .social-item{ width: 60px; border-radius: 6px;}
    .footer2025-top-right{ float: none; width: 100%; border-left: 0;}
    .footer2025-top-right .footer-nav{ padding: 60px 0;}
    .footer2025-top-right .footer-nav dl{ float: none; width: 100%; padding-left: 0; margin-top: 50px;}
    .footer2025-top-right .footer-nav dl:first-child{ margin-top: 0;}
    .footer2025-top-right .footer-nav dl dt{ font-size: 32px; padding-bottom: 0; position: relative;}
    .footer2025-top-right .footer-nav dl dt span:before{ display: none;}
    .footer2025-top-right .footer-nav dl dt::after{ content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url(https://www.h3c.com/en/tres/NewWebUI/2026/images/new/arrow-second-menu.png) no-repeat; background-size: cover; width: 25px; height: 14px; transition: all .5s}
    .footer2025-top-right .footer-nav dl dd{ display: none;}
    .footer2025-top-right .footer-nav dl dd li{ margin-top: 30px;}
    .footer2025-top-right .footer-nav dl.expand dt::after{ transform: translateY(-50%) rotate(180deg);}
    .footer2025-top-right .footer-nav dl.expand dd{ display: block;}
    .footer-version{ padding: 40px 0; text-align: center;}
    .footer-version .footer-links{ float: none; width: 100%;}
    .footer-version .copyright{ float: none; width: 100%; margin-top: 40px;}
    .footer-record{ padding: 40px 0;}
    .footer-record i{ display: block;}

    .base-links-btn{ font-size: 28px;}
    .base-links-btn span{ padding-left: 45px;}
    .base-links-btn span:before{ width: 32px; height: 16px;}

    .base-view-btn a{ font-size: 28px; padding: 15px 30px;}
    /* .base-view-btn a span{ padding-left: 45px;}
    .base-view-btn a span:before{ width: 32px; height: 16px;} */

    .swiper-pager{ font-size: 28px;}
    .swiper-pager .swiper-pagination .swiper-pagination-current{ font-size: 36px;}
    .swiper-pager .swiper-arrow{ background-size: auto 28px;}
    .swiper-pager .swiper-arrow-prev{ padding-left: 32px;}
    .swiper-pager .swiper-arrow-next{ padding-right: 32px;}
    .swiper-pager .swiper-control{ width: 28px; height: 28px; background-size: 24px;}

    .new-home-banner .swiper-slide .pic{ float: none; width: 100%;}
    .new-home-banner .swiper-slide .banner-left{ float: none; width: 100%;}
    .new-home-banner .swiper-slide .banner-inner{ width: 100%; font-size: 32px; padding: 0 40px; top: 60px; transform: translateY(0);}
    .new-home-banner .swiper-slide .banner-inner .title{ font-size: 52px;}
    .new-home-banner .swiper-slide .banner-inner .cont{ line-height: 1.5; height: 4.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
    .new-home-banner .swiper-slide .banner-inner .base-view-btn a{ font-size: 28px; padding: 15px 30px;}
    .new-home-banner .swiper-pager{ width: 100%; padding: 0 40px; bottom: 40px;}

    .home-title-box .type{ font-size: 32px;}
    .home-title-box .title{ font-size: 52px;}

    .home-section{ padding: 80px 40px;}
    .home-section .line{ display: none;}

    .product-innovation-inner{ margin-top: 60px;}
    .product-innovation-tabs{ margin-right: -40px;}
    .product-innovation-tabs ul{ overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; display: block; white-space: nowrap;}
    .product-innovation-tabs li{ float: none; display: inline-block; vertical-align: top; width: auto; font-size: 28px; padding: 0 20px 20px 20px;}
    .product-innovation-tabs li .icon{ width: 60px; height: 52px;}
    .product-innovation-tabs li .icon.new::before{ width: 44px; height: 41px;}
    .product-innovation-content{ margin-top: 40px;}
    .product-innovation-swiper .swiper-slide{ width: 100%;}
    .product-innovation-swiper .swiper-slide .block-box{ height: 760px; padding: 40px;}
    .product-innovation-swiper .swiper-slide .block-box .cont-box{ font-size: 32px;}
    .product-innovation-swiper .swiper-slide .block-box .cont-box .title{ font-size: 40px;}
    .product-innovation-swiper .swiper-slide .block-box .pic{ top: 320px; height: 280px;}
    .product-innovation-swiper .swiper-slide .block-box .pic img{ max-width: 90%;}
    .product-innovation-swiper.banner-animate{ margin-right: -40px}

    .industry-solutions-inner{ margin-top: 60px;}

    .industry-solutions-side{ float: none; width: auto; padding-left: 0; border-bottom: 1px solid #cfcfcf; margin-right: -40px;}
    .industry-solutions-side-inner::before{ display: none;}
    .industry-solutions-side ul{ overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; display: block; white-space: nowrap;}
    .industry-solutions-side li{ float: none; display: inline-block; vertical-align: top; width: auto; font-size: 28px !important; padding: 0 20px 20px 20px;}
    .industry-solutions-side li .icon{ width: 60px; height: 60px; position: initial; transform: translateY(0); margin: 0 auto;}
    .industry-solutions-side li span{ display: block; margin-top: 12px;}

    .industry-solutions-side li .icon-dot{ display: none !important;}
    .industry-solutions-side li span{ padding-right: 0;}
    .industry-solutions-side li span::before{ display: none;}


    .industry-solutions-content{ float: none; width: 100%; margin-top: 60px;}
    .industry-solutions-content .top-box{ font-size: 32px; padding-right: 0;}
    .industry-solutions-content .top-box .title{ font-size: 40px;}
    .industry-solutions-content .top-box .base-links-btn{ position: initial; margin-top: 20px;}
    .industry-solutions-swiper{ margin-right: -20px; margin-top: 60px;}
    .industry-solutions-swiper .swiper-slide{ width: 100%;}
    .industry-solutions-swiper .swiper-slide .block-box .cont-box{ height: 282px; padding: 40px; font-size: 28px;}
    .industry-solutions-swiper .swiper-slide .block-box .cont-box .title{ font-size: 36px;}
    .industry-solutions-swiper .swiper-pager{ padding: 0 40px 0 20px;}

    .industry-solutions-swiper.banner-animate{ margin-right: -40px;}

    .latest-news-section .home-title-inner{ width: 100%;}
    .latest-news-section .home-title-right-btn{ position: initial; margin-top: 40px;}
    .latest-news-inner{ margin-top: 60px;}
    .latest-news-inner ul{ height: auto;}
    .latest-news-inner li{ width: 100% !important; height: 420px !important; position: initial;}
    .latest-news-inner li .block-box .cont-box{ padding: 0 40px 40px 40px; font-size: 32px;}
    .latest-news-inner li .block-box .cont-box .title{ font-size: 32px;}
    .latest-news-inner li .block-box .cont-box .type span:before{ height: 6px; bottom: -10px;}

    .latest-news-inner li:nth-of-type(1) .block-box .cont-box{ animation-delay: 0s;}
    .latest-news-inner li:nth-of-type(2) .block-box .cont-box{ animation-delay: 0s;}
    .latest-news-inner li:nth-of-type(3) .block-box .cont-box{ animation-delay: 0s;}
    .latest-news-inner li:nth-of-type(4) .block-box .cont-box{ animation-delay: 0s;}
    .latest-news-inner li:nth-of-type(5) .block-box .cont-box{ animation-delay: 0s;}


    .about-section-top-box{ height: auto; background-size: 200% auto; margin: 0 -40px; padding: 40px 40px 0 40px;}
    .about-section-top-box .cont{ font-size: 32px; padding: 0;}
    .about-section-top-box .base-links-btn{ position: initial; margin-top: 40px;}

    .about-inner{ height: 256px; margin: 60px -40px 0 -40px; padding: 0 40px;}
    .about-inner .about-ball{ width: 212px; height: 212px; left: 10%;}
    .about-inner .about-ball .pic .shadow{ width: 256px; height: 256px; margin-top: -128px;}
    .about-inner .about-ball .cont-box{ width: calc(100% - 40px); padding-right: 25px; background-position: right 20px; background-size: 16px auto; font-size: 12px;}
    .about-inner .about-ball .cont-box .title{ font-size: 16px;}
    .about-inner .about-ball .cont-box .title span{ font-size: 40px;}
    .about-inner .about-ball .cont-box .cont{ margin-top: 5px;}
    .about-inner .about-logo{ width: 276px; left: 40%;}
    .about-inner .about-pic{ width: 90px; left: auto; right: 8%;}
    .about-inner .about-pic .shadow{ width: 256px; height: 256px; margin-top: -128px; right: -20px;}
    .about-label{ margin-top: 80px;}
    .about-label li{ width: 50%; font-size: 28px; padding: 20px 20px; border-right: 0;}
    .about-label li .num{ font-size: 32px;}
    .about-label li .num span{ font-size: 40px;}

    .partner-inner .title{ font-size: 52px;}
    .partner-inner .base-view-btn a{ padding: 18px 40px;}

    .support-inner{ margin-top: 60px;}
    .support-inner-box{ width: 100%;}
    .support-inner-box .cont-inner .top-title{ font-size: 40px; padding-left: 40px;}
    .support-inner-box .cont-inner .cont-box{ font-size: 28px;}
    .support-inner-box .cont-inner .cont-box li .block-box{ padding: 20px 40px;}
    .support-inner-box .cont-inner .cont-box li .block-box .title{ font-size: 32px;}
    /* .support-inner-box .cont-inner .cont-box li .block-box .title span{ padding-left: 45px;}
    .support-inner-box .cont-inner .cont-box li .block-box .title span:before{ width: 32px; height: 16px;} */
    .support-inner-box .cont-inner .cont-box li:hover .block-box::before{ bottom: 35px;}
    .support-inner-box .cont-inner .cont-box li:hover .block-box .title{ font-size: 32px;}
    .support-inner-box .cont-inner .cont-box li:hover .block-box p{ font-size: 28px;}
    .support-inner-box:nth-of-type(2) .cont-inner{ animation-delay: 0s;}

    .support-left-box .cont-inner{ padding-right: 30%;}
    .support-right-box .pic::before{ background: -webkit-linear-gradient(to right, rgba(11,64,98,0.6), rgba(11,64,98,0.6), transparent); background: linear-gradient(to right, rgba(11,64,98,0.6), rgba(11,64,98,0.6), transparent);}
    .support-right-box .cont-inner{ padding-left: 0; padding-right: 10%;}


}