/* 公司：江门易腾网络科技有限公司 */
/* 官网：https://www.gdeten.com/ */
/* 微信：13425647971 */
@charset "utf-8";
@import url(../fonts/iconfont.css?v=20260921);
@font-face {
    font-family: 'Galyon';
    src: url(/static/home/fonts/Galyon-Book/Galyon-Book.ttf);
}

:root{
--color:#333333; /* 文字 */
--title-color:#002f6c; /* 标题 */
--summary-color:#666666; /* 内容 */
--bg-color: #002f6c; /* 背景色 */
--else-bgcolor:#f5f5f5; /* 副景色 */
--border-color:#dee2e6;/* 边框色 */
--red-color: #dc3545; /* 图标主色 */
--color-fff: #ffffff;
--red-color: #dc3545; /* 红色 */
--hui-color: #eeeeee; /* 灰色 */

--hover-color: #0d6efd;
--hover-bg: #0d6efd;
--focus-color: #0d6efd; /* 焦点色 */

--border-radius:5px;
--fontweight5:500;
--fontweight4:400;
--fontweight7:700;
--fontweightB:bold;
--fontfamily:"Galyon";
}
.overflow-hidden {
  overflow: hidden; /* 隐藏溢出的内容 */
  text-overflow: ellipsis; /* 显示省略号 */
  white-space: nowrap; /* 防止文本换行 */
}
.eten_img img{max-width:100% !important;height:auto !important;}
.eten_img p{padding: 0;margin: 0;}
.eten_img p img{margin: 0 auto; display: block; width: 100%;}
.clear-fix::after {content: "";display: block;height: 0;visibility: hidden;clear: both;}
.hidden{overflow:hidden}
.lazy-load{position:absolute;left:50%;top:50%;width:26px;height:26px;border-radius:50%;border:2px solid var(--title-color);border-top-color:transparent;border-bottom-color:transparent;transform:translate(-50%,-50%);animation:arrow-circle infinite .75s linear}
.lazy-wrap{display:block;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.lazy-wrap::after{content:"";display:block;padding-bottom:50%}
.lazy-wrap.lazy-loaded .lazy-load{-webkit-animation:none;animation:none;display:none}
.lazy-wrap.lazy-loaded::after{padding-bottom:0px}
.lazy-load:after,.lazy-load:before{position:absolute;top:18px;left:-2px;border-top:5px solid var(--bg-color);border-right:5px solid transparent;border-left:5px solid transparent;content:"";transform:rotate(-30deg)}
.lazy-load:after{top:-2px;left:13.5px;transform:rotate(150deg)}
.text-hover-underline:hover,.text-underline{
  text-decoration-line: underline;
  text-decoration-thickness: 1px; /* 或 0.08em 随字号缩放 */
  text-underline-offset: 2px;     /* 调整间距 */
}
.nav-link{ display: inline-block;}
 

#page-mask‌-layer{ width: 100%; height: 100%; position: fixed;  z-index: 1001; top: 60px;
	display: none;
}
.top10{top: 0px;z-index:999999999;}

/* 定义关键帧动画 */
@keyframes fadePageToDark {
  from {
    background-color: rgba(0, 0, 0, 0.01);
  }
  to {
    background-color: rgba(0, 0, 0, 0.9); /* 半透明黑色背景 */
  }
}
#page-mask‌-layer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
	background-color: rgba(0, 0, 0, 0.9); /* 半透明黑色背景 */
	animation: fadePageToDark 1s ease-in-out;
}


a {color: var(--color);text-decoration:none;}
a:hover{color: var(--hover-color);}
body{
	font-family: "Galyon","微软雅黑", "sans-serif";
	color: var(--color);
	font-size: 14px;
}
li{list-style: none;}
.fl{float: left;}
.fr{float: right;}

/* 垂直居中水平居中 */
.flex-center {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中，如果需要的话 */
  height: 200px; /* 容器的高度 */
}


.border-radius-4{border-radius: 4px;}
.img-tr{-webkit-transition: all linear 200ms;-o-transition: all linear 200ms;transition: all linear 200ms}
.img-tr-1{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.img-tr-2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
hr{border-top: 1px solid var(--border-color);}
.img-responsive{display:block;width:100% \9;max-width:100%;height:auto}
.maximg img{max-width:100%;height:auto !important;}
.maximg p{padding: 0;margin: 0;}
.maximg p img{margin: 0 auto; display: block; width: 100%;}
.txt-hide{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.pre-scrollable{max-height:340px;overflow-y:scroll}
.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}
.empty-tip{ padding: 100px 0; text-align: center; width: 100%; font-size: 16px; color:#999; letter-spacing: 2px;}


/*布局容器*/
.container{max-width: 1420px !important;}
.container-fluid{padding: 0; margin: 0;}
.container-tb{padding: 0 2.5% 0 2.5%; }


/*统一标题样式*/
.title-box{ text-align: center; padding: 20px 0 50px 0;}
.title-box h2{font-size: 36px;font-weight: bold; color: var(--title-color);}
.title-box h5{font-size: 14px;padding: 10px 0; color: var(--summary-color); line-height: 24px;}
/*
.title-box h5{font-size: 16px;letter-spacing: 1px;}
.title-box:after {
    content: "";
    background: var(--border-color);
    width: 60px;
    height: 3px;
    display: block;
    margin: 0px auto;
}*/

/*按钮动画*/
.eten-btn{ 
	position: relative;
    display: table;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid var(--color-fff); 
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    overflow: hidden;	
	color: var(--color-fff);
}
.eten-btn span{
	position:relative;z-index:1;
	width: 100%;height: 100%;display: block;padding: 10px 30px; 
}
.eten-btn span::after{
	content:'';display:inline-block;position:absolute;
	z-index:-1;width:0%;height:110%;top:0px;left:0px;background-color:var(--title-color);transition:all .2s ease;
}
.eten-btn:hover span::after{width:100%;}


/* 自定义动画 s */
/* (轻松淡入) */
@keyframes fadeInByHeader {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}
/* (设置高度) */
@keyframes setTopListHeight {
  from {height: 0;}
  to {height: 180px;}
}
/* 自定义动画 e */


/* ---------- 核心：下横线动画 (两边向中间) ---------- */
.underline-animation {
      display: inline-block;
      font-size: 2.6rem;
      font-weight: 600;
      letter-spacing: 0.02em;
      color: #1a2639;
      text-decoration: none;
      /* 下横线初始状态：宽度0，透明，位于文字底部 */
      background-image: linear-gradient(90deg, var(--red-color), var(--red-color));
      background-size: 0% 2px;          /* 宽度0，高度3px */
      background-position: 50% 100%;      /* 水平居中，垂直底部 */
      background-repeat: no-repeat;
      transition: background-size 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
      padding-bottom: 6px;               /* 让下横线和文字保持一点呼吸距离 */
      cursor: default;
}
/* 悬停时：横线从中间向两侧展开 (视觉上两边向中间靠拢) */
.underline-animation:hover {
      background-size: 100% 2px;          /* 宽度铺满，高度3px */
}
	
	

/*头部s*/
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2026;
}
header #header-container {
	position: relative;
	z-index: 2025;
	-webkit-transition:all .5s ease; transition:all .5s ease;
	font-size: 16px; color: var(--color-fff);
	background-color: rgba(0, 0, 0, 0.1); /* 半透明黑色背景 */
	padding: 0;
}
#header-container.top-header {
	background: var(--bg-color);opacity: 1;
}
header .logo-container{ 
	
}
header .top-sousuo{ 
	color: var(--color-fff);  width: 22px; height: 22px; line-height: 22px; text-align: center;
}
header .top-sousuo i{font-size: 20px;}
header .nav{ --bs-nav-link-padding-y: 20px; margin-left: 8%;}
header .nav-link{color: var(--color-fff); font-size: 20px;}
header .nav-link:focus, header .nav-link:hover, header .nav>.active>a{color: var(--focus-color);}
header .nav>.active:after {
	position: absolute;
	left: 25px;
	bottom: 7px;
    content: " ";
    background: var(--focus-color);
    width: 30px;
    height: 2px;
    display: block;
	margin-top: 3px;
}
header .shop-list{ margin-right: 15px;}
header .lang-box{margin-right: 15px;}
header .shop-list .dropdown-menu,
header .lang-box .dropdown-menu
{ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06), 0 0 10px rgba(0, 47, 108, 0.06);}

