aa1 {
  width: 60%;
  margin: auto;
  display: block;
  }


.hengfu1 img{
	height: 60px;
	width: 100%;
}

@media screen and (max-width:640px) {
.hengfu1 img{
	height: 15.2vw;
	width: 100%;
}
}


.hengfu2 img{
	height: 60px;
	width: 49.7%;
}

@media screen and (max-width:640px) {
.hengfu2 img{
	height: 60px;
	width: 100%;
}
}


    body {
      background-color: #f0f0f0; /* 设置页面背景为浅灰色，便于对比 */
      margin: 0; /* 移除默认外边距 */
    }

    .app {
      margin: 0px;
      border-radius: 3px;
      background-color: #ffffff !important; /* 强制白色背景 */
      min-height: 0px; /* 确保容器有最小高度 */
      display: flow-root; /* 清除浮动，替代 overflow: auto */
      border: 1px solid #ccc; /* 添加边框以便观察容器范围 */
    }

    .app ul {
      margin: 0;
      padding: 0;
      list-style: none; /* 移除默认列表样式 */
    }

    .app ul li {
      float: left;
      width: 8.33%;
      text-align: center;
      list-style-type: none;
    }

    .app ul li img {
      margin: 0 auto;
      width: 48px;
      height: 48px;
      display: block;
      border-radius: 12px;
    }

    .app ul a {
      font: 12px/28px Tahoma, 'Microsoft Yahei', Simsun;
      color: #666;
      overflow: hidden;
      white-space: nowrap;
      text-decoration: none; /* 移除下划线 */
    }

    @media screen and (max-width: 640px) {
      .app ul li {
        width: 16.66%;
      }
    }

    .app ul li a:hover {
      color: #FD4C5D;
      font-weight: bold;
    }
  

/* 按钮容器 */
.txtguanggao {
    width: 100%;
    overflow: hidden;
    display: block;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
     background-color: #fff;
     background-color: white; 
         margin-top: 5px;
}

/* 按钮基本样式 */
.txtguanggao a {
    border-radius: 5px;
    width: 12.2%;
    float: left;
    line-height: 30px;
    height: 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    display: inline-block;
    margin: 1px;
    transition-duration: 0.3s;
    animation: bgFlash 50s infinite; /* 背景闪烁动画，速度较慢 */

}

