body{background: #FFF;}

/** 首页 */

/*导航部分*/
.nav{width: 100%; height: 80px; background-color: #393D49; position: fixed;  top: 0;border-bottom: 1px solid #5FB878;}
.nav.index{background: rgba(255, 255, 255 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
.nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s}
.nav .layui-container{position: absolute; transition: all 400ms ease-out;}
.nav .nav-logo{height: 100%;  top: 0;  line-height: 80px;}
.nav .nav-list{display: inline-block; height: 80px;}
.nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 30px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
.nav .nav-list button span{display: block; width: 25px; height: 2px; background: #2db5a3; margin-bottom: 6px; transition: 0.5s;}
.nav .nav-list button span.spa1{transform: rotate(45deg);}
.nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
.nav .layui-nav{width: 100%;  top: 80px; right: 0px;}

.nav .layui-nav *{font-size: 17px;}
.nav .layui-nav .layui-nav-item a{color: #1F1F1F;background: 1F1F1F;}

.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after{height: 2px; background-color: #2db5a3;}
.nav .layui-nav .layui-this a



,.nav .layui-nav .layui-nav-item a:hover{color: #2db5a3;}


/*顶部导航*/
.blog-nav {width: 100%;height: 80px;position: fixed;top: 0;background-color: #fff;border-bottom: 1px solid #5FB878;}

.blog-nav .layui-nav {position: absolute;top: 0;left: 15%;width: 85%;background: none;display: none;text-align: center;}

/* .blog-nav .layui-nav *{font-size: 20px;} */

.blog-nav .layui-nav .layui-nav-item {line-height: 80px;margin: 0 1px;      position: relative; /* 设置为相对定位，作为下拉菜单的定位参考 */}

.blog-nav .layui-nav .layui-nav-item a {padding: 0 20px;color: #000000;}

.blog-nav .blog-user {line-height: 80px;position: absolute;z-index: 10;}

.blog-nav .blog-user img {width: 40px;height: 40px;border-radius: 50px;}

.blog-nav .blog-user img:hover {opacity: .5;}

.blog-nav .blog-user .fa-qq {line-height: 80px;font-size: 24px;color: #c2c2c2;}

.blog-nav .blog-user .fa-qq:hover {color: #fff;}


.blog-nav .blog-logo {position: absolute;top: 0px;left: 25%;width: 50%;text-align: center;margin: 0 auto;line-height: 50px;font-size: 30px;color: white;font-weight: bold;font-family: KaiTi;display: inline-block;z-index: 10;}

.blog-nav .blog-navicon {position: absolute;right: 0;padding: 10px 12px;color: white;border: 1px solid #009688;margin-top: 13px;}

.blog-nav .blog-navicon:hover {border: 1px solid #5FB878;}


/* 顶部导航字体尺寸 */

.layui-nav-item a {
  font-family: SimHei;
  font-size: 20px;
}



@media (min-width: 992px) {
	.blog-nav .layui-nav {display: block;}

	.blog-nav .blog-user {right: 0;}

	.blog-nav .blog-logo {position: absolute;left: 18%;width: auto;}

	.blog-nav .blog-navicon {display: none;}

	.blog-nav-left {display: none !important;}
}

/* 顶部导航End */






/*轮播*/
#banner img{width: 40%; min-width: 100%; height: 550px;position: absolute;top:60px;}
#banner .panel{width: 450px; position: absolute; top: 25%; left: 50%; margin-left: 20%; text-align: center;}
#banner .panel p{color:#FFFFFF; font-size: 44px; line-height: 80px; letter-spacing: 15px;}
#banner .panel p.title{color:#FFFFFF; font-size: 54px; letter-spacing: 10px;}
#banner .panel a{top: 120%;right: 40%;position: absolute;color:#87CEFA;background: #fff;display: inline-block;padding: 10px 20px 10px 20px;border-radius:6px;cursor:pointer;filter:alpha(opacity:80);opacity:0.8;}


/*weing*/
.weing {text-align: center;padding: 40px 0;}
.weing .we{font-size: 30px;}



/*主体—产品*/
/* .main-product{padding-top: 1px; padding-bottom: 130px; }
.main-product p{font-size: 16px; color: #ababab; line-height: 28px;}
.main-product p.title
,.main-service p.title{color: #484848; font-size: 24px; text-align: center; line-height: 160px;}
.main-product p.title span
,.main-service p.title span{color: #2db5a3;}
.main-product .content{
  border: 1px solid #DEDEDE; padding: 30px 36px 0 36px; text-align: center; transition: 0.3s;
  max-width: 300px;
  margin: 0 auto;
}
.main-product .content p.label{font-size: 18px; color: #939393; line-height: 46px; padding-top: 6px;}
.main-product .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-product .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-product .content img{transition: 2s;}
.main-product .content img:hover{transform: rotateY(180deg);} */
/* 主体—产品 */
.main-product {
  padding-top: 1px;
  padding-bottom: 130px;
}
.main-product p {
  font-size: 16px;
  color: #ababab;
  line-height: 28px;
}
.main-product p.title {
  color: #484848;
  font-size: 24px;
  text-align: center;
  line-height: 1; /* 标题行高重置，避免多余间距 */
  margin-bottom: 20px; /* 标题与卡片间添加间距 */
}
.main-product p.title span {
  color: #2db5a3;
}
.main-product .layui-container {
  display: flex;
  flex-direction: column; /* 容器内垂直排列，标题和卡片上下分布 */
  align-items: center; /* 子元素水平居中 */
}
.main-product .product-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.main-product .content {
  border: 1px solid #DEDEDE;
  padding: 30px 36px 0 36px;
  text-align: center;
  transition: 0.3s;
  max-width: 200px;
  margin: 15px;
}
/* 其他 .content 相关样式保留 */



/*主体-服务*/
.main-service{background: #f8f8f8;}
.main-service .content{position: relative;}
.main-service .content .content-left{width: 50%;}
.main-service .content .content-left img{width: 100%;}
.main-service .content .content-right{box-sizing: border-box; background: #FFF; padding: 58px 40px 0 48px; width: 50%; height: 100%; position: absolute; top: 0; right: 0; transition: 0.3s; overflow: hidden;}
.main-service .content .content-right p{color: #adadad; line-height: 32px; overflow: hidden; text-overflow: ellipsis;}
.main-service .content .content-right p.label{font-size: 16px; color: #4a4a4a;}
.main-service .content .content-right span{display: block; width: 50px; height: 2px; background: #2cb6a1; margin-bottom: 23px;} 
.main-service .content .content-right:hover{box-shadow: 2px 2px 2px #EEE; transition: 0.3s;}
.main-service .service-more{padding-top: 80px; padding-bottom: 80px; text-align: center;}
.main-service .service-more a{padding: 10px 62px; font-size: 23px; line-height: 46px;color: #FFF; background: #7fd3c6; border-radius: 3px;}

/*底部*/
.footer{padding-bottom: 70px; background: #F0F0F0;}
.footer .footer-web{padding-top: 50px; padding-bottom: 63px;}
.footer .footer-web a{color: #a5aaa9; line-height: 22px; margin-right: 20px; transition: 0.3s;}
.footer .footer-web a:hover{color: #dce1e0; transition: 0.3s;}
.footer .footer-contact{color: #FFF;}
.footer .footer-contact .contact-top{padding-top: 20px; line-height: 30px;}
.footer .footer-contact .contact-bottom{line-height: 35px;}


/** 产品 */
.banner{height: 320px; margin-top: 80px;}
.banner.product{background: url(../img/nav_img1.jpg) no-repeat center top; background-size: cover;}
.main.product{padding: 20px 0 75px 0;}
.main.product .content{padding: 50px 0; border-bottom: 1px solid #e8e8e8;}
.main.product .content .content-img{text-align: center;}
.main.product .content .content-img img{max-width: 100%;}
.main.product .content .label{color: #565656; font-size: 35px; line-height: 78px; margin-top: 32px;margin-left: 260px;}
.main.product .content .detail{font-size: 16px; line-height: 28px; color: #A8A8A8; padding-bottom: 30px;margin-left: 60px;}
.main.product .content a{color: #a0d2cc; font-size: 16px; line-height: 38px; padding:10px 11px 10px 23px; border: 1px solid #a0d2cc; border-radius: 3px;margin-left: 60px;}
.tlinks {
  text-indent: -9999px;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

/* weing页面*/
.main-weing{text-align: center;width: 80%;padding-left: 10%;}
.weing-title{text-align: center;font-size: 30px;background: #65B6EA;padding: 25px 0 25px 0;}
.main-weing .main-img{text-align: center;}



/* 新闻 */
.table-news li.news-columns {width:35%;vertical-align:top;float:left;list-style:none;margin:0px 5px;margin-left: 1%;}
.table-news .news-columns .news-titles{font-size: 20px;margin-bottom: 10px;}
.table-news .news-columns .news-titles .news-more{font-size: 15px;position: relative;color: forestgreen;}
.table-news .news-columns .news-color a{color: forestgreen;align-content: flex-start;}
/*.table-news .news-columns .news-color{text-align: right;}  */
.table-news .news-columns .news-color li{padding-right: 11%;margin-right: 11%;}
.table-news {width:100%;margin:0px auto;margin-top:80px;overflow:hidden;padding-left: 20%;}
.table-news ul {margin:0px;padding:0px;}
.table-news ul li {list-style:none;margin:0px;padding:0px;line-height:30px;}.news-titles b {float:right;font-weight:normal;font-size:14px;margin-right:35%;}
.table-news  .home-case li {float:left;width:33%;height:100px;}
.table-news  .home-case li  div { border: 1px solid #ccc;border-radius: 5px;height: 70px;line-height: 70px;text-align: center;width: 100px;color: forestgreen;}


.custom{text-align: center;color: #21AB38;font-size: 15px;padding: 40px 0 0 0;}
.custom a{color: #21AB38;}
.bottom-center a:hover{color: #0C0C0C; transition: 0.3s;}
.bottom-center{margin-top: 25px;}
.position{text-align: center;padding: 50px 0 40px 0;}
.position p{color: #777777;}
.show-sitename{padding: 30px 0 20px 0;}


/** 动态 */
.banner.news{background: url(../img/nav_img2.jpg) no-repeat center top; background-size: cover;}
.banner .title{padding-top: 170px;}
.banner .title.active{padding-top: 120px; transition: 1.5s;}
.banner .title p{color: #606060; font-size: 36px; text-align: center; line-height: 50px; letter-spacing: 5px;}
.banner .title p.en{font-size: 20px; letter-spacing: 3px;}
.main-news{padding: 70px 0 80px 0;}
.main-news .content > div{padding-bottom: 40px; border-bottom: 1px dashed #eaeaea; position: relative;}
.main-news .content .news-img{display: inline-block; width: 30%; vertical-align: top;}
.main-news .content .news-img img{max-width: 90%;}
.main-news .content .news-panel{display: inline-block; width: 70%; vertical-align: top; padding-left: 5px; box-sizing: border-box;}
.main-news .content .news-panel strong a{display: block; color: #555; font-size: 18px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.main-news .content .news-panel p.detail{color: #777; line-height: 24px;}
.main-news .content .news-panel p.read-push{color: #AAA; padding-top: 5px;}
.main-news #newsPage .layui-laypage{display: block; text-align: center; margin-top: 70px;}
.main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}
/*动态详情页*/
.main-newsdate{margin-top: 80px; text-align: center;}
.main-newsdate .news{text-align: left; line-height: 104px;}
.main-newsdate h1{padding-top: 6px;}
.main-newsdate .pushtime{color: #686868; font-size: 18px; line-height: 82px;}
.main-newsdate .introTop{padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left;}
.main-newsdate .introBott{font-size: 18px; line-height: 42px; text-align: justify; padding: 40px 0 102px 0;}
.main-newsdate img{max-width: 100%;}


/** 案例 */
.banner.case{background: url(../img/nav_img3.jpg) no-repeat center top; background-size: cover;}
.main-case{padding: 30px 0 75px;}
.main-case .content{width: 48%; text-align: center; padding-top: 120px; padding-bottom: 20px; border-bottom: 2px solid #c9c9c9;}
.main-case .content.even{margin-left: 2%;}
.main-case .content .case-img{border: 1px solid #e2e2e2; overflow: hidden;}
.main-case .content .case-img img{width: 100%; transition: 2s;}
.main-case .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;}
.main-case .content p.lable{padding-top: 13px; font-size: 30px; line-height: 76px;}
.main-case .content p{font-size: 18px; line-height: 32px; color: #505050;}
.main-case #casePage .layui-laypage{display: block; text-align: center; margin-top: 100px;}
.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}


/** 关于 */
.banner.about{background: url(../img/nav_img4.jpg) no-repeat center top; background-size: cover;}
.main-about{padding-bottom: 130px;}
.main-about ul.aboutab{padding: 100px 0; text-align: center;}
.main-about ul.aboutab li{display: inline-block; padding: 0 22px; margin-left: 15px; font-size: 20px; line-height: 46px; color: #b5b5b5; border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer;}
.main-about ul.aboutab li:first-child{margin-left: 0;}
.main-about ul.aboutab li.layui-this
,.main-about ul.aboutab li:hover{color: #2ab5a3; border-color: #afddd7; transition: 0.3s;}
.main-about .tabJob, .main-about .tabCour{display: none;}
/*公司简介*/
.main-about .tabIntro{padding-bottom: 15px;}
.main-about .tabIntro .content{vertical-align: middle;}
.main-about .tabIntro .content .img{width: 50%;}
.main-about .tabIntro .content .img img{width: 100%;}
.main-about .tabIntro .content .panel{width: 50%;}
.main-about .tabIntro .content p{padding: 0 20px; line-height: 24px; text-align: justify;}
.main-about .tabIntro .p_hidden{padding: 0 20px; display: none;}
/*招贤纳士*/
.main-about .tabJob .content{padding: 0 0 40px 20px; border: 1px solid #e2e2e2; border-top: 4px solid #65d0c5; margin-top: 90px;}
.main-about .tabJob .content:first-child{margin-top: 10px;}
.main-about .tabJob .content p{font-size: 18px; line-height: 40px;}
.main-about .tabJob .content p.title{font-size: 24px; color: #545454; line-height: 60px;}
.main-about .tabJob .content ol{padding-left: 20px; list-style-type: none; counter-reset: sectioncounter;}
.main-about .tabJob .content ol li{color: #8d8d8d; font-size: 16px; line-height: 30px;}
.main-about .tabJob .content ol li:before {content: counter(sectioncounter) "、"; counter-increment: sectioncounter;}
/*发展历程*/
.main-about .tabCour p.title{font-size: 28px; line-height: 28px; text-align: center;}
.main-about .tabCour .timeline{position: relative; margin-top: 75px;}
.main-about .tabCour .timeline:before{position: absolute; top: 0; bottom: 0; content: ""; width: 2px; background-color: #e2e2e2; left: 50px;}
.main-about .tabCour .timeline li{position: relative; padding-top: 70px;}
.main-about .tabCour .timeline li:first-child{padding-top: 0;}
.main-about .tabCour .timeline li .cour-img{position: absolute; left: 0; width: 100px; border-radius: 50%;}
.main-about .tabCour .timeline li .cour-img img{width: 100%;}
.main-about .tabCour .timeline li .cour-panel{padding-top: 20px; padding-left: 120px; text-align: left;}
.main-about .tabCour .timeline li .cour-panel p.label{font-size: 18px; color: #000;}
.main-about .tabCour .timeline li .cour-panel p{color: #949494; line-height: 30px;}


@media screen and (max-width: 480px){
  .main-service .content .content-right{padding: 10px 10px 0 10px;}
  .main-service .content .content-right p{line-height: 24px;}
  .main-news .content .news-panel p.read-push{font-size: 12px;}
  .main-case .content{padding-top: 60px;}
  .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .main-case .content p{font-size: 12px; line-height: 20px; color: #505050;}
  .main-about ul.aboutab{padding: 70px 0;}
  .main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;}
  .main-about .tabIntro .content .img{width: 100%;}
  .main-about .tabIntro .content .panel{width: 100%;}
  .main-about .tabIntro .content .panel.p_block{display: none;}
  .main-about .tabIntro .p_hidden{display: block;}
  .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span
  ,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
}
/*小屏幕*/
@media screen and (min-width: 768px){
  .nav{max-height: 80px;}
  .nav.index{background: rgba(255, 255, 255 ,0.3);}
  .nav .nav-list button{display: none;}
  .nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 5px; border-radius: 0; margin: 0;}
  .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 53px; line-height: 80px;}
  .main-product p.title
  ,.main-service p.title{font-size: 36px; line-height: 216px;}
  .main.product .content .content-img{text-align: left;}
  .main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;}
  .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}
  .main-newsdate .pushtime{line-height: 142px;}
  .main-case .content{width: 45%;}
  .main-case .content.even{margin-left: 9%;}
  .main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}
  .main-about .tabIntro .content p{padding: 0 30px; font-size: 18px; line-height: 30px;}
  .main-about .tabJob .content p{font-size: 24px; line-height: 50px;}
  .main-about .tabJob .content p.title{font-size: 30px; line-height: 90px;}
  .main-about .tabJob .content ol li{font-size: 20px; line-height: 60px;}
  .main-about .tabCour .timeline:before{left: 50%;}
  .main-about .tabCour .timeline li{min-height: 195px; padding-top: 95px;}
  .main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}
  .main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
  .main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
  .main.product .content div.right{padding-left: 20px;}
  .nav .layui-nav .layui-nav-item{margin:0 33px;}
  .main-service .content .content-right{padding: 10px 10px 0 15px;}
  .main-service .content .content-right span{margin-bottom: 20px;}
  .main-service .content .content-right p{line-height: 28px;}
  .main.product .content .label{line-height: 40px; margin-top: 0;}
  .main.product .content .detail{padding-bottom: 10px;}
}
/*大屏幕*/
@media screen and (min-width: 992px){
  .main.product .content{padding: 100px 0;}
  .main.product .content div.right{padding-left: 0;}
  .main-news .content .news-img{width: 20%;}
  .main-news .content .news-panel{width: 80%;}
  .main-case .content{width: 31%;}
  .main-case .content.even{margin-left: 0;}
  .main-case .content.center{margin-right: 3%; margin-left: 3%;}
  .main-about .tabIntro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;}
}
/*超大屏幕*/
@media screen and (min-width: 1200px) {
  .main-news .content .news-img{width: 35%;}
  .main-news .content .news-panel{width: 65%;}
  .main-news .content:nth-child(odd){padding-right: 20px;}
  .main-news .content:nth-child(even){padding-left: 20px;}
  .main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}
  .main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
}
@media screen and (min-width: 1300px) {
  .layui-container{width: 1200px; padding: 0;}
  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
  .nav .nav-logo{position: absolute; top: 0; left: 0;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
}



/* 样式：为多列菜单添加样式 */
.layui-nav-child.multi-column-menu {
  display: flex; /* 使用 flex 布局 */
  flex-wrap: wrap; /* 允许换行 */
  width: 800px; /* 设置菜单的宽度，根据需要调整 */
}

.layui-nav-child.multi-column-menu dd {
  width: 25%; /* 每列占 25% 宽度，这样可以分为 4 列 */
  box-sizing: border-box; /* 包括 padding 和 border */
}

.layui-nav-child.multi-column-menu dd a {
  display: block;
  font-size: 8px;
  padding: 8px 16px;
  white-space: nowrap; /* 防止文字换行 */
}

/* 让二级菜单在鼠标悬停时显示 */
.layui-nav-item:hover > .layui-nav-child {
  display: block;
}

/* 设置二级菜单的默认隐藏 */
.layui-nav-child {
  display: none;
}


/* 网页导航栏 */
/* .multi-col-nav {
  width: 800px; 
  padding: 20px;
  overflow: hidden; 
} */
.layui-nav-child.multi-col-nav {
  position: absolute; /* 绝对定位 */
  top: 100%; /* 位于父元素下方 */
  left: -450px; /* 左对齐父元素 */
  width: 1000px; /* 根据内容调整宽度 */
  padding: 20px;
  overflow: hidden; /* 清除浮动影响 */
  background-color: #fff;
  border: 1px solid #ccc;
  display: none; /* 默认隐藏 */
}

.nav-col-group {
  float: left;
  width: 200px; /* 每列宽度 */
  margin-right: 20px;

  /* padding-left: 20px; */
  padding: 0 15px; /* 统一列内左右内边距 */
  box-sizing: border-box; /* 关键：让宽度包含内边距 */
}

.nav-col-group:last-child {
  margin-right: 0; /* 最后一列去掉右侧间距 */
}
.nav-col-group dd {
  line-height: 28px;
  padding: 2px 0; /* 列表项行间距 */

}

.nav-col-group h2 {
  font-size: 16px;
  color: #0000ff;

  text-align: 2px; /* 明确标题左对齐 */
  margin: 0 0 10px 0; /* 标题与下划线间距 */
  padding: 0;
}


.nav-col-group dd a{
  font-size: 16px;
  text-align: left;

  display: block; /* 让链接单独成行，避免排版混乱 */
  padding: 5px 0; /* 增加链接行间距，提升可读性 */

}

/* 产品中心 下划线 */
/* .underline_nav {
  width: 140px; 
  height: 2px; 
  background-color: blue;
  margin: 10px auto;
  text-align: left;
} */
.underline_nav {
  width: 100%; /* 下划线宽度撑满容器 */
  height: 2px;
  background-color: blue;
  margin: 0 0 15px 0; /* 下划线与列表项间距 */
    /* text-align: left; */
}







.center-content {
  text-align: center;
  margin: 50px auto;
}

.center-content h2 {
  font-size: 30px; /* 将字体大小增大到 30px */
  color: rgb(0, 0, 255); /* 使用RGB值将字体颜色设置为蓝色 */
}

/* 各个产品内网页使用 下划线 */
.underline {
  width: 100px; /* 加长下划线，将宽度从 50px 增加到 100px */
  height: 4px; /* 加粗下划线，将高度从 2px 增加到 4px */
  background-color: blue;
  margin: 10px auto;
}






/* 产品优势 */
.overlap-container {
  position: relative;
  display: inline-block;
  margin: 20px 0;
}
.top-tag {
  background-color: #3c8dbc;
  color: white;
  padding: 8px 15px;
  border-radius: 4px;
  font-size: 18px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1;
}
.bottom-desc {
  border: 1px solid #ddd;
  padding: 12px 15px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  position: absolute;
  top: 18px;
  left: 2em; /* 水平右移2个字体单位（em为相对单位，随字体大小适配） */
  /* width: calc(100% - 2em); */
  width: 400px; /* 直接设置固定宽度，按需修改数值 */

}
.bottom-desc-ibc-ukey {
  border: 1px solid #ddd;
  padding: 12px 15px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  position: absolute;
  top: 18px;
  left: 2em; /* 水平右移2个字体单位（em为相对单位，随字体大小适配） */
  /* width: calc(100% - 2em); */
  width: 600px; /* 直接设置固定宽度，按需修改数值 */

}

.bottom-desc-change {
  border: 1px solid #ddd;
  padding: 12px 15px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  position: absolute;
  top: 18px;
  left: 2em; /* 水平右移2个字体单位（em为相对单位，随字体大小适配） */
  /* width: calc(100% - 2em); */
  width: 600px; /* 直接设置固定宽度，按需修改数值 */

}




/* 响应式适配手机端 */
@media (max-width: 768px) {
  .blog-container {
      max-width: 100%;
      width: 100%;
      padding: 0 8px;
      box-sizing: border-box;
  }
  .layui-nav {
      flex-direction: column;
      width: 100%;
  }
  .layui-nav .layui-nav-item {
      display: block;
      width: 100%;
      text-align: left;
  }
  .blog-logo img {
      max-width: 120px;
      height: auto;
  }
  .main-product .product-cards,
  .main-product .layui-row {
      flex-direction: column !important;
      display: flex !important;
      align-items: stretch;
  }
  .main-product .content {
      width: 100% !important;
      margin-bottom: 20px;
  }
  .content-img img,
  .main-product .content img {
      width: 100% !important;
      height: auto !important;
      max-width: 100%;
  }
  .panel {
      width: 90% !important;
      left: 5% !important;
      margin-left: 0 !important;
  }
  #banner img {
      min-width: 100vw !important;
      width: 100vw !important;
      height: auto !important;
  }
  /* 按钮、tab等自适应 */
  .layui-btn, .layui-tab-title li {
      font-size: 16px !important;
      padding: 0 10px !important;
  }
}

/* 新闻列表字体放大、行间距提高 */
.layui-news .layui-col-md10 {
    font-size: 24px !important;
    font-weight: bold;
    line-height: 2.2;
}
.layui-news .layui-col-md2 a {
    font-size: 18px !important;
    line-height: 2.2;
}
.layui-news .layui-col-md9 {
    font-size: 20px !important;
    line-height: 2.2;
}
.layui-news .layui-col-md9 li a {
    font-size: 20px !important;
    line-height: 2.2;
}
.layui-news .layui-col-md3 {
    font-size: 18px !important;
    line-height: 2.2;
    text-align: right;
}
.layui-news .layui-col-md3 li a {
    font-size: 18px !important;
    line-height: 2.2;
}