header .shop-list img,header .lang-box img{width: 20px;height: 18px;}
header .dropdown-toggle{color: var(--color-fff);}

/*手机版*/
#wap-header-container{background: var(--bg-color) !important; --bs-bg-opacity: 1; padding: 0 5px;}
#wap-header-container .wap-header-logo{height: 50px;}
#wap-header-container .wap-header-logo img{height: 50px;}
#wap-header-container .navbar-toggler{ padding: 0; border: 0;}
#wap-header-container .navbar-toggler:focus {box-shadow: 0 0 0 0;}
#wap-header-container #navbar-toggler-icon{color: var(--color-fff);font-size: 40px;}
.wap-header-hr{ padding-top: 60px;}
#wap-header-container .offcanvas{ z-index: 99999999 !important;;}
.offcanvas.offcanvas-end{ width: 320px;}
/*头部e*/


header .nav li{position: relative;}
header .nav li .top-sub-nav{ 
    position: absolute;
    top: 70px;
    left: 0;
	min-width: 200px;
	z-index: 1000;
	display: none;
	border-radius: 0;
	border: 0;
}
header .nav li .top-sub-product{ 
	position: fixed;
    top: 70px;
    left: 0;
	width: 100%;
	padding: 20px 5% 20px 5%;
	z-index: 999;
	display: none;
	border-radius: 0;
	border: 0;
}
#product-category-prev{top: 45px; color: var(--title-color);}
#product-category-next{top: 45px; color: var(--title-color);}


header .nav li .dropdown-menu .dropdown-item{font-size: 14px;}
/* 让二级菜单的三角指示符在悬停时保持 (只是装饰) */
header .nav .dropdown-toggle::after {
    transition: transform 0.2s;
}
header .nav .dropdown:hover .dropdown-toggle::after,header .nav .active .dropdown-toggle::after {
    transform: rotate(180deg);
}
header .nav li:hover .top-sub-nav,
.index-body header .nav li:hover .top-sub-product,
.common-body header .nav li:hover .top-sub-product{ 
	display: block;animation: fadeInByHeader 0.2s ease-in-out;
}

#product-category{}
#product-category .swiper-wrapper{}
#product-category .swiper-slide{ background-color: var(--color-fff); }
#product-category .swiper-slide .swiper-slide-img{ padding:3px 2px; margin-bottom: 0px; display: block;border-bottom: var(--border-color) 1px solid;}
#product-category .swiper-slide .swiper-slide-img h5{ font-size: 14px; line-height: 18px;display: flex;height: 50px;
 align-items: center; /* 容器的高度 垂直居中 */
}
#product-category .swiper-slide .swiper-slide-img .active h5{color: var(--title-color); text-decoration: underline;}
#product-category .swiper-slide .swiper-slide-img .cat-img{width:100%; position:relative; overflow:hidden;border-radius: var(--border-radius);}
#product-category .swiper-slide .swiper-slide-img .cat-img::before{content:""; display:block; padding-bottom:100%}
#product-category .swiper-slide .swiper-slide-img .cat-img img{
	position:absolute; top:50%; left:50%; 
	transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; 
	-webkit-transition: all .5s ease; transition: all .5s ease;
}
#product-category .swiper-slide .list-group{ 
	border: 0px; --bs-list-group-border-width:0;padding: 15px 0 0 0;
}
#product-category .swiper-slide .list-group-item{ padding: 3px 5px;}
#product-category .swiper-slide .list-group-item::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #cccccc;
}
#product-category .swiper-slide .list-group-item a{ font-size: 16px; padding-left: 5px;}
#product-category .swiper-pagination{ bottom: -5px; }
#product-category .swiper-pagination .swiper-pagination-bullet{width: 20px; height: 2px; border-radius: 5px;}
#product-category .swiper-pagination-bullet-active{background-color: var(--title-color);}

header .nav li .dropdown-menu .dropdown-item:hover,
header .shop-list .dropdown-item:hover,
header .lang-box .dropdown-item:hover
{  color: var(--title-color);background-color: transparent; text-decoration-line: underline; text-decoration-thickness: 1px;text-underline-offset: 2px;}
#product-category .swiper-slide .list-group-item:hover a{color: var(--title-color);
	text-decoration-line: underline;text-decoration-thickness: 1px;text-underline-offset: 2px;
}
#product-category .swiper-slide .swiper-slide-img:hover h5{ text-decoration-line: underline; color: var(--title-color); }
#product-category .swiper-slide .swiper-slide-img:hover img {width: 120%;height: 120%;}

/* 头部搜索 */
#search-offcanvas{ top: 70px;--bs-offcanvas-height: 90px;}
#search-offcanvas .offcanvas-body{ margin-top: 10px;}
#search-offcanvas .search-container{ width: 500px; margin: 0 auto;}


/*
#product-category .swiper-slide .list-group-item,
header .shop-list .dropdown-item,
header .lang-box .dropdown-item
{position: relative;}
#product-category .swiper-slide .list-group-item::before,
header .top-sub-nav .dropdown-item::before,
header .shop-list .dropdown-item::before,
header .lang-box .dropdown-item::before
{
    content: "";
    height: 1px;
    background: var(--bg-color);
    position: absolute;
    z-index: 9;
    left: 0;
    right: 100%;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    bottom: 1px;
	overflow: hidden;
}
#product-category .swiper-slide .list-group-item:hover::before,
header .top-sub-nav .dropdown-item:hover::before,
header .shop-list .dropdown-item:hover::before,
header .lang-box .dropdown-item:hover::before
{
    right: 0%;
}
header .dropdown-item:active {
   background-color: var(--color-fff) !important;
   color: var(--title-color);
}
footer{padding: 60px 0 2px 0;overflow: hidden;
	background-color:#e2e2e2;

}
*/

	
footer{
	padding: 60px 0 2px 0;position: relative;
	color: var(--color-fff);overflow-x: hidden;
}
footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--bg-color);
  z-index: -1; /* 确保伪元素位于内容之下 */
}
#wap-footer{
	padding: 10px;
}
#wap-footer .seo-copyright{ text-align: center; }
footer #footer-border-top{ border-top: 2px #666666 solid; padding-top: 10px;}
footer #footer-border-top p{ line-height: 28px;}
footer #footer-border-top .link-dark i{font-size: 20px;color: var(--color-fff);}
footer .nav .nav-link{ color: #999;position: relative;overflow: hidden;}
footer .nav .nav-link:hover{color:var(--color-fff);}
footer .nav .nav-link::before {
    content: "";
    height: 1px;
    background: var(--color-fff);
    position: absolute;
    z-index: 9;
    left: 0;
    right: 100%;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    bottom: 0;
	overflow: hidden;
}
footer .nav .nav-link:hover::before {
    right: 88%;
}
footer .footer-search .eten-btn{
	padding: 0;
	border: 1px solid var(--title-color); border-radius: var(--border-radius);color: var(--title-color);
}
footer .footer-search .eten-btn span{padding: 10px 30px 10px 10px; display: block;}
footer .footer-search .eten-btn:hover span{color: var(--color-fff);}



/* 首页内容s */
#index-main{}
#index-main section{ padding: 80px 0 80px; min-height: 300px; border-bottom: 1px solid var(--border-color);}
#index-main section:last-child { border-bottom:0; }


/*主体内容s */
#page-main{ }
#page-main section{ padding: 60px 0 60px; min-height: 300px;}
#page-main section:nth-child(even) {
    background-color: var(--hui-color); /* 例如，为偶数元素设置背景颜色 */
}

