/* 通用重置：消除浏览器默认间距与内边距 */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}
/* 基本字体和表单元素统一设置 */
body,textarea,input,button,select,keygen,legend{font-size:14px;color:#333;font-family:Arial;-webkit-text-size-adjust:none;outline:0}
/* 清除浮动占位元素 */
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden}
.clean{zoom:1}
.clean:after,.clean:before{content:'';display:table}
.clean:after{clear:both}
a{color:#333;text-decoration:none}
a:hover{text-decoration:underline}
/* 页面主容器宽度设置 */
.wrap{width:1200px;margin:0 auto;zoom:1}
@media screen and (max-width:1440px){
.wrap{width:95%}
}
/* 保留原生 `.clear` 类名写法 */
.clear{cleat:both}
/* 关于页面模块间距 */
.about_item:nth-child(2){margin-top:42px}
.about_item:nth-child(3){margin-top:46px;margin-bottom:85px}
/* 关于页面展示板块 */
.about_item .title{font-size:30px;color:#000;margin:0 0 15px 0}

/* 内容与留言区域样式 */
.ey-smdy{margin:30px 0;overflow:hidden}
.ey-smdy>.contents{color:#555;line-height:160%;font-size:16px;min-height:300px}
.ey-smdy strong,.ey-smdy b{font-weight:bold}

.company_intr_img_slide{
  width: 100%;
  max-width: 500px; /* 根据需要改为你想要的最大宽度 */
  margin: 0 auto;    /* 居中 */
}
.company_intr_img_slide .swiper-wrapper{
  /* 保持默认 display（不要设置为 flex，否则会干扰 Swiper 的布局与 transform 计算） */
}
.intr_img_item{overflow:hidden;border-radius:8px;}
.intr_img_item img{display:block;width:100%;height:auto;}

/* 修复：关于页内嵌套 .layout 导致在桌面最大化时内容超出父容器并部分不可见
   说明：全局 `.layout` 在 `style.css` 定义为 1400px，这里在关于页内使用时会超出
   顶层 `.wrap`（1200px），导致布局异常。覆盖为响应式宽度以保证桌面/移动一致性。 */
.wrap.inner.article .layout{
  width:100%;
  max-width:1200px;
  margin:0 auto;
}

 /* 栏目图片自适应样式 */
.category-banner{
  display:block;
  width:100%;
  height:auto;
  max-height:10vh; /* 保留最大高度限制 */
  object-fit:cover;
  aspect-ratio:16/4; 
  /* 
    注意：如果发现修改 max-height 后依然没有高度变化，
    说明 aspect-ratio 的计算高度小于 max-height，
    此时如果需要容器高度随 max-height 变小，可以移除 aspect-ratio，
    或者改为 aspect-ratio: auto 16/4; 让浏览器在高度受限时自动调整宽高比。
  */
} 
@media (max-width:768px){ 
  .category-banner{
    max-height:5vh; 
    /* 在小屏幕下同理，如果高度仍不变化，考虑移除 aspect-ratio: 4/1; */
  } 
}
