@charset "utf-8";
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,span,strong{margin:0;padding:0;font-family:"微软雅黑";list-style:none; font-size:14px; border:0;outline: none;}
body,button,input,select,textarea{font:14px/1.5 arial,tahoma,\5b8b\4f53,sans-serif; color:#666; box-sizing: border-box; }
.loading{ position:fixed; z-index:99999; top:50%; left:50%;}
/* 全屏页面容器 */
.page-container {height: 100vh;width: 100%;overflow-y:hidden;scroll-behavior: smooth;scroll-snap-type: y mandatory;}
/* 每个页面部分 */
.page-section {height: 100vh;width: 100%;scroll-snap-align: start;display: flex;align-items: center;justify-content: center;font-size: 2rem;color: white;position: relative;}
/* 导航条样式 */
.navbar {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;transition: all 0.4s ease;background-color: rgba(250, 250, 250, 0.7); /* 半透明 */
	backdrop-filter: blur(24px);box-shadow: 0 8px 15px -8px rgba(0, 0, 0, 0.3);}
.navbar.scrolled {background-color: rgba(20, 20, 20, 0.95);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.navbar-container { padding:0 30px;display:flex;justify-content:space-between; align-items:center;height: 70px;}
/* Logo样式 */
.logo {color: #fff;font-size: 1.8rem;font-weight: 700;text-decoration: none;display: flex;align-items: center; height:45px;}
.logo img{height:100%;}
.navbar:hover{ background: #FFF; transition:all 0.8s}

/* 导航菜单 */
.nav-menu {display: flex;justify-content:space-around;align-items: center;}
.nav-menu li a{display: inline-block; position: relative; z-index: 2;padding: 0 40px; color: #222222; font-size: 16px; line-height: 70px; white-space: nowrap; text-decoration:none;}
.nav-menu li a:before{bottom: auto;top: 1px;background: #0d50be;content: "";width: 0px;height: 2px; position: absolute;right: 0; bottom: 0; transition: 0.4s; z-index: -1;}
.nav-menu li a:hover:before{ width:100%;transition:width 0.5s;}
.nav-menu li.active a:before{ width:100%;transition:width 0.5s;}
/* .nav-menu li.active a{color:#0d50be;} */
.nav-menu li a:hover{ color: #0d50be; text-decoration:none;}


/*.nav-link {color: #fff;text-decoration: none;font-size: 1rem;font-weight: 500; height:70px;transition: color 0.3s ease;display: flex;align-items: center;}
.nav-link:hover {color: #4a9eff;}
.nav-link i {margin-left: 5px;font-size: 0.8rem;}*/

/* 下拉菜单 */
.dropdown-menu {position:fixed;left: 0;/*background-color: rgba(250, 250, 250, 0.95);*/ background: #FFF; width:100%;padding: 10px 0;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);opacity: 0;visibility: hidden;transform: translateY(-20px);transition: all 0.3s ease;}
.dropdown-menu ul{ width:1200px; margin:auto; padding:30px; display:flex;align-items:center;flex-wrap:wrap;}
.dropdown-menu ul li {width:calc(100%/7);margin-bottom:25px; text-align:center;cursor: pointer; }
.dropdown-menu ul li a{width:90px;max-height:100%; padding:0; margin:0px; line-height:normal; }
.dropdown-menu ul li figure{display:inline-block; padding:0; margin:0; width:100%; height:60px; text-align: center;display:flex;justify-content:center;align-items:center;}
.dropdown-menu ul li img {position: absolute;transition: opacity 0.8s ease-in-out;max-width:90px; max-height:60px; margin:auto;}
.dropdown-menu ul li p{line-height: 35px;}
.primary-image {opacity: 1;z-index: 1;}
.hover-image {opacity: 0;z-index: 2;}
.dropdown-menu li:hover .primary-image {opacity: 0;}
.dropdown-menu li:hover .hover-image {opacity: 1; }

.dropdown-menu a {color: #fff;padding: 10px 20px;display: block;text-decoration: none;transition: background-color 0.3s ease;}
/*.dropdown-menu a:hover {background-color: rgba(74, 158, 255, 0.2);color: #4a9eff;}*/
.nav-item:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translateY(0);}

.dropdown-menu li a:before{ display:none;}


/* 电话和搜索区域 */
.nav-contact {display: flex;align-items: center;}
.phone-number {color: #fff;margin-right: 25px;font-weight: 500;display: flex;align-items: center; background:#0d50be; padding:3px 15px 3px 15px;border-radius: 44px; font-size:18px;}
.phone-number i {margin-right: 8px;color:#FFF;}
.search-btn { background:none;border: none;color: #0c4db6;font-size: 1.2rem;cursor: pointer;transition: color 0.3s ease; position: relative; z-index: 2; width: 42px; height: 42px; border-radius: 50%; border: 1px solid #0c4db6;}
.search-btn:hover { color:#FFF; background:#0c4db6;transition:all 0.8s}

/* 全屏搜索框 */
.fullscreen-search {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(20, 20, 20, 0.98);z-index: 990;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: all 0.4s ease;}
.fullscreen-search.active {opacity: 1;visibility: visible;}

.search-container {position: absolute;left: 50%;margin-left: -315px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%);width: 600px;}
.search-container h4 {color: #fff;margin-bottom: 30px;font-size: 3.5rem; text-align:center;}
.search-container form{position: relative;}
.search-input { -moz-box-sizing: border-box;box-sizing: border-box; padding-left: 16px; width: 100%; height: 60px; line-height: 58px; background: #fff; border: none; outline: none; color: rgba(34, 34, 34, 0.5); font-size: 16px; border: 1px solid #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s;}
.search-submit{position: absolute; right: 0; top: 0; padding: 0; width: 60px; height: 60px; line-height: 60px; color: #0c4db6; -webkit-transition: 0.35s; -o-transition: 0.35s; -moz-transition: 0.35s; transition: 0.35s; cursor: pointer;  background: none; border: none; font-size:1.5rem;}
.proneimu{width:100%;}
.proneimu p{font-size:16px; color:#FFF; padding:15px 0;}
.proneimu ul{ display:flex;align-items:center;flex-wrap:wrap;}
.proneimu ul li{min-width: 90px;line-height: 35px; background:#0c4db6; margin:0 10px 10px 0; text-align:center; color:#FFF; border-radius:5px;}
.proneimu ul li a{ display:block;min-width: 90px; color:#FFF; text-decoration:none;}
.proneimu ul li:hover{background:#fdbb2d; transition: all 0.8s;}

/* 汉堡菜单按钮（移动端） */
.hamburger {display: none;background: none;border: none;color: #0c4db6;font-size: 1.8rem;cursor: pointer;}

/* 移动端全屏菜单 */
.mobile-menu {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(250, 250, 250, 1);z-index: 999;display:none;flex-direction: column;align-items: flex-start;justify-content: flex-start;opacity: 0;visibility: hidden;transition: all 0.4s ease;}
.mobile-menu.active {opacity: 1;visibility: visible;}
.mobile-menu .mobile-nav-menu {flex-direction: column; width: 100%;padding: 70px 15px 0px 15px;}
.mobile-nav-menu li{ line-height:45px; }
.mobile-nav-menu li a{ font-size:1.2rem; text-decoration:none; color:#222;}
.mobile-nav-menu .mobile-dropdown-menu{display:none;}
.mobile-dropdown-menu ul li{ text-align: center; margin-bottom: 10px;}
.mobile-dropdown-menu ul li a{ display:block;width:65px;max-height:100%; padding:0; margin:0px; line-height:normal; padding: 0 15px 0 15px; }
.mobile-dropdown-menu ul li figure{display:inline-block; padding:0; margin:0; width:100%; height:40px; text-align: center;display:flex;justify-content:center;align-items:center;}
.mobile-dropdown-menu ul li img {position: absolute;transition: opacity 0.8s ease-in-out;max-width:40px; max-height:40px; margin:auto;}
.mobile-dropdown-menu ul li:hover .primary-image {opacity: 0;}
.mobile-dropdown-menu ul li:hover .hover-image {opacity: 1; }
.mobile-dropdown-menu ul a:hover{color: #0c4db6;transition: all 0.8s ease-in-out;}


.mobile-menu .nav-link {font-size: 1.2rem;}
.mobile-menu .dropdown-menu {position: static;opacity: 1;visibility: visible;transform: none;background: transparent;box-shadow: none;padding: 10px 0 0 0;width: 100%;}
.mobile-menu .dropdown-menu a {font-size: 1.2rem;padding: 8px 0;}

.mobile-search {margin-top: 30px; color: #0c4db6; padding-left: 15px; width: 90%;}
.mobile-search .mobile-phone {font-size: 1.2rem;margin-bottom: 15px;}

.mobile-search form{position: relative;}
.mobile-search .search-input { -moz-box-sizing: border-box;box-sizing: border-box; padding-left: 16px; width: 100%; height: 60px; line-height: 58px; background: #fff; border: none; outline: none; color: rgba(34, 34, 34, 0.5); font-size: 16px; border: 1px solid #e7e7e7; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s;}
.mobile-search .search-submit{position: absolute; right: 0; top: 0; padding: 0; width: 60px; height: 60px; line-height: 60px; color: #0c4db6; -webkit-transition: 0.35s; -o-transition: 0.35s; -moz-transition: 0.35s; transition: 0.35s; cursor: pointer;  background: none; border: none; font-size:1.5rem;}

/*******heard stop**********/

/* banner start */
.fullscreen-banner {position: relative;width: 100vw;height: 100vh;overflow: hidden;}
.banner-slides {width: 100%;height: 100%;position: relative;}
.slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 1.2s ease-in-out;	display: flex;	align-items: center;justify-content: center;background-size: cover;	background-position: center;}
.slide.active {	opacity: 1;	z-index: 1;}

.slide-content {text-align: center;	max-width: 800px;	padding: 30px;background-color: rgba(0, 0, 0, 0.6);border-radius: 15px;backdrop-filter: blur(5px);	animation: fadeInUp 1s ease 0.3s both;}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.slide h2 {font-size: 3.5rem;margin-bottom: 20px;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.slide p {font-size: 1.4rem;line-height: 1.6;margin-bottom: 30px;}
.slide-btn {display: inline-block;background: linear-gradient(45deg, #ff6b6b, #ff8e53);color: white;padding: 15px 35px;border-radius: 50px;text-decoration: none;font-weight: bold;font-size: 1.2rem;transition: all 0.3s ease;box-shadow: 0 5px 15px rgba(255, 107, 107, 0.4);}
.slide-btn:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(255, 107, 107, 0.6);}

/* 导航按钮 */
.nav-btn {position: absolute;top: 50%;transform: translateY(-50%);width: 70px;height: 70px;background-color: rgba(255, 255, 255, 0.2);border: none;border-radius: 50%;	color: white;
	font-size: 2rem;cursor: pointer;z-index: 10;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;}

.nav-btn:hover {background-color: rgba(255, 255, 255, 0.4);transform: translateY(-50%) scale(1.1);}

.prev-btn {left: 30px;}

.next-btn {	right: 30px;}

/* 指示器 */
.indicators {position: absolute;bottom: 40px;left: 50%;	transform: translateX(-50%);display: flex;gap: 15px;z-index: 10;}

.indicator {width: 18px;height: 18px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.5);cursor: pointer;transition: all 0.3s ease;border: 2px solid transparent;}
.indicator.active {background-color: #ff6b6b;transform: scale(1.3);border-color: white;}

/* 控制面板 */
.control-panel {position: absolute;	bottom: 100px;right: 30px;display: flex;gap: 15px;z-index: 10;}

.control-btn {width: 50px;height: 50px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.2);border: none;	color: white;font-size: 1.2rem;cursor: pointer;transition: all 0.3s ease;
	display: flex;align-items: center;justify-content: center;}

.control-btn:hover {background-color: rgba(255, 255, 255, 0.4);transform: scale(1.1);}

/* 计数器 */
.counter {position: absolute;top: 40px;	right: 40px;font-size: 1.3rem;background-color: rgba(0, 0, 0, 0.5);padding: 10px 20px;	border-radius: 30px;z-index: 10;}

/* 响应式设计 */
/* @media (max-width: 768px) {
	
} */

/* 幻灯片背景图片 */
.slide-1 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)), url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
}
.slide-2 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)), url('https://images.unsplash.com/photo-1519681393784-d120267933ba?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
}
.slide-3 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)), url('https://images.unsplash.com/photo-1465146344425-f00d5f5c8f07?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2076&q=80');
}
.slide-4 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)), url('https://images.unsplash.com/photo-1475924156734-496f6cac6ec1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
}
.slide-5 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)), url('https://images.unsplash.com/photo-1439066615861-d1af74d74000?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1974&q=80');
}
/* banner end */




/* 页面内容样式 */
#home {background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d); }
/* #QBY{background: linear-gradient(135deg, #f5f5f5, #f1f1f1); height: 100dvb;}  */
#QBY{background: radial-gradient(ellipse at top, rgba(0, 80, 120, 0.8) 20%, rgba(0, 40, 80, 0.5) 40%, transparent 70%), radial-gradient(ellipse at bottom, rgba(120, 0, 80, 0.6) 0%, rgba(60, 0, 40, 0.3) 40%, transparent 70%), linear-gradient(180deg, #050a1a 0%, #0a1530 50%, #050a1a 100%); height: 100vh;}
#DBY{background: linear-gradient(135deg,#15262d, #4f616d, #8ba7b8,#15262d); height: 100dvb;height: 100vh;} 
#PWB{background: linear-gradient(135deg,#15262d, #4f616d, #8ba7b8,#15262d); height: 100dvb;height: 100vh;} 
/* #CDLF{background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d); height: 100dvb; } */
#CDLF{background: radial-gradient(ellipse at top, rgba(0, 80, 120, 0.8) 20%, rgba(0, 40, 80, 0.5) 40%, transparent 70%), radial-gradient(ellipse at bottom, rgba(120, 0, 80, 0.6) 0%, rgba(60, 0, 40, 0.3) 40%, transparent 70%), linear-gradient(180deg, #050a1a 0%, #0a1530 50%, #050a1a 100%); height: 100vh;}
#article{background: linear-gradient(135deg, #f5f5f5, #f1f1f1);} 
/* #about {background: linear-gradient(135deg, #ffffff, #ffe600);} */
/* #products {background: linear-gradient(135deg, #f7f9ff, #f9f9f9);} */
/* #products {background: linear-gradient(135deg,#dbeafe, #d4e5fc);} */
#products{background: linear-gradient(135deg,#465362,#455364);}
#portfolio {background: linear-gradient(135deg, #2c3e50, #011936);}
#contact {background: linear-gradient(135deg, #f46b45, #eea849);}

/* .section-about{max-width: 1200px;text-align: center;padding: 0 20px;} */
.section-about { display: flex; justify-content: center; align-items: center; flex-direction: column; color: #0c4db6; text-align: center;line-height: 30px; height: 100vh;}
.section-about h3 {font-size: 3rem;margin-bottom: 20px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.section-about h4{font-size: 20px; line-height: 50px;}
.section-about p{font-size: 18px; color: #222; padding-bottom: 10px;}
.section-about ul{ display: flex; justify-content: center; align-items: center; margin-top: 50px;} 
.section-about ul li{display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 50px;}
.section-about ul li i{font-size: 7rem;}
.section-about ul li a{ background: #0c4db6; border-radius: 30px; line-height: 35px; padding: 8px 25px; margin-top: 15px; color: #FFF; text-decoration: none;}

.section-qby{display: flex; justify-content: center; align-items: center;  flex-direction: column; margin-top:70px; height: 100vh; overflow: hidden;}
.section-qby h2{ color: #FFF; font-size: 3.5rem;}
.section-qby p{ color: #afddfa; font-size: 1.8rem; font-weight: bold; text-align: center; max-width: 760px;}
.section-qby p .brand{color: #f46b45; font-size: 1.8rem; }
.section-qby img{min-height: 0;max-width: 100%;}
.reg {font-size: 0.6em;/* 缩小符号 */	vertical-align: super; /* 垂直对齐为上标 */	line-height: 0;/* 调整行高避免额外空间 */ color: #f46b45; }
/* .section-qby a{ color: #0c4db6; text-decoration: none; font-size: 1rem; line-height: 35px; font-weight: bold;} */
.section-qby a{display: inline-block;background: linear-gradient(45deg, #ff6b6b, #ff8e53);color: white;padding: 5px 20px 5px 20px;border-radius: 50px;
	text-decoration: none;font-weight: bold;font-size: 1.2rem;box-shadow: 0 5px 15px rgba(255, 107, 107, 0.4); margin-top: 10px;}
.section-qby a:hover{transform: translateY(-5px); box-shadow: 0 8px 20px rgba(255, 107, 107, 0.6); }
.section-qby p.info{ font-size: 1rem;}
.section-qby .bt-huadong{ display: flex; gap: 3.125rem; align-items: center; justify-content: center;}
.section-qby .huadong{display: flex; flex-direction: column; align-items: center; justify-content: center;color: white;animation: bounce 2s infinite;opacity: 0.9;}
.section-qby .huadong i{ border-radius: 50%; border: 1px solid #FFF; padding: 15px; margin-bottom: 5px;}


.section-dby{display: flex; justify-content: center; align-items: center;  flex-direction: column; margin-top:70px; height: 100vh; overflow: hidden;}
.section-dby h2{ color: #FFFFFF; font-size: 3.5rem;}
.section-dby p{ color: #002b3c; font-size: 1.8rem; font-weight: bold; text-align: center; width: 760px;}
.section-dby p .brand{color: #ff8e53; font-size: 1.8rem; }
.section-dby img{ max-width: 98%; min-height: 0;}
.section-dby .reg {font-size: 0.6em;/* 缩小符号 */	vertical-align: super; /* 垂直对齐为上标 */	line-height: 0;/* 调整行高避免额外空间 */color: #ff8e53;  }
.section-dby a{display: inline-block;background: linear-gradient(45deg, #ff6b6b, #ff8e53);color: white;padding: 5px 20px 5px 20px;border-radius: 50px;
	text-decoration: none;font-weight: bold;font-size: 1.2rem;box-shadow: 0 5px 15px rgba(255, 107, 107, 0.4); margin-top: 10px;animation: bounce 2s infinite;opacity: 0.9;}
.section-dby a:hover{transform: translateY(-5px); box-shadow: 0 8px 20px rgba(255, 107, 107, 0.6); }
.section-dby p.info{ font-size: 1rem;}

/* 上下闪动 */
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateX(-50%) translateY(0);
	}
	40% {
		transform: translateX(-50%) translateY(-10px);
	}
	60% {
		transform: translateX(-50%) translateY(-5px);
	}
}

.section-pwb{display: flex; justify-content: center; align-items: center;  flex-direction: column; margin-top:70px; height: 100vh; overflow: hidden;}
.section-pwb h2{ color: #FFF; font-size: 3.5rem;}
.section-pwb p{ color: #002b3c; font-size: 1.8rem; font-weight: bold; text-align: center; max-width: 760px;}
.section-pwb p .brand{color: #f46b45; font-size: 1.8rem; }
.section-pwb img{min-height: 0;max-width: 100%;}
.reg {font-size: 0.6em;/* 缩小符号 */	vertical-align: super; /* 垂直对齐为上标 */	line-height: 0;/* 调整行高避免额外空间 */ color: #f46b45; }
/* .section-pwb a{ color: #0c4db6; text-decoration: none; font-size: 1rem; line-height: 35px; font-weight: bold;} */
.section-pwb a{display: inline-block;background: linear-gradient(45deg, #ff6b6b, #ff8e53);color: white;padding: 5px 20px 5px 20px;border-radius: 50px;
	text-decoration: none;font-weight: bold;font-size: 1.2rem;box-shadow: 0 5px 15px rgba(255, 107, 107, 0.4); margin-top: 10px;}
.section-pwb a:hover{transform: translateY(-5px); box-shadow: 0 8px 20px rgba(255, 107, 107, 0.6); }
.section-pwb p.info{ font-size: 1rem;}
.section-pwb .bt-huadong{ display: flex; gap: 3.125rem; align-items: center; justify-content: center;}
.section-pwb .huadong{display: flex; flex-direction: column; align-items: center; justify-content: center;color: white;animation: bounce 2s infinite;opacity: 0.9;}
.section-pwb .huadong i{ border-radius: 50%; border: 1px solid #FFF; padding: 15px; margin-bottom: 5px;}

.section-cdlf{display: flex; justify-content: center; align-items: center; padding-top:70px;}
.cdlf-img img { max-width: 100%; }
.cdlf-right h2{ color: #FFFFFF; font-size: 3.5rem;}
.cdlf-right .PSN{font-size: 1.5rem; color: #fdbb2d; }
.cdlf-right .reg {font-size: 0.6em;/* 缩小符号 */	vertical-align: super; /* 垂直对齐为上标 */	line-height: 0;/* 调整行高避免额外空间 */color: #fdbb2d;  }
.cdlf-right p.info{ font-size: 1rem;}
.cdlf-right p{ color: #ffffff; font-size: 1.1rem; text-align:left; }
.cdlf-right ul{display: flex; justify-content: center; align-items: center; margin-top: 20px;}
.cdlf-right ul li{display: flex; justify-content: center; align-items: center; flex-direction: column; margin-right: 20px;}
.cdlf-right ul li a.c-item{ color: #0c4db6; border-radius: 100px; height: 100px; background: #FFF; padding: 10px;aspect-ratio: 1;	box-shadow: 0 8px 20px rgba(36, 36, 36, 0.6);background: linear-gradient(0deg, #6bb8ff, #ffffff); border: 2px solid #e7e7e7;}
.cdlf-right ul li a.name{ display:block; background: #fdbb2d;text-align: center; margin: auto; margin-top: 25px; padding:0px 7px; border-radius: 3px; text-decoration: none; color: #000000; box-shadow: 0 0px 8px rgba(0, 0, 0, 0.6); } 
.cdlf-right ul li img{width: 99%;transition: transform 0.5s ease;min-height: 0;}
.cdlf-right ul li img:hover {transform: scale(1.05);}
.cdlf-right a.more{display: inline-block;background: linear-gradient(45deg, #ff6b6b, #ff8e53);color: white;padding: 5px 20px 5px 20px;border-radius: 50px;
	text-decoration: none;font-weight: bold;font-size: 1.2rem;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); margin-top: 30px;}
.cdlf-right a.more:hover{transform: translateY(-5px); background:#0c4db6;  transition:all 1s} 


#article{color: #222222; padding-top: 70px;  height:100vh; overflow: hidden;}
.scroll{overflow-y: auto;  max-height: 100%; /* 限制最大高度 */ /* 防止滚动穿透 */ overscroll-behavior: contain; /* 关键：阻止滚动传播到父元素 */	/* 隐藏滚动条 */scrollbar-width: none; /* Firefox */-ms-overflow-style: none; /* IE and Edge */}
.article-flex{height: 100vh;}
/* .article-box{display: flex; justify-content: center; align-items:flex-start;} */
.article-left{padding-top: 50px; display: flex;justify-content:center; align-items:center; flex-direction: column;} 
.article-left h5{font-size: 3rem; text-align:center; color: #0c4db6;}
.article-left P{font-size: 2.4rem;}
.article-scroll-wrapper{height: 100vh;}
.articles-container{display: grid; grid-template-columns: repeat(4, 1fr);  grid-template-rows: auto; /* 自动行高 */  gap: 50px; padding: 30px; width: 90%; margin: auto;  /*width: 90%; */ }

.article-item{ background-color: white;border-radius: 12px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;	height: 100%; overflow: hidden;}
.article-image{ overflow: hidden;}
.article-image img{width: 100%;transition: transform 0.5s ease;}
.article-item:hover {transform: translateY(-8px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
.article-item:hover .article-image img {transform: scale(1.05);}
.article-content{padding:10px;flex-grow: 1;display: flex;	flex-direction: column; }
.article-title a{font-size: 1rem;font-weight: 600;	color: #0c4db6;margin-bottom: 12px;line-height: 1.4;transition: color 0.3s; text-decoration: none;}
.article-excerpt {color: #5d6d7e;flex-grow: 1; margin-bottom: 10px; height:65px; overflow: hidden;}
.article-meta {display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #f0f0f0;	padding-top: 10px;margin-top: auto;	color: #7f8c8d;font-size: 0.9rem;}
.read-more {color: #3498db;text-decoration: none;font-weight: 600;font-size: 0.95rem;display: inline-flex;	align-items: center;transition: all 0.3s;}
.article-item a:hover {color: #eea849;}

.wap-nav{display: none; }
.wap-nav .wap-home{width: 16vw; color: #0c4db6;}
.wap-nav .wap-right{ flex:1;}
.wap-right{display: flex; justify-content: center; align-items: center;}
.wap-nav a{padding: 5px; width: 50%; text-decoration: none;height:2rem;display: flex; justify-content: center; align-items: center; font-size: 4vw;}
.wap-right a{color: #FFF;}
.wap-right a:first-child{ background: #f58812;margin-right:10px;font-size: 4vw;}
.wap-right a:nth-child(2){background: #0d50be;margin-right:10px;}
.wap-right a:last-child{ background: #0d50be;margin-right:10px;width: 45px; border-radius: 50px; font-size: 21px;}

.product_banner{position:relative; z-index: 2; width: 100%; height: 600px;}
.product_banner:before {position: absolute;left: 0;top: 0;content: "";width: 100%;height: 100%;background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%);	z-index: 4;  }
.product_banner .pro-banner-img{width: 100%;height: 100%;object-fit: cover; }
.position{ position: absolute; top: 40px; padding: 70px 30px; font-size: 1rem; color: #FFF; z-index: 5;}
.position a{ text-decoration: none; color: #FFF;}
.position a:hover{color: #0d50be; transition: all 0.5s;}
.banner-text{position: absolute; top: 50%; padding-left: 30px; transform: translateY(-50%); color:#FFF; z-index: 5;}
.banner-text h4{font-size: 3.75rem;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);}
.banner-text p{font-size: 1rem;}


.catalog-title{padding: 90px 0px 40px; text-align: center; border-bottom: 1px solid #dddddd;}
.catalog-title strong {display: block; margin-bottom: 28px; line-height: 1; color: #222222; font-size: 60px; font-weight: normal;}
.catalog-title p { color: #999999; font-size: 18px; padding: 0px 20px;}

.catalog-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));gap: 30px; padding: 60px; max-width: 1400px; margin: auto;}
.catalog-card {background: white;border-radius: 12px;overflow: hidden;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);transition: all 0.4s ease;position: relative;}
.catalog-card:hover {transform: translateY(-10px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
.catalog-img {height: 220px;width: 100%;position: relative;overflow: hidden;}
.catalog-img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.catalog-card:hover .product-img img {transform: scale(1.05);}
.catalog-category {position: absolute;top: 15px;left: 15px;background: rgba(255, 255, 255, 0.9);padding: 5px 15px;border-radius: 20px;font-size: 0.8rem;font-weight: 600;color: #3498db;z-index: 2;}
.catalog-info {padding: 25px;}
.catalog-name {font-size: 1.3rem;font-weight: 600;margin-bottom: 10px;color: #222;}
.catalog-desc {color: #666;font-size: 0.95rem;margin-bottom: 20px;line-height: 1.5;}
.catalog-features {display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 20px;}
.catalog-tag {background: #f1f8ff;color: #3498db;padding: 5px 10px;border-radius: 15px;font-size: 0.8rem;}
.catalog-footer {display: flex;justify-content:center;align-items: center;padding-top: 15px;border-top: 1px solid #f0f0f0;}
.catalog-price {font-size: 1.4rem;font-weight: 700;color: #2c3e50;}
.catalog-price span {font-size: 0.9rem;color: #7f8c8d;font-weight: 400;}
.catalog-grid a{text-decoration: none; color: #222222;}
a.view-btn {background: #2c3e50;color: white;border: none;padding: 8px 18px;border-radius: 20px;font-size: 0.9rem;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;gap: 5px;}
a.view-btn:hover {background: #0d50be;transform: translateY(-2px);}

.product-list{padding:30px;}
.product-tag{display: flex;	align-items: center;justify-content: space-between;	background: #fff;box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);  margin-top: 60px;border-radius: 10px; }
.product-wz{width: 200px; display: flex; justify-content: center; align-items: center; flex-direction: column; line-height: 50px; border-right: 1px solid #dddddd; padding-top: 20px; }
.product-wz i{font-size: 18px; }
.product-wz h1{color: #0c4db6; font-size: 22px;}
.product-wz img{max-width: 134px;max-height: 100px;width: auto;	height: auto;}
.product-tag ul{display: grid;grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));gap: 15px;  width: 70%; margin: 50px 200px;}
.product-tag a{ color: #999999; text-decoration: none; font-size: 18px;}
.product-tag li.active a{ color:#0d50be;}
.product-tag li a:hover{color:#0d50be;}

.product-msg{padding-top:50px;}
.product-msg ul{display: grid;grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));gap: 30px;}
.product-msg ul li{display: flex; justify-content:center; align-items: center;flex-direction:column;transition: 0.68s; border-radius: 10px; cursor: pointer;}
.product-msg ul li:hover {background: #fff;box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); }
.product-msg a{text-decoration: none;}
.product-msg a:hover{text-decoration: none;}
.product-msg li:hover .product-text strong,.product-msg li:hover .product-text p { color: #0d50be;}
.product-top {text-align: center;}
.product-top figure img { max-width: 100%;  /*max-height: 100%;*/ max-height: 338px; transition: transform 0.5s ease;}
.product-top figure img:hover {transform: scale(1.05);}
.product-text {text-align: center;width: 90%;margin: auto;margin-top: 30px;margin-bottom: 20px;height: auto !important;}
.product-text strong {display: block;margin-bottom: 12px;line-height: 1;color: #061729;font-size: 26px;font-weight: normal;-webkit-transition: 0.35s;-o-transition: 0.35s;-moz-transition: 0.35s;transition: 0.35s;}
.product-text p {color: #999999;font-size: 16px;-webkit-transition: 0.35s;-o-transition: 0.35s;-moz-transition: 0.35s;transition: 0.35s;}
.recommend {position: absolute;left: 30px;top: 30px;width: 50px;height: 25px;line-height: 25px;color: #fff;font-size: 16px;background: #fd4134;border-radius: 2px;z-index: 10;}
.product-btns {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;padding-bottom: 50px;}
.product-btns a {display: inline-block;margin-right: 10px;width: 138px;height: 48px;line-height: 48px;border: 1px solid #dddddd;text-align: center;color: #666666;font-size: 16px; transition: 0.35s;}
.product-btns a:hover {transform: translateY(-4px);}
.product-btns a i {display: inline-block;position: relative;top: 1px;margin-right: 6px;color: #FFF;font-size: 20px;transition: 0.35s;}
.product-btns a:first-child {border-color: #f58812;background: #f58812; color: #FFF;}
.product-btns a:last-child {margin-right: 0;border-color: #edf1fa;background:#edf1fa; color: #0d50be;}
.product-btns a:last-child i{ color:#0d50be ;}
.product-btns a:nth-child(2){border-color: #0d50be;background: #0d50be; color: #FFF;}

/* 产品详情 */
.product_wrap{display: flex; flex-direction: column;  height: 100vh;padding:0 30px; }
.showpro_top{display: flex; justify-content: center; align-items: center;}
.all-position{ top: 40px; padding: 100px 0px 50px 0px; font-size: 1rem; z-index: 5; color: #999999;}
.all-position a{ text-decoration: none; color: #999999; }
.all-position a:hover{color: #0d50be; transition: all 0.5s;}
.showpro_img{display: flex; }
/* 缩略图容器 - PC端布局 */
.thumbnails-container {display: flex;flex-direction: column;width: 200px;gap: 15px;}
.thumbnail {width: 100px;height: 100px;border-radius: 10px;overflow: hidden;cursor: pointer;position: relative;opacity: 0.7;transition: all 0.3s ease;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);border: 2px solid transparent;}
.thumbnail:hover {opacity: 0.9;transform: translateY(-3px);}
.thumbnail.active {opacity: 1;border-color: #4cc9f0;box-shadow: 0 0 20px rgba(76, 201, 240, 0.5);}
.thumbnail img {flex: 1; width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.thumbnail:hover img {transform: scale(1.1);}

/* 大图容器 */
.main-image-container {border-radius: 15px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); margin-right: 60px; overflow: hidden;}
.main-image {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.main-image:hover {transform: scale(1.03);}
.introduction{display: flex; flex-direction: column; align-items: center; flex-wrap: wrap;}
.introduction h1{font-size: 2.5rem; color: #000000;white-space: nowrap;}
.introduction p.jianjie{font-size: 1rem; padding: 10px 0; max-width: 630px; text-align: center; }
.intro-btns {display: flex; justify-content:flex-start;padding-top: 20px;}
.intro-btns a {margin-right: 10px;width: 138px;height: 48px;line-height: 48px;border: 1px solid #dddddd;text-align: center;color: #666666;font-size: 16px; transition: 0.35s; text-decoration: none;}
.intro-btns a:hover {transform: translateY(-4px);}
.intro-btns a i {display: inline-block;position: relative;top: 1px;margin-right: 6px;color: #FFF;font-size: 20px;transition: 0.35s;}
.intro-btns a:first-child {border-color: #f58812;background: #f58812; color: #FFF;}
.intro-btns a:last-child{border-color: #0d50be;background: #0d50be; color: #FFF;}
.intro-btns a:last-child i{ color:#0d50be ;}
.dianhua{display: none;}
/* 产品特性 */
.product-features {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;margin-top: 30px;padding-top: 30px;border-top: 1px solid #e2e8f0;}
.feature {display: flex;align-items: center;gap: 15px;}
.feature-icon {width: 50px;height: 50px;background-color: #f0f7ff;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-size: 20px; color: #0c4db6;}
.feature-text {font-weight: 600;}
.feature-desc {color: var(--secondary-color);font-size: 14px;margin-top: 3px;}

.products_details{background: #edf1fa; padding-bottom: 50px; padding-top:30px;}
.details_wrap{width: 1440px; margin: auto; display:flex; align-items: center;gap: 5rem;justify-content: space-around;}
.details_wrap .details-info{ line-height:1.875rem; width: 820px;}
.details-info strong{display: block; font-size: 1.875rem; color: #0d50be; padding-bottom: 30px;}
.details-info .tese{ font-size: 16px;}
.details-video{padding: 30px; width: 600px;}

.product_content{width: 1440px; margin: auto; display:flex; align-items: center; flex-direction: column; padding-top:3.125rem; gap: 1rem}
.introduct-item{background:#FFF; border-radius:5px; padding:60px; margin-bottom:10px; width: 100%;box-sizing: border-box;}
.introduct-item h2{display: block;position: relative; padding-bottom: 25px; border-bottom: 1px solid #dddddd;color: #0d50be; font-size: 30px; line-height: 1.2;font-weight: normal; padding-bottom:25px; margin-bottom:25px;}
.introduct-item h3{display: block;position: relative; padding-bottom: 25px; border-bottom: 1px solid #dddddd;color: #0d50be; font-size: 30px; line-height: 1.2;font-weight: normal; padding-bottom:25px; margin-bottom:25px;}
.introduct-item h3 span{font-size: 30px;}

.introduct-item{line-height:40px; font-size:18px; color:#222222;}
.introduct-item p{ font-size:16px; display:block; padding:0px;}
.introduct-item table{width:100%; border-collapse: collapse; font-size:16px; border:1px solid #CCC;}
.introduct-item table tr{line-height:35px; text-align:center; border:1px solid #CCC;}
.introduct-item table tr:first-child{background-color:#0d50be; line-height: 21px; height: 65px; font-weight: bold; color:#FFF;}
.introduct-item table tr:first-child td{color:#FFF; border-left: 1px solid #FFF;}
.introduct-item table tr:first-child p{color:#FFF;}
.introduct-item table tr td{font-size:16px;color:#222222;border-left: 1px solid #CCC;}
.introduct-item table tr:hover{background: #f0f7ff;}
.product_content img{display: block; max-width: 99%; height: auto; margin: auto; }

/* 资料下载 */
.down-current-pdf{background: #FFF; padding: 50px;}
.down-current-wrap{ width: 1440px; margin: auto; display: flex; justify-content:flex-start; align-items: center; border: 1px solid #f0f0f0;border-radius: 15px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); overflow: hidden;}
.down-ico{ width: 500px; height: 300px; background: #0d50be; color: #FFF; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 60px;}
.down-intro{padding-left: 50px; padding-right: 50px; display: flex; justify-content: center;  flex-direction: column; flex-wrap: wrap;}
.down-intro h5{font-size: 1.875rem; font-weight: 400;}
.down-intro p{font-size: 1rem; line-height: 25px; text-indent: 2em;}
.down-intro span{ color: #999; padding: 8px 0 8px 0;}
.down-intro a{border-color: #f58812;background: #f58812; color: #FFF;width: 160px;height: 48px;line-height: 48px; text-align: center; text-decoration: none; font-size: 1rem;transition: 0.35s;}
.down-intro a:hover {background: #0d50be; transform: translateY(-4px); }
.down-current-wrap:hover .down-ico{background: #f58812; transition: all 1s; }

/* 相关产品 */
.related{padding-top:50px; padding-bottom: 50px; background: #edf1fa;}
.related-wrap{width: 1440px; margin: auto;}
.related-wrap h5{font-size:2.5rem; color: #0d50be; font-weight: 500; padding-bottom: 50px;}
.related-wrap ul{display: grid;grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));gap: 30px;}
.related-wrap ul li{display: flex; justify-content:center; align-items: center;flex-direction:column;transition: 0.68s; border-radius: 10px; cursor: pointer; background: #FFF;}
.related-wrap ul li:hover {background: #fff;box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); }
.related-wrap a{text-decoration: none;}
.related-wrap a:hover{text-decoration: none;}
.related-wrap li:hover .product-text strong,.product-msg li:hover .product-text p { color: #0d50be;}
.related-top {text-align: center;}
.related-top figure img { max-width: 100%;  max-height: 100%;transition: transform 0.5s ease;}
.related-top figure img:hover {transform: scale(1.05);}
.related-text {text-align: center;width: 90%;margin: auto;margin-top: 30px;margin-bottom: 20px;height: auto !important;}
.related-text strong {display: block;margin-bottom: 12px;line-height: 1;color: #061729;font-size: 30px;font-weight: normal;-webkit-transition: 0.35s;-o-transition: 0.35s;-moz-transition: 0.35s;transition: 0.35s;}
.related-text p {color: #999999;font-size: 16px;-webkit-transition: 0.35s;-o-transition: 0.35s;-moz-transition: 0.35s;transition: 0.35s;}
.related-btns {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;padding-bottom: 50px;}
.related-btns a {display: inline-block;margin-right: 10px;width: 138px;height: 48px;line-height: 48px;border: 1px solid #dddddd;text-align: center;color: #666666;font-size: 16px; transition: 0.35s;}
.related-btns a:hover {transform: translateY(-4px);}
.related-btns a i {display: inline-block;position: relative;top: 1px;margin-right: 6px;color: #FFF;font-size: 20px;transition: 0.35s;}
.related-btns a:first-child {border-color: #f58812;background: #f58812; color: #FFF;}
.related-btns a:last-child {margin-right: 0;border-color: #edf1fa;background:#edf1fa; color: #0d50be;}
.related-btns a:last-child i{ color:#0d50be ;}
.related-btns a:nth-child(2){border-color: #0d50be;background: #0d50be; color: #FFF;}

/* 评论 */
.comment{background: #FFF; padding: 50px;}
.comment h5{display: block; font-size: 1.875rem; color: #0d50be; width: 1440px; margin: auto; padding-bottom: 20px; border-bottom: 1px solid
	#dddddd; margin-bottom: 10px;}
.comment-wrap {display:grid;gap: 20px;grid-template-columns: repeat(2, 1fr); width: 1440px; margin: auto;}
.comment-item {background-color: white;border-radius: 10px;padding: 20px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);transition: transform 0.2s, box-shadow 0.2s;}
.comment-item:hover {transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);}
.comment-header {display: flex;align-items: center;margin-bottom: 15px;}
.user-avatar {width: 50px;height: 50px;border-radius: 50%;object-fit: cover;margin-right: 15px;border: 2px solid #f0f0f0;}
.user-info h6 {font-size: 1.1rem;margin-bottom: 5px;color: #2c3e50;}
.comment-time {font-size: 0.85rem;color: #7f8c8d;}
.comment-content {color: #444;margin-bottom: 15px;line-height: 1.7;}
.comment-actions {display: flex;gap: 15px;padding-top: 15px;border-top: 1px solid #f0f0f0;}
.comment-action {display: flex;align-items: center;gap: 5px;color: #7f8c8d;cursor: pointer;transition: color 0.2s;font-size: 0.9rem;}
.comment-action:hover {color: #3498db;}
.comment-action.liked {color: #e74c3c;}
/* 产品详情end */

/* 下载中心start */
.download_banner{width: 100%; height: 500px;background: linear-gradient(135deg, #0c2461 0%, #1e3799 30%, #4a69bd 100%); }
.down_position{padding: 90px 30px; font-size: 1rem; color: #FFF; z-index: 5;}
.down_position a{ text-decoration: none; color: #FFF;}
.down_position a:hover{color: #0d50be; transition: all 0.5s;}
.download_banner_text{text-align: center; color: #FFF;}
/* .download_banner_text h1{ font-size: 3.2rem;font-weight: 700;letter-spacing: 1px;background: linear-gradient(90deg, #4fc3f7, #29b6f6);-webkit-background-clip: text;background-clip: text;color: transparent;text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); padding-bottom: 10px;} */
.download_banner_text h1{ font-size: 3rem;font-weight: 700;text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); padding-bottom: 10px;}
.download_banner_text strong {display: block;margin-bottom: 12px;line-height: 1;color: #061729;font-size: 30px;font-weight: normal;-webkit-transition: 0.35s;-o-transition: 0.35s;-moz-transition: 0.35s;transition: 0.35s;}
.download_banner_text p {font-size: 1.2rem; color: #bbdefb;line-height: 1.6;}

.download-app{background: #FFF; padding: 30PX;}
#down-type{display:none;}
.download-list{display: flex; justify-content:space-between; align-items: flex-start; margin-top: 50px; border-bottom: 1px solid #dddddd;}
.download-list h2{font-size: 2.5rem; font-weight: 500; color: #0d50be;}

.download-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 30px; flex-wrap: wrap;  width: 68.75vw; max-width: 1320px; padding: 30px;}
.download-card {background: rgba(255, 255, 255, 0.7);border-radius: 12px;padding: 20px;transition: all 0.3s ease;position: relative;box-shadow: 0 0 0.57rem rgba(0, 0, 0, 0.05);overflow: hidden;}
.download-card:hover {transform: translateY(-10px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);}
.card-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.card-icon {font-size: 2.5rem;color: #0d50be;background: #d5e5ff;padding: 15px;border-radius: 10px; display: flex; justify-content: center; align-items: center; }
.file-info {text-align: right;}
.file-size {font-size: 0.9rem;color: #8892b0;margin-bottom: 5px;}
.file-format {background:#d5e5ff;color: #0d50be;padding: 3px 10px;border-radius: 20px;font-size: 0.8rem;}
.card-title {font-size: 1.3rem;color:#222222;}
.card-description {color: #8892b0;margin-bottom:10px;line-height: 1.7; padding-top: 5px;}
.download-btn {display: inline-flex;align-items: center;gap: 10px;background:#0d50be;color: #ffffff;padding: 12px 25px;border-radius: 6px;text-decoration: none;font-weight: 600;transition: all 0.3s ease;}
.download-btn:hover { background: #f46b45;  transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
/* 下载中心 end */


/* 关于我们 start */
.about_banner {background: linear-gradient(rgba(10, 36, 99, 0.85), rgba(1, 39, 100, 0.9)), url('../images/about.jpg');background-size: cover;background-position: center;color: white;text-align: center;padding-top: 50px; display: flex; justify-content: center; align-items: center; height: 600px;}
.about_banner h1 {font-size: 3.5rem;margin-bottom: 20px;line-height: 1.2;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.about_banner p {font-size: 1.3rem;max-width: 800px;margin: 0 auto 40px;opacity: 0.9;}
.cta-button {display: inline-block;background: linear-gradient(to right, #1e88e5, #00acc1);color: white;padding: 15px 40px;border-radius: 50px;text-decoration: none;font-weight: 600;font-size: 1.1rem;letter-spacing: 1px;transition: transform 0.3s, box-shadow 0.3s;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}
.cta-button:hover {transform: translateY(-3px);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);}

/* 公司介绍 */
.aboutus{ max-width: 90rem; margin: auto; padding: 6.25rem 0;}
.aboutus-title {text-align: center;margin-bottom: 60px;}
.aboutus-title h2 {font-size: 2.8rem;color: #0d50be;position: relative;display: inline-block;margin-bottom: 15px;}
.aboutus-title p {color:#222222;font-size: 1.5rem;max-width: 700px;margin: 0 auto;}
.aboutus-content {display: flex;align-items: center;gap: 60px;}
.aboutus-text {flex: 1;}
.aboutus-text h3 {font-size: 2rem;color: #0d50be;margin-bottom: 20px;}
.aboutus-text p {margin-bottom: 40px;font-size: 1.1rem;color: #222; line-height:2.1875rem;}
.aboutus-image {flex: 1;border-radius: 10px;overflow: hidden;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.aboutus-image img {width: 100%;height: auto;display: block;transition: transform 0.5s;}
.aboutus-image:hover img {transform: scale(1.05);}

/* 优势部分 */
.section-advantages{margin: auto; padding: 100px 30px; background: #f0f7ff;}
.container{width: 90rem; margin: auto;}
.advantages-title{text-align: center;}
.advantages-title h2{font-size: 2.8rem;color: #0d50be;}
.advantages-title p {color:#222222;font-size: 1.5rem; padding-bottom:3.125rem;}
.advantages {display:grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 30px;}
.advantage-card {flex: 1;background: white;padding: 40px 30px;border-radius: 10px;text-align: center;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);transition: transform 0.3s;}
.advantage-card:hover {transform: translateY(-10px);}
.advantage-icon {font-size: 3rem;color:#0d50be;margin-bottom: 25px;}
.advantage-card h3 {font-size: 1.5rem;color:#0a2463;margin-bottom: 15px;}

.section-case{padding: 80px 30px;}
.case-title{text-align: center;}
.case-title h2{font-size: 2.8rem;color: #0d50be;}
.case-title p {color:#222222;font-size: 1.5rem; padding-bottom:3.125rem;}

.case-list{display:grid;gap:25px; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));}
.case-list li{/* border: 1px solid #f5f5f5; background: #f7f7f7; */text-align: center;}
/* 关于我们 end */

/* 联系我们 */
.contactus_banner{width: 100%; height: 500px;background: linear-gradient(135deg, #0c2461 0%, #1e3799 30%, #4a69bd 100%);
display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 55px;}
.contactus_banner h1{font-size: 3rem; font-weight: 700; color: #FFF; padding-bottom: 30px;}
.contactus_banner p {font-size: 1.2rem; color: #bbdefb;line-height: 1.6; text-align: center;  padding-bottom: 30px;}
.contaus-button {display: inline-block;background: #ff6b6b;color: white;padding: 10px 30px;border-radius: 5px;text-decoration: none;font-weight: 700;font-size: 1rem;letter-spacing: 1px;transition: transform 0.3s, box-shadow 0.3s;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}
.contaus-button:hover {transform: translateY(-3px);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);}

.conatctus-container {width: 1440px; display: flex;flex-wrap: wrap;gap: 30px; margin: auto; padding: 50px 0;}
.conatctus-info {flex: 1;min-width: 300px;background: white;padding: 30px;border-radius: 15px;box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);}
.contact-form {flex: 1;min-width: 300px;background: white;padding: 30px;border-radius: 15px;box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);}
.conatctus-title {font-size: 1.8rem;color: #2c3e50;margin-bottom: 25px;padding-bottom: 10px;border-bottom: 3px solid #0d50be;display: inline-block;}
/* 联系信息项 */
.info-item {display: flex;align-items: flex-start;margin-bottom: 25px;}
.info-item i {background-color: #0d50be;color: white;width: 45px;height: 45px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 15px;flex-shrink: 0;}
.info-item h3 {font-size: 1.2rem;margin-bottom: 5px;color: #2c3e50;}
.info-item p {color: #555;}
/* 二维码区域 */
.wxcode-section { width: 1440px; padding: 50px 0; background: white;border-radius: 15px;box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);text-align: center; margin: auto;margin-bottom: 50px;}
.wxcode-container {display: flex;flex-wrap: wrap;justify-content: center;gap: 40px;margin-top: 30px;}
.wxcode-item {flex: 1;min-width: 250px;max-width: 300px;}
.wxcode-img {width: 200px;height: 200px;margin: 0 auto 15px;border-radius: 10px;overflow: hidden;background-color: #f8f9fa;display: flex;align-items: center;justify-content: center;}
.wxcode-img img {max-width: 100%;height: auto;}
.wxcode-item h3 {color: #2c3e50;margin-bottom: 8px;}
.wxcode-item p {color: #666;font-size: 0.95rem;}
/* 表单样式 */
.form-group {margin-bottom: 20px;}
.form-group label {display: block;margin-bottom: 8px;color: #2c3e50;font-weight: 600;}
.form-group input,.form-group textarea {width: 100%;padding: 12px 15px;border: 1px solid #ddd;border-radius: 8px;font-size: 1rem;transition: border 0.3s;}
.form-group input:focus,.form-group textarea:focus {border-color: #3498db;outline: none;box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);}
.form-group textarea {min-height: 150px;resize: vertical;}
.submit-btn {background: #0d50be;color: white;border: none;padding: 14px 30px;font-size: 1.1rem;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;width: 100%;font-weight: 600;letter-spacing: 1px;}
.submit-btn:hover {background: #f58812;transform: translateY(-2px);box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);}
/* 联系我们 */

/* news */
.news-banner { height: 500px;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 70px; overflow: hidden;}
.news-banner h1 {font-size: 3rem;font-weight: 700;margin-bottom: 20px;line-height: 1.2;}
.news-banner p {font-size: 18px;opacity: 0.9;margin-bottom: 10px;max-width: 600px; text-align: center;}
.search-news-container{display: flex; justify-content:right; align-items: center;}
.search-news-input{width: 600px; border-radius: 10px; -moz-box-sizing: border-box;box-sizing: border-box; padding-left: 16px; height: 60px; line-height: 58px; background: #fff; border: none; outline: none; color: rgba(34, 34, 34, 0.5); font-size: 16px; border: 1px solid #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s;}
.search-news-btn{position: absolute; width: 60px; height: 60px; line-height: 60px; color: #0c4db6; -webkit-transition: 0.35s; -o-transition: 0.35s; -moz-transition: 0.35s; transition: 0.35s; cursor: pointer;  background: none; border: none; font-size:1.5rem;}

/* 分类筛选器 */
.category-filter {display: flex;justify-content: center;margin-bottom: 50px;flex-wrap: wrap;gap: 15px; margin-top: 20px;}
.filter-btn { text-decoration: none; padding: 12px 28px;background-color: white; color: #4a5568; border: 1px solid #e2e8f0;border-radius: 30px;font-weight: 500;font-size: 15px;cursor: pointer;display: flex;align-items: center; z-index: 5;}
.filter-btn i {margin-right: 8px;font-size: 14px;}
.filter-btn:hover {border-color:#0d50be;color: #FFF; background: #0d50be; transition: all 1s;}
.category-filter a.active {background-color: #0d50be;color: white;border-color: #0d50be;box-shadow: 0 5px 15px rgba(74, 109, 229, 0.2);}

.news-banner .banner-shape {position: absolute;opacity: 0.1; overflow: hidden;}
.news-banner .shape-1 {width: 300px;height: 300px;border-radius: 50%;background-color: white;}
.news-banner .shape-2 {width: 200px;height: 200px;transform: rotate(45deg);overflow: hidden;}

/* 主内容区 */
.news-container {margin: 0 auto; padding: 30px;}

/* 文章列表 */
.articles-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 30px;margin-bottom: 60px;}
.article-item {background-color: white;border-radius: 12px;overflow: hidden;box-shadow:0 10px 25px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;position: relative;}
.article-item:hover {transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);}
.article-badge {position: absolute;top: 20px;right: 20px;padding: 6px 15px;border-radius: 30px;font-size: 12px;font-weight: 600;color: white;z-index: 2;}
.badge-knowledge {background-color:#38b2ac;}
.badge-faq {background-color:#f56565;}
.article-img {height: 200px;overflow: hidden;}
.article-img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.article-item:hover .article-img img {transform: scale(1.05);}
.article-content {padding: 25px;}
.article-meta {display: flex;align-items: center;margin-bottom: 15px;font-size: 13px;color:#718096}
.article-date {display: flex;align-items: center;margin-right: 20px;}
.article-date i, .article-views i {margin-right: 5px;font-size: 12px;}
.article-title {font-size: 20px;font-weight: 600;margin-bottom: 15px;line-height: 1.4;color: #2d3748;}
.article-title a {text-decoration: none;color: inherit;transition: all 0.3s ease;}
.article-title a:hover {color: #0d50be;}
.article-excerpt {color:#4a5568;font-size: 15px;margin-bottom: 20px;}
.article-footer {display: flex;justify-content: space-between;align-items: center;padding-top: 20px;border-top: 1px solid #e2e8f0;}
.article-author {display: flex;align-items: center;}
.author-avatar {width: 36px;height: 36px;border-radius: 50%;background-color: #e2e8f0;margin-right: 12px;display: flex;align-items: center;justify-content: center;color: #0d50be;font-weight: 600;}
.author-name {font-weight: 500;font-size: 14px;}
.read-more {color:#0d50be;font-weight: 500;font-size: 14px;text-decoration: none;display: flex;align-items: center;}
.read-more i {margin-left: 5px;font-size: 12px;transition: all 0.3s ease;}
.read-more:hover i {transform: translateX(5px);}
/* news */

/* shownes */
.article-detail-container {max-width: 1440px;margin: 0 auto;padding: 30px; box-sizing: border-box;}

/* 文章头部 */
.article-detail-header {margin-bottom: 40px;padding: 30px 0;border-bottom: 1px solid #e2e8f0; text-align: center;}
.article-detail-title {font-size: 42px;font-weight: 700;line-height: 1.3;margin-bottom: 25px;color: #2d3748;}
.article-detail-meta {display: flex;align-items: center;justify-content: center;gap: 25px;color: #4a5568;font-size: 14px;}
.meta-item {display: flex;align-items: center;}
.meta-item i {margin-right: 8px;font-size: 16px;}
.article-detail-content {font-size: 18px;line-height: 1.8;color: #2d3748; padding: 30px;}
.article-detail-content p{font-size: 18px;text-align: justify;}
.article-detail-content h2 {font-size: 26px;font-weight: 700;color: #0d50be; background: #0d50be;margin-bottom: 15px; padding: 10px 15px;  vertical-align: baseline; border-left: 3px #1C4786 solid;word-wrap: break-word; background-color: #F6F6F6;margin-top: 15px;}
.article-detail-content img{max-width: 100%; padding-top: 30px; height: auto; border: 0;}
.article-detail-content a{color: #136ec2; text-decoration: none;}
.article-detail-content strong{font-size: 18px;}

.article-detail-content table {width: 100%;border-collapse: collapse;border-spacing: 0px;border: 1px solid #CCC;}
.article-detail-content th {background: #0d50be;color: #fff;font-size: 16px;text-align: center;font-weight: normal;line-height: 1.2;border-left: 1px solid #FFF;}
.article-detail-content td {color: #2d3748;font-size: 16px;border: 1px solid #CCC;text-align: center;}

/* 为第一个tr的所有单元格设置背景色 */
.article-detail-content tr:first-child th,
.article-detail-content tr:first-child td { background-color: #0d50be; color: #FFF; height: 45px;}

/* 为包含rowspan的单元格设置背景色，并确保覆盖的行也有背景色 */
.article-detail-content tr:first-child td[rowspan],
.article-detail-content tr:first-child th[rowspan] {background-color: #0d50be;color: #FFF;}

/* 为rowspan单元格覆盖的下方行对应位置也设置背景色 */
.article-detail-content tr:first-child td[rowspan] ~ td,
.article-detail-content tr:first-child th[rowspan] ~ th {background-color: #0d50be;color: #FFF;}
.article-detail-content tr:hover {background-color:#d5e5ff;}

/* 导航按钮 */
.article-navigation {display: flex;justify-content: space-between;margin: 50px 0; gap: 15px;}
.article-nav-btn {display: flex;align-items: center;padding: 15px 25px;	background-color: white;border: 1px solid #e2e8f0;
	border-radius: 8px;text-decoration: none;width: 48%;color: #4a5568;}
.article-nav-btn i {font-size: 18px; color: #0d50be;}
.prev-article i {margin-right: 10px;}
.next-article i {margin-left: 10px;}
.next-article {text-align: right;flex-direction: row-reverse;}
.article-nav-btn h4 {font-size: 16px;margin-bottom: 5px;font-weight: 600;}
.article-nav-btn p {font-size: 14px;color: #718096; text-overflow: ellipsis; max-width:99%; height: 30px; white-space: nowrap;
	overflow: hidden; overflow: hidden;}
.article-nav-btn:hover {background-color:#bbdefb;border-color: #0d50be;color:#0d50be;}


/* 相关文章 */
.related-articles {margin: 50px 0 50px;}
.section-related-title {font-size: 26px;font-weight: 700;margin-bottom: 40px;color: #2d3748;}
/* shownes */


/* 分页 */
#page{display: grid;justify-content: center;}
.page{width: auto; display: flex;justify-content: center; padding-bottom: 30px;background-color: white;border-radius: 10px;padding: 10px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);line-height: 42px;}
.page a{text-decoration: none; width: 42px; color: #2d3748; text-align: center;}
.page .current{background-color: #0d50be; color: #FFF;width: 42px; text-align: center; border-radius: 8px;}
.page .disabled{ color: #ddd; width: 42px;text-align:center;}
.page a:hover{background: #d5e5ff;border-radius: 8px; transition: all 0.5s;}


.stats-bar {display: flex;justify-content: space-around;background: white;padding: 25px;border-radius: 12px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); margin: auto; margin-top: 30px;text-align: center; margin-left:30px; margin-right: 30px;}
.stat-item h5 {font-size: 2.2rem;color: #0c4db6;margin-bottom: 5px;}
.stat-item p {color: #666;font-size: 0.95rem;}

footer{width: 100%; background: #FFF; margin-top: 50px; height: auto;}
.footer-box{width: 95%; margin: auto; padding-top: 50px; display: flex; justify-content: center;  }
.footer-box .footer-nav{display: flex; justify-content: space-around; padding-bottom: 50px;}
.footer-logo{ padding-right: 15px; border-right: 1px solid #020101; margin-right: 15px;}
.footer-logo .text-logo{font-size: 2rem; font-weight: bold;}
.footer-logo .tel{ font-size: 30px; color: #0d50be; font-weight: bold;}
.footer-nav dl{ padding-right: 25px; line-height: 25px;}
.footer-nav dl dt a{font-weight: bold; color: #0c4db6; }
.footer-nav a{color:#666666; text-decoration: none;}
.footer-contact{ color: #666666; line-height: 30px; padding-left: 15px;}
.footer-contact i{width: 16px;color: #0d50be;}
.tel-text{color: #0d50be; font-weight: bold;}
.footer-copy{font-size: 14px; padding: 20px 0px 20px 0px;border-top: 1px solid #dddddd;text-align: center; height: 130px; color: #999999;}
.footer-copy a{font-size: 14px;color: #999999; text-decoration: none;}
.footer-copy br{display: none;}

.modal-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);display:none;justify-content: center;align-items: center;z-index: 1200;animation: fadeIn 0.3s ease-out;}
.modal-content {background: white;border-radius: 20px;width: 90%;max-width: 400px;padding: 30px;position: relative;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);animation: slideUp 0.4s ease-out;}
.modal-header {text-align: center;margin-bottom: 25px;}
.modal-header h6 {color: #2c3e50;font-size: 1.8rem;display: flex;align-items: center;justify-content: center;}
.modal-header h6 i {color: #1aad19;margin-right: 10px;}
.modal-header p {color: #7f8c8d;margin-top: 10px;}

.qrcode-container {display: flex;justify-content: center;align-items: center;flex-direction: column;margin: 20px 0;}
.qrcode {width: 220px;height: 220px;background: #f8f9fa;border-radius: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 15px;border: 1px solid #eee; margin-bottom: 10px;}
.qrcode img {width: 100%;height: 100%;display: block;}
.wxh{background: linear-gradient(to right, #1aad19, #0d8e0c);color: white;border: none;padding: 5px 20px;font-size: 1.2rem;border-radius: 50px;cursor: pointer;display: flex;align-items: center;justify-content: center;box-shadow: 0 5px 15px rgba(26, 173, 25, 0.3);transition: all 0.3s; }
.qrcode-placeholder {width: 180px;height: 180px;background: #f1f1f1;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #999;font-size: 0.9rem;}
.qrcode-placeholder i {font-size: 3rem;margin-bottom: 10px;color: #ccc;}

.modal-footer {text-align: center;margin-top: 25px;color: #7f8c8d;font-size: 0.95rem;line-height: 1.5;}

.close-modal {position: absolute;top: 20px;right: 20px;background: none;border: none;font-size: 1.8rem;color: #95a5a6;cursor: pointer;transition: color 0.2s;}
.close-modal:hover {color: #e74c3c;}

.instruction {background: #f8f9fa;border-radius: 10px;padding: 20px;margin-top: 25px;text-align: left;}
.instruction h4 {color: #2c3e50;margin-bottom: 10px;display: flex;align-items: center;}
.instruction h4 i {color: #1aad19;margin-right: 8px;}
.instruction ol {padding-left: 20px;color: #7f8c8d;}
.instruction li {margin-bottom: 8px;line-height: 1.5;}

@keyframes fadeIn {from { opacity: 0; }to { opacity: 1; }}
@keyframes slideUp {from { 	opacity: 0;	transform: translateY(30px);}to { 	opacity: 1;	transform: translateY(0);}}

.action-buttons {display: flex;justify-content: center;gap: 15px;margin-top: 20px;}
.action-button {padding: 12px 25px;border-radius: 50px;border: none;font-weight: 600;cursor: pointer;transition: all 0.3s;display: flex;align-items: center;justify-content: center;}
.action-button i {margin-right: 8px;}
.save-btn {background: #0c4db6;color: white;}
.save-btn:hover {background: #1aad19;}
.close-btn {background: #ecf0f1;color: #2c3e50;}
.close-btn:hover {background: #d5dbdb;}

/* .section-products{display: flex; justify-content: center; align-items: center; align-content: center; height: 100vh; max-width: 1200px;}.gemobeng{ width: 680px; padding-top: 70px;}.gemobeng img{ width: 100%;}
	.gemobeng-text { padding-left: 50px;} */
	/* .gemobeng-text h4{ color: #FFF; font-size: 3.5rem;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
	.gemobeng-text p{color: #FFF; font-size: 1.3rem; line-height: 35px;}
	.gemobeng-text ul{ display: flex; justify-content:left; align-items: center; flex-wrap: wrap; margin-top: 30px; line-height: 35px;}
	.gemobeng-text ul li{ padding: 5px 15px 5px 0px; width: 210px; display: flex; align-items: center;}
	.gemobeng-text ul li i{font-size: 1.5rem; color:#F9DC5C;}
	.gemobeng-text ul li a{ color: #FFF; text-decoration: none; font-size: 1rem; padding-left: 10px;}
	.details{display: inline-block;background: linear-gradient(45deg, #ff6b6b, #ff8e53);color: white;padding: 5px 35px 5px 35px;border-radius: 50px;text-decoration: none;font-weight: bold;font-size: 1.2rem;transition: all 0.3s ease;box-shadow: 0 5px 15px rgba(255, 107, 107, 0.4); margin-top: 30px;}
	.details:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(255, 107, 107, 0.6);} */


/* 页面指示器 */
.page-indicator {position: fixed;right: 20px;top: 50%;transform: translateY(-50%);z-index: 10;}
.indicator-dot {display: block;width: 12px;height: 12px;margin: 15px 0;border-radius: 50%;background-color: rgba(255, 255, 255, 0.5);cursor: pointer;transition: all 0.3s ease;}
.indicator-dot.active {background-color: #fff;transform: scale(1.2);}

/* 滚动提示 */
.scroll-hint {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);color: rgba(255, 255, 255, 0.8);font-size: 0.9rem;animation: bounce 2s infinite;}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateX(-50%) translateY(0);
	}
	40% {
		transform: translateX(-50%) translateY(-10px);
	}
	60% {
		transform: translateX(-50%) translateY(-5px);
	}
}