/* banner图 s */
.index-banner{}
.index-banner .swiper-slide img {
	      display: block;
	      width: 100%;
	      height: 100%;
	      object-fit: cover;
}
.index-banner .swiper-pagination{ bottom: 30px;}
.index-banner .swiper-pagination .swiper-pagination-bullet{ width: 60px; height: 4px; border-radius: 5px;}
.index-banner .swiper-pagination-bullet-active{
	background-color: var(--focus-color);
}
.page-banner{ margin: 0 auto; text-align: center;}
.page-banner img{ width: 100%;}
/* banner图 s */


#home-service{transform:translateY(-20px);position:relative;z-index:10}
#home-service .home-service-list{display:flex;justify-content:space-between;flex-wrap:wrap}
#home-service .home-service-list .item{width:23.4%;background-color:var(--color-fff);border-bottom:3px solid var(--border-color);border-radius:var(--border-radius);display:flex;align-items:center;box-sizing:border-box;padding:1.5%;box-shadow:0 3px 18px 0 rgba(0,0,0,.16);transform:translateY(0);transition:all .3s linear}
#home-service .home-service-list .item .left{width:60px;height:60px;background-color:var(--else-bgcolor);color:var(--color);border-radius:50%;margin-right:14px;display:flex;align-items:center;justify-content:center;transition:all .3s linear}
#home-service .home-service-list .item .left em{font-size:32px;transform:rotateY(0);transition:all .3s linear}
#home-service .home-service-list .item .right {flex:1;color:var(--summary-color);font-size:14px;margin-bottom:0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#home-service .home-service-list .item .right .title{color:var(--color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:16px}

/*首页产品分类*/	
#home-categories-list{padding: 0;margin: 0;}
#home-categories-list li{min-height: 300px; position: relative; margin: 20px 0 80px 0;}
#home-categories-list li .img{width:100%; position:relative; overflow:hidden;border-radius: var(--border-radius);}
#home-categories-list li .img::before{content:""; display:block; padding-bottom:34%}
#home-categories-list li .img img{
	position:absolute; top:50%; left:50%; 
	transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; 
	-webkit-transition: all .5s ease; transition: all .5s ease;
}
#home-categories-list li .tit-box{ position: absolute; bottom: 20%;left: 4%;}
#home-categories-list li .tit-box h5{ font-size: 30px; padding: 10px 0; margin-bottom: 40px; font-weight: bold; color: var(--color-fff);}
#home-categories-list li .categories-btn{ 
	position: relative;
	margin-top: 30px; 
    display: table;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid var(--color-fff); 
	border-radius: 20px;
    -webkit-border-radius: 20px;
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    overflow: hidden;	
	color: var(--color-fff);
	
}
#home-categories-list li .categories-btn span{
	position:relative;z-index:1;
	width: 100%;height: 100%;display: block;padding: 10px 30px; 
}
#home-categories-list li .categories-btn span::after{
	content:'';display:inline-block;position:absolute;
	z-index:-1;width:0%;height:110%;top:0px;left:0px;background-color:var(--title-color);transition:all .2s ease;
}
#home-categories-list li .categories-btn:hover{border: 1px solid var(--title-color);}
#home-categories-list li .categories-btn:hover span::after{width:100%;}
/* 终止右左变换
#home-categories-list li:nth-child(odd) .tit-box {left: 4%;}
#home-categories-list li:nth-child(even) .tit-box{right: 4%;}	
#home-categories-list li:nth-child(even) .tit-box a{ float: right;}
*/
#home-categories-list li:hover .img img {width: 104%;height: 104%;}
#home-categories-list li:last-child { margin-bottom: 0; }

#home-categories-list .categories-prolist{position:absolute;  width: 360px; overflow: hidden; bottom: 30px; }
#home-categories-list .categories-prolist a{
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 3px;
	background: rgba(255, 255, 255, 0.2);
	border-width: 1px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.25);
	border-image: none;
	border-radius: var(--border-radius);
}
#home-categories-list .categories-prolist a:hover {
    background: rgba(255, 255, 255, 0.4);
}
#home-categories-list .categories-prolist img{border-radius: var(--border-radius);}

#home-categories-list li:nth-child(odd) .categories-prolist{right: 4%;}
#home-categories-list li:nth-child(even) .categories-prolist{left: 4%;}


/*首页产品列表*/	
#home-products{}
#home-products .products-list{}	
	
/*首页关于我们*/	
#home-about{ position: relative;}
.home-about-container{
	margin: 0;padding:0;
}	
.home-about-container .about-txt{ text-align: justify;hyphens: auto;line-height: 1.8rem; font-size: 1.2rem;}
#home-about #home-about-pic{ position: absolute; }
#home-about #home-about-pic img{ width: 100%; }

.home-about-container .eten-btn-box{ 
	text-align: center;
	display: grid;
	place-items: center; /* 同时水平和垂直居中 */
	height: 100px; /* 容器高度，根据需要调整 */
}
.home-about-container .eten-btn-box .eten-btn{
	border: 1px solid var(--title-color); border-radius: var(--border-radius);color: var(--title-color);
}
.home-about-container .eten-btn-box .eten-btn:hover span{color: var(--color-fff);}
#mature-td-box{}
#mature-td-box .mature-td-title{font-size: 3rem; margin-left: 150px; color: var(--title-color);}
#mature-td-box .mature-td-title b{font-size: 3.6rem; width: 100%; display: block; margin: 5px 0;}
#mature-td-box .maximg{ text-align: justify;hyphens: auto;  padding: 10px 50px; line-height: 1.5rem; font-size: 1rem;min-height: 520px; margin-top: 60px;}


/*首页新闻资讯*/
.home-news-list{padding: 10px 0px; }
.home-news-list .swiper-wrapper{ margin-bottom: 50px;}
.home-news-list .news-item{
	 padding: 15px;overflow: hidden;border: 0; text-align: center;
}
.home-news-list .news-item .news-title{ margin-bottom: 10px; font-weight: bold; line-height: 24px; height: 24px; overflow: hidden;}
.home-news-list .news-item .news-text{ line-height: 22px; height: 44px; color: var(--summary-color); margin-bottom: 3px;overflow: hidden;}
.home-news-list .news-item .news-time{}
.home-news-list .news-item .news-img{width:100%; position:relative; overflow:hidden;border-radius: var(--border-radius);}
.home-news-list .news-item .news-img::before{content:""; display:block; padding-bottom:50%}
.home-news-list .news-item .news-img img{
	position:absolute; top:50%; left:50%; 
	transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; 
	-webkit-transition: all .5s ease; transition: all .5s ease;
}
.home-news-list .news-item:hover img {width: 104%;height: 104%;}
.home-news-list .news-item:hover .card-title { color: var(--title-color);}
.home-news-list .news-item:hover .news-time .text-body-secondary{ color: var(--title-color)!important;}
.home-news-list .swiper-pagination .swiper-pagination-bullet{ bottom: 0px; width: 20px; height: 3px; border-radius: 5px;}
.home-news-list .swiper-pagination-bullet-active{background-color: var(--title-color);}



