/**组件样式*/
.xy_a .pic .a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: 50%;background-repeat: no-repeat;background-size: 80%;transition: all 0.3s ease-in;}
.xy_a .pic { padding-top:82%;position: relative;overflow: hidden;}
.txt{ height: .72rem; background: #fff; padding: 0 .3rem; align-items: center; transition: .5s;}
.lxxy_ul ul li{
    width:11.5%;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
    border-radius: 5px;}
.lxxy_ul ul li:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}
.lxxy_ul {
    padding-top: 30px;}
.xy_txt {
    margin: 5px auto;
    text-align: center;
    height: .48rem;
    align-items: center;
    transition: .5s;}
h4.l1.h4s1 {
    font-size: .14rem;}
.lxxy_ul ul.flex {
  display: flex;
  flex-wrap: wrap; /* 允许换行（关键！） */
  gap: 10px;       /* 替代 margin，自动处理间距 */
  justify-content: flex-start; /* 子项左对齐 */
  padding: 0;       /* 清除默认内边距 */
  margin: 0;}
/* 媒体查询：平板适配 */
@media (max-width: 1199px) and (min-width: 768px) {
  .lxxy_ul ul li {
    width: calc(33.333% - 10px);}
}

/* 媒体查询：手机适配 */
@media (max-width: 767px) {
  .lxxy_ul ul li {
    width: 48%;
    margin-bottom: 10px;}

  h4.l1.h4s1 {
    font-size: .16rem;}

  .xy_a .pic {
    padding-top: 60%;}
  .xy_a .pic .a{background-size:52%;}
}