/* CSS Document */
* {
	padding: 0;
	margin: 0;
}
html, css {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	height: 100%;
    height: auto;
}
body, ol, ul, h1, h2, h3, h4, h5, h6, p, pre, th, td, dl, dd, form, fieldset, legend, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	margin: 0;
	padding: 0;
}
article, aside, footer, header, nav, section {
	display: block
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.clear{ clear: both;}

.main{width: 100%;margin: 0 auto; height: auto;}
.main_top{margin: 0 auto; height: 165px;}
.main_top_nav{margin: 0 auto; width:80%; height: 160px;}

.main_top_nav ul{
    padding: 0;
	margin: 0 auto;
    display: flex;
    width:100%;
}
.main_top_nav ul li{
    flex-wrap:nowrap;
    width: 20%;
    font:20px/160px 'Microsoft yahei';
    color: #000;
    list-style: none;
    padding: 0;
	margin: 0;
    text-align: center;
}
.main_top_nav ul li a{
    font:20px/160px 'Microsoft yahei';
    color: #000;
    text-decoration: none;
}
.main_top_nav ul li.active{
    color: #448541;
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 0.8em;
    padding-bottom: 10px;
}
.main_top_nav ul li.active a{
    color: #448541;
    font-weight: bold;
}

.main_top_nav ul li.main_top_nav_logo img{ width: 100%;}

.main_banner{margin: 0 auto;}
.main_banner img{width: 100%;}

.main_about{margin: 0 auto; }
.main_about img{width: 100%;}


.main_honor{
    width: 100%;
    margin: 0 auto;
}
.main_honor_all{
    width: 80%;
    margin: 0 auto;
    padding: 20px 0px 80px;
}
.main_honor_title{
    font:20px/80px 'Microsoft yahei';
    color: #2a662a;
    margin: 20px auto 0px;
    width: 80%;
    text-align: left;

}
.main_honor_title .en{
    font:bold 30px/80px 'Microsoft yahei';
}
.main_honor_all ul {
    display: flex; /* 使用 flex 布局 */
    flex-wrap: wrap; /* 允许换行 */
    gap: 20px; /* 图片之间的间距 */
    padding: 0; /* 移除默认的内边距 */
    margin: 0; /* 移除默认的外边距 */
    list-style: none; /* 移除列表项的默认样式 */
  }
  
  .main_honor_all ul li {
    flex: 1 1 calc(30% - 20px); /* 每列占 25% 宽度，减去间距 */
    box-sizing: border-box; /* 确保宽度包含内边距和边框 */
    border: 2px solid #04b004;
  }
  
  .main_honor_all ul li img {
    width: 100%; /* 图片宽度填满容器 */
    height: auto; /* 高度自适应 */
    display: block; /* 移除图片下方的空白间隙 */
  }

.main_product{
    width: 100%;
    margin: 0 auto;
    background: #effbed url(../images/pro_bg.png) center bottom no-repeat;
}
.main_product_title{
    margin: 0 auto; 
    display: block;
    text-align: center;
    padding: 50px 0px;
}
.main_product_title img{width: 25%;}

.main_product_all{ 
    width: 80%;
    margin: 0 auto;
    padding: 50px 0px 260px;
    display: flex;
  flex-direction: column; 
}
.main_product_all ul {
    display: flex; /* 使用 flex 布局 */
    flex-wrap: wrap; /* 允许换行 */
    gap: 10px; /* 图片之间的间距 */
    padding: 0; /* 移除默认的内边距 */
    margin: 0; /* 移除默认的外边距 */
    list-style: none; /* 移除列表项的默认样式 */
  }
  
  .main_product_all ul li {
    flex: 1 1 calc(25% - 10px); /* 每列占 25% 宽度，减去间距 */
    box-sizing: border-box; /* 确保宽度包含内边距和边框 */
  }
  
  .main_product_all ul li img {
    width: 100%; /* 图片宽度填满容器 */
    height: auto; /* 高度自适应 */
    display: block; /* 移除图片下方的空白间隙 */
  }








.main_fot{ 
    padding: 0;
    background: url(../images/fot_bg.jpg) no-repeat;
    width: 100%; 
    height: 538px; 
    padding-top: 80px;
}
.main_fot_logo{margin: 0 auto; width: 80%; text-align: center;}
.main_fot_logo img{ width: 15%;}
.main_fot_nav{margin: 50px auto; }
.main_fot_nav ul{
    padding: 0;
	margin: 0 auto;
    display: flex;
    width:80%;
}
.main_fot_nav ul li{
    flex-wrap:nowrap;
    width: 20%;
    font:20px/40px 'Microsoft yahei';
    color: #fff;
    list-style: none;
    padding: 0;
	margin: 0;
    text-align: center;
}
.main_fot_nav ul li a{
    color: #fff;
    text-decoration: none;
}
.main_fot_nav ul li a:hover{
    text-decoration: none;
    color: #ff0;
}
.main_fot_giv{
    margin: 20px auto 0px; 
    text-align: center; 
    font:20px/40px 'Microsoft yahei';
    color: #fff;
}
.main_fot_giv a{
    text-decoration: none;
    color: #fff;
}
.main_fot_giv a:hover{
    text-decoration: none;
    color: #ff0;
}