body {
                        font-size: 1.4rem;
                    }
  @font-face {
  font-family: "SourceHanSerifCN-Regular";
  src: url('../fonts/SourceHanSerifCN-Regular.otf') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/SourceHanSerifCN-Regular.woff') format('woff2'),
       url('../fonts/SourceHanSerifCN-Regular.woff') format('woff'),
       url('../fonts/SourceHanSerifCN-Regular.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* 提升加载体验 */
}                  

                    
.container { max-width: 120rem; margin: 0 auto; padding: 0 1rem; box-sizing: border-box;}
.headtop{ border-bottom: 1px solid #e5e5e5; line-height: 4rem;}
.diqiu{ width: 20px; margin-right: 5px;}
 /* 外层语言选择容器 */
.lang-wrapper { position: relative; cursor: pointer; }
.lang-header { display: flex; align-items: center; padding: 8px 12px; border-radius: 6px; transition:  all 0.25s eases; }
.lang-text { font-size: 1.6rem; color: #333; position: relative; padding-right: 4rem; }
.brrow {  transition: transform 0.25s ease;  margin-top: 0px;}
.brrow.open { transform: translateY(0%) rotate(-180deg); }
.lang-dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            margin-top: 8px;
            min-width: 10rem;
            background: #fff;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            border-radius: 6px;
            overflow: hidden;
            /* 默认隐藏 */
            opacity: 0;
            visibility: hidden;
            transform: translateY(-8px);
            transition: all 0.25s ease;
            z-index: 999;
        }
.lang-dropdown.show { opacity: 1; visibility: visible; transform: translateY(0); }
.dropdown-item { padding: 10px 16px; font-size: 16px; color: #333; transition: background 0.2s; }
.dropdown-item:hover { background: #f0f0f0; }
.dropdown-item.active { background: #e8f0fe; color: #0056cc; }


.head { width: 100%; padding: 1rem;}             
.head h1 { height: auto; width: 58.4%;}                  
.head h1 img { width: 100%; display: block;}

.headtel{ background: url(../images/tel.png) no-repeat  0 center; padding-left: 6rem; font-size: 1.6rem;}
.headtel span{  display: block;  font-size: 2.8rem; font-weight: bold; color: #3ba86f; margin-top: 0.5rem;}


.search{ padding: 0px 1rem; box-sizing: border-box;  border: 1px solid #ccc; line-height: 4rem; border-radius: 24px; width: 30%; margin: 1rem auto 2rem; min-width: 40rem ; outline: none; position: relative; overflow: hidden; }
.search input {padding: 0.8rem 1rem; border: none;  width: 100%; outline: none; }
.search button { background: #3ba86f; border: none; line-height: 4rem !important; font-size: 1.8rem;  padding: 0 1rem; border-radius:0 12px 12px 0; cursor: pointer; color: #fff; position: absolute; right: 0rem; top: 50%; transform: translateY(-50%); }
.search i{ font-size: 2.4rem;}
/* 自适应导航 */
.nav{ background: #005197; }
.nav-item{ position: relative;}
.nav-item > a { color: #fff; font-size: 1.6rem; font-weight: bold; display: block;  gap: 6px; padding:2rem; transition: all 0.3s ease; }
.nav-item a:hover { background-color: #3ba86f; }
.icon-xiangxia2{transition: transform 0.3s ease; margin-left: 3px;} 
.nav-item:hover .icon-xiangxia2, .nav-item.open .icon-xiangxia2 {transform: rotate(180deg);    }
.sub-nav {
      padding: 1rem 0;
      position: absolute;
      top: 100%;
      z-index: 999;
      left: 0;
      background: #fff;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      border-radius: 4px;
      overflow: hidden;
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px);
      transition: transform 0.3s ease;
    }
    .nav-item:hover .sub-nav { opacity: 1; visibility: visible; transform: translateY(0);    }
    .sub-item a { color: #333; font-size: 1.4rem; line-height: 2.4rem;  padding:1rem 2rem; display: block; transition: transform 0.3s ease; }
    .sub-item a:hover {background: #e8f0fe;}
    .menu-btn { display: none; width: 2.6rem; height: 2.6rem;  position: fixed; top:1rem; right: 1rem; background-color: #fff;  cursor: pointer; z-index: 100; }
    .menu-btn span { position: absolute; left: 0; width: 100%; height: 3px; background: #333; border-radius: 3px; transition: transform 0.3s ease;  z-index: 102;}
    .menu-btn span:nth-child(1) { top: 8px; }
    .menu-btn span:nth-child(2) { top: 16px; }
    .menu-btn span:nth-child(3) { top: 24px; }
    .menu-btn.active span:nth-child(1) { transform: rotate(45deg); top: 18px; }
    .menu-btn.active span:nth-child(2) { opacity: 0; }
    .menu-btn.active span:nth-child(3) {transform: rotate(-45deg); top: 18px; } 

    .nav-item:first-child a{ padding: 1.4rem 2rem;}
    .nav-item a.current{ background-color: #3ba86f; color: #fff !important;}  


.about{ line-height: 2.4rem; font-size: clamp(1.6rem, 2vw, 1.8rem); padding: 3rem 1rem; text-align: justify; max-height: 60vh;
            overflow: hidden;
            transition: max-height 0.5s ease; position: relative;}

             .about.open {
            max-height: 2000vh;
        }
        /* 渐变遮罩，提示下方还有内容（可选美化） */
        .about::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 80px;
            background: linear-gradient(transparent, #ffffff);
            pointer-events: none;
            transition: opacity 0.3s;
        }
        .about.open::after {
            opacity: 0;
        }

          /* 按钮样式 */
       .toggle-btn {
            width: 9rem; margin: 0 auto 3rem;
            padding: 14px;
            color: #3668e3;
            font-size: 15px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.2s; gap: 8px;
        }
        .toggle-btn:hover {
            background: #e1eaff;
        }

        .arrowall {
            display: inline-block;
            width: 7px;
            height: 7px; margin-top: -2px;
            border-right: 2px solid currentColor;
            border-bottom: 2px solid currentColor;
            transform: rotate(45deg);
            transition: transform 0.3s ease;
        }
        /* 箭头向上样式 */
        .arrowall.up {
            transform: rotate(-135deg); margin-top: 6px;
        }
.title{text-align: center; font-size: clamp(4.2rem, 2vw, 5.4rem); color: #005197; line-height: 4rem; padding: clamp(2rem, 2vw, 3rem);}
.title span{ color: #5ba674;}
.about p{ margin:clamp(2rem, 2vw, 3rem) 0;}
.aboutimg{ width: 60%; margin: 0 auto;}
.aboutimg img{ width: 48%;}

.footer{ border-top: 1px solid #ddd; line-height: 3rem; padding: 3rem 1rem;}
.footer dt{  font-size: 1.8rem; margin-bottom: 2rem;}
.erweima{ width: 20rem; height: 20rem;}
.footMessage input{ width: 21.5rem; border:1px solid #a0a0a0; height: 3.8rem; padding: 1rem; box-sizing: border-box; outline: 0;}
.footMessage  .textarea{ width: 45rem;  height: 6.4rem;  padding: 1rem; border:1px solid #a0a0a0; box-sizing:  border-box; outline: 0; margin-top: 1rem;}
.footMessage button{ width: 11.4rem; height: 3.8rem; color: #fff; font-size: 1.6rem; border: none; background: #005faf; display: block; border-radius: 0.5rem; text-align: center; margin: 0 auto;}

.ICP{ background: #2a3137; color: #fff; text-align: center;  font-size: 1.6rem; line-height: 2.4rem; padding: 3rem 1rem;  }

/* 悬浮 */
.toolbar {	position: fixed;	right: 1rem;	top: 50%;	z-index: 999; }
.toolbar a{
	width: 5rem;
	height: 5rem;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	margin-top: 0.8rem;
	border: #ebebeb solid 1px;
	background-color: #fff; color: #333;
	-webkit-border-radius: 100%;
	border-radius: 100%;
   display: flex;
   align-items: center;
            justify-content: center;
            position: relative;
            cursor: pointer;  
            position: relative;
}
.toolbar a i{ font-size: 2.4rem; font-weight: normal !important;}
.toolbar a:hover{ background-color: #3ba86f; color: #fff;}
.phone-tip {
            position: absolute;
            right: 0rem;
            background: #60b881;
            color: #fff;
            font-size: 2.4rem;
            font-weight: bold;
            padding:0 5rem 0 2rem;
            height: 5rem;
            border-radius: 999px;
            white-space: nowrap;
            display: flex;
            align-items: center;
            gap: 6px;
            /* 滑出动画核心属性 */
            opacity: 0;
            transform: translateX(90px);
            transition: all 0.3s ease-out;
            pointer-events: none; /* 避免未显示时遮挡鼠标 */
        }
        /* 鼠标悬浮电话按钮：归位+完全显示，从右滑入 */
.btn-phone:hover .phone-tip { opacity: 1; transform: translateX(0);        }

.pop-code{ width: 16rem; position: absolute; top:50%; transform: translateY(-50%); right: 6rem; background: #3ba86f; text-align: center; color: #fff;  opacity: 0;}
.pop-code dt{ width: 100%; display: block;}
.pop-code dt img{ width: 100%;  padding: 2rem 2rem 0; display: block; box-sizing: border-box; display: block;}
.pop-code dd{height: 4rem;
	line-height: 3rem;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;}
.pop:hover .pop-code{   opacity: 1;}

.barlist, #wxnr{position: fixed;  opacity: 0; }

/* 业务范围 */
.business{ font-weight: bold; line-height: 2.4rem; min-height: 24rem; padding: 2rem 0;}
.business li{ margin: 1rem 0;}

.Honors{ margin-bottom: 3rem;}
.Honors li{ width: 24.1%;  margin: 1rem 0; margin-right: 1.2%; font-size: 1.6rem; line-height: 4rem;}
.Honors li:nth-child(4n){ margin-right: 0;}
.list-img{border: #eeeeee solid 1px; position:relative; padding:1rem; display:block; box-sizing:border-box; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.Honors li a:hover .list-img{ padding:0;}
.Honors li a:hover { color:#3ba86f}
.item_mask { width: 100%; height: 100%;	background: rgba(0, 0, 0, 0);	position: absolute;	left: 0;	top: 0; filter: Alpha(opacity=0);
*zoom: 1;
	-webkit-transform: rotateX(180deg) scale(0.5, 0.5);
	transform: rotateX(180deg) scale(0.2, 0.2);
	transition: all ease-out .5s;
}
.item_mask i{ font-size:2rem; color:#333; width:5rem; height:5rem; border-radius:50%; text-align:center; line-height:5rem; overflow:hidden; background-color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)} 
.Honors li a:hover .item_mask {	opacity: 1;	filter: Alpha(opacity=100);	-webkit-transform: rotateX(0deg) scale(1, 1);	transform: rotateX(0deg) scale(1, 1);	transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
	background: rgba(0, 0, 0, 0.3);}
.img-layout.rate-img{ padding-top:77.6%}
/* 新闻 */
.news{ margin-bottom:2rem}
.news-item {display: flex; gap: 2rem;  padding: 2rem 0; border-bottom: 1px solid #eee; width: 100%; flex-shrink: 0; align-items: center; }

.news-info { flex: 1; display: flex; flex-direction: column;  min-width: 0; /* 关键：文字区域允许压缩，防止溢出 */        }
.news-title { font-size: 2rem;  line-height: 1.2; margin-bottom: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;        }
.news-desc { font-size: 1.6rem;  color: #666;  line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
            text-overflow: ellipsis;  width: 100%;        }
.news-date-pc { flex: 0 0 8rem; text-align: right; color: #999; line-height: 1.2; flex-shrink: 0;        }
.news-date-pc .day { font-size: 2.4rem; }
.news-date-pc .year { font-size: 1.6rem; }


/* 详情 */
.Breadcrumb{ line-height:5rem; border-bottom:1px solid #dcdcdc; font-size:1.6rem}
.Breadcrumb i, .Breadcrumb a:hover{ color:#3ba86f;}
.Breadcrumb a{ margin:0 1rem}
.details-title{ font-size: 4.4rem; line-height:4.8rem; text-align:left !important}
.details-mark{color: #999999;
	line-height: 4rem;
	text-align: center;
	margin: 2rem 0;
	border-top: 1px dashed #e5e5e5;
	border-bottom: 1px dashed #e5e5e5; font-size:1.8rem}
.details-mark span{ margin:0 1rem; display:inline-block}

/* 产品 */
.pro-tab{ text-align:center}
.pro-tab a{ display:inline-block;  border: 1px solid #dcdcdc;
    text-align: center;
    font-size:1.6rem;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #333; margin:0.5rem }
.pro-tab a.hover{
    border: 1px solid #3ba86f;
    color: #fff;
    background: #3ba86f;}
.product{ margin-bottom: 2rem;}
.product li{ margin-bottom: 2rem; font-size: 1.8rem;  line-height: 5rem; border-bottom: 1px solid #ddd;}
.product a{ display: block; }
.product a:hover{   color: #3ba86f;}
/* 企业文化 */
.culture{ border-bottom: 1px solid #ebebeb; margin-bottom: 3rem;}
.culture dt{ font-size: 2rem; margin-bottom: 2rem;}
    /* 联系我们 */
.contact li{ font-size:1.6rem; margin:4rem 0; display:flex; line-height:1.8}
.contact label{ font-weight:bold; margin-right:1rem}
.map img{ width:100%; display:block; margin-bottom:3rem}

/* 分页 */
.newpage {text-align: center;  margin: 2rem 0; overflow: hidden; }
.newpage ul li { display: inline; font-size: 14px; }
.newpage ul li a { display: inline-block;  margin: 0 4px; padding: 9px 12px; color: #333; border: 1px solid #e9e9e9; }
.newpage ul li a:hover { background: #3ba86f;  text-decoration: none;  color: #fff; }
.newpage ul li.thisclass { background: #3ba86f; text-decoration: none; color: #fff; margin: 0 4px; padding: 9px 12px; border: 1px solid #e9e9e9; }
.newpage ul li.thisclass a { color: #fff; border: none; padding: 0; margin: 0; }
.newpage .page-item span { color: #666; padding: 9px 12px; margin: 3px 0px; font-weight: bold; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 2px; border-radius: 2px; }
.newpage .active span{ display: inline-block;padding: 9px 12px; color: #fff; background: #3ba86f; border-color: #3ba86f; }

/* 图片弹窗预览样式 */
.img-modal{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    /* background-color: rgba(0,0,0,0.85); */
    display: none;
    z-index: 9999;
}
.img-modal.show{
    display: flex;
}
.modal-wrap{
    position: relative;
    width: 50%;
    top: 50%; height: 50%;
    left: 50%; transform: translate(-50%, -50%);
}
@media only screen and (max-width: 840px) {
.modal-wrap{      width: 60%;   }
}
@media only screen and (max-width: 580px) {
.modal-wrap{      width: 80%;   }
}

.modal-img{
    border:3px solid #fff; width: 100%;  box-sizing: border-box;
}
.modal-close{
    position: absolute;
    top:-36px;
    right:-36px;
    width:32px;
    height:32px;
    line-height:32px;
    text-align:center;
    color:#000;
    font-size:28px;
    cursor:pointer;
}

.head-tel li{ display: flex; align-items: center; color: #3ba86f;  font-weight: bold; font-size: 2rem; margin: 1rem 0;}
.head-tel li img{ width: 3rem; display: block; margin-right: 1rem;}

.lang{ margin-left: 1rem;}
.lang span{ display: block; border: 1px solid #ddd; background: #3ba86f; color: #fff; padding: 1rem 1.5rem; text-align: center; border-radius: .5rem; overflow: hidden;} 
.lang span:hover{background: #2b985f; }