#home-contact-us{}
#home-contact-us .contact-item{ 
	padding: 20px;text-align: center;
	/* box-shadow:0 3px 18px 0 rgba(0,0,0,.16); */
	transform:translateY(0);transition:all .3s linear;
	min-height: 300px;
	margin: 20px;
}
#home-contact-us .contact-item .contact-icon{
    width: 120px;
    height: 120px;
    border-radius: 50%;
	background-color: var(--bg-color);
    margin: 0px auto 1.6rem;
	text-align: center;
	margin: 0 auto;
	position: relative;
}
#home-contact-us .contact-item .contact-icon i{ 
	font-size: 2.4rem;
    position: absolute; /* 或 relative */
    top: 24%; /* 或 bottom: 0 */
    left: 34%; /* 或 right: 0 */
    transform: translate(-50%, -50%); /* 移动自身尺寸的一半 */
	color: var(--color-fff);
	transform:rotateY(0);transition:all .3s linear;
}
#home-contact-us .contact-item h5{ padding: 20px 0; color: var(--title-color);}

	
/* 首页产品列表s */
.home-product-list{}
.home-product-list .product-item{
	width: 100%;
	min-height: 300px;
	position: relative;
	overflow: hidden;
	z-index: 99;
	margin-bottom: 30px;
}
.home-product-list .product-item .cat-image{width:100%; position:relative; overflow:hidden;border-radius: var(--border-radius);}
.home-product-list .product-item .cat-image::before{content:""; display:block; padding-bottom:60%}
.home-product-list .product-item .cat-image img{
	position:absolute; top:50%; left:50%; 
	transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; 
	-webkit-transition: all .5s ease; transition: all .5s ease;
}
.home-product-list .product-item:hover .cat-image img {width: 106%;height: 106%;}

.home-product-list .cat-name{ 
	position: absolute;
	top: 40px;
	left: 41px;
	width: 82%;
	z-index: 100;
	text-align: left;color: var(--color-fff);
}
.home-product-list .cat-name h5{ 
	font-size: 24px;font-weight: bold; margin: 20px 0;
}
.home-product-list .cat-name .cat-txt{ 
	font-size: 14px;  width: 80%;
}
.home-product-list .album-button-prev,.home-product-list .album-button-next{
	position: absolute;width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 1rem; bottom: 66px; 
	border-radius: 30px;
	background: rgba(0, 0, 0, 0.4);
	color: var(--color-fff);
}
.home-product-list .album-button-prev{left: 5px;}
.home-product-list .album-button-next{left: 445px;}
.home-product-list .swiper-button-disabled{ display: none;}

.home-product-list .album-list{ 
	position: absolute;
	bottom: 15px;
	left: 40px;
	width: 400px;
	z-index: 100;
}


.home-product-list .album-list .album-swiper{ width: 99%; padding: 10px 0;}
.home-product-list .album-list .swiper-slide{ 
	cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: var(--border-radius); 
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);color: var(--color-fff); 
}
.home-product-list .album-list .swiper-slide .product-img{width:100%; position:relative; overflow:hidden;border-radius: var(--border-radius);}
.home-product-list .album-list .swiper-slide .product-img::before{content:""; display:block; padding-bottom:100%}
.home-product-list .album-list .swiper-slide .product-img img{
	position:absolute; top:50%; left:50%; 
	transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; 
	-webkit-transition: all .5s ease; transition: all .5s ease;
}
.home-product-list .album-list .swiper-slide .product-a{
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 3px;
	background: rgba(255, 255, 255, 0.4);
	border-width: 1px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.25);
	border-image: none;
	border-radius: var(--border-radius);
}
.home-product-list .album-list .swiper-slide .product-a:hover {
    background: rgba(255, 255, 255, 0.6);
}
.home-product-list .album-list .swiper-slide .product-a h5{
	color: var(--color-fff); font-size: 12px; text-align: center;
	margin-bottom: 0px; line-height: 22px; font-weight: bold; overflow: hidden;
}
.home-product-list .album-list .swiper-button-prev{ left: 0; color: var(--color-fff);}
.home-product-list .album-list .swiper-button-next{ right: 0; color: var(--color-fff);}
.home-product-list .album-list .swiper-button-next:after, .home-product-list .album-list .swiper-button-prev:after {
	font-size: 14px;font-weight: bold;
}




/* 产品列表e */	
	
	
	
/* 首页内容e */



main{min-height: 500px;}
.index-body{ overflow-x: hidden; }
.index-body #product-category .swiper-slide .list-group{ display: block;}

.products-body main{ padding-top: 174px;} 
.products-body #product-category .swiper-pagination{ display: none; height: 0px; }
.products-body  #product-category .swiper-slide .list-group{ 
	height: 0; overflow: hidden;transition: all .5s ease;display: none; margin: 10px 0;
}
.products-body header #header-container{background: var(--bg-color);opacity: 1;}
.products-body header .nav li .top-sub-product{ display: block; border-bottom: 1px solid var(--border-color);}
.products-body #product-category .swiper-slide{min-height: 0px;}
.products-body #product-category .swiper-slide .swiper-slide-img{border-bottom: var(--border-color) 0px solid;}
.products-body #product-category:hover .swiper-slide .list-group{height: 180px; animation: setTopListHeight 1s ease-in-out;}
.products-body #product-category:hover .swiper-slide .swiper-slide-img{border-bottom: var(--border-color) 1px solid;}
.common-body header #header-container{background: var(--bg-color);opacity: 1;}
.common-body main{ padding-top: 70px;} 



/*面包屑导航*/
#breadcrumb-container{width: 100%; margin: 10px 0; padding: 6px 0 12px;min-height: 40px;}
#breadcrumb-container .breadcrumb,#breadcrumb-container .breadcrumb a,#breadcrumb-container .breadcrumb-item+.breadcrumb-item::before{color: var(--color);}
#breadcrumb-container .breadcrumb-title{ font-size: 16px; position: relative;padding: 0;margin: 0; overflow: hidden;}
#breadcrumb-container .breadcrumb-nav{ font-size: 16px;padding: 0;margin: 0;}
#breadcrumb-container .breadcrumb-nav .breadcrumb{padding: 0;margin: 0;}
#breadcrumb-container .breadcrumb-nav .breadcrumb li:last-child a{color: var(--color);}

