/* 重置样式 */
:root {
    --primary-color: #1890ff;
    --primary-hover: #0073e6;
    --text-c333: #333;
    --text-c666: #666;
    --text-c000: #000;
    --bg-fff: #fff;
    --bg-f9: #f9f9f9;
    --font-s14: 14px;
    --font-s16: 16px;
    --font-s18: 18px;
    --font-s20: 20px;
    --font-s24: 24px;
    --font-s32: 32px;
    --font-s48: 48px;
    --font-s64: 64px;
    --font-s96: 96px;
}

body { font-family: 'Microsoft Yahei'; background-color: var(--bg-fff); color: var(--text-c666); overflow-x: hidden; margin: 0; padding: 0; font-size: 14px; line-height: 1.4; font-weight: 500; -webkit-font-smoothing: antialiased; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, p, blockquote, th, td { margin: 0; padding: 0; outline: none; }
a { text-decoration: none; color: #666666; }
li { list-style: none; }
i, em { font-style: normal; }
.clearfix:after { content: ''; display: block; clear: both; width: 0; height: 0; }
img { vertical-align: middle; border: none; max-width: 100%; }
.img { width: 100%; height: 100%; object-fit: cover; }
input, textarea, select { font-size: 14px; font-family: 'Microsoft Yahei'; color: #666; font-weight: 500; }
input:focus, textarea:focus, select:focus { outline: none; }
::-webkit-input-placeholder { color: #ccc; }
::-moz-placeholder { color: #ccc; }
:-moz-placeholder { color: #ccc; }
:-ms-input-placeholder { color: #ccc; }
::placeholder { color: #ccc; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; }
::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.4); }
.over{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.over1{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.over2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.disFlex{ display: flex; justify-content: space-between; align-items: center;}
.disFlexc{ display: flex; justify-content: center; align-items: center;}
.disFlexs{ display: flex; flex-direction: column; justify-content: center; align-items: center;}



/* 容器样式 */
.wrap { width: 1440px; max-width: 100%; min-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.wrapper { width: 1200px; margin: 0 auto; }

/* 导航栏样式 */ 
.header { background: rgba(10, 44, 104, 0.8); box-shadow: 0 2px 4px rgba(0,0,0,0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; }

.header2 { background: rgba(255, 255, 255); box-shadow: 0 2px 4px rgba(0,0,0,0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; }
.header .wrap { height: 80px; }
.header .logo img { max-width: 363px; max-height: 44px; aspect-ratio: 363 / 44; object-fit: contain; }
.header .nav { display: flex; justify-content: center; }
.header .nav ul { display: flex; }
.header .nav ul li { position: relative; z-index: 1; margin-right: 50px; }
.header .nav ul li > a{ display: block; line-height: 80px;}
.header .nav ul li a { font-size: 16px; color: #ccdfff; transition: color 0.3s; }
.header2 .nav ul li a { font-size: 16px; color: #000; transition: color 0.3s; }


.header .nav ul li:hover > a,.header .nav ul li.active > a { color: #fff; font-weight: bold; }
.header2 .nav ul li:hover > a,.header2 .nav ul li.active > a { color: #0a2c68; font-weight: bold; }
.header .nav ul li .dropdown-menu{ position: absolute; top: 100%; left: 50%; z-index: 10; width: 164px; padding: 6px; box-sizing: border-box; transform: translateX(-50%); background-color: #0a2c68; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.3s;}
.header2 .nav ul li .dropdown-menu{ position: absolute; top: 100%; left: 50%; z-index: 10; width: 164px; padding: 6px; box-sizing: border-box; transform: translateX(-50%); background-color: #fff; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.3s;}
.header .nav ul li:hover .dropdown-menu{ display: block; opacity: 1; visibility: visible;}
.header .nav ul li .dropdown-menu a{ display: block; line-height: 36px; border-radius: 6px; text-align: center;}
/*.header .nav ul li .dropdown-menu a:hover{ background-color: #005dff;}*/
.header .nav ul li .dropdown-menu a:hover{ font-weight: bold;color: #fff;}
.header2 .nav ul li .dropdown-menu a:hover{ color: #0a2c68;}
.header .lang-switch { display: flex; align-items: center; cursor: pointer; }
.header .lang-switch img { width: 26px; height: 26px; margin-right: 8px; }
.header2 .lang-switch img {filter: brightness(0.5);}
.header .lang-switch span { color: #fff; font-size: 14px; }
.header2 .lang-switch span { color: #0a2c68; font-size: 14px; }


/* 轮播图样式 */
.banner { position: relative; margin-top: 0; padding: 0;}
.banner .swiper{ width: 100%; height: 100vh; }
.banner .wrap{ position: relative; z-index: 1;}
.banner .swiper-pagination{ position: absolute; bottom: 70px !important; left: 0; z-index: 1; opacity: 1; }
.banner .swiper-pagination-bullet { width: 26px; height: 6px; border-radius: 6px; background-color: rgba(10, 44, 104, 0.7) !important; opacity: 1; transition: all .3s; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.banner .swiper-pagination-bullet-active { width: 56px; background-color: rgba(10, 44, 104, 1) !important; opacity: 1; }
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{ font-size: 44px;}
.banner .swiper-button-next,.banner .swiper-button-prev{ width: 72px; height: 72px; background-color: #fff; border-radius: 50%; opacity: 0.9;}
.banner .swiper-slide { position: relative; }
.banner .swiper-slide img { width: 100%; height: 100%; object-fit: cover; transition: transform 30s;}
.banner .swiper-slide-active img{ transform: scale(1.2);}
.banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
.banner .banner-content h1 { font-size: 48px; margin-bottom: 10px; font-weight: bold; }
.banner .banner-content p { font-size: 24px; }

/* 通用 section 样式 */
section { padding: 80px 0; }
.section-title { line-height: 1; font-size: 90px; color: rgba(213, 217, 226, 0.4); font-family: 'enFont'; font-weight: 400; margin-bottom: 10px; }
.section-subtitle { margin-top: -30px; font-size: 40px; color: var(--text-c333); font-weight: 400;}

/* 关于爱华样式 */
.about { background: url(../img/iabout-bg.png) no-repeat left top 50px; }
.about h2 { line-height: 0.8; font-size: 90px; color: rgba(213, 217, 226, 0.4); font-family: 'enFont'; text-align: left;}
.about h3 { margin-top: -20px; font-size: 40px; color: var(--text-c333); font-weight: 400; text-align: left;}
.about .about-content { align-items: flex-start; }
.about .about-content .about-text{ padding-right: 10px;
/*height: 180px;*/
overflow-x: hidden;}
/*.about .about-content .about-text::before { content: ''; position: absolute; top: -106px; left: 20px; width: 1px; height: 66px; background: #000; z-index: 1; }*/
/*.about .about-content .about-text p{ margin-bottom: 10px;}*/
.about .about-left { flex: 1; position: relative; z-index: 1; 
/*margin: 135px 55px 60px 0; */
margin: 5px 55px 0px 0;
line-height: 30px; font-size: 16px; color: #666; font-weight: 400; text-align: justify; }
.about .about-left .about-more{ margin-top: 70px; font-size: 14px; color: #1e56b9;}
.about .about-left .about-more img{ margin-right: 12px;}
.about .about-video .video { padding: 9px;}
.about .about-video { flex: 1; position: relative; border: 1px solid rgba(0,93,255,0.2); border-radius: 6px; box-sizing: border-box;}
.about .about-video video { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; }
/*.about .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(0,0,0,0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; }*/
/*.about .play-btn i { color: #fff; font-size: 24px; }*/
.about .about-stats { margin-top: 60px; }
.about .about-stats .mt-number-animate{ height: 80px; overflow: hidden; display: block; position: relative; }
.about .about-stats .mt-number-animate .mt-number-animate-dot{ width: 15px; float: left; text-align: center;}
.about .about-stats .mt-number-animate .mt-number-animate-dom{ width: 48px; text-align: center; float: left; position: relative; top: 0;}
.about .about-stats .mt-number-animate .mt-number-animate-dom .mt-number-animate-span{ width: 100%; float: left;color: transparent;background-image: linear-gradient(180deg, rgba(0,44,104,1) 0%, rgba(0,93,255,1) 100%);-webkit-background-clip: text; background-clip: text;}

.about .stat-item { align-items: flex-start; }
.about .stat-number { align-items: flex-end; overflow: hidden; }
.about .stat-number p {  line-height: 1; font-family: 'din-mm'; font-weight: 400; font-size: 80px; background: linear-gradient(180deg, rgba(0,44,104,1) 0%, rgba(0,93,255,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.about .stat-unit { font-size: 24px; color: #0a2c68; font-weight: 400; margin-left: 5px; margin-bottom: 10px; }
.about .stat-icon { margin-right: 12px; }
.about .stat-icon img { width: 17px; height: 18px; }
.about .stat-label { margin-top: 10px; font-size: 20px; font-weight: 400; margin-bottom: 5px; }
.about .stat-english { margin-left: 30px; color: #ccc; }
.about .stat-divider { width: 1px; height: 80px; background-color: #e0e0e0; margin: 0 20px; }


/* 产品应用样式 */
.product { padding-top: 170px; background: linear-gradient(to bottom, #eff1f5 0%, rgba(239, 241, 245, 0) 100%); }
.product .product-content { padding: 0 8px; position: relative; }
.product .product-content::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 1px; background: linear-gradient(90deg, transparent 0%, #e0e0e0 50%, transparent 100%); z-index: 1; }
.product .product-left, .product .product-right { z-index: 2; min-height: 478px; }
.product .product-left{ padding-right: 107px; background: url(../img/icp-bordl.png) no-repeat right center;}
.product .product-right{ padding-left: 108px; background: url(../img/icp-bordr.png) no-repeat left center;}
.product .product-center { flex: 1.5; display: flex; justify-content: center; z-index: 2; }
.product .product-center img { width: 100%; max-width: 400px; height: auto; object-fit: contain; }
.product .product-left .product-item { flex-direction: row-reverse;}

.product .product-item { width: 228px; height: 58px; padding: 7px; box-sizing: border-box; margin: 76px 0; border-radius: 30px; background: url(../img/icp-item-bord.png) no-repeat center center / contain; transition: all 0.3s ease; position: relative; }
.product .product-left .product-item:nth-child(2) { transform: translateX(-16px); }
.product .product-right .product-item:nth-child(2) { transform: translateX(16px); }
.product .product-left .product-item::after, .product .product-right .product-item::after { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #0a2c68; z-index: 2; }
.product .product-left .product-item::after { right: -30px; top: 50%; transform: translateY(-50%); }
.product .product-right .product-item::after { left: -30px; top: 50%; transform: translateY(-50%); }
.product .product-item.active::after { width: 8px; height: 8px; border-radius: 50%; background: #0a2c68; box-shadow: 0 0 0 4px rgba(255, 255, 255, 1), 0 0 0 5px #0a2c68; margin: 0; }
/* .product .product-item::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(10, 44, 104, 0.1) 0%, transparent 70%); z-index: 0; } */
.product .product-icon { width: 44px; height: 44px; border-radius: 50%; background: url(../img/icp-item-iconbg.png) no-repeat center center / cover; z-index: 1; position: relative; }
.product .product-icon img { max-width: 30px; max-height: 30px; object-fit: contain;}
.product .product-item h4 { flex: 1; font-size: 20px; font-weight: 400; color: #0a2c68; text-align: center; margin: 0; z-index: 1; position: relative; }

.product .product-item.active { background-image: url(../img/icp-item-active.png); }
.product .product-item.active .product-icon { background-image: url(../img/icp-item-iconbg1.png); }
.product .product-item.active h4 { color: #fff; }

/* 核心竞争力样式 */
.core { background: var(--bg-secondary); }
.core .core-content { display: flex; gap: 6px; z-index: 1; position: relative; }
.core .core-item { width: 12.5%; height: 526px; 
/*transition: all 0.3s ease;*/
position: relative; overflow: hidden; border-radius: 10px;}
.core .core-item::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../img/ihx-bg.png) no-repeat center bottom / contain; z-index: 0; }
.core .core-pic { width: 100%; height: 100%; z-index: 1; position: relative; }
.core .core-pic img { width: 100%; height: 100%; object-fit: cover; }
.core .core-item .core-txt { transition: all 0.3s ease; position: absolute; bottom: 0; left: 0; z-index: 1;  width: 100%; height: 100%; background-color: rgba(10, 44, 104, 0.7);}
.core .core-item h4 { margin-top: 20px; font-size: 30px; font-weight: bold; color: var(--bg-fff); }
.core .core-item h4 p{ font-size: 20px; font-weight: bold; font-family: 'din-mm'; color: #5694ff; }
.core .core-item .sm { font-size: 20px; color: #b7c8e5; display: none;}
.core .core-item.active { width: 48.3%;}
.core .core-item.active::before{ background: rgba(10, 44, 104, 0.7);}
.core .core-item.active .core-txt { align-items: flex-start; justify-content: flex-end; min-height: 50%; height: auto; background-color: transparent; background: url(../img/ihx-bg.png) no-repeat center bottom / cover; padding: 2vw 3vw; box-sizing: border-box;}
.core .core-item.active .core-txt img{ margin-left: 10px;}
.core .core-item.active h4 { flex-direction: row; align-items: flex-end;}
.core .core-item.active h4 p { margin-left: 20px;}
.core .core-item.active .sm { display: block;}

/* 服务企业样式 */
.service .service-swiper { position: relative; }
.service .swiper { width: 100%; height: 450px; padding: 10px 10px 80px 10px;}
.service .swiper-slide { display: flex; background-color: var(--bg-fff); transition: all 0.3s ease;}
.service .swiper-slide:hover { box-shadow: 0 0 10px rgba(0, 30, 51, 0.13); transform: translateY(-5px);}
.service .btn { position: absolute; bottom: 20px; left: 0; width: 100%; height: 50px; }
.service .btn >div{ gap: 16px;}
.service .swiper-pagination { position: static; display: flex; align-items: center; gap: 16px; padding: 0 46px; }
.service .swiper-pagination::before{ content: ''; position: absolute; top: 50%; left: 0; z-index: 1; width: 30px; height: 0; border-bottom: 1px solid rgba(10, 44, 104, 0.3);}
.service .swiper-pagination::after{ content: ''; position: absolute; top: 50%; right: 0; z-index: 1; width: 30px; height: 0; border-bottom: 1px solid rgba(10, 44, 104, 0.3);}
.service .swiper-pagination-bullet { width: 6px; height: 6px; background: #0a2c68; opacity: 1; border-radius: 50%; transition: all .3s ease;}
.service .swiper-pagination-bullet-active { width: 10px; height: 10px; box-shadow: 0 0 0 4px var(--bg-fff), 0 0 0 5px #0a2c68; opacity: 1; }
.service .swiper-button-prev, .service .swiper-button-next { min-width: 34px; width: 34px; height: 34px; background: #0a2c68; border-radius: 50%; color: white; display: flex; align-items: center; justify-content: center; position: static; margin: 0; padding: 0; }
.service .swiper-button-prev::after, .service .swiper-button-next::after { font-size: 16px; font-weight: bold; }
.service .disFlexs img { max-width: 100%; max-height: 100%; object-fit: contain;
/*filter: grayscale(100%);*/
transition: filter 0.3s ease; }
.service .disFlexs:hover img { filter: grayscale(0%); }


/* 引导部分样式 */
.yd { background: #fff; padding: 25px 0; font-size: 16px; font-weight: 300; border-bottom: 1px solid rgba(10, 44, 104, 0.1); }
.yd-nav { gap: 30px; }
.yd-nav a { transition: color 0.3s ease; }
.yd-nav a:hover, .yd-nav a.active { color: #0a2c68; font-weight: bold; }
.yd-breadcrumb img { width: 24px; }
.yd-breadcrumb a { transition: color 0.3s ease; }
.yd-breadcrumb .current-position{ color: #333; font-weight: bold;}
.yd-breadcrumb span { padding: 0 8px;}

/* 页脚样式 */
.footer { background: url(../img/footbg.jpg) no-repeat top center / cover; color: var(--bg-color); padding: 40px 0; }
.footer .wrap{ align-items: flex-end;}
.footer .footer-content { color: #fff;}
.footer .footer-logo img { height: 44px; }
.footer .footer-links{ margin-top: 45px;}
.footer .footer-links h4 { line-height: 40px; font-size: 20px; font-weight: 400; }
.footer .footer-links p { justify-content: flex-start; margin-top: 3px; font-size: 16px; color: #9bc0ff; font-weight: 400; }
.footer .footer-links p span{ width: 19px; height: 21px; margin-right: 10px;}
.footer .footer-links p span img{ max-width: 100%; max-height: 100%; object-fit: contain;}
.footer .footer-btn { margin-top: 12px; width: 170px; height: 47px; background: #5694ff; color: #fff; font-weight: bold;}
.footer .footer-bottom, .footer .footer-bottom a { line-height: 1.8; text-align: right; color: #4a7add; font-weight: 400;}


/* 1-1 产品展示页 */
.nban { padding: 0;}

/* 产品分类和列表样式 */
.product-category { padding: 60px 0 80px; }
.category-tabs { justify-content: flex-start; gap: 10px; margin-bottom: 30px; }
.category-tabs a { min-width: 210px; height: 60px; padding: 8px 30px; background: #fff; border-radius: 4px; font-size: 16px; font-weight: 400; cursor: pointer; border: 1px solid #e6e8ee; box-sizing: border-box; transition: all 0.3s ease; }
.category-tabs a.active { background: #eff1f5; color: #0a2c68; border-color: transparent; font-weight: bold; }
.product-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.product-list .product-item { text-align: center; transition: all 0.3s ease; }
.product-list .product-item .pic { width: 100%; aspect-ratio: 375/275; border-radius: 6px; border: 1px solid #eee; overflow: hidden; margin-bottom: 15px; transition: transform 0.3s ease; }
.product-list .product-item .pic img {max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s ease;}
.product-list .product-item p { font-size: 16px; margin: 0; font-weight: 400;}

.product-list .product-item:hover { transform: translateY(-5px); }
.product-list .product-item:hover p{ color: #0a2c68; font-weight: bold;}
.product-list .product-item:hover .pic{ box-shadow: 0 0 10px rgba(0, 30, 51, 0.13);}
.product-list .product-item:hover .pic img{ transform: scale(1.05);}

/* 分页样式 */
.pagination { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 50px; }
.page-item { height: 40px; line-height: 38px; padding: 0 16px; border: 1px solid #ddd; font-family: Arial; border-radius: 4px; font-size: 16px; font-weight: 400; text-decoration: none; box-sizing: border-box; transition: all 0.3s ease; }
.page-item.page-first, .page-item.page-last { padding: 0 30px; }
.page-item.page-next { font-size: 20px; font-family: '宋体'; font-weight: bold; color: #999;}
.page-item:hover { border-color: #0a2c68; color: #0a2c68; }
.page-item.active { background: linear-gradient(180deg, #0a2c68, #005dff); color: white; border-color: transparent; }
.page-item:disabled { opacity: 0.5; cursor: not-allowed; }
.page-item:disabled:hover { border-color: #ddd; color: #333; }

/* 产品详情样式 */
.pro-detail { padding: 60px 0 80px; }
.pro-title { font-size: 16px; color: #0a2c68; margin-bottom: 10px; font-weight: 400; }
.pro-subtitle { font-size: 30px; color: #333; margin-bottom: 50px; font-weight: 400; }
/*.pro-subtitle::before { content: ''; display: block; width: 1px; height: 30px; background: #0a2c68; margin-left: 10px; }*/
.pro-detail .pro-content { display: flex; gap: 30px; }
.pro-left { width: 496px; }
.propic{ position: relative; z-index: 1; width: 100%; height: 310px; padding: 30px; border: 1px solid #ddd; aspect-ratio: 496/364; box-sizing: border-box; border-radius: 6px;}
.pro-image { position: relative; width: 100%; height: 100%; }
.pro-image img { width: 100%; height: auto; max-height: 400px; object-fit: contain; }
.pro-thumbs { position: absolute; bottom: -67px; left: 8px; z-index: 1; display: flex; gap: 10px; background-color: #fff; }
.pro-thumbs .pro-item { width: 80px; height: 60px; border: 1px solid #eff1f5; border-radius: 6px; cursor: pointer; transition: all 0.3s ease; padding: 5px; box-sizing: border-box;}
.pro-thumbs .pro-item img{ max-width: 100%; max-height: 100%; object-fit: contain; }
.pro-thumbs img.active { border-color: #0a2c68; }
.pro-right { width: 674px; padding: 30px; background: #f7f8fa; border-radius: 6px;}
.performance-params h4 { justify-content: flex-start; font-size: 16px; color: #333; margin-bottom: 20px; font-weight: bold; }
.performance-params h4 img{ width: 30px; margin-right: 11px;}
.performance-params h4 span{ font-size: 20px; color: #333; font-weight: 400;}
.performance-params h4 p { margin-left: 7px; color: #8996b0; }

/* 模态框样式 */
.modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.9); align-items: center; justify-content: center; }
.modal-content { position: relative; background-color: #fefefe; padding: 20px; border: 1px solid #888; width: 80%; max-width: 800px; max-height: 80vh; overflow: hidden; transform: scale(0.8); opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }
.modal-content.show { transform: scale(1); opacity: 1; }
.modal-content img { width: 100%; height: auto; max-height: 70vh; object-fit: contain; }
.close { position: absolute; top: 10px; right: 20px; color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; }
.close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; }

/* 研发概述样式 */
.yfgs { padding: 60px 0 80px; }
.yfgs-content { display: flex; gap: 50px; 
/*align-items: flex-start; */
   align-items: flex-end; 
}
.yfgs-left { width: 642px; }
.yfgs-title { margin-top: 30px; line-height: 1; font-size: 60px; color: rgba(213, 217, 226, 0.4); font-family: 'enFont'; font-weight: 400; }
.yfgs-english { position: relative; margin-top: -15px; padding-bottom: 25px; font-size: 30px; color: #333; margin-bottom: 30px; font-weight: 400; }
.yfgs-english::after { content: ''; position: absolute; bottom: 0; left: 0; width: 70px; height: 1px; background: rgba(51, 51, 51, 0.3); }
.yfgs-text { font-size: 16px; line-height: 28px; color: #333; text-align: justify; font-weight: 400; }
.yfgs-right { width: 508px; }
.yfgs-image { position: relative; overflow: hidden; }
.yfgs-image img { width: 100%; height: auto; border-radius: 10px; object-fit: contain; }

/* 产品研发流程 */
.yflc-type { margin-top: 60px; padding: 0;}
.yflc-type .items{ display: flex; gap: 10px;}
.yflc-type .item{ min-width: 210px; height: 60px; font-size: 16px; font-weight: 400; color: #333; line-height: 60px; text-align: center;border-radius: 4px; border: 1px solid #e6e8ee; background-color: #fff; cursor: pointer;}
.yflc-type .item.active{ background: #eff1f5; color: #0a2c68; font-weight: bold; }

/* 研发团队样式 */
.yftd{ padding: 30px 0 80px;}
.yftd-list{ display: flex; flex-direction: column; gap: 30px;}
.yftd-list .yftd-item{ align-items: flex-start; gap: 30px; padding: 20px; background: #fff; border-radius: 6px; border: 1px solid #e0e4ee; transition: all 0.3s ease;}
.yftd-list .yftd-item:hover{ box-shadow: 0 4px 20px rgba(0,0,0,0.1); border-color: transparent;}
.yftd-list .yftd-item .yftd-img{ width: 404px; height: 250px; flex-shrink: 0; border-radius: 6px; overflow: hidden;}
.yftd-list .yftd-item .yftd-img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.yftd-list .yftd-item:hover .yftd-img img{ transform: scale(1.05);}
.yftd-list .yftd-item .yftd-content{ flex: 1; display: flex; flex-direction: column; justify-content: center; margin-right: 10px;}
.yftd-list .yftd-item .yftd-title{ font-size: 24px; color: #333; margin-bottom: 20px; font-weight: 400; line-height: 1.4;}
.yftd-list .yftd-item .yftd-desc{ font-size: 16px; line-height: 1.6; margin-bottom: 30px; font-weight: 400; text-align: justify; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.yftd-list .yftd-item .yftd-more{ width: 160px; height: 40px; border-radius: 40px; color: #8996b0; background-color: #eff1f5; text-decoration: none; font-weight: 400; transition: all 0.3s ease;}
.yftd-list .yftd-item .yftd-more i{ margin-left: 5px; transition: transform 0.3s ease;}
.yftd-list .yftd-item:hover .yftd-more{ color: #fff; background: linear-gradient(180deg, rgba(0,44,104,1) 0%, rgba(0,93,255,1) 100%);}
.yftd-list .yftd-item:hover .yftd-more:hover i{ transform: translateX(5px);}
.yftd-list .yftd-more:hover{ transform: translateY(-2px); box-shadow: 0 4px 12px rgba(10, 44, 104, 0.3);}
.yftd-list .yftd-item:hover .yftd-more:hover i{ transform: translateX(5px);}

/* 研发流程样式 */
.yflc { padding: 40px 0 80px; background: url(../img/yflcbg1.jpg) no-repeat bottom center / contain; }
.yflc-content { text-align: left; }
.yf-english { font-size: 60px; color: rgba(213, 217, 226, 0.4); font-family: 'enFont'; font-weight: 400; text-transform: uppercase; margin-bottom: -30px; }
.yf-title { font-size: 30px; color: #333; margin-bottom: 30px; font-weight: 400; position: relative; }
.yflc-flow { text-align: center; }

/* 高级专家样式 */
.gjzj{ padding: 30px 0 80px;}
.gjzj-list{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}
.gjzj-list .gjzj-item{ text-align: center; border-radius: 6px; overflow: hidden; transition: all 0.3s ease;}
.gjzj-list .gjzj-item .gjzj-img{ width: 100%; aspect-ratio: 275/320; overflow: hidden;}
.gjzj-list .gjzj-item .gjzj-img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.gjzj-list .gjzj-item:hover{ box-shadow: 0 4px 20px rgba(0,0,0,0.1);}
.gjzj-list .gjzj-item:hover .gjzj-img img{ transform: scale(1.05);}
.gjzj-list .gjzj-item .gjzj-info{ display: flex; flex-direction: column; background: #eff1f5; transition: all 0.3s ease; padding: 20px;}
.gjzj-list .gjzj-item:hover .gjzj-info{ background: #fff;}
.gjzj-list .gjzj-item .gjzj-name{ font-size: 16px; color: #333; font-weight: 400; margin: 0;}
.gjzj-list .gjzj-item .gjzj-title{ color: #8996b0; font-weight: 300; margin: 0;}
.gjzj-list .gjzj-item:hover .gjzj-name{ color: #0a2c68; font-weight: bold;}
.gjzj-list .gjzj-item:hover .gjzj-title{ color: #436195;}
/* .yflc-flow img { max-width: 100%; height: auto; } */

/* 产品试验样式 */
.cpsy{ padding: 40px 0 60px;}
.cpsy-table{ width: 100%; border-collapse: collapse; border-spacing: 30px; margin-top: 30px;}
.cpsy-table tr:nth-child(odd){ background: linear-gradient(180deg, #ebeef4 0%, #e9ecf3 100%);}
.cpsy-table tr:nth-child(even){ background: #fff;}
.cpsy-table td{ height: 72px; background: transparent; padding: 0 20px; text-align: center; width: calc(33.333% - 20px); border: 1px solid #e0e4ee; border-top: 0; border-bottom: 0;}
.cpsy-table td h4{ font-size: 20px; background: linear-gradient(180deg, #6678a5 0%, #102c64 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-weight: 600;}
.cpsy-table td p{ font-size: 12px; color: #9facd2; font-weight: 500; margin: 0;}

/* 试验设备样式 */
.cpsy-device{ width: 100%; padding: 60px 0; background-color: #f1f3f7;}
.cpsy-device-list{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}
.cpsy-device-item{ text-align: center; border-radius: 6px; overflow: hidden; background-color: #fff;}
.cpsy-device-img{ width: 100%; aspect-ratio: 288/188;}
.cpsy-device-img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.cpsy-device-item:hover .cpsy-device-img img{ transform: scale(1.05);}
.cpsy-device-info{ padding: 10px;}
.cpsy-device-info h4{ font-size: 16px; color: #333; font-weight: 400; line-height: 1;}
.cpsy-device-info p{ font-size: 12px; color: #ccc; font-weight: 400; margin: 0;}
.cpsy-device-item:hover h4{ color: #0066cc;}

/* OEM&ODM样式 */
.yfoem { padding: 60px 0 80px; background: linear-gradient(180deg, rgba(239,241,245,1) 0%, #fff 100%); }
.yfoem-content { text-align: left; }
.yfoem-flow { width: 100%; text-align: center; }
.yfoem-flow img { max-width: 100%; height: auto; }

/* 产品设计手段样式 */
.yfsj { padding: 60px 0 80px; }
.yfsj-content { text-align: left; }
.yfsj-list { display: flex; flex-direction: column; gap: 10px; margin-top: 40px; }
.yfsj-item { align-items: unset; background: #fff; border-radius: 6px; overflow: hidden; }
.yfsj-left { align-items: flex-start; justify-content: space-between; width: 240px; background: linear-gradient(89deg, rgba(0,44,104,1) 0%, rgba(0,93,255,1) 100%); padding: 30px 24px; box-sizing: border-box; color: #fff; }
.yfsj-num { font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.yfsj-icon { margin-bottom: 15px; }
.yfsj-icon img { width: 30px; object-fit: contain; }
.yfsj-text h4 { font-size: 20px; color: #fff; font-weight: 400; margin-bottom: 5px; }
.yfsj-text p { color: #b0c5e8; font-weight: 400; }
.yfsj-right { flex: 1; padding: 30px; background: #f7f8fa; }
.yfsj-right img { max-width: 100%; height: auto; }

/* 产品合作背景 */
.hzbj { padding: 40px 0 80px; }
.hzbj-flow { margin-top: 15px; line-height: 20px; font-size: 16px; font-weight: 400;}
.hzbj-flow .items {  display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 20px;}
.hzbj-flow .item { height: 188px; border: 1px solid #eff1f5; border-radius: 6px; box-sizing: border-box;}

/* 合作客户展示 */
.hzkh {}
.hzkh-content { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; }
.hzkh-content .item { height: 146px; padding: 20px; box-sizing: border-box; border: 1px solid #e6e8ee; border-radius: 6px; transition: all 0.3s ease;}
.hzkh-content .item img{ max-width: 100%; max-height: 100%; object-fit: contain;}
.hzkh-content .item:hover { border-color: transparent; box-shadow: 0 0 16px rgba(0,0,0,.1);}
.hzkh .more { margin-top: 11px; width: 100%; height: 70px; font-size: 16px; color: #999; font-weight: 300; border: 1px solid #e6e8ee; border-radius: 6px; box-sizing: border-box; gap: 8px; cursor: pointer; transition: all 0.3s ease;}
.hzkh .more:hover { color: #0a2c68; border-color: #0a2c68;}
.loading-dots { position: relative; width: 28px; height: 28px;}

/* 公司荣誉 */
.gsry-content { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; }
.gsry-content .item { position: relative; z-index: 1; height: 215px; border: 1px solid #e6e8ee; border-radius: 6px; overflow: hidden; transition: all 0.3s ease;}
.gsry-content .item .gsry-content-box { position: absolute; bottom: 0; left: 0; width: 100%; height: 161px; padding: 10px; box-sizing: border-box; background: url(../img/gsry-itembg.png) no-repeat center bottom; opacity: 0; transition: all 0.3s ease;}
.gsry-content .item .sm { justify-content: flex-end; height: 100%; line-height: 22px; text-align: center;}
.gsry-content .item .name { max-width: 90%; font-size: 16px; font-weight: 400; color: #fff;}
.gsry-content .item .time { font-weight: 300; color: #98bcff;}
.gsry-content .item:hover{ border-color: transparent; box-shadow: 0 0 16px rgba(0,0,0,.1);}
.gsry-content .item:hover .gsry-content-box{ opacity: 1;}

.gsry-content.gjrz { gap: 20px 53px;}
.gsry-content.gjrz .item { height: 352px;}

/* 联系我们 */
.lxwm{ padding: 60px 0 80px;}
.lxwm .lxwm-content{ align-items: unset; border-radius: 10px; overflow: hidden;}
.lxwm-left{ width: 828px; position: relative;}
.lxwm-left .swiper-big{ width: 100%; height: 544px; position: relative;}
.lxwm-left .swiper-big img{ width: 100%; height: 100%; object-fit: cover;}
.lxwm-left .swiper-small{ position: absolute; bottom: 0; left: 0; width: calc(100% - 110px); padding: 20px; z-index: 5; box-sizing: border-box;}
.lxwm-left .swiper-small .swiper{ width: 100%; height: 86px; overflow: hidden;}
.lxwm-left .swiper-small .swiper-slide{ transition: all 0.3s ease; cursor: pointer; border-radius: 4px; overflow: hidden; border: 1px solid #fff; box-sizing: border-box;}
.lxwm-left .swiper-small .swiper-slide img{ opacity: 0.6;}
.lxwm-left .swiper-small .active img{ opacity: 1;}
.lxwm-left .swiper-small .active::before{ content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(../img/lxwm-itembg.png) no-repeat center / cover;}
.lxwm-left .swiper-small .active::after{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; width: 26px; height: 16px; margin: auto; background: url(../img/lxwm-checkbtn.png) no-repeat center;}
.lxwm-left .swiper-small img{ width: 100%; height: 100%; object-fit: cover;}
.lxwm-left .swiper-ts{ position: absolute; bottom: 20px; right: 24px; width: 69px; height: 86px; z-index: 10;}
.lxwm-left .swiper-ts img{ width: 100%; height: 100%; object-fit: contain; animation: finger-slide 1.5s ease-in-out infinite;}

.lxwm-right{ width: 100%; padding: 0 40px; box-sizing: border-box; background: url(../img/lxwm-rightbg.png) no-repeat left bottom / cover;}
.lxwm-info{ display: grid; grid-template-rows: repeat(4, 1fr); height: 100%;}
.lxwm-title{ font-size: 20px; color: #fff; margin-bottom: 20px; font-weight: 400;}
.lxwm-item{ display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.lxwm-item:last-child{ border-bottom: none;}
.lxwm-icon{ width: 22px; height: 18px; object-fit: contain;}
.lxwm-text p{ display: flex; align-items: center; gap: 8px; font-size: 16px; color: #c1d8ff; line-height: 1.6; font-weight: 300;}
.lxwm-text p img{ }
.lxwm-map{ width: 100%; border-radius: 6px; overflow: hidden; border: 1px solid #e6e8ee;}
.lxwm-map img{ width: 100%; height: 200px; object-fit: cover;}

@keyframes finger-slide{
    0%, 100%{ transform: translateX(0);}
    50%{ transform: translateX(-5px);}
}

/* 质量控制样式 */
.zlkz{ padding: 60px 0;}
.zl-title{ font-size: 30px; color: #333; font-weight: 400; margin-bottom: 0px;}
.zl-english{ font-family: 'douyuFont'; color: #5694ff; font-weight: 300; margin-bottom: 20px;}
.zlkz-content{ align-items: stretch;}
.zlkz-left{ width: 485px;}
.zlkz-right{ width: 600px; height: 352px; border: 1px solid #e6e8ee; box-sizing: border-box; border-radius: 10px; overflow: hidden;}
.zlkz-right img{ width: 100%; height: 352px; object-fit: contain;}
.zlkz-desc{ font-size: 16px; line-height: 20px; font-weight: 400; margin-bottom: 30px;}
.zlkz-swiper{ width: 100%; margin-top: 20px;}
.zlkz .swiper{ width: 100%;}
.zlkz .swiper::after{ content: ''; position: absolute; right: 0; top: 0; z-index: 1; width: 30%; height: 100%; background-image: linear-gradient(-90deg, #fff 30%, transparent);}
.zlkz .swiper-slide{ width: 100%; height: 194px; border: 1px solid #eff1f5; border-radius: 6px; box-sizing: border-box; overflow: hidden;}
.zlkz .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.zlkz .swiper-btn{ position: absolute; top: 0; right: 0; z-index: 10; height: 100%; gap: 30px;}
.zlkz .swiper-button-prev,
.zlkz .swiper-button-next{ position: static; margin-top: 0; width: 34px; height: 34px; background: linear-gradient(180deg, rgba(0,44,104,1) 0%, rgba(0,93,255,1) 100%); opacity: 1; border-radius: 50%;}
.zlkz .swiper-button-prev::after,
.zlkz .swiper-button-next::after{ font-size: 20px; color: #fff;}


.zlkz-entry{ background: #fff;}
.zlkz-process{ background: #f1f3f7;}
.zlkz.zlkz-process .swiper::after{ background-image: linear-gradient(-90deg, #f1f3f7 30%, transparent);}
.zlkz-exit{ background: #fff;}

/* 检验设备样式 */
.jysb{ padding: 60px 0; background: #f5f7fa;}
.jysb-list{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 30px;}
.jysb-item{ position: relative; z-index: 1; background: #fff; border-radius: 6px; overflow: hidden; transition: all 0.3s ease;}
.jysb-item:hover{ transform: translateY(-5px); box-shadow: 0 4px 20px rgba(0,0,0,0.1);}
.jysb-img{ width: 100%; aspect-ratio: 380/252; overflow: hidden;}
.jysb-img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.jysb-item::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; background: linear-gradient(0deg, rgba(0,44,104,1) 0%, rgba(0,93,255,0) 100%);}
.jysb-item h4{ position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; font-size: 16px; color: #fff; font-weight: 400; margin: 0; padding: 12px 20px; text-align: center; box-sizing: border-box;}

/* 产品追溯样式 */
.cpzs{ padding: 60px 0 80px;}
.cpzs-desc{ font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 30px;}
.cpzs-content{ gap: 30px; align-items: stretch;}
.cpzs-left{ flex: 1;}
.cpzs-right{ flex: 1;}
.cpzs-left img, .cpzs-right img{ width: 100%; height: auto; object-fit: cover; border-radius: 6px;}

/* 生产能力样式 */
.scnl{ padding: 60px 0 80px;}
.scnl-list{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 40px;}
.scnl-item{ padding: 19px; background: #fff; border: 1px solid #e0e4ee; border-radius: 6px; overflow: hidden; transition: all 0.3s ease; box-sizing: border-box;}
.scnl-item:hover{ box-shadow: 0 4px 20px rgba(0,0,0,0.1);}
.scnl-img{ width: 100%; aspect-ratio: 545/337; border-radius: 6px; overflow: hidden;}
.scnl-img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.scnl-item:hover .scnl-img img{ transform: scale(1.05);}
.scnl-info{ margin-top: 10px;}
.scnl-info h4{ font-size: 24px; color: #333; font-weight: 400; margin: 0 0 15px 0;}
.scnl-info p{ font-size: 16px; line-height: 26px; margin: 0 0 15px 0; height: 52px; overflow: hidden; font-weight: 400;}
.scnl-more{ display: inline-flex; align-items: center; gap: 8px; height: 40px; color: #8996b0; text-decoration: none; transition: all 0.3s ease; position: relative; padding: 8px 20px; background-color: #eff1f5; border-radius: 40px; box-sizing: border-box;}
.scnl-more::after{ content: '→'; font-size: 14px; transition: transform 0.3s ease;}
.scnl-item:hover .scnl-more{ background: linear-gradient(180deg, #0a2c68 0%, #005dff 100%); border-color: transparent; color: #fff;}
.scnl-item:hover .scnl-more::after{ transform: translateX(5px);}

/* 新闻列表样式 */
.xw{ width: 100%; padding: 60px 0 80px;}
.xw-list{ width: 100%; margin-bottom: 40px;}
.xw-item{ display: block; padding: 40px 0; background-color: #fff; text-decoration: none; transition: all 0.3s ease;}
.xw-item:hover{ background-color: #eff1f5;}
.xw-item .wrapper{ gap: 60px;}
.xw-date{ width: 120px;}
.xw-day{ font-size: 100px; color: #ddd; font-family: Arial; font-weight: 400; line-height: 1; display: block; margin-bottom: -12px;}
.xw-month{ font-size: 24px; color: #e1e1e1; font-weight: 400; display: block;}
.xw-more{ margin-top: 25px; width: 100%; height: 36px; line-height: 36px; text-align: center; border-radius: 36px; color: #999; border: 1px solid #ccc; background-color: #fff; box-sizing: border-box;}
.xw-item:hover .xw-day{ color: #222;}
.xw-item:hover .xw-month{ color: #666;}
.xw-item:hover .xw-more{ background: linear-gradient(180deg, #0a2c68 0%, #005dff 100%); border: none; color: #fff;}
.xw-info{ width: 550px;}
.xw-info h4{ font-size: 20px; color: #222; font-weight: 400; margin: 0 0 10px 0; line-height: 1.6;}
.xw-info p{ -webkit-line-clamp: 3; font-size: 16px; line-height: 30px; font-weight: 400; text-align: justify;}
.xw-img{ width: 288px; height: 216px; border-radius: 6px; overflow: hidden;}
.xw-img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.xw-item:hover .xw-img img{ transform: scale(1.05);}


/* 国内客户 */
.gnkh{ padding: 60px 0 80px;}


.fixed{ position: fixed; bottom: 20%; right: 36px; z-index: 9999; gap: 4px;}
.fixed .rtop{ display: none;}
.fixed .rtop.show{ display: block;}
.header .lang-switch span a { color: #fff; font-size: 14px; }
.header2 .lang-switch span a { color: #0a2c68; font-size: 14px; }