:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #1D5595;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #E77717;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 29,85,149;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 231,119,23;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 33, 37, 41;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-body-bg: #fff;
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: #dee2e6;
	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-2xl: 2rem;
	--bs-border-radius-pill: 50rem;
	--bs-link-color: #212529;
	--bs-link-hover-color: #333333;
	--bs-code-color: #d63384;
	--bs-highlight-bg: #fff3cd;
	--shadow-1: 0px 6px 34px rgba(215, 216, 222, 0.41);
	--color-primary: #35438D; 
	--color-secondary: #b966e7;
	--color-coral: #E9967A;
	--color-violet: #800080;
	--color-pink: #DB7093;
	--color-white-dark: #D9D9D9;
	--color-primary-100: #323F92;
	--color-heading: #192335;
	--color-body: #6b7385;
	--color-bg: #FBFBFB;
	--gradient-dark: linear-gradient(90deg, #2f57efbf 0%, #c586eeab 100%);
	--gradient-dark-2: linear-gradient(90deg, #2f57ef7d 0%, #c586ee52 100%);
	--color-white: #ffffff;
	--color-white-off: #FFFFFFAB;
	--color-bodyest: #273041;
	--color-bodyest-opacity: #2730415e;
	--color-dark: #27272E;
	--color-darker: #192335;
	--color-black: #111113;
	--color-grey: rgba(207,207,207,.24);
	--color-grey2: #f4f5f7;
	--color-gray: #A1A9AC;
	--color-gray-light: #F6F6F6;
	--color-gray-lighter: #ebebeb;
	--color-light: #F5F7FA;
	--color-lighter: #F2F5F9;
	--dark-shadow-1: 0px 4px 26px 0px rgba(2, 5, 17, 0.14);
	--dark-shadow-2: 0px 4px 52px 0px rgba(2, 5, 17, 0.15);
	--dark-shadow-3: 0px 4px 52px 0px rgba(2, 5, 17, 0.20);
	--dark-shadow-4: 0px 4px 52px rgba(2, 5, 17, 0.20);
	--dark-shadow-5: 0px 4px 27.9px rgba(47, 87, 239, 0.15);
	--shadow-primary: 0px 4px 10px rgba(37, 47, 63, 0.1);
	--shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
	--shadow-dark: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
	--shadow-1: 0px 6px 34px rgba(215, 216, 222, 0.41);
	--shadow-slide-item: 0px 0 10px 0 rgba(215, 216, 222, 0.20);
	--shadow-2: 0 15px 34px 0 rgba(175, 181, 204, 0.32);
	--shadow-3: 0 5px 15px 0 rgba(85, 74, 101, 0.37);
	--shadow-5: 0px 20px 70px 0px rgba(0, 0, 0, 0.1);
	--shadow-7: 0px 15px 30px -2px rgba(0, 0, 0, 0.1);
	--shadow-8: -5px 18px 60px 0 rgba(210, 210, 234, 0.4);
	--shadow-9: 0 13px 48px 0 rgba(215, 216, 222, 0.44);
	--shadow-10: 0 13px 14px 0 rgba(129, 104, 145, 0.05);
	--shadow-11: 0 0 10px 0 rgba(0, 0, 0, 0.06);
}

body {
    overflow: unset; 
    line-height: 1.5;
    font-family: var(--font-primary);
    color: var(--color-body);
    font-weight: 400;
    position: relative;
    background-color: var(--color-bg);
}
/* 主键按钮 */
.btn-primary {
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
}

/* 按钮警告参数 */
.btn-warning {
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
	--bs-btn-hover-bg: var(--bs-orange);
	--bs-btn-hover-border-color: var(--bs-orange);
}

/* 列表组样式参数 */
.list-group {
	--bs-list-group-active-bg: var(--bs-primary);
	--bs-list-group-active-border-color: var(--bs-primary);
}

/* 分页变量参数 */
.pagination {
	--bs-pagination-color: var(--bs-link-color);
	--bs-pagination-hover-color: var(--bs-link-hover-color);
	--bs-pagination-focus-color: var(--bs-link-hover-color);
	--bs-pagination-active-bg: var(--bs-primary);
	--bs-pagination-active-border-color: var(--bs-primary);
}


a{
	text-decoration:none;
}

input{
	outline:none;
}

header .logo{
	width:60px;
	height:auto;
}

header .nav a.nav-link{
	color:var(--bs-white);
}

.avatar{
	width:50px;
	height:50px;
	border-radius:50%;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.avatar-small{
	width:26px;
	height:26px;
	border-radius:50%;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.bg-default{
	background-image:url('../images/bg.svg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.form-control:focus{
	box-shadow:none;
	border-color:inherit;
}

.form-group{
	margin-bottom:1rem;
}

.hand{
	cursor: pointer;
}

/* .list-group-item.active a{
	color:var(--bs-white);
} */

/* 单行省略号 */
.text-1 {
	-webkit-line-clamp: 1;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	min-height:24px;
}

/* 两行省略号 */
.text-2 {
	-webkit-line-clamp: 2;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	min-height:48px;
}

/* 三行省略号 */
.text-3 {
	-webkit-line-clamp: 3;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	min-height:72px;
}


/* 计数器 开始 */
.numbers{
	list-style:none;
	margin:0;
	padding:0;
}
.numbers li{
	position: relative;
	color:#1B1B1B;
	text-align:center;
}
.numbers li .count{
	font-size:60px;
	font-weight:400;
}
.numbers li sup{
	vertical-align: top;
	font-size:30px;
	top:0.5em;
}
.numbers li .title{
	color:#525252;
	font-size:20px;
}
/* 计数器 结束 */

/* 筛选器 */
.filter .active{
	font-weight:bold;
	color:darkred;
}
/* 筛选器 结束 */

/* 通用内容区 开始 */
.content{ line-height:170%;font-size:1em;font-weight:500;}
.content p{ margin-bottom:1em;}
.content img{
	max-width:100% !important;
	height:auto;
}
.content table {border: 1px solid #ddd;border-collapse: collapse;display: table;margin:auto;}
.content table td {border: 1px solid #ddd;padding: 5px 10px;}
.content table th {border: 1px solid #ddd;background-color: #f7f7f7;padding: 5px 10px;}
.content blockquote{
	margin:1em 0;border:1px solid #efefef;background:#fcfcfc;padding:0.5em 1em;
}
/* 通用内容区 结束 */


/* 管理员回复评论信息 开始 */
fieldset.admin-reply{
	border:1px solid #ccc;
	padding:0.5em;
	background:#fff;
	box-shadow:2px 2px #ddd;
}
fieldset.admin-reply legend{
	width:auto;
	padding:0 1em;
	font-size:0.8em;
	margin-left:2em;
}

fieldset.admin-reply + fieldset.admin-reply{
	margin-top:1em;
}
/* 管理员回复评论信息 结束 */

.nav .nav-link.active{
	background:var(--bs-primary);
	color:var(--bs-white);
}
.width_16{
	width:16px;
	height:16px;
}

/* 在线客服 */
.kfonline{
	position: fixed;
	bottom: 60px;
	right: 15px;
	z-index: 999999;
}

.kfonline .card-header{
	cursor: pointer;
}

.kfonline-icon{
	width:40px;
	height:40px;
	cursor: pointer;
	color:var(--bs-white);
	border:1px solid var(--bs-white);
	line-height:36px;
	text-align:center;
	background:var(--bs-primary);
	margin-top:-4px;
	position:relative;
}
.kfonline-icon.cart sup{
	position:absolute;
	top:2px;
	right:2px;
	font-size:60%;
}
.kfonline-icon.weixin div{
	display:none;
	position:absolute;
	right:40px;
	top:0;
	width:120px;
}
.kfonline-icon.weixin div img{
	width:100%;
}
.kfonline-icon.weixin:hover div{
	display: block;
}

.kfonline-icon.tel div{
	display:none;
	position:absolute;
	right:40px;
	top:0;
}

.kfonline-icon.tel:hover div{
	display: block;
}

.kfonline-icon a .fa{
	color:var(--white);
}

.kfonline-icon.toTop{
	
}


/* 顶部导航样式 */
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 50px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	position: relative;
	z-index: 100;
}

.logo img {
	height: 40px;
}

.nav-menu {
	display: flex;
	gap: 35px;
}

.nav-menu li {
	list-style: none;
	position: relative;
	padding: 10px 0;
}

.nav-menu > li > a {
	text-decoration: none;
	color: #333;
	font-weight: 500;
	transition: color 0.3s;
}

.dropdown-content {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	min-width: 160px;
	padding: 10px 0;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown-content a {
	display: block;
	padding: 10px 20px;
	color: #666;
	text-decoration: none;
}

.phone {
	color: #007bff;
	font-weight: bold;
}

/* 搜索区域样式 */
.search-section {
	height: 360px;
	background:url('../images/search-bg.jpg') no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* 下拉框美化 */
/* .search-section  select.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
	border-radius: 100px 0 0 100px;
} */
.bg-primary {
    background-color: var(--bs-primary)!important;
}
.bg-white-50 {
    background-color: rgba(255,255,255,0.5);
}
.rounded-end {
    border-radius: 0 .375rem .375rem 0!important;
}
.search-container {
	text-align: center;
	color: #fff;
	max-width: 800px;
	padding: 0 20px;
}

.search-title {
	font-size:43px;
	margin-bottom: 25px; letter-spacing: 3px; text-shadow: 2px 3px 3px rgba(0,0,0,0.4);
}

.search-box {
	display: flex;
	gap: 10px;
	margin-bottom: 30px;
}

.search-type {
	padding: 15px 25px;
	border: none;
	border-radius: 100px 0 0 100px;
	appearance: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
	padding-right: 40px; font-size: 16px; text-align: center; height: 57px;
}
.search-type option{ text-align: left; background-color: #fff; color: #000; cursor: pointer;}

.search-input {
	flex: 1;
	padding: 16.5px 15px;
	border: none;
	font-size: 16px; color: #000;
}

.search-button {
	padding: 12px 25px;
	background: #FD732D;
	border: none;
	color: white;
	border-radius: 0 100px 100px 0;
	cursor: pointer; font-size: 18px;
}
.search-button:hover { 
	color: white; 
}
.search-button i{ font-size: 22px; vertical-align: middle;}
.hot-keywords {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	justify-content: center;
}

.hot-keywords a {
	color: #fff;
	text-decoration: none;
	opacity: 0.8;
}


/* CSS */
.accordion-section {
    background: #f8f9fa;
}
.accordion-item {
    transition: width 0.5s ease-in-out;
    position: relative;
    cursor: pointer; gap: 10px; margin: 5px;
	flex: 1; 
}
.services-section .card {
    height: 500px;
    overflow: hidden;
    position: relative; 
    backface-visibility: hidden; border-radius: 20px; 
}
.services-section .card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: brightness(0.7);
    transition: filter 0.3s;
}
.services-section .card-body {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 2rem;
    /* opacity: 0;
    transform: translateY(30px);
    transition: all 0.4s;  */
}
.services-section .card-title{ font-size:32px; margin-bottom: 20px; font-weight: bold;}

.services-section .card-body .card-text,.services-section .card-body .btn{opacity: 0;
    transform: translateY(30px);
    transition: all 0.4s; }
	.services-section .card-body i{ display: block;}
	.services-section .card-body i img{ width: 70px;}
/* 激活状态样式 */
.services-section .accordion-item.active {
    flex: 2; /* 放大比例调整为3倍 */
    min-width: 30%; /* 防止过度收缩 */ 
	transition: width 0.5s ease-in-out;
}
.services-section .accordion-item.active .card-body .card-text,.services-section .accordion-item.active .card-body .btn {
    opacity: 1;
    transform: translateY(0);
}
.services-section .accordion-item:hover .card-bg {
    filter: brightness(0.5);
}




.advantage-section { 
	background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../images/advantage-bg.jpg');
	background-size: cover;
	background-position: center; padding: 30px 0;
}
.advantage-section .text-white a{ font-size: 32px; color: #fff; font-weight: bold; letter-spacing: 2px;}
.advantage-section .text-white-50{font-size: 18px; text-transform:uppercase; color: #FD732D !important;}

.advantage-section .content-card {
	height: 245px;
	position: relative;
	padding: 1rem 1rem;
	transition: all 0.3s ease; cursor: pointer; 
}
.advantage-section .content-card i{display: block; width: 130px; height: 130px; background: url(../images/advantage_icon_bg.png) no-repeat;background-size: cover; margin: 0px auto; text-align: center; }
.advantage-section .content-card i img{ width: 45%; padding-top: 20px;}
.advantage-section .content-card h3,.advantage-section .content-card p,.advantage-section .content-card .bi{ position: relative; z-index: 1;}

.advantage-section .content-card h3{font-size: 22px; font-weight: bold;}
.advantage-section .content-card p{font-size: 13px; line-height: 180%;}

.advantage-section .content-card:hover i{ background: url(../images/advantage_icon_bg_active.png) no-repeat;background-size: cover; }
.advantage-section .content-card:hover i img{filter: brightness(0) invert(1);}
 
  
.advantage-section .hover-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.3);
	border-radius: 15px;
	opacity: 0;
	transition: opacity 0.3s ease; z-index: 0;
}
.advantage-section .content-card:hover .hover-overlay {
	opacity: 1;
}


.products-box .text-start h2 a{ font-size: 32px; color: #0C458C; font-weight: bold; letter-spacing: 2px;}
.products-box .text-start small{font-size: 18px; text-transform:uppercase; color: #FD732D !important;}
.products-box .card{ border: none; box-shadow: #000 0 10px; box-shadow: var(--shadow-light); }
.products-box .card .card-img{ padding: 10px; text-align: center;}
.products-box .card .card-img img{ height: 200px;}

.products-box .more-btn{ background: url(../images/more-btn-bg.png) no-repeat; background-size: cover; width: 160px; height: 45px; padding: 0px 25px; line-height: 45px; color: #fff;}

.products-box .card-title{ line-height: 150%; font-size: 18px; min-height: 80px;}
.products-box .product-specs{ min-height: 108px;}
.products-box .product-specs .mb-1{ font-size: 16px; }
.products-box .product-specs .mb-1 b{ font-weight: normal; color: #535353;}
.products-box .product-specs .mb-1 small{ font-size: 16px; color: #999999;}



/* 自定义Swiper样式 */
.productSwiper {
    padding:20px 20px 50px 20px !important; 
}
.swiper-button-prev,
.swiper-button-next {
    color: var(--bs-primary);
    --swiper-navigation-size: 30px;
}
.swiper-pagination-bullet-active {
    background: var(--bs-primary);
}

.footer-section {
    border-top: 1px solid rgba(255,255,255,0.1); background: url(../images/footer-bg.png) no-repeat center;  background-size: cover; padding:40px 0px; padding-bottom: 10px;
}
.footer-section h5 {
    font-size: 1.1rem; 
    padding-bottom: 0.5rem;
}
.footer-section ul{}
.footer-section ul li{ font-size: 14px;}
.footer-section ul li span{ background: #FD732D; width: 10px; height: 2px; display: inline-block; vertical-align: middle; padding-right: 10px; margin-right: 10px;}
.footer-section ul li a{transition: all 0.3s ease; color: rgba(255, 255, 255, 0.7) !important;}
.footer-section ul li:hover a{ color: #fff !important; padding-left: 5px; transition: all 0.3s ease;}
.footer-section .row{ padding-bottom: 30px;}


.contact-info{color: rgba(255, 255, 255, 0.7) !important;}
.contact-info i{ padding-right: 5px;}
.copyright{}
.copyright p{ font-size: 14px; color: rgba(255, 255, 255, 0.7) }
.copyright a{color: rgba(255, 255, 255, 0.7)}

/* 添加自定义样式 */
.navbar{padding: 0px; margin: 0px;}
.navbar-brand{ padding: 10px 0px; max-width: 33%;}
.nav-divider {
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    height: 18px;
    width: 1px;
    background: rgba(0,0,0,0.3);
    z-index: 1;
}
.navbar-nav{ line-height: 78px; padding-top: 0px;}
.navbar-nav li{ margin: 0px 16px;}
.navbar-nav li .nav-link{ font-weight: bold; color: #333333; border-bottom: #fff solid 4px;}
.navbar-nav li:hover .nav-link{ border-bottom: #FD732D solid 4px;}
.navbar-nav li:last-child .nav-divider {display: none !important;}
.navbar-nav li .dropdown-menu{ border: none; box-shadow:var(--shadow-1); left: -40px; border-radius: 0px 0px 10px 10px;padding: 15px 0; background-color: rgba(255, 255, 255, 0.96);}
.navbar-nav li ul li .dropdown-item{ line-height: 30px; text-align: center; }
.top-tel{ font-size: 22px;}
.top-tel i{font-size: 32px;}


.services-section .card-body .btn{ padding: 10px 25px; border-radius: 100px;}
.services-section .card-body .btn:hover { background:#FD732D; border:#FD732D solid 1px; color: #fff;} 
.pagebanner{ height: 260px;}
.pagebanner .page-title{ font-size: 40px; color:#fff; letter-spacing: 2px;}
.pagebanner .page-title-en{ font-size: 30px; color:rgba(255,255,255,0.5); text-transform: uppercase;}

.breadcrumb{ padding: 10px 0; padding-top: 20px;}


.leftnav{}
.custom-card {
    border: none; /* 去掉整体边框 */
}

.leftnav .custom-header {
    height: 160px;
    background-color: #0B458C;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.leftnav .header-content {
    text-align: center;
}

.leftnav .chinese-title {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 5px;
}

.leftnav .english-title {
    font-size: 20px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 10px; text-transform: uppercase;
}

.leftnav .divider {
    width: 50px;
    height: 4px;
    background-color: #fff;
    margin: 0 auto;
}

.custom-list-group {
    min-height: 40px;
    background-color: #F5F5F5;box-sizing: border-box;
}
.leftnav .list-group-item.active > a{ color: #0B458C;}
.leftnav .custom-list-item {
    position: relative;background-color: #F5F5F5;
    cursor: pointer;  border-radius: 0; border: none; border-top: #fff solid 2px; box-sizing: border-box; border-left: #0B458D solid 4px;
}

.leftnav .custom-list-item:hover {   border-left: #FD732D solid 4px; color: #333;
}
.leftnav .custom-list-item:hover a {  }

.leftnav .custom-list-item.active {
	 border-left: #FD732D solid 4px; color: #333;
}
.leftnav .custom-list-item.active a{  }
.leftnav .category-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: #000;
    width: 100%;
    padding: 10px 15px;
}

.leftnav .category-title {
    font-weight: bold;
}

.leftnav .toggle-arrow {
	width: 20px; margin-left: 20px;
    transition: transform 0.3s ease; /* 箭头旋转过渡效果 */ text-align: center; font-size: 26px;
}

.leftnav .custom-list-item.show .toggle-arrow {
    transform: rotate(90deg); /* 箭头旋转90度 */
}

.leftnav .sublist {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.leftnav .sub-item {
    padding: 0px; padding-left: 17px; border:none; background: none; line-height: 26px; 
} 

.leftnav .sub-category-link {
    text-decoration: none;
    color: #777;
    display: block;
    padding: 3px 10px;  
}
.leftnav .sub-category-link:hover{ text-decoration: underline;}

.leftnav .sub-category-title {
    font-weight: normal;
}



.news-list-box{ padding:20px; margin-bottom: 20px; background-color: #fff; box-shadow: var(--shadow-1);}
.news-list-box h1{color:var(--color-primary); font-size: 20px; border-bottom: #CBCBCB solid 1px; padding: 10px 0; padding-top: 0;}
.news-list-box h1 i{ width: 5px; height:26px; display: inline-block; background-color: #35438D; vertical-align:middle; margin-right: 10px;}

.news-list-style1{ min-height: 500px;}
.news-list-style1 li{ display: flex; padding: 30px 0; border-bottom: #EBEDEF solid 1px; list-style: none;}
.news-list-style1 .date{ width: 140px; height: 100px; border-left: var(--color-primary) solid 5px; background-color: #E9F1FF; border-radius: 0px 0px 35px 0px; text-align: center; color: #fff; padding: 15px 0;}
.news-list-style1 .date .md{ font-size: 28px; color: var(--color-primary);}
.news-list-style1 .date .y{ font-size: 18px; color: #99B3D8;}

.news-list-style1 li:hover{background-color: #fff;  box-shadow:var(--shadow-light);}
.news-list-style1 li:hover .date{ background-color: var(--color-primary); color: #fff; border-color: #FD732D;}
.news-list-style1 li:hover .date .md{ color: #fff;}
 
.news-list-style1 .txt{ padding-left: 30px; width: 80%;}
.news-list-style1 .txt .t{ font-size: 20px; line-height: 180%;}
.news-list-style1 .txt .n{ font-size: 16px; line-height: 180%; color: #8C8C8C;}


.news-list-style2{ padding:10px 20px;}
.news-list-style2 li{ display: flex; padding:5px; margin-bottom: 20px; list-style: none; background:url("../images/research_bg.jpg") no-repeat right center; background-size: cover;}
.news-list-style2 li .p{ width: 35%;}
.news-list-style2 li .date{ width: 140px; height: 100px;  text-align: left; color: #fff; padding: 15px 15px 0 45px;}
.news-list-style2 li .date .md{ font-size: 24px; color: var(--color-primary);}
.news-list-style2 li .date .y{ font-size: 16px; color: var(--color-primary);}
.news-list-style2 li .date .more{padding-top: 30px;}

/* .news-list-style2 li:hover{background-color: #fff;  box-shadow:var(--shadow-light);}
.news-list-style2 li:hover .date{ background-color: var(--color-primary); color: #fff; border-color: #7C88C9;}
.news-list-style2 li:hover .date .md{ color: #fff;} */
.news-list-style2 li .line{ width: 10%; height: 2px; background: #ccc; margin-top:35px;}

.news-list-style2 li .txt{ padding-left: 30px; width: 50%; padding-top: 15px; padding-right: 20px;}
.news-list-style2 li .txt .t{ font-size: 18px; line-height: 180%; }
.news-list-style2 li .txt .t a{color: var(--color-primary);}
.news-list-style2 li .txt .n{ font-size: 14px; line-height: 180%; color: #8C8C8C; padding-top: 10px;}
 
/* .pagination .page-link{ font-size: 14px; color: var(--color-primary);  padding: 5px 10px;}
.pagination .page-item.active .page-link{color: #fff; background-color: var(--color-primary);border-color:var(--color-primary);} */

.news-view-box{background-color: #fff; box-shadow:var(--shadow-light);}
.news-right-box{background-color: #F6F7FB; border: #CBCBE7 solid 1px; margin-left: 15px; padding: 20px;} 

.pagination{ padding-bottom: 50px; padding-top: 30px;}


 

.news-recommend{}
.news-recommend h1{ color: var(--color-primary); font-size: 16px; border-bottom:#D4DAF7 solid 1px; line-height: 180%; padding: 3px 0;}
.news-recommend h1 span{border-bottom: var(--color-primary) solid 3px; line-height: 180%; padding: 5px 0;}
.news-recommend-list{}
.news-recommend-list li{ list-style: none; margin-bottom: 15px;}
.news-recommend-list li .p{}
.news-recommend-list li .p img{width: 100%;}
.news-recommend-list li .t a{ font-size: 14px;line-height: 180%;}

.news-related{}
.news-related h1{ font-size: 16px; border-bottom:#D4DAF7 solid 1px; line-height: 180%; padding: 3px 0;}
.news-related h1 li{ display: inline-block; font-weight: normal; cursor: pointer; margin-right: 10px;}
.news-related h1 li.active{color: var(--color-primary); font-weight: bold;}
.news-related h1 li.active span{border-bottom: var(--color-primary) solid 3px; line-height: 180%; padding: 5px 0;}

.news-related .news-related-list{ border-left: #CCD0E3 solid 1px;}
.news-related .news-related-list li{list-style: none;margin-bottom: 15px;}
.news-related .news-related-list li .d{ font-size: 14px; height: 24px; line-height: 24px; margin-left: -5px; background: url("../images/news_list_iocn.png") no-repeat 0px 0px; padding-left: 40px;}
.news-related .news-related-list li .t{ padding-left: 20px; }
.news-related .news-related-list li .t a{font-size: 14px;line-height: 180%;}

.news-view-box{ padding: 20px; margin-bottom: 50px;}
.news-view-box .news-title{ text-align: center;font-size: 24px;line-height: 280%; color: #000; border-bottom: #ddd solid 1px;}
.news-view-box .news-date{ text-align: center;font-size: 14px;line-height: 180%;}
.news-view-box .news-content{ padding: 20px; min-height: 500px;}
.news-view-box .news-content h1{ background: url("../images/pro-icon.png") no-repeat 0px 12px; padding-left: 20px; line-height:180%; border: none;}

.news-view-box .news-content p{ font-size: 18px; line-height: 180%; color: #000;}
.news-view-box .news-content img{ max-width: 100%;}
.news-view-box .news-content a{ color: #0B458C;}

.news-view-box h1 {
    color: var(--color-primary);
    font-size: 20px;
    border-bottom: #CBCBCB solid 1px;
    padding: 10px 0;
    padding-top: 0; font-weight: bold;
}
.news-view-box h1 i{ width: 5px; height:26px; display: inline-block; background-color: #FD732D; vertical-align:middle; margin-right: 10px;}



.news-next{}
.news-next li{border:none; background-color: #F5F7F9; border-left: var(--color-primary) solid 5px; height: 50px; line-height: 50px; padding: 0px 20px; font-size: 16px; }

.product-list-box{ }
.product-list-box .product-img {
	border-bottom: 3px solid #0B458D; /* 图片底部蓝色边框 */
    width: 100%;
    height: auto;
    display: block;
    position: relative; /* 设置相对定位 */  padding: 30px; text-align: center;
}
.product-list-box .product-img img{ max-width: 70%; height: 300px;}

.product-card-body {
    background-color: #F5F5F5; /* 内容介绍部分底色 */
    padding: 15px; /* 内边距 */
    border-top: none; /* 去掉顶部边框 */
}
.product-list-box .card{ border: none; box-shadow:var(--shadow-light);}
.product-list-box .card-title{ color: #484848;}
.product-list-box .card-title a:hover{ color: #0B458D;}

.product-list-box .product-card {
    position: relative;
    overflow: hidden;
}

.product-list-box .product-link {
    display: block;
    position: relative;
    text-decoration: none;
}

.product-list-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色遮罩层 */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-list-box .product-card:hover .overlay {
    opacity: 1;
}

.product-list-box .overlay-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-list-box .plus-sign {
    width: 50px;
    height: 50px;
    background-color: #FD732D; /* 橙色正方形 */
    position: relative;
}

.product-list-box .plus-sign::before,
.product-list-box .plus-sign::after {
    content: '';
    position: absolute;
    background-color: #fff; /* 白色加号 */
    transition: background-color 0.3s ease;
}

.product-list-box .plus-sign::before {
    width: 50%;
    height: 4px;
    top: 50%;
    left: 25%;
    transform: translateY(-50%);
}

.product-list-box .plus-sign::after {
    width: 4px;
    height: 50%;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
}

.product-info .product-title{ color: #0C458C; font-size: 22px; font-weight: bold;}
.product-info .product-sku{ border-bottom: #eee solid 1px; color: #464646; padding: 10px 0; font-size: 14px;}
.product-info .product-params{ font-size: 16px;}
.product-info .product-buttons a{font-size: 16px; padding: 10px 30px; margin-right: 20px;}

.product-details {
    background-color: #fff; /* 灰色背景 */
    padding: 20px;
    border-radius: 8px; box-sizing: border-box;
    margin-top: 20px; box-shadow: var(--shadow-1); margin-bottom: 30px;
}

.details-header {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 10px;
    display: flex;
    align-items: center; color: #333333;
}

.details-header i { 
    color: #fff;
    padding: 5px 10px;
    border-radius: 50%;
    margin-right: 10px;
}

.details-content {
    font-size: 1rem;
    padding: 10px;
    line-height: 180%; 
}
.details-content table{ width: 100% !important;}
.details-content table th, .details-content table td {
    padding: 14px 18px;
    text-align: center;
    border: 1px solid #ddd;
}


.honor-certificates { 
    padding:0 20px;
    border-radius: 8px;
}

.certificate-item {
    text-align: center;
    position: relative;
}

.certificate-image-container {
    border: 5px solid #fff; /* 边框 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 投影效果 */
    overflow: hidden; /* 确保图片放大时不会超出容器 */
    transition: box-shadow 0.3s ease; /* 过渡效果 */
}

.certificate-image-container:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* 鼠标悬停时的投影效果 */
}

.certificate-img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease; /* 过渡效果 */
}

.certificate-image-container:hover .certificate-img {
    transform: scale(1.1); /* 放大效果 */
}

.certificate-title {
    font-size: 1rem;
    color: #333;
    margin-top: 10px; /* 标题与图片之间的间距 */
}

.pdf-box{ background-color: #F4F4F4; padding:10px; border-radius: 5px; margin-bottom: 10px;}
.pdf-box i{ color: #EA5454; font-size: 22px;}
.pdf-box a{ color: #464646;}

.contactus-info{ padding-bottom: 15px;}
.contactus-info b{color: #EA5454; font-size: 26px;}


.servcies-list-box {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: var(--shadow-1);
}
.servcies-list-box h1{color:var(--color-primary); font-size: 20px; border-bottom: #CBCBCB solid 1px; padding: 10px 0; padding-top: 0;}
.servcies-list-box h1 i{ width: 5px; height:26px; display: inline-block; background-color: #35438D; vertical-align:middle; margin-right: 10px;}
.servcies-list-box h1 {
    margin-bottom: 20px;
}

.image-list {
    display: inline-block; width: 30%; margin: 10px 1.2%; vertical-align: top; box-shadow: var(--shadow-1);
}

.image-item { 
    text-align: center;
    position: relative; height: 230px; /* 固定高度 */overflow: hidden; border-radius: 5px 5px 0 0;
}

.image-link {
    display: block;
    position: relative;
    width: 100%;
    height: 230px;
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease;
    
}

.image-link:hover {
    transform: scale(1.2);
    transform-origin: center;
}

.image-title {  
    color: #333;
    padding: 10px;
    text-align: center;
    font-size: 16px; min-height: 80px;
}

/* 确保最后一行的图片不会全屏显示 */
.image-item:last-child {
    flex: calc(33.333% - 20px);
    height: 200px; /* 固定高度 */
    overflow: hidden;
}

.image-item:last-child .image-link:hover {
    transform: scale(1.2);
    transform-origin: center;
}
#code_products_content .swiper-slide{text-align: center; background-color: #fff; box-shadow: var(--shadow-1); padding: 20px;}
#code_products_content .swiper-slide img{ height: auto; max-width: 100%;}


/* 宽一些的下拉菜单 */
.wide-dropdown {
    width: 1000px; left: -460px !important; 
}

/* 横排显示的下拉菜单项 */
.wide-dropdown .dropdown-item {
    display: inline-block; 
    text-align: center;
}

/* 三级菜单的样式 */
.wide-dropdown .dropdown-submenu {
    position: relative; display: inline-block; width: 21%; vertical-align: top;line-height: 36px;
}

.wide-dropdown .dropdown-submenu .dropdown-menu3 {  
    border-radius: 0 6px 6px 6px; margin: 0px; padding: 0px;
}
.wide-dropdown .dropdown-submenu .dropdown-menu3 li{margin: 0px; list-style: none; height: 25px;
    line-height: 25px;
    text-align: left;
    font-size: 13px;}

.wide-dropdown .dropdown-submenu:hover .dropdown-menu3 {
    display: block;
}

#item_cate_782 .dropdown-item{text-align: left;}

.related-products {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; height: 317px; overflow: hidden;
}

.related-product {
    width: 32%;
    text-align: center;
    margin-bottom: 15px;
}

.related-product img {
    max-width: 100%;
    height: 220px;
}

.related-product p {
    margin-top: 8px;
    font-size: 14px;
}

.literature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.literature-item {
    border-bottom: 1px solid #eaeaea;
    padding: 1rem 0; 
}
.literature-item:first-child{ padding-top: 0px;}
.literature-source {
    font-size: 0.875rem; /* 小号字体 */
    color: #000; /* 黑色 */
    display: block; font-weight: bold;
}

.literature-title {
    font-size: 1.25rem; /* 大号字体 */
    color: #000; /* 黑色 */
    margin-top: 0.5rem;
    margin-bottom: 0.3rem; font-weight: bold;
}

.literature-author {
    font-size: 0.875rem; /* 小号字体 */
    color: #888; /* 灰色 */ 
    margin-bottom: 0.5rem; padding: 0; margin: 0;
}
 
.literature-link {
    font-size: 0.875rem; /* 小号字体 */
    color: #0B458C; /* 蓝色 */
    text-decoration: underline;
}


.product-detail-box .row {
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 20px;
    background-color: #fff;
    transition: box-shadow 0.3s ease;
}

.product-detail-box .row:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.product-detail-box img {
    /* width: 100%; */
    height: 260px;
    object-fit: cover;
    border-radius: 6px;
    max-height: 250px;
}

.product-detail-box .card-title a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

.product-detail-box .card-title a:hover {
    color: #007bff;
}

.product-specs small {
    color: #555;
}

/* 添加到 style.css 中 */
.search-section .row {
    flex-wrap: nowrap;
}

.search-section .col-12.col-sm-8 {
    flex: 1;
    min-width: 200px;
}

.search-section .col-12.col-sm-auto {
    flex: 0 0 auto;
}

/* 确保在浏览器放大时搜索框不会换行 */
@media (max-width: 576px) {
    .search-section .row {
        flex-wrap: wrap;
    }
    
    .search-section .col-12.col-sm-8 {
        min-width: 100%;
    }
}

/* 响应式适配 */
@media (max-width: 768px) {
    .accordion-item {
        flex: 0 0 100% !important;
    }
    .row {
        flex-wrap: nowrap;
        overflow-x: auto; -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }
	.accordion-item.active {
        flex: 0 0 80% !important;
    }
	.navbar-brand{max-width: 70%;}
	.navbar-brand img{ width: 100%;}

	.search-title {
		font-size:28px; 
	}
	.search-title img{ margin-top: 5px; width: 50% !important;}

	.navbar-nav {
		line-height: 38px; 
	}


	.services-section .row {
        flex-wrap: wrap;
        overflow-x: hidden;
    }
    
    .services-section .accordion-item {
        flex: 0 0 100% !important;
        min-width: 100%; margin: 0px;
        margin-bottom: 15px;
    }
    
    .services-section .accordion-item.active {
        flex: 0 0 100% !important;
    }
    
    .services-section .card {
        height: auto;
        min-height: 300px;
    }
    
    .services-section .card-body {
        position: relative;
        top: auto;
        transform: none;
        padding: 1.5rem;
    }
    
    .services-section .card-body .card-text,
    .services-section .card-body .btn {
        opacity: 1;
        transform: translateY(0);
    }
    
    .services-section .card-title {
        font-size: 24px;
        margin-bottom: 15px;
    }


	.footer-section {
        padding: 30px 0;
    }
    
    .footer-section .row {
        gap: 1.5rem; display: flex;flex-direction: column;
    }
    .footer-section .row .col-6:first-child{display: none;}

    .footer-section .col-md-2 {
        flex: 0 0 50%;
        max-width: 50%; display: none;
    }
    
    .footer-section h5 {
        font-size: 1.2rem;
        margin-bottom: 0.75rem;
    }
    
    .footer-section ul li {
        font-size: 13px;
        margin-bottom: 0.5rem;
    }
    
    .footer-section .contact-info .small {
        font-size: 1rem;
    }
    
    .footer-section .qrcode-group {
        justify-content: flex-start;
    }
    
    .footer-section .qrcode-group img {
        width: 130px !important;
        height: auto;
    }
    
    .copyright p {
        font-size: 12px;
        text-align: center;
    }

}