/*二级导航*/
#sub-menu{ font-size: 14px;position: relative;}
#sub-menu .sub-menu-btn{ font-size: 16px; line-height: 24px; padding: 0px;border-radius:0; margin: 0; background: none; border: none;color: color: var(--color);}
#sub-menu .sub-menu-btn:hover{color: var(--color);}
#sub-menu .sub-menu-btn:hover:before{right: 0%;}
/* 链接经过效果 */
#sub-menu .sub-menu-btn:before{
	content: "";height: 1px;background: var(--bg-color);position: absolute;z-index: 9;left: 0;right: 100%;
	-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; bottom: -3px;
}
#sub-menu .sub-menu-ul{  padding: 10px 0;font-size: 14px; z-index: 999999; border: 0; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06), 0 0 10px rgba(0, 47, 108, 0.06);}
#sub-menu .sub-menu-ul a{color: var(--summary-color);}
#sub-menu .sub-menu-ul a:hover{color: var(--title-color); background-color: transparent;}
#page-banner-container{}
#page-banner-container img{ width: 100%;}

/*三级导航*/
.three-nav{ padding: 20px 0;}
.three-nav .nav{ border-bottom: solid 1px var(--border-color);}
.three-nav .nav .nav-link{ color: var(--color); font-size: 1.2rem;}
.three-nav .nav .nav-link.active{ color: var(--title-color);border-bottom: solid 2px var(--title-color);}


/* (设置高度) */
@keyframes setSwiperPagination {
  from {height: 0;}
  to {height: 26px;}
}
.products-body  #product-category:hover .swiper-pagination{ 
	display: block; height: 26px;
	animation: setSwiperPagination 1.5s ease-in-out;
}


/*分页*/
.pagebar{padding: 4px 0px; margin: 20px 0;}
.pagebar #pagebar-container{ margin:0}
.pagebar .float-start{ line-height: 40px;}
.pagebar .float-start span{ color: var(--red-color); font-weight: bold;}
.pagebar .float-end{ text-align: right;}
.pagebar .page-link{ color:var(--color);}
.pagebar .active>.page-link, .pagebar .page-link.active{ 
	background-color:var(--focus-color); border-color:var(--focus-color);color:var(--color-fff);
}
.pagebar-px-4{padding: 4px 1rem;}


/* 单页内容s */	
.content-box{
	padding: 10px 0 50px 0;
}
.content-wrap{ line-height: 22px; text-align: justify;word-break: break-all;color: var(--summary-color);}
.content-wrap p{line-height: 22px;}
.content-wrap table{width:99.9%; margin:0 auto; border-collapse:collapse; border-spacing:0; border:1px solid var(--border-color); }
.content-wrap table caption { padding-bottom:5px;}
.content-wrap table th {font-weight:700; padding:5px 15px; border:1px solid var(--border-color); background:var(--bg-color);}
.content-wrap table td {padding:5px 15px; border:1px solid var(--border-color);}
.content-wrap table tr.altrow { background:var(--else-bgcolor);}

.content-box .swiper-pagination{ bottom: -5px; }
.content-box .swiper-pagination .swiper-pagination-bullet{width: 20px; height: 2px; border-radius: 5px;}
.content-box .swiper-pagination-bullet-active{background-color: var(--focus-color);}

/* 单页内容e */



/* 文章系统s */	

/*文章列表*/	
.news-list{ padding: 30px 0 40px 0;}
.news-list .row{--bs-gutter-x: 3.5rem;}
.news-list .news-item{
	 padding: 0;overflow: hidden;border: 0;
	 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0, 0.05);
	 margin-bottom: 3.5rem;
}
.news-list .news-item:hover {
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.06);
}
.news-list .news-item .card-body{background-color: var(--hui-color);}
.news-list .news-item .news-title{ margin-bottom: 10px; font-weight: bold; line-height: 24px; height: 24px; overflow: hidden;}
.news-list .news-item .news-text{ line-height: 22px; height: 44px; color: var(--summary-color); margin-bottom: 3px;overflow: hidden;}
.news-list .news-item .news-time{ margin-bottom: 0;line-height: 22px;}
.news-list .news-item .news-img{width:100%; position:relative; overflow:hidden;}
.news-list .news-item .news-img::before{content:""; display:block; padding-bottom:50%}
.news-list .news-item .news-img img{
	position:absolute; top:50%; left:50%; 
	transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; 
	-webkit-transition: all .5s ease; transition: all .5s ease;
}
.news-list .news-item:hover .card-body{background-color: var(--bg-color);}
.news-list .news-item:hover img {width: 104%;height: 104%;}
.news-list .news-item:hover .card-title,
.news-list .news-item:hover .news-time .text-body-secondary,
.news-list .news-item:hover .news-time i,
.news-list .news-item:hover .news-text
{ color: var(--color-fff)!important;}

/*文章详情页*/
.news-details{padding: 60px;}
.news-details .article-title{ font-size: 32px; margin-bottom: 20px; text-align: center;}
.news-details .article-info{ padding: 10px 0;color:var(--summary-color);text-align: center;}
.news-details .article-info span{padding: 0px 8px;}
.news-details .article-summary{ margin-bottom: 40px;color:var(--color-fff);background-color: var(--else-bgcolor); border: 1px solid var(--else-bgcolor);}

.news-details .article-tags{font-size: 16px; border-top: 1px solid #dee2e6; line-height: 26px; padding-top: 10px;}
.news-details .article-tags span{font-weight: bold;}
.article-related-product{padding: 20px 10px;}
.article-related-product .title{ font-size: 18px; }
.article-related-product .card{border: 0; border-bottom: 1px solid #dee2e6;border-radius: 0;}
.article-related-product .card:last-child{border: 0;}

/* 文章系统e */	


/* 常见问题s */	
.faq-list{padding: 30px 0 40px 0;}
.faq-list .faq-item {
      background: var(--color-fff);
      border-radius: var(--border-radius);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0, 0.05);
      padding: 1.5rem 1.8rem;
      margin-bottom: 1.2rem;
      border: 1px solid var(--border-color);
	  transition: all 0.3s ease;
}
.faq-list .faq-item:hover {
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.06);transform: translateY(-8px);
}
.faq-list .faq-item .faq-question {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      margin-bottom: 0.6rem;
}
.faq-list .faq-item .faq-question .q-icon {
      color: var(--focus-color);
      font-size: 1.3rem;
      font-weight: 600;
      min-width: 1.8rem;
      line-height: 1.4;
}
.faq-list .faq-item .faq-question h5 {
      font-weight: 600;
      font-size: 1.1rem;
      margin: 0;
      color: #1e293b;
      line-height: 1.5;
}
.faq-list .faq-item .faq-answer {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      padding-left: 0.2rem;
}
.faq-list .faq-item .faq-answer .a-icon {
      color: #198754;
      font-size: 1.3rem;
      font-weight: 600;
      min-width: 1.8rem;
      line-height: 1.4;
}
.faq-list .faq-item .faq-answer p {
      margin: 0;
      color: var(--summary-color);
      line-height: 1.7;
      font-size: 0.98rem;
}
/* 常见问题e */	