/* 背景闪烁动画 */
@keyframes bgFlash {
    0% { background-color: #FF5733; } /* 起始颜色 */
    25% { background-color: #33CCFF; } /* 25%时颜色 */
    50% { background-color: #FF33CC; } /* 50%时颜色 */
    75% { background-color: #33FF57; } /* 75%时颜色 */
    100% { background-color: #FF5733; } /* 回到起始颜色 */
}

/* 每个按钮的初始背景颜色不同 */
.txtguanggao a:nth-child(1) { background-color: #FF5733; }
.txtguanggao a:nth-child(2) { background-color: #33CCFF; }
.txtguanggao a:nth-child(3) { background-color: #FF33CC; }
.txtguanggao a:nth-child(4) { background-color: #33FF57; }
.txtguanggao a:nth-child(5) { background-color: #FFC300; }
.txtguanggao a:nth-child(6) { background-color: #C70039; }
.txtguanggao a:nth-child(7) { background-color: #900C3F; }
.txtguanggao a:nth-child(8) { background-color: #581845; }
/* 根据需要继续定义更多背景颜色 */

/* 鼠标悬停效果 */
.txtguanggao a:hover {
    background: #DC3545; /* 悬停时背景变为红色 */
    color: #FFF; /* 悬停时文字变为白色 */
    animation: none; /* 停止动画 */
}

/* 小屏幕适配 */
@media screen and (max-width: 1000px) {
    .txtguanggao a {
        width: 19.4%;
        font-size: 13px;
    }
}



.toplinks{width: 100%;overflow: hidden;display: block;box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);margin:0px 0; background-color: white;    margin-top: 5px;}
.toplinks a{width: 5.32%;float: left;border-radius: 5px;line-height: 30px;height: 30px;text-align: center;font-size: 14px;color: #333;display: inline-block;background-color: #ffffff;margin: 1.1px;transition-duration: .3s;border: 1px solid #14eb08;}
.toplinks a:hover{background:#e28526;color:#333}
@media screen and (max-width: 960px) {.toplinks a{width: 10.5%;float: left;border-radius: 8px;line-height: 30px;height: 30px;text-align: center;font-size: 13px;color: #333;display: inline-block;background-color: #ffffff;margin: 1px;transition-duration: .3s;border: 1px solid #14eb08;  background-color: white;}}
 

    /* 背景图样式 */
    .bg {
        width: 100%;
        height: 100vh;
        background-image: url("../images/bg_4.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #e1c5ba;
        background-attachment: fixed; /* 背景图保持固定 */
        position: relative; /* 使其为定位容器 */
        z-index: -1; /* 确保背景图在最底层 */
 
    }

    /* 固定在屏幕左下方的图片 */
    .fixed-image-left {
        position: fixed; /* 固定定位 */
        bottom: 0;
        left: 0;
        width: 350px; /* 根据需要调整图片大小 */
        height: 350px;
        background-image: url("../images/sub_5.png"); /* 设置左侧图片的链接 */
        background-size: cover;
        z-index: -2; /* 确保图片在背景图下面 */
    }

    /* 固定在屏幕右下方的图片 */
    .fixed-image-right {
        position: fixed; /* 固定定位 */
        bottom: 0;
        right: 0;
        width: 350px; /* 根据需要调整图片大小 */
        height: 350px;
        background-image: url("../images/sub_6.png"); /* 设置右侧图片的链接 */
        background-size: cover;
        z-index: -2; /* 确保图片在背景图下面 */
           transform: scaleX(-1); /* 左右翻转 */
    }


.txtguanggao{width: 100%;overflow: hidden;display: block;box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);}
.txtguanggao a{border-radius: 5px; width: 12.2%;float: left;border-radius: 3px;line-height: 30px;height: 30px;text-align: center;font-size: 15px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 1px;transition-duration: .3s;}
.txtguanggao a:nth-child(1) {background-color: #333;}
.txtguanggao a:nth-child(2) {background-color: #33CCFF;}
.txtguanggao a:nth-child(3) {background-color: #33CCFF;}
.txtguanggao a:nth-child(4) {background-color: #33CCFF;}
.txtguanggao a:nth-child(5) {background-color: #33CCFF;}
.txtguanggao a:nth-child(6) {background-color: #33CCFF;}
.txtguanggao a:nth-child(7) {background-color: #33CCFF;}
.txtguanggao a:nth-child(8) {background-color: #33CCFF;}
.txtguanggao a:nth-child(9) {background-color: #33CCFF;}
.txtguanggao a:nth-child(10) {background-color: #33CCFF;}
.txtguanggao a:nth-child(11) {background-color: #33CCFF;}
.txtguanggao a:nth-child(12) {background-color: #33CCFF;}
.txtguanggao a:nth-child(13) {background-color: #33CCFF;}
.txtguanggao a:nth-child(14) {background-color: #33CCFF;}
.txtguanggao a:nth-child(15) {background-color: #33CCFF;}
.txtguanggao a:nth-child(16) {background-color: #33CCFF;}
.txtguanggao a:nth-child(17) {background-color: #33CCFF;}
.txtguanggao a:nth-child(18) {background-color: #33CCFF;}
.txtguanggao a:nth-child(19) {background-color: #33CCFF;}
.txtguanggao a:nth-child(20) {background-color: #33CCFF;}
.txtguanggao a:hover{background:#DC3545;color:#FFF}
@media screen and (max-width: 1000px) {.txtguanggao a{border-radius: 5px; width: 19.4%;float: left;border-radius: 3px;line-height: 30px;height: 30px;text-align: center;font-size: 13px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 1px;transition-duration: .3s;}}
