@charset "utf-8";body{font-size:14px;color:#000;background:#FFF;font-family:"Microsoft YaHei",Verdana,sans-serif,"SimSun";-webkit-text-size-adjust:none;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;margin:0px;padding:0px;word-break:break-all;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
ul,li,p{list-style-type:none;padding:0px;margin:0px}
img{border:0px}
a:link{color:#333;text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s}
a:visited{text-decoration:none;color:#333}
a:hover{text-decoration:none;color:#333}
a:active{text-decoration:none;color:#333}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
*,::after,::before{box-sizing:border-box;outline:none}
body{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
/*body{font-family:"PingFang SC","Microsoft YaHei",sans-serif}*/

body {  font-family: -apple-system, BlinkMacSystem,'Montserrat','Noto Sans SC','sourcehansans',sans-serif !important;}

.w-all{display:none}
.headh{border-bottom:1px solid rgba(255,255,255,.2);width:100%;position:fixed;height:100px;top:0px;transition:0.2s 0.2s;z-index:9999}
.headh:hover{background:#FFF}
.logo1{display:block}
.logo2{display:none}
.headh:hover .logo2{display:block}
.headh:hover .logo1{display:none}
.headh:hover .icon{fill:#000}

.head{width:100%;overflow:hidden;background:#1664a8;line-height:30px}
.header-active{box-shadow:0 2px 10px 0 rgba(0,0,0,.1); background:#FFF;}
.main{max-width:1600px;margin:0 auto;overflow:hidden; padding: 0px 15px;}
.main_h{width:94%;max-width:1600px;height:100px;display:flex;justify-content:space-between;align-items:center;margin:0 auto}
.logo{float:left;overflow:hidden;margin-top:0px;margin-bottom:0px}
.logo img{max-width:100%}
.banner{width:100%;overflow:hidden; position:relative;}
.banner img{width:100%;display:block}
.header-active .logo2{ display:block;}
.header-active .logo1{ display: none;}

.header-active .nav a{ color:#000}

.header-active .icon {
    fill: #009342;
}

.nav{font-family:"Microsoft YaHei Light","Microsoft YaHei Light","Microsoft YaHei","Microsoft YaHei",Arial,Helvetica,sans-serif;float:right}
.nav li{float:left;position:relative;width:auto}
.nav a{display:block;font-size:18px;padding:0px 30px;line-height:100px;font-weight:700;text-align:center;text-decoration:none;color:#fff}
.nav li:hover a{color:#fff !important;font-weight:700}
.headh:hover .nav a{color:#000}
.nav li.current:before{width:100%}
.current a{color:#fff;font-weight:700}
.nav li:before{content:"";position:absolute;bottom:0;right:0;left:0;width:100%;height:0px;margin:0px auto;background-color:#009342;transition:0.2s 0.2s;z-index:-1}
.nav li:hover:before{height:100%}

/* 子菜单优化部分 */
#submenu{
    left:0;
    opacity:0;
    position:absolute;
    top:100px; /* 保持与父元素底部对齐 */
    visibility:hidden;
    z-index:1;
    width:auto;
    box-shadow:0 0 10px rgb(0 0 0 / 20%);
    min-width:210px;
    padding:15px;
    background:#FFF;
    transform: translateY(-10px); /* 初始向下偏移 */
    transition: all 0.3s ease; /* 统一过渡动画 */
}

/* 悬停显示子菜单 */
li:hover ul#submenu{
    opacity:1;
    visibility:visible;
    transform: translateY(0); /* 回到正常位置 */
}

#submenu li{float:none;width:100%;overflow:hidden;white-space:nowrap;background:none;border-bottom:1px solid #eee}
#submenu li:before{background:none}
#submenu a:hover{background:#0a8032;color:#FFF !important;transition: background 0.2s ease;} /* 增加背景过渡 */
#submenu li:last-child{border-bottom:0}
#submenu a{
    background:rgba(255,255,255,1);
    padding:10px 20px;
    font-size:14px;
    text-align:left;
    min-width:64px;
    color:#000 !important;
    line-height:25px;
    transition: color 0.2s ease; /* 文字颜色过渡 */
}


.icon{fill:#fff}
.fr{display:flex;gap:20px;align-items:center;justify-content:flex-end}
.os:hover .icon{fill:#009342}
.bj{ width:100%; overflow:hidden;background-color: rgba(245, 245, 245, 1); overflow:hidden; margin-top:80px; padding:100px 100px;}
.aboutlaft{ width:48%; float: left; overflow:hidden;}
.abouttop{ width:100%; overflow:hidden; max-width:400px;} .abouttop img{ max-width:100%; display:block;}
.abouttoptxt{ font-size:36px; font-weight:600; margin-top:-30px;}

.xian{max-width: 72px;
    height: 3px; background:#000; margin-top:10px; margin-bottom:10px; overflow:hidden;}
	.abouttoptxt1{ width:100%; overflow:hidden;  line-height:2; color:#696969;}
	
	.aboutbtn{ width:180px; line-height:40px; background:#009342; text-align:center; color:#FFF; margin-top:50px;}	
	
	.aboutright{ float:right; width:48%; overflow:hidden;}	 	.aboutright img{ width:100%; display:block;}
	
	
	.pro{ width:25%; float:left; overflow:hidden; margin-top:80px;}
		.pro1{ width:100%; overflow:hidden;} .pro1 img{ width:100%; display:block;}
	
		.protxt{ width:100%; font-size:40px; font-weight:800; margin-top:-30px;}
	
	.xian1{max-width: 40px;
    height: 3px; background:#009342; margin-top:10px; margin-bottom:10px; overflow:hidden;}
	
	
		.protxt1{ width:100%; overflow:hidden;line-height: 1.5; font-size:16px; color: rgba(0, 0, 0, 0.5);}
	.accordion { width:100%;
    overflow: hidden; margin-top:30px; font-size:16px;
}

/* 标题样式：默认绿色底，hover变白底+文字左移，圆点占位不显示 */
.accordion-header {
    background-color: #009342; /* 默认绿色背景 */
    color: white; /* 默认白色文字 */
    padding: 15px 15px 15px 35px; /* 左边留出圆点位置（占位） */
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
    border-bottom: 1px solid #FFF;
    position: relative;
}
/* 占位圆点（透明不可见） */
.accordion-header::before {
    content: "•";
    position: absolute;
    left: 15px;
    color: transparent; /* 透明不显示 */
}
.accordion-header:hover {
    background-color: white;
    color: #009342;
}

/* 标题文字左移核心 */
.accordion-header a {
    color: inherit;
    text-decoration: none;
    flex: 1;
    transition: transform 0.3s ease;
}
.accordion-header:hover a {
    transform: translateX(-8px);
    text-decoration: none;
}

/* 箭头图标 */
.accordion-header .arrow {
    cursor: pointer;
    transition: transform 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}
.accordion-header .arrow svg {
    width: 25px;
    height: 25px;
    fill: currentColor;
}
.accordion-header .arrow.rotate {
    transform: rotate(180deg);
}

/* 内容区域 */
.accordion-content {
    background-color: #f5f5f5;
    max-height: 500px;

    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}
.accordion-content.collapsed {
    max-height: 0;
    padding: 0 15px;
}


.accordion-content li {
    color: #333;
    padding: 15px 20px 15px 45px; /* 左侧留更大空间放圆点 */
    position: relative;
    transition: all 0.3s ease;
    width: 100%;               /* 宽度100% */
    box-sizing: border-box;   border-bottom: 1px solid #ebebeb; /* 让padding包含在宽度内 */
}
.accordion-content li:hover {
    background: #FFF;          /* 背景铺满整行 */
    color: #008000;
    padding-left: 28px;   border-bottom: 1px solid #fff;     /* 左移7px */
}
.accordion-content li::before {
    content: "•";
    position: absolute;
    left: 20px;                /* 圆点位置向右调整 */
    color: #009342;
    font-size: 24px;           /* 圆点放大 */
    line-height: 1;            /* 垂直居中 */
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.accordion-content li:hover::before {
    opacity: 0;
    transform: translateX(-5px);
}

.accordion-content a{ display:block; }.accordion-content a:hover{ color:#009342}




.pro_right {
    width: 73%; float:right;
    overflow: hidden;
    padding: 20px 20px; margin-top:80px;
}
.pro_right ul {
 column-count: 2;          /* 2列布局 */
    column-gap:  3%;

    padding: 0;
    margin: 0;
}
.pro_right ul li {
    overflow: hidden;
    border-radius: 20px;
    filter: drop-shadow(1px 6px 6px rgba(0, 0, 0, .3));
    margin-bottom: 4%;
 position:relative; break-inside: avoid; 
}
.pro_right ul li:nth-child(even) {
    margin-left: auto; /* 偶数项右对齐 */
}
.pro_right ul li img {
    width: 100%; transition: transform 0.3s ease;
    display: block;
    height: auto;
    border-radius: 20px;
}
	.pro_righttxt{ width:80%; float:left; overflow:hidden; position:absolute; top:10%; left:8%} 	
		
		
	.pro_righttxt1{ width:100%; overflow:hidden;}	 
	
		.pro_righttxt1 img{ width:50px !important; height:50px !important;}	
			.pro_righttxt2{ width:100%; font-size:22px; font-weight:800; color:#009342; margin-top:10px;}
		
			.pro_righttxt3	 .icon {
    fill: #009342; 
}.pro_right ul li img:hover {
    transform: scale(1.05); 
}

.bj2{ width:100%; overflow:hidden; background: url(bj1.jpg) no-repeat center; background-size: cover; height:400px; margin-top:50px;}
.case_top{ margin-top:-300px; }
.case_txt{ max-width:400px;overflow:hidden; margin:0 auto;} .case_txt img{ width:100%; display:block}


.case_txt1{ width:100%; overflow:hidden; font-size:40px; font-weight:600; text-align:center; color:#FFF; margin-top:-20px;}


.caselist{ display: flex;flex-wrap: wrap; max-width: 100%; margin-top:40px; padding:20px; }
.caselist ul{  display: flex;
  flex-wrap: nowrap;            
  justify-content: space-between;
  width: 100%;
  gap: 30px;      }

.caselist li{ flex: 1;                  
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #e5e5e5;filter: drop-shadow(1px 6px 6px rgba(0, 0, 0, .3));
  overflow: hidden;}
  
.caselistimgs{  width:100%; overflow:hidden;position:relative;    }  
  
  
.caselistimgs img{ width:100%; display:block;transition: transform 0.3s ease;}
.caselist li:hover .caselistimgs img {
  transform: scale(1.1); 
}
.caselist li p{ margin-top:15px; margin-bottom:15px; font-size:16px; text-align:center;}


.gr_proHover {
    position: absolute;
    left: 50%;
    top: 50%;
    background: rgb(0 136 73 / 50%);
    color: #fff;
    font-weight: normal;
    width: 3vw;
    height: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 16px rgba(255, 255, 255, 0.4);
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.5s;
}.caselist li:hover .gr_proHover {
        transform: translate(-50%, -50%) scale(1);
    }

.news{ width:100%; overflow:hidden; margin-top:80px;}
.news_left{ float:left; overflow:hidden}
.newstxt{ max-width:400px; overflow:hidden} .newstxt img{ width:100%; display:block}
.newstxt1{ font-size:40px; font-weight:bold; width:100%; overflow:hidden; margin-top:-30px;}

.newsbtn{ width:180px; float:right; overflow:hidden; margin-top:100px; background-color: rgba(0, 136, 73, 1); text-align:center; line-height:40px;box-shadow: 0 10px 20px rgb(0 92 171 / 10%);border-radius: 5px; color:#fff;}
.news_main{ width:45%; float:left; overflow:hidden; margin-top:20px; position:relative; transition: all 0.5s; max-height:470px;} .news_main img{ width:100%; display:block; transition: all 0.5s;}
.news_main_txt{ width:100%; overflow:hidden; position:absolute; bottom:0px; font-size:24px; color:#FFF; background: linear-gradient(to bottom, 
    rgba(0,0,0,0) 0%,    
    rgba(0,0,0,0.9) 100%
  ); padding:30px;}
.news_main_txt p{ color:#999; font-size:16px; margin-top:10px;white-space: nowrap;
  text-overflow: ellipsis;}

.news_main:hover img{   transform: scale(1.1); }






.caselists {
	width:50%; float:right;
    margin: 20px auto;
    padding: 0 16px;
}
.news_item {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 30px 0;
    border-bottom: 1px solid #dedede;
    position: relative;
    transition: all 0.3s; 
}
.news_item::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: #009342;
    transition: width 0.3s ease;
}
.news_item:hover {
    border-color: transparent;
}
.news_item:hover::after {
    width: 100%;
}
.news_liyuan {
    width: 96px;
    height: 96px;
    border: 2px solid #d4d4d4;
    color: #887c7f;
    border-radius: 50%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: 500;
    transition: all 0.6s;
}
.news_item:hover .news_liyuan {
    border-color: #009342;
    background-color: #009342;
    color: #fff;
}
.news_liyuan p {
    margin-top: 4px;
    font-size: 14px;
    font-weight: normal;
}
.news_liright {
    flex: 1;
}
.news_liright strong {
    font-size: 22px;
    color: #333;
    transition: color 0.3s;
}
.news_item:hover .news_liright strong {
    color: #009342;
}
.news_liright p {
    margin-top: 8px;
    font-size: 15px;
    line-height: 29px;
    color: #666;
}


.end {
    overflow: hidden;
    width: 100%;
    background: #333;
    color: #fff;
    padding: 80px 0 0 0; margin-top:50px;
}
.medf {
    width: 100%;
    background: #333;
    overflow: hidden;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #CCC;
    text-align: center;
}



.foontes{ width:10%; overflow:hidden; float:left; font-size:16px; margin-bottom:10px;}

.xoan{border-top: 1px solid rgba(255, 255, 255, 0.10); overflow:hidden; width:100%; padding-top:30px; padding-bottom:30px;}
.foontes a{ color:#000; margin-top:5px; font-size:17px;}

.medf a{ color:#ccc;}
.foontes p a{ color:#fff; font-size:14px; line-height:180%; margin-top:10px;}
.txtct{color:#fff; font-size:17px; width:30%;  overflow:hidden;  line-height:180%; float:left;}.txtct a{ color:#FFF;}
.weix{ overflow:hidden; float: right;}.weix p{ text-align:center; margin-top:10px;}
.weix img{ width:140px; display:block;} 
.txtct p{ color: rgba(255, 255, 255, .66);margin-top:10px; line-height:180%; font-size:16px;}

.endright{display: flex; float: left ;}
.endright ul {
    margin-left: 110px;
}

.tt2 div {
    font-size: 34px;
    color: #fff;
    font-family: 'Impact';
    line-height: 40px;
}

.endright ul li p {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.endright ul li a {
    font-size: 15.5px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 35px;
    opacity: 0.6;
    transition: 1s;
}
footer .box1 .list1 .tt2 {
    font-size: 14px;
    color: rgba(255, 255, 255, .66);
    padding: 11px 0;
    line-height: 20px;
}



.aboutn{ width:100%; overflow:hidden; text-align:center; font-size:48px;color:#FFF; position:absolute; top:30%;}

.aboutn p{ font-size:30px; font-weight: normal;text-transform: uppercase;}

.p_list {
            width: 100%; position:absolute; bottom:0px;background-color: rgba(0, 0, 0, 0.2);
            text-align: center;

        }
        .p_list ul {
      padding: 0;margin: 0;
            display: inline-block;
        }
        .p_list li {
            display: inline-block;
            padding: 25px 30px;
        
            cursor: pointer; font-size:16px;
            position: relative;
            z-index: 1; color:#ccc;
            transition: color 0.3s ease; border-right: 1px solid rgba(153, 153, 153, 0.5); 
        }
		
		.p_list li a{ color:#FFF}
        .p_list li::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            background-color: #009342;
            transition: width 0.3s ease;
            z-index: -1;
        }
        .p_list li:hover::before {
            width: 100%;
        }
        .p_list li:hover {
            color: #fff;
        }

  .p_list li:last-child {
            border-right: none;
        }

.container {
         
     
            padding: 20px;background-color: rgba(245, 245, 245, 1); margin-top:80px;
        }
        .company-info {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
        
            padding: 30px;
       
           
        }
        .company-image {
            flex: 1;
            min-width: 300px;
        }
        .company-image img {
            width: 100%;
            height: auto;
            border-radius: 4px;
        }
        .company-details {
            flex: 1;
            min-width: 300px;
        }
        .company-details h1 {
            font-size: 24px;
            margin-bottom: 10px;
            color: #333;
        }
        .company-details .english-name {
            color: #666;
            margin-bottom: 20px;
            font-size: 14px;
        }
        .divider {
            height: 2px;
            width: 50px;
            background-color: #00b42a;
            margin-bottom: 20px;
        }
        .company-details p {
            margin-bottom: 15px;
            font-size: 15px;
            line-height: 1.8;
        }

 .containerss {
            max-width: 100%;
            margin: 0 auto; margin-top:80px;
           
            display: flex;
            flex-wrap: wrap;
        }
        .left-column {
            flex: 1;
            min-width: 300px;
            padding: 100px 100px;
            background-color: #f9f9f9;
        }
        .right-column {
            flex: 1;
            min-width: 300px;
        }
        .right-column img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        h2 {
            color: #333;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #008000;
        }
        /* 两列布局容器 */
        .items-container {
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
        }
        .item {
            /* 每列占比 - 考虑间距后的计算 */
            flex: 1;
            min-width: calc(50% - 12.5px);
            margin-bottom: 0;
        }
        .item h3 {
            font-size: 18px;
            color: #fff; /* 文字颜色改为白色以配合绿色背景 */
            margin-bottom: 8px;
            /* 绿色渐变背景 - 从左到右 */
           background-image: linear-gradient(91.0deg, rgba(0, 136, 73, 1) 0.0, rgba(255, 255, 255, 0) 100.0%);
            padding: 8px 15px; /* 增加内边距让背景更明显 */
            border-radius: 4px; /* 轻微圆角更美观 */
        }
        .item p {
            line-height: 1.6;
            color: #555;
            padding: 0 15px;
        }
		
		
		  .products-grid {
			  margin-top:80px; padding:10px 10px;

    
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
            gap: 30px;
        }
        
        /* 单个产品卡片 */
        .product-card {
            background-color: white;
            padding: 40px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 40px;
        }
        
        /* 文本内容区域 */
        .content {
            flex: 1;
            min-width: 250px;
        }
        
        .titles {
            font-size: 24px;
            color: #333;
            margin-bottom: 10px;
        }
        
        .title-underline {
            height: 3px;
            width: 60px;
            background-color: #009342;
            margin-bottom: 20px;
            transition: width 0.3s ease;
        }
        
      .product-card:hover  .title-underline {
            width: 100%;
        }
        
        .description {
            color: #666;
            line-height: 1.6;
            margin-bottom: 30px;
        }
        
        .more-btn {
            display: inline-block;
            padding: 10px 20px;
            border: 1px solid #a7a7a7;
            border-radius: 20px;
            color: #a7a7a7;
            text-decoration: none;
            transition: all 0.3s ease;
        }
             .product-card:hover .more-btn {
            background-color: #009342;  border: 1px solid #009342;
            color: white;
        }
      
        
        /* 图片区域 */
        .image-container {
            flex: 1;
            max-width: 200px;
            display: flex;
            justify-content: center;
        }
        
        .product-image {
            max-width: 100%;
            height: auto;
            border-radius: 4px;
      
        }
		
		
		
		
		
		  /* 卡片容器 - 一行3列布局 */
        .se-cards-container {
            display: flex;
            flex-wrap: wrap;
            gap: 40px; margin-top:80px; padding:20px;
         
        }
        
        /* 单个卡片样式 - 增加过渡动画 */
        .se-card {
            width: calc(33.333% - 80px/3);
            min-width: 280px;
            background-color: white;

            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            transition: transform 0.3s ease; /* 过渡动画 */
        }
        
        /* 鼠标悬停时向上移动 */
        .se-card:hover {
            transform: translateY(-8px); /* 向上移动8px */
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); /* 增强阴影效果 */
        }
        
        /* 图标区域 */
        .se-card-icon {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
      
        }
        
        .se-card-icon img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }
        
        /* 卡片内容区域 */
        .se-card-content {
            padding: 20px;
        }
        
        .se-title {
            font-size: 18px;
            color: #333;
            margin-bottom: 10px;
            font-weight: 600;
 
        }
        
        .se-description {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            margin-bottom: 15px;
        }
        
        .se-date {
            font-size: 12px;
            color: #999;
            padding-top: 10px;
            border-top: 1px solid #eee;
        }

        /* 响应式调整 */
        @media (max-width: 768px) {
            .se-card {
                width: calc(50% - 10px);
            }
        }

        @media (max-width: 480px) {
            .se-card {
                width: 100%;
            }
        }
		
		
		        .news-container { margin-bottom:20px; overflow:hidden;
            width: 100%;
   
       
            display: flex;
            background-color: #f5f5f5;
            overflow: hidden;

        }
        
        .news-image-section {
            flex: 1;
			max-width:400px;
        }
        
        .news-image-section img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .top{ margin-top:80px;}
        .news-content-section {
            flex: 2;
            padding: 10px 50px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
        }
        
        .news-cont {
            font-size: 24px;
            margin-bottom: 20px;
            color: #333;
            font-weight: 600;
        }
        
        .content-wrapper {
            display: flex;
            align-items: center; /* 垂直居中对齐 */
            gap: 20px;
        }
        
        .news-content-section p {
            font-size: 16px;
            color: #666;
            line-height: 1.6;
            margin-bottom: 0;
        }
        
        .news-date-box {
            text-align: right;
            white-space: nowrap;
            margin-left: auto;
            /* 确保日期区域自身内容垂直居中 */
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .news-number {
            font-size: 60px;
            font-weight: 700;
            color: #333;
            line-height: 1;
        }
        
        .news-date {
            font-size: 14px;
            color: #999;
            margin-top: 5px;
        }
        
        @media (max-width: 768px) {
            .news-container {
                flex-direction: column;
            }
            
            .content-wrapper {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .news-date-box {
                margin-top: 20px;
                margin-left: 0;
                align-items: flex-start;
            }
        }
		
		
		.news-container:hover {
            width: 100%;
        
            background-color: #fff;
        
        }
		
		
		
		
		
		.conta {
            width: 100%;
        
            margin: 30px auto;
            display: flex;
            flex-wrap: wrap;
        }
        .left-column {
            flex: 1;
            min-width: 300px;
            background-color: #fff;
            padding: 30px;
            box-sizing: border-box;
        }
        .right-column {
            flex: 1;
            min-width: 300px;
            background-color: #fff;
            position: relative;
        }
        .company-name {
            font-size: 28px;
            font-weight: bold;
            color: #333;
            margin-bottom: 15px;
        }
        .contact-tip {
            font-size: 16px;
            color: #666;
            margin-bottom: 25px;
        }
        hr {
            border: none;
            border-top: 1px solid #eee;
            margin: 25px 0;
        }
        .contact-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px;
        }
        .contact-icon {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #008849;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
        }
        .contact-icon .icon {
            color: #00bfa5;
            font-size: 10px;
        }
        .contact-info h3 {
            font-size: 16px;
            color: #333;
            margin: 0 0 5px 0;
        }
        .contact-info p {
            font-size: 14px;
            color: #666;
            margin: 0;
        }
        .map-img {
            width: 100%;
            height: 350px;
            object-fit: cover;
            display: block;
        }
        .map-copyright {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #f9f9f9;
            font-size: 12px;
            color: #999;
            padding: 5px 10px;
            text-align: right;
        }
		
		
		.formBox {
    overflow: hidden;
    width: 100%;
    border: 0px solid #E5E5E5;
    /*padding: 30px 200px 0px 200px;*/
}
.formBox input {
    float: left;
    width: 100%;
    margin-top: 20px;
    border: 1px solid rgba(229, 229, 229, 1);
    line-height: 37px;
    height: 49px;
    color: #555555;
    font-size: 16px;
    padding: 5px 20px;
    background: #fff;
}
.formBox textarea {
    float: left;
    width: 100%;
    margin-top: 20px;
    background: #fff;
    border: 1px solid rgba(229, 229, 229, 1);
    background: #fff;
    line-height: 26px;
    height: 167px;
    color: #555555;
    font-size: 16px;
    padding: 10px 20px;
}
._r {
    float: right !important;
}
.formBox .submit {
    float: left;
    width: 27.7%;
    margin: 52px auto 0 auto;
    background: #009342;
    color: #fff;
    font-size: 18px;
    line-height: 62px;
    height: 62px;
    border-radius: 0px 0px 0px 0px;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    border: none;
    padding: 0;
    opacity: 1;
}
  .newsn {
            display: flex;
            margin: 0;
            padding: 20px;
            font-family: Arial, sans-serif;
            box-sizing: border-box; /* 确保padding不影响整体宽度 */
        }
        .new-main-content {
            flex: 3;
            padding-right: 20px;
        }
        .new-title {
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 20px;
        }
        .new-publish-time {
            text-align: center;
            color: #666;
            margin-bottom: 20px;
        }
        .new-highlight {
            background-color: #f5f5f5;
            padding: 10px;
            margin-bottom: 20px;
        }
        .new-content {
            line-height: 1.6; font-size:16px;
        }
        .new-feature {
            margin-top: 20px;
        }
        .new-feature h3 {
            margin-bottom: 10px;
        }
        .new-back-btn {
            display: block;
            width: 120px;
            height: 40px;
            background-color: #009342;
            color: #fff !important;
            text-align: center;
            line-height: 40px;
            border-radius: 5px;
            text-decoration: none;
            margin: 30px auto 0;
        }
        .new-related-news {
            flex: 1;
            border-left: 1px solid #eee;
            padding-left: 20px;
        }
        .new-related-news h2 {
            font-size: 20px;
            margin-bottom: 15px;
        }
        .new-news-item {
            margin-bottom: 20px;
            border-bottom: 1px dashed #eee;
            padding-bottom: 15px;
        }
        .new-news-date {
            font-size: 12px;
            color: #999;
            margin-bottom: 5px;
        }
        .new-news-title {
            font-size: 18px;
            margin-bottom: 10px;
        }
        .new-news-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.4;
        }

        /* 平板设备适配 (768px - 1024px) */
        @media (max-width: 1024px) {
            body {
                flex-direction: column;
                padding: 15px;
            }
            .new-main-content {
                padding-right: 0;
                margin-bottom: 30px;
            }
            .new-related-news {
                border-left: none;
                border-top: 1px solid #eee;
                padding-left: 0;
                padding-top: 20px;
            }
            .new-title {
                font-size: 22px;
            }
        }
.page_show { margin: 20px 0; width:100%; text-align:center; overflow:hidden; }
.page_show a { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #F2F2F2; margin-right: 3px; margin-left:3px; border-radius: 5px; }
.page_show a:hover, .page_show a.page_current { background: #009342; color: #FFF; text-align:center; }
.rig_about2{ width:100%; overflow:hidden; line-height:180%; margin-bottom:50px; margin-top:50px; font-size:16px;}
.xxnrt {
    width: 100%;
    overflow: hidden;
    line-height: 180%;
    margin-bottom: 30px;
}
.portel {
    color: #fff !important;  font-family:"Microsoft Yahei";
    font-size: 16px; 
    text-align: center;
background: linear-gradient(to right, #009342, #08a34e);
    width: 240px;
    border-radius: 7px;
    padding: 13px 0;
    display: block;
    margin-top: 87px;
}


#message{
                position: absolute;
                top: 40%;
                left: 50%;
                width: 200px;
                height: 50px;
				color:#FFF;
				font-size:16px;
                border-radius: 3px;
                line-height: 50px;
                text-align: center;
                display: none; position: fixed;
 background-color: rgba(0, 0, 0, 0.9);
  transform: translate(-40%, -50%);


}



.tese{ width:100%; overflow:hidden;}
.tesea{ width:50%; overflow:hidden; float:left;}

.teseb{ width:50%; overflow:hidden; float:right;}


.teseb img{ width:100%; display:block;}


.tesea1{ width:80%; border-bottom:4px solid #d6a071; margin-top:150px; font-size:24px; font-family:"Microsoft Yahei"; font-weight: bold; line-height:180%;}

.tesea2{ width:100%; overflow:hidden; line-height:2; margin-top:20px; font-size:16px;}


.tesefw{ width:100%; overflow:hidden; margin-top:50px; position:relative;}
.tesefw1{ width:30%; float:left; overflow:hidden; border-radius:10px;} .tesefw1 img{ width:100%; display:block;}

.tesefw2{ width:68%; overflow:hidden; background:#d28542;border-radius:10px; float:right; color:#FFF; padding:80px 50px; position:absolute; right:0; height:100%;}
.tesefw3{ width:100%; overflow:hidden; font-size:24px; font-weight:bold; font-family:"Microsoft Yahei";}

.tesefw4{ width:100%; overflow:hidden; font-size:18px; font-family:"Microsoft Yahei"; margin-top:20px;}

.tesefwli{ width:100%; overflow:hidden; margin-top:50px;}
.tesefwli li{ width:48%; float:left; position:relative; margin-bottom:30px;}

.tesefwli li:nth-child(even) { float:right; }

.tesefwliyuan{ width:100px; height:100px; float:left; line-height:100px;border-radius:50%; text-align:center; font-size:36px; font-family:"Microsoft Yahei"; font-weight:bold; color:#FFF; overflow:hidden; background:#d6a071;}
.tesefwliTXT{width: calc(100% - 150px); float:right; overflow:hidden; line-height:2; font-size:16px; position:absolute;   top: 50%;
                left: 50%; transform: translate(-40%, -50%);
}

.pordmaore{ width:48%; float:left; overflow:hidden;} .pordmaore img{ width:100%; display:block;}
.pordmaoreright{ width:48%; float:right; overflow:hidden; line-height:2;}
.news_f{
    text-align: left;
    font-weight: 900;
    line-height: 50px;
    margin-bottom: 0px;
    font-size: 24px;
    margin-top: 0PX;
}

.news_g{
    text-align: left;


    margin-bottom: 0px;
    font-size: 16px;
    margin-top: 0PX;
}

.xiangx {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed #CCCCCC;
    margin-top: 50px;
    line-height: 180%;
    font-size: 22px;
    text-align: left;
    font-weight: 100;
    margin-top: 50px;
    margin-bottom: 30px; font-weight:800;
}
.xxnr {
    width: 100%;
    overflow: hidden;
    line-height: 180%;
    margin-bottom: 30px;
}
.xxnr img{max-width:100%; display:block;}
.news-two li a {
	display: block
}.xiangx1 {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #CCCCCC;
    margin-top: 50px;
    line-height: 180%;
    font-size: 22px;
    text-align: left;
    font-weight: 100;
    margin-top: 50px;
    margin-bottom: 30px;
    font-weight: 800;
}	
	.boxx{ width:100%; overflow:hidden; margin-top:30px; margin-bottom:40px;}	


.boxx li{  overflow:hidden;width:32%;transition: all 0.6s;  margin-bottom:2%; float:left; margin-right:2%; position:relative;} 

.boxx img{ width:100%; display:block;transition: all 0.6s;aspect-ratio: 16/10;object-fit: cover; transition: all 0.3s;}
.boxx li:hover{  box-shadow: 0px 5px 37px 3px rgba(0, 0, 0, 0.08);}		
.boxx li:nth-child(3n+3) {
    margin-right: 0;
    float: right;
}

.boxx li:hover .imgs img {
    transform: scale(1.1);
}


.boxx li .text {
    position: absolute; color:#FFF; font-size:18px; line-height:1.5;
    bottom: 0;
    left: 0;
    width: 100%; 
    padding: 30px 0; text-align:center;background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,.6), rgba(0,0,0,0));transition: 0.2s 0.2s;
}

.boxx li .text p{ width:100%; overflow:hidden; font-size:14px;padding-left:20px; padding-right:20px; }
.boxx li:hover .text{background-image:linear-gradient(to top,rgba(0,147,66,1),rgba(0,147,66,.6),rgba(0,147,66,0));}