/* 查找列表s */	
.search-list{padding: 30px 0 40px 0;}
.search-list .search-item {
      background: var(--color-fff);
      border-radius: var(--border-radius);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0, 0.05);
      padding: 1.5rem 1.8rem;
      margin-bottom: 1.2rem;
      border: 1px solid var(--border-color);
	  transition: all 0.3s ease;
}
.search-list.search-item:hover {
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.06);transform: translateY(-8px);
}
.search-list .search-item .search-title {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      margin-bottom: 0.6rem;
}
.search-list .search-item .search-title .sort{
      color: var(--focus-color);
      font-size: 1.3rem;
      font-weight: 600;
      min-width: 1.8rem;
      line-height: 1.4;
}
.search-list .search-item .search-title h5 {
      font-weight: 600;
      font-size: 1.1rem;
      margin: 0;
      color: #1e293b;
      line-height: 1.5;
}
.search-list .search-item .search-summary {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      padding-left: 0.2rem;
}
.search-list .search-item .search-summary p {
      margin: 0;
      color: var(--summary-color);
      line-height: 1.7;
      font-size: 0.98rem;
}
.search-list .eten-btn-box{ 
	display: flex; justify-content: flex-end;
	margin-top: 20px;
}
.search-list .eten-btn-box .eten-btn{
	border: 1px solid var(--border-color); border-radius: var(--border-radius);color: var(--title-color);
}
.search-list .eten-btn-box .eten-btn span{padding: 6px 20px;}
.search-list .eten-btn-box .eten-btn:hover span{color: var(--color-fff);}
/* 查找列表e */



/* 下载列表s */	
.download-list{padding: 30px 0 40px 0;}
.download-list .row{--bs-gutter-x: 3.5rem;}
.download-list .download-item {
      background: var(--else-bgcolor);
      border-radius: var(--border-radius);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0, 0.05);
      padding: 1rem 1.8rem;
      margin-bottom: 3.5rem!important;
	  transition: all 0.3s ease;
}
.download-list .download-item:hover {
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.06);transform: translateY(-8px);
}
.download-list .download-item .icon {
      margin-top: 18px;
}
.download-list .download-item .icon img{
	  width: 100%;border-radius: var(--border-radius);
}
.download-list .download-item .card{ background-color: transparent; border: 0; }
.download-list .download-item .card h5 {
	margin-bottom: 18px;
}
.download-list .download-item .download-btn{ 
	font-size: 18px; border-radius: var(--border-radius);
	border: solid 1px var(--title-color); float: right; color: var(--title-color);
}
.download-list .download-item .download-btn span{padding: 5px 8px;}
.download-list .download-item .download-btn:hover span{ color: var(--color-fff); }
.download-list .download-item .download-btn i{font-size: 20px;}
/* 下载列表e */	

/* 防伪验证s */
#id-check-result{ z-index: 9999;--bs-offcanvas-height: 40vh; }
.id-check-box{ padding: 50px 0 40px 0;}
.security-code-box{ width: 600px; margin: 0 auto; padding: 15px 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.1);border-radius: 50px;
}
.security-code-box .form-control{border:0;margin: 0 15px;}
.security-code-box .form-control:focus{
	border-radius: 50px !important;
}
.security-code-box .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), 
.security-code-box .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, 
.security-code-box .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, 
.security-code-box .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){
	border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem;
}
.security-code-box #security-code-button{
	border:0; background-color: var(--bg-color); color: var(--color-fff);border-radius: 50%; 
}
.id-check-tip-container{ padding: 100px 0 60px 0;}
.id-check-tip-container .row{--bs-gutter-x: 2rem;}
.id-check-tip-container .result-info{
	display: flex;align-items: flex-start;padding: 10px; border-radius: var(--border-radius);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1), 0 0 30px rgba(0, 47, 108, 0.1);transition: all 0.3s ease;
} 
.id-check-tip-container .result-info-hover,.id-check-tip-container .result-info:hover {
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1), 0 0 30px rgba(0, 47, 108, 0.3);transform: translateY(-8px);
}
.result-info .id-check-icon{margin-top: 12px;}
.result-info .id-check-icon i{font-size: 30px;}
.result-info .card{ background-color: transparent; min-height: 200px; border: 0;}
.result-info .card .card-title {margin-bottom: 18px;font-size: 26px;color: var(--color);}
.result-info .card .card-text { color: var(--summary-color); }
.result-info .card .card-text p{ font-weight: bold; margin-top: 10px;}
.result-info .card .card-key{margin-top: 8px;}
.result-info.check-success .iconfont{ color: var(--bs-success);}
.result-info.check-warning .iconfont{ color: var(--bs-warning);}
.result-info.check-error .iconfont{ color: var(--bs-danger);}

#id-check-result{--bs-modal-margin: 9rem;}
#id-check-result .modal-dialog-centered{ min-height: 480px;}
#id-check-result .result-item{border-bottom: solid 1px var(--border-color);}
#id-check-result .result-item:last-child { border-bottom:0; }
#id-check-result .result-info{
	display: flex;align-items: flex-start;padding: 10px; border-radius: var(--border-radius);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1), 0 0 30px rgba(0, 47, 108, 0.1);
	transition: all 0.3s ease;
} 
#id-check-result .result-info .card {min-height: 100px;}
#id-check-result .result-info .card .card-title {margin-bottom: 10px;}
#id-check-result .result-info .card .card-text { overflow: hidden;  margin-bottom: 0;}
#id-check-result .result-info .card .card-text p{ margin-bottom: 0;}
#id-check-result .result-info .link-primary{color: var(--color) !important;}
#id-check-result .result-info .link-primary:hover{color: var(--title-color) !important; text-decoration: underline;}
.result-info .card .card-key,.result-info .card .card-key .iconfont{color: var(--red-color);}
.result-info .card .card-time,.result-info .card .card-time .iconfont{color: var(--summary-color);}
/* 防伪验证e */	



/* 公司简介/企业文化/企业荣誉/发展历程s */	
.page-about-wrapper{}
#page-about-wrapper .about-txt{ font-size: 1.2rem;} 

#about-culture{}
#about-culture .about-culture-list{}
.culture-box{ padding:40px;}
.culture-box .culture-title{ color: var(--title-color);}
.culture-box .culture-entitle{ color: var(--hui-color);}
.culture-box .culture-txt{ color: var(--summary-color);}
.about-culture-list .g-0:nth-child(even){
    text-align: right !important;
}
#about-honor-list{ padding-bottom: 30px; }
#about-honor-list .about-honor-item{
	overflow: hidden; border: solid 1px var(--border-color); border-radius: var(--border-radius); padding: 10px; display: block;
}
#about-honor-list .about-honor-item .culture-title{ 
	line-height: 24px; height: 24px; overflow: hidden; font-size: 16px; margin-bottom: 0; text-align: center;
	padding: 5px 0;
}
#about-honor-list .about-honor-item .honor-img{width:100%; position:relative; overflow:hidden;border-radius: var(--border-radius);}
#about-honor-list .about-honor-item .honor-img::before{content:""; display:block; padding-bottom:68%}
#about-honor-list .about-honor-item .honor-img img{
	position:absolute; top:50%; left:50%; 
	transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; 
	-webkit-transition: all .5s ease; transition: all .5s ease;
}
#about-honor-list .about-honor-item:hover img {width: 104%;height: 104%;}
#about-honor-list .about-honor-item:hover .card-title { color: var(--bg-color);}
#about-honor-list .about-honor-item:hover .news-time .text-body-secondary{ color: var(--hover-color)!important;}
#about-honor-list .swiper-pagination .swiper-pagination-bullet{ bottom: 0px; width: 30px; height: 2px; border-radius: 5px;}
#about-honor-list .swiper-pagination-bullet-active{background-color: var(--focus-color);}

#about-history-list{}
#about-history-list .history-item{
	padding: 0px 90px;--bs-gutter-x: 8rem;
}
#about-history-list .history-item .history-img{width:100%; max-height: 400px; overflow:hidden;border-radius: var(--border-radius);}
#about-history-list .history-item .history-img img{ width: 100%;}
#about-history-list .history-item .history-box{ min-height: 400px;}
#about-history-list .history-item .history-box .history-year{color: var(--red-color); }
#about-history-list .history-item .history-box .history-title{color: var(--title-color);}
#about-history-list .history-item .history-box .history-txt{}

#about-history-wrapper{ position: relative; height: 140px; width: 100%; }
#about-history-wrapper:after{position: absolute;
    left: 0;
    bottom: 75px;
    content: " ";
    background: var(--hui-color);
    width: 100%;
    height: 1px;
    display: block;
}
#about-history-year{width: 98%;}
#about-history-year .history-year-tit{ 
	text-align: center; cursor: pointer; font-size: 1.2rem;
	width: 80px; height: 80px; line-height: 80px; margin: 60px auto 0; 
	border: solid 0px #fff;border-radius:40px;color: #333;
}
#about-history-year .swiper-slide-thumb-active .history-year-tit{
	margin-top: 22px; color: var(--red-color);
	animation: historyMoveTop 0.3s ease-in-out;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
	background-color: var(--color-fff);font-size: 1.4rem; font-weight: bold;
}
@keyframes historyMoveTop {
  from {margin-top: 60px;}
  to {margin-top: 22px;}
}

#about-history-year .swiper-slide {
	position: relative;overflow: visible;cursor: pointer;
}
#about-history-year .line {
	position: absolute;top: 45px; left: 0; width: 100%;height: 20px; z-index: -1;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

#about-history-year .line>span {width: 1px;height: 8px;background-color: var(--border-color);}
#about-history-year .line>span:first-of-type,
#about-history-year .line>span:nth-of-type(6),
#about-history-year .line>span:nth-of-type(11) {height: 20px;}
#about-history-year .line>span:nth-of-type(11) {opacity: 0;}
/* 公司简介/企业文化/企业荣誉/发展历程e */	

/* 更多服务s*/	
#more-service-box{}
.more-service-list{}
.more-service-list .more-service-item{
 text-align: center;
 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05), 0 0 8px rgba(0, 0, 0, 0.05);
 display: flex; flex-direction: column; box-sizing: border-box;
 transition: all 0.3s ease;
 min-height: 240px; padding: 10px;border-radius: var(--border-radius);
}
.more-service-list .more-service-item .services-icon{ width: 100%;}
.more-service-list .more-service-item .services-icon i{ font-size: 3rem; color: var(--title-color);}
.more-service-list .more-service-item h5{ font-size: 1.8rem;color: var(--color);}
.more-service-list .more-service-item h6{ font-size: 1rem;color: var(--summary-color);}
.more-service-list .more-service-item:hover{
		color: var(--title-color);
		transform: translateY(-8px);
		box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 47, 108, 0.3);
}
.more-service-list .more-service-item:hover h5 a{color: var(--color);}
/* 更多服务e */	


/* 联系我们s */	
.contact-form{padding: 0 1rem; margin-bottom: 6rem;}
.eten-fb-form{ background-color: var(--color-fff); padding: 50px 80px; margin-bottom: 30px;}
.eten-fb-form #agreement-box i,.eten-fb-form #agreement-box .show-agreement{ color: var(--red-color);}

.eten-fb-form .eten-btn{
	margin: 50px auto 10px; width: 200px;
	padding: 0px;
	border: 1px solid var(--title-color); border-radius: var(--border-radius);
	color: var(--title-color);
	background-color: var(--color-fff); 
}
.eten-fb-form .eten-btn span{padding: 10px 30px 10px 10px; display: block; font-size: 1.2rem; font-weight: bold;}
.eten-fb-form .eten-btn:hover span{color: var(--color-fff);}

.contact-wrapper{padding: 6rem 0;background-color: var(--color-fff); }
.contact-box{border: solid 1px var(--border-color);  margin: 3px;}
.contact-box .row{}
.contact-box .contact-list{ margin-top: 10px;}
.contact-info{padding: 1.5rem 2rem 1.5rem 2rem;}
.contact-box .contact-list .list-group-item{ margin-bottom: 5px;}
#qrcode-list .col-md-4:nth-child(3),
#qrcode-list .col-md-4:nth-child(6),
#qrcode-list .col-md-4:nth-child(9),
#qrcode-list .col-md-4:nth-child(12),
#qrcode-list .col-md-4:nth-child(15){margin-top: 10px;}
.contact-box .contact-list .list-group-item .list-group-icon{ width: 44px; height: 44px; line-height: 44px; border-radius: 22px;
	background-color: var(--red-color); color: var(--color-fff); text-align: center;
}
.contact-box .contact-list .list-group-item .list-group-icon i{ font-size: 1.4rem;}
.contact-box .qr-code{ }
.contact-box .qr-code .card-title{ text-align: center; font-size: 0.8rem; margin-top: 4px;}
/* 联系我们e */	



/*产品列表*/	
.product-list{ padding: 30px 0 40px 0;}
.product-list .row{--bs-gutter-x: 3.5rem;}
.product-list .product-item{
	 padding: 0;overflow: hidden;border: 0;
	 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0, 0.05);
	 margin-bottom: 3.5rem;transition: all 0.3s ease;
}
.product-list .product-item .card-body{background-color: var(--hui-color);}
.product-list .product-item .product-title{ margin-bottom: 10px; font-weight: bold; line-height: 24px; height: 24px; overflow: hidden;}
.product-list .product-item .product-text{ line-height: 22px; height: 44px; color: var(--summary-color); margin-bottom: 3px;overflow: hidden;}
.product-list .product-item .product-img{width:100%; position:relative; overflow:hidden;}
.product-list .product-item .product-img::before{content:""; display:block; padding-bottom:100%}
.product-list .product-item .product-img img{
	position:absolute; top:50%; left:50%; 
	transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; 
	-webkit-transition: all .5s ease; transition: all .5s ease;
}
.product-list .product-item:hover {
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.06);transform: translateY(-8px);
}
.product-list .product-item:hover .card-body{background-color: var(--bg-color);}
.product-list .product-item:hover img {width: 104%;height: 104%;}
.product-list .product-item:hover .card-title ,.product-list .product-item:hover .product-text{ color: var(--color-fff);}


/*产品详情页*/
#product-details-hr{ height: 120px; width: 100%;}
#product-title-nav{ 
	    position: fixed;
	    top: 70px;
	    left: 0;
	    width: 100%;
	    z-index: 99;
		background-color: var(--hui-color);
		height: 50px;
		border-bottom: solid 1px var(--border-color);
}
#product-title-nav .product-title{ font-size: 1.2rem; padding: 12px 0; margin-bottom: 0; }
#product-title-nav .navbar-nav{--bs-nav-link-padding-y: 0.3rem;}
#product-title-nav .navbar-nav .nav-link{position: relative;}
#product-title-nav .navbar-nav .nav-link.active{}
#product-title-nav .navbar-nav .nav-link.active:after {
	position: absolute;
	left: 30%;
	bottom: 0px;
    content: " ";
    background: var(--focus-color);
    width: 30px;
    height: 2px;
    display: block;
}
#product-nav-dropdown{ padding: 10px;}
#product-nav-dropdown .dropdown-toggle{font-size: 1.2rem;}
#product-nav-dropdown .dropdown-toggle::after{vertical-align: .1em;}
#product-nav-dropdown .dropdown-menu{border: 0; border-radius: 0;}
#product-nav-dropdown .dropdown-item.active, #product-nav-dropdown.dropdown-item:active{ background-color: var(--bg-color);}

.product-box{}
.product-box #product-album,
.product-box #product-over-view,
.product-box #product-compare,
.product-box #product-inquire{ scroll-margin-top: 50px; padding-top: 120px;}
.product-box .product-banner{}
.product-box .product-album{ width: 60%; margin: 30px auto; padding-top: 60px;}
.product-box .product-album .product-subtitle{ text-align: center; font-size: 3rem;}
.product-box #product-brief{ padding: 80px;min-height: 300px;}
.product-box #product-para{ padding: 80px 0;}
.product-box #product-para .product-para-title{ padding: 15px 0; background-color:var(--bg-color);color:var(--color-fff); }
.product-box #product-para .product-para-title h5{ padding-left: 20px; font-size: 18px; line-height: 22px; margin-bottom: 0px;}
.product-box #product-para .product-para-image{ padding: 20px 0;}
.product-box #product-para .product-para-image .image{ position: relative;  min-height: 140px; line-height: 40px; cursor: pointer; text-align: center; padding: 10px;  background-color: var(--hui-color);}
.product-box #product-para .product-para-image .image .button i{font-size: 1.6rem; }
.product-box #product-para .product-para-image .image .button{margin-top: 28px;}
.product-box #product-para .product-para-image .image .button h5{font-size: 1.1rem;}
.product-box #product-para .product-para-image .image img{width: 120px; height: 120px; background: rgba(255, 255, 255, 0.4); border-radius: var(--border-radius);}
.product-box #product-para .product-para-image .image .icon-cuowu{ position: absolute; right: 2px; top: -10px; z-index: 99;}
.product-box #product-para .product-para-image .image.bg1,.product-box #product-para .product-para-list h5.bg1{background-color: #F0F2F5;}
.product-box #product-para .product-para-image .image.bg2,.product-box #product-para .product-para-list h5.bg2{background-color: #e3e5e8;}
.product-box #product-para .product-para-image .image.bg3,.product-box #product-para .product-para-list h5.bg3{background-color: #d3d4d6;}
.product-box #product-para .product-para-list{ padding: 10px 0; }
.product-box #product-para .product-para-list h5{ 
	font-size: 16px; line-height: 22px; margin-bottom: 0px;
	margin: 0px; padding: 10px 0px 10px 20px;
}
.product-box #product-para .product-para-image .bb-line,
.product-box #product-para .product-para-list .bb-line
{ border-bottom: solid 1px var(--border-color); }
.product-box #product-para .product-para-list .para-title h5{ font-weight: bold;}
.product-box #product-para .product-para-title .row,.product-box #product-para .product-para-image .row,.product-box #product-para .product-para-list .row{ --bs-gutter-x: 0rem;}

#compare-prolist-modal{
	--bs-modal-margin: 10rem;--bs-modal-zindex: 9999;
	--bs-modal-width: 80%;
	max-height: 800px; overflow: hidden;
}
#compare-prolist-modal .modal-body{max-height: 420px; overflow-y: auto; min-height: 420px;}

.compare-prolist{}
.compare-prolist .compare-prolist-item{margin-bottom: 20px;}
.compare-prolist .compare-prolist-item .cat-name{font-size: 1.4rem;padding: 6px 0;border-bottom: solid 1px var(--border-color);margin-bottom: 20px;}
.compare-prolist .compare-prolist-item a .product-item{ margin-bottom: 20px;background-color: var(--border-color);}
.compare-prolist .compare-prolist-item a .product-title{ font-size: 1rem; text-align: center; height: 22px; line-height: 22px; overflow: hidden;}
.compare-prolist .compare-prolist-item a img{ padding: 10px;}
#product-inquire{ background-color: var(--hui-color); padding: 60px 0 10px 0;}




/*产品分类&产品列表*/
#cat-products-index-hr{height: 120px; width: 100%;}
#cat-products-index{ margin: 75px 0 0 0; padding: 0;}
#cat-products-index li{ scroll-margin-top: 249px;}
#cat-products-index li .cat-banner{ min-height: 300px; position: relative; margin: 20px 0 80px 0;}
#cat-products-index li .cat-banner .img{width:100%;position:relative; overflow:hidden;border-radius: var(--border-radius);}
#cat-products-index li .cat-banner .img::before{content:""; display:block; padding-bottom:34%}
#cat-products-index li .cat-banner .img img{
	position:absolute; top:50%; left:50%; 
	transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; 
	-webkit-transition: all .5s ease; transition: all .5s ease;
}
#cat-products-index li .cat-banner:hover .img img {width: 104%;height: 104%;}
#cat-products-index li .cat-banner .tit-box{ position: absolute; left: 4%; bottom: 20%;}
#cat-products-index li .cat-banner .tit-box .cat-name{ font-size: 30px; padding: 10px 0; margin-bottom: 20px; font-weight: bold; color: var(--color-fff);}
#cat-products-index li .cat-banner .tit-box .cat-desc{ font-size: 18px; padding: 10px 0; margin-bottom: 20px; color: var(--color-fff);}
#cat-products-index li .cat-banner .cat-banner-btn{ 
	position: relative;
	margin-top: 30px; 
    display: table;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid var(--color-fff); 
	border-radius: 20px;
    -webkit-border-radius: 20px;
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    overflow: hidden;	
	color: var(--color-fff);
}
#cat-products-index li .cat-banner .cat-banner-btn span{
	position:relative;z-index:1;width: 100%;height: 100%;display: block;padding: 10px 30px; 
}
#cat-products-index li .cat-banner .cat-banner-btn span::after{
	content:'';display:inline-block;position:absolute;
	z-index:-1;width:0%;height:110%;top:0px;left:0px;background-color:var(--title-color);transition:all .2s ease;
}
#cat-products-index li .cat-banner-btn:hover{border: 1px solid var(--title-color);}
#cat-products-index li .cat-banner-btn:hover span::after{width:100%;}
#cat-products-index li .cat-products{ padding: 20px 0;}
#cat-products-index li .cat-products .product-item{
	 padding: 0;overflow: hidden;border: 0;
	 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0, 0.05);
	 margin-bottom: 3.5rem;transition: all 0.3s ease;
}
#cat-products-index li .cat-products .product-item .card-body{background-color: var(--hui-color);}
#cat-products-index li .cat-products .product-item .product-title{ margin-bottom: 10px; font-weight: bold; line-height: 24px; height: 24px; overflow: hidden;}
#cat-products-index li .cat-products .product-item .product-text{ line-height: 22px; height: 44px; color: var(--summary-color); margin-bottom: 3px;overflow: hidden;}
#cat-products-index li .cat-products .product-item .product-img{width:100%; position:relative; overflow:hidden;}
#cat-products-index li .cat-products .product-item .product-img::before{content:""; display:block; padding-bottom:100%}
#cat-products-index li .cat-products .product-item .product-img img{
	position:absolute; top:50%; left:50%; 
	transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; 
	-webkit-transition: all .5s ease; transition: all .5s ease;
}
#cat-products-index li .cat-products .product-item:hover {
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.06);
	  transform: translateY(-8px);
}
#cat-products-index li .cat-products .product-item:hover .card-body{background-color: var(--bg-color);}
#cat-products-index li .cat-products .product-item:hover img {width: 104%;height: 104%;}
#cat-products-index li .cat-products .product-item:hover .card-title ,#cat-products-index li .cat-products .product-item:hover .product-text{ color: var(--color-fff);}