@charset "utf-8";

/* root */
.root {
  position: relative;
  width: 100%;
  height: auto;
  overflow-x: hidden;
}

.wrapper {
  width: 100%;
  padding: 0 2.5rem;
  margin: 0 auto;
  box-sizing: border-box;
}

/* banner start */
.banner {
  position: relative;
  width: 100%;
  height: 5.6rem;
  overflow: hidden;
}

.banner .swiper-container {
  width: 100%;
  height: 100%;
}

.banner .swiper-slide {
  position: relative;
}

.banner .swiper-slide > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner .banner-info {
  position: absolute;
  left: 2.5rem;
  top: 0.9rem;
  width: 4.6rem;
  z-index: 2;
}

.banner .banner-info .logo {
  display: block;
  width: 3.56rem;
  height: 0.86rem;
  object-fit: fill;
  margin-bottom: 0.42rem;
}

.banner .banner-info p {
  font-size: 0.2rem;
  font-weight: bold;
  color: #222;
  line-height: 0.52rem;
}

.banner .banner-info p.url {
  font-size: 0.18rem;
}

/* banner-info 逐项入场动画 */
@keyframes bannerInfoIn {
  from {
    opacity: 0;
    transform: translate3d(-0.4rem, 0.2rem, 0);
    -webkit-transform: translate3d(-0.4rem, 0.2rem, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}

.banner .banner-info > * {
  animation: bannerInfoIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.banner .banner-info > :nth-child(1) {
  animation-delay: 0.2s;
}

.banner .banner-info > :nth-child(2) {
  animation-delay: 0.35s;
}

.banner .banner-info > :nth-child(3) {
  animation-delay: 0.5s;
}

.banner .banner-info > :nth-child(4) {
  animation-delay: 0.65s;
}

.banner .banner-info > :nth-child(5) {
  animation-delay: 0.8s;
}

/* banner 轮播切换按钮：叠放在 banner 上，距底部 23px */
.banner .banner-pagination {
  bottom: 23px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.banner .banner-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 8px;
  border-radius: 4px;
  background: #FFFFFF;
  opacity: 1;
  margin: 0 5px !important;
}

.banner .banner-pagination .swiper-pagination-bullet-active {
  background: #8F000B;
}

/* banner end */

/* module top 通用标题 */
.module-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.22rem;
}

.module-top .title-bar {
  height: 0.48rem;
  display: flex;
  align-items: center;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.module-top .title-bar .title {
  font-size: 0.22rem;
  font-weight: bold;
  color: #fff;
  padding-left: 0.50rem;
}

.module-top .more {
  font-size: 0.14rem;
  color: #999;
  white-space: nowrap;
  padding-right: 0.15rem;
  position: relative;
}

.module-top .more::after {
  content: "";
  width: 0.07rem;
  height: 0.11rem;
  background: url(../img/jaintou.png) no-repeat right center;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.module-top .more:hover {
  color: #8F000B;
}

.module-top .more:hover::after {
  background: url(../img/jaintou4.png) no-repeat right center;
  background-size: contain;
}

/* main1 学院要闻 start */
.main1 {
  background: #fff;
  padding: 0.42rem 0 0.5rem;
}

.main1 .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.main1 .carousel {
  width: 8rem;
}

.main1 .carousel .swiper-container {
  width: 100%;
  height: 4.9rem;
}

.main1 .carousel .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main1 .carousel-bar {
  width: 100%;
  height: 0.5rem;
  background: #9c1420;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main1 .carousel-bar .swiper-btn {
  width: 0.25rem;
  height: 0.16rem;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}

.main1 .carousel-bar .swiper-btn::before,
.main1 .carousel-bar .swiper-btn::after {
  content: "";
  width: 0.09rem;
  height: 0.09rem;
  border-top: 2px solid rgba(255, 255, 255, 0.75);
  border-right: 2px solid rgba(255, 255, 255, 0.75);
  position: absolute;
  top: 50%;
}

.main1 .carousel-bar .prev::before,
.main1 .carousel-bar .prev::after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.main1 .carousel-bar .next::before,
.main1 .carousel-bar .next::after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.main1 .carousel-bar .prev::before {
  left: 0;
}

.main1 .carousel-bar .prev::after {
  left: 0.08rem;
}

.main1 .carousel-bar .next::before {
  right: 0.08rem;
}

.main1 .carousel-bar .next::after {
  right: 0;
}

.main1 .carousel-bar .swiper-btn:hover::before,
.main1 .carousel-bar .swiper-btn:hover::after {
  border-color: #fff;
}

.main1 .carousel-bar .prev {
  margin-right: 0.45rem;
}

.main1 .carousel-bar .next {
  margin-left: 0.45rem;
}

.main1 .carousel-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main1 .carousel-pagination .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  background: #d78f92;
  opacity: 1;
  margin: 0 0.07rem !important;
  border-radius: 50%;
}

.main1 .carousel-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

.main1 .news {
  width: 5.8rem;
}

.main1 .news .module-top {
  height: 0.47rem;
  background: url(../img/tu1.png) no-repeat left center;
  background-size: 100% 100%;
}

.main1 .news .title-bar {
  width: 2.0rem;
  height: 0.47rem;
}

.main1 .news .list .item {
  border-bottom: 1px dashed #ececec;
}

.main1 .news .list .item a {
  display: flex;
  align-items: center;
  height: 0.76rem;
  padding: 0rem 0.1rem;
}

.main1 .news .list .item .date {
  width: 0.8rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative;
}

.main1 .news .list .item .date::after {
  content: "";
  width: 1px;
  height: 50%;
  background: #ddd;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.main1 .news .list .item .date .d {
  font-size: 0.22rem;
  font-weight: bold;
  color: #a51e27;
  line-height: 0.28rem;
}

.main1 .news .list .item .date .m {
  font-size: 0.12rem;
  color: #999;
  line-height: 0.18rem;
}

.main1 .news .list .item .title {
  flex: 1;
  font-size: 0.16rem;
  color: #333;
  padding-left: 0.15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main1 .news .list .item:hover {
  background: #a51e27;
  border-color: #a51e27;
}

.main1 .news .list .item:hover .date::after {
  background: rgba(255, 255, 255, 0.5);
}

.main1 .news .list .item:hover .date .d {
  color: #fff;
}

.main1 .news .list .item:hover .date .m {
  color: rgba(255, 255, 255, 0.85);
}

.main1 .news .list .item:hover .title {
  color: #fff;
}

/* main1 end */

/* main2 信息栏目 start */
.main2 {
  background: #f7f6f4 url(../img/bj1.png) no-repeat center center;
  background-size: cover;
  padding: 0.45rem 0 0.55rem;
}

.main2 .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.main2 .left {
  width: 10.5rem;
}

.main2 .module-row {
  display: flex;
  justify-content: space-between;
}

.main2 .module-row + .module-row {
  margin-top: 0.45rem;
}

.main2 .module {
  width: 5.12rem;
}

.main2 .module .module-top {
  height: 0.47rem;
  background: url(../img/tu2.png) no-repeat left center;
  background-size: 100% 100%;
}

.main2 .module .title-bar {
  width: 2.0rem;
  height: 0.47rem;
}

.main2 .module:nth-child(2) .module-top {
  background-image: url(../img/tu3.png);
}

.main2 .module-row:nth-child(2) .module:nth-child(1) .module-top {
  background-image: url(../img/tu4.png);
}

.main2 .module-row:nth-child(2) .module:nth-child(2) .module-top {
  background-image: url(../img/tu5.png);
}

/* .main2 .module .list .item {
  border-bottom: 1px solid #e8e6e3;
} */

.main2 .module .list .item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.56rem;
  padding: 0 0.05rem;
}

.main2 .module .list .item .title {
  flex: 1;
  font-size: 0.16rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main2 .module .list .item .date {
  font-size: 0.16rem;
  color: #999;
  margin-left: 0.2rem;
  flex-shrink: 0;
}

.main2 .module .list .item:hover .title {
  color: #a51e27;
}

/* 右侧 学历提升与社会培训 */
.main2 .right {
  width: 3.4rem;
}

.main2 .xlts-card {
  width: 100%;
  background: #a3181f url(../img/bj4.png) no-repeat center center;
  background-size: cover;
  padding: 0.16rem 0.2rem 0.28rem;
}

.main2 .xlts-card .card-title {
  font-size: 0.22rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 0.4rem;
}

.main2 .xlts-card .card-tabs {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 0.45rem;
  position: relative;
}

/* tab 上方的圆点时间线 */
.main2 .xlts-card .card-tabs::before {
  content: "";
  height: 1px;
  background: rgba(255, 255, 255, 0.65);
  position: absolute;
  top: -0.18rem;
  left: 0;
  right: 0;
}

.main2 .xlts-card .card-tabs li {
  width: 38px;
  height: 101px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  position: relative;
}

.main2 .xlts-card .card-tabs li::after {
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: -0.23rem;
  left: 50%;
  transform: translateX(-50%);
}

.main2 .xlts-card .card-tabs li span {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  font-size: 0.16rem;
  color: #fff;
  letter-spacing: 0.03rem;
  padding-top: 0.08rem;
}

.main2 .xlts-card .card-tabs li.active::after,
.main2 .xlts-card .card-tabs li:hover::after {
  width: 0.18rem;
  height: 0.18rem;
  top: -0.27rem;
  background: url(../img/tu7.png) no-repeat center center;
  background-size: contain;
  box-shadow: none;
}

.main2 .xlts-card .card-tabs li.active span,
.main2 .xlts-card .card-tabs li:hover span {
  color: #a51e27;
}

.main2 .xlts-card .card-tabs li.active,
.main2 .xlts-card .card-tabs li:hover {
  background-image: url(../img/tu6.png);
}

.main2 .xlts-card .card-pic {
  width: 100%;
  height: 1.3rem;
  margin-top: 0.2rem;
  overflow: hidden;
}

.main2 .xlts-card .card-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.main2 .xlts-card .card-list {
  margin-top: 0.16rem;
}

.main2 .xlts-card .card-list li {
  padding-left: 0.26rem;
  position: relative;
}

.main2 .xlts-card .card-list li::before {
  content: "";
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 0.05rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.main2 .xlts-card .card-list li a {
  display: block;
  font-size: 0.14rem;
  color: #fff;
  line-height: 0.34rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main2 .xlts-card .card-list li:hover a {
  text-decoration: underline;
}

.main2 .xlts-card .card-phone {
  width: 100%;
  height: 0.31rem;
  margin-top: 0.2rem;
  background: #fff;
  border-radius: 0.04rem;
  font-size: 0.16rem;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 右侧 师资简介/学院荣誉 */
.main2 .side-card {
  display: block;
  width: 100%;
  height: 0.9rem;
  margin-top: 0.19rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.main2 .side-card.szjj {
  background-image: url(../img/bj5.png);
}

.main2 .side-card.xyry {
  background-image: url(../img/bj6.png);
}

.main2 .side-card .title {
  position: absolute;
  left: 0.28rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.24rem;
  font-weight: bold;
  color: #fff;
}

.main2 .side-card:hover {
  opacity: 0.85;
}

/* main2 end */

/* main3 专题专栏 start */
.main3 {
  background: #ececec;
  padding: 0.75rem 0;
}

.main3 .zl-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main3 .zl-list li {
  width: 2.2rem;
  height: 1.0rem;
}

.main3 .zl-list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 0.04rem;
}

.main3 .zl-list li .icon {
  width: 0.4rem;
  height: 0.4rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}

.main3 .zl-list li .icon1 {
  background-image: url(../img/icon1拷贝.png);
}

.main3 .zl-list li .icon2 {
  background-image: url(../img/icon2.png);
}

.main3 .zl-list li .icon3 {
  background-image: url(../img/icon3.png);
}

.main3 .zl-list li .icon4 {
  background-image: url(../img/icon4.png);
}

.main3 .zl-list li .icon5 {
  background-image: url(../img/icon5.png);
}

.main3 .zl-list li .icon6 {
  background-image: url(../img/icon6.png);
}

.main3 .zl-list li .text {
  font-size: 0.22rem;
  font-weight: bold;
  color: #a51e27;
  margin-left: 0.15rem;
}

.main3 .zl-list li a:hover {
  box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.12);
}

.main3 .zl-list li.active a,
.main3 .zl-list li:hover a {
  background: #9c1420;
}

.main3 .zl-list li.active .text,
.main3 .zl-list li:hover .text {
  color: #fff;
}

.main3 .zl-list li.active .icon1,
.main3 .zl-list li:hover .icon1 {
  background-image: url(../img/icon1.png);
}

.main3 .zl-list li.active .icon2,
.main3 .zl-list li:hover .icon2 {
  background-image: url(../img/icon2拷贝.png);
}

.main3 .zl-list li.active .icon3,
.main3 .zl-list li:hover .icon3 {
  background-image: url(../img/icon3拷贝.png);
}

.main3 .zl-list li.active .icon4,
.main3 .zl-list li:hover .icon4 {
  background-image: url(../img/icon4拷贝.png);
}

.main3 .zl-list li.active .icon5,
.main3 .zl-list li:hover .icon5 {
  background-image: url(../img/icon5拷贝.png);
}

.main3 .zl-list li.active .icon6,
.main3 .zl-list li:hover .icon6 {
  background-image: url(../img/icon6拷贝.png);
}

/* main3 end */

/* 响应式 - 中小屏 */
@media (max-width: 1400px) {
  .wrapper {
    padding: 0 0.4rem;
  }

  .banner .banner-info {
    left: 0.4rem;
  }

  .main1 .wrapper {
    justify-content: space-between;
  }

  .main1 .carousel {
    width: 55%;
  }

  .main1 .news {
    width: 42%;
  }
}

@media (max-width: 1200px) {
  .main2 .wrapper {
    flex-direction: column;
  }

  .main2 .left {
    width: 100%;
  }

  .main2 .right {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 0.4rem;
  }

  .main2 .xlts-card {
    width: 3.4rem;
  }

  .main2 .side-card {
    width: 3.4rem;
    margin-top: 0;
  }
  .main1 .news .list .item .date {
    width: 1.2rem;
  }
}

/* 响应式 - 移动端 */
@media (max-width: 800px) {
  /* 移动端不做滚动入场动画，避免 AOS 漏触发时内容停留在 opacity: 0 */
  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .banner {
    height: 3.2rem;
  }

  /* 移动端信息仍叠在图片上，整体缩小以完整放下 */
  .banner .banner-info {
    display: block;
    top: 0.52rem;
    left: 0.4rem;
    width: 4.6rem;
    -webkit-text-size-adjust: 100%;
  }

  .banner .banner-info .logo {
    width: 2.2rem;
    height: auto;
    margin-bottom: 0.2rem;
  }

  .banner .banner-info p {
    font-size: 9px;
    line-height: 16px;
  }

  .banner .banner-info p.url {
    font-size: 9px;
    line-height: 14px;
  }

  .banner .banner-info > * {
    animation: none;
  }

  .module-top .title-bar .title {
    padding-left: 1rem;
  }

  .main1 {
    padding: 0.25rem 0;
  }

  .main1 .wrapper {
    flex-direction: column;
  }

  /* 移动端时新闻列表在前，轮播图在后 */
  .main1 .news {
    order: 1;
  }

  .main1 .carousel {
    order: 2;
  }

  .main1 .carousel,
  .main1 .news {
    width: 100%;
  }

  .main1 .carousel .swiper-container {
    height: 3.2rem;
  }

  .main1 .news {
    margin-top: 0.3rem;
  }

  .main1 .news .title-bar {
    width: 2.4rem;
  }

  .main2 {
    padding: 0.3rem 0;
  }

  .main2 .module-row {
    flex-direction: column;
  }

  .main2 .module-row + .module-row {
    margin-top: 0.3rem;
  }

  .main2 .module {
    width: 100%;
  }

  .main2 .module + .module {
    margin-top: 0.3rem;
  }

  .main2 .module .title-bar {
    width: 2.4rem;
  }

  .main2 .right {
    flex-direction: column;
    margin-top: 0.3rem;
  }

  .main2 .xlts-card,
  .main2 .side-card {
    width: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .main2 .xlts-card .card-tabs,
  .main2 .xlts-card .card-pic,
  .main2 .xlts-card .card-list
   {
    width: 80%;
  }
  .main2 .xlts-card .card-phone {
    width: 80%;
  }
  .szjj-xyry {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
  }
  .main2 .side-card {
    margin-top: 0.2rem;
  }

  .main3 {
    padding: 0.4rem 0;
  }

  .main3 .zl-list {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .main3 .zl-list li {
    width: 48%;
    height: 0.7rem;
    margin-bottom: 0.15rem;
  }

  .main3 .zl-list li .text {
    font-size: 0.18rem;
  }

  .module-top {
    height: 0.6rem !important;
  }
}

/* 响应式 - 平板 / 中小桌面 (801px ~ 1400px)
   rem 随宽度线性缩小后字号过小，且 main2 固定 rem 宽会留出大片空白，
   这里改为按容器比例铺满，并给文字设置可读下限。 */
@media (min-width: 801px) and (max-width: 1400px) {
  /* main2 保持左右两栏，右侧仍为竖排一列 */
  .main2 .wrapper {
    flex-direction: row;
  }

  .main2 .left {
    width: 68%;
  }

  .main2 .right {
    display: block;
    width: 28%;
    margin-top: 0;
  }

  .main2 .module {
    width: calc(50% - 0.1rem);
  }

  .main2 .xlts-card {
    width: 100%;
  }

  .main2 .side-card {
    width: 100%;
    height: max(60px, 0.9rem);
    margin-top: 0.19rem;
  }

  /* 6 个专栏卡片等分铺满一行 */
  .main3 .zl-list {
    gap: 0.1rem;
  }

  .main3 .zl-list li {
    flex: 1;
    width: auto;
    min-width: 0;
  }

  .main3 .zl-list li .text {
    margin-left: 0.08rem;
  }

  /* banner 文字区加宽，避免长网址挤成多行 */
  .banner .banner-info {
    width: 46%;
  }

  .banner .banner-info p.url {
    word-break: break-all;
  }

  /* 字号下限：小屏可读，大屏仍按原 rem 比例 */
  .header .nav > li > a,
  .banner .banner-info p.url {
    font-size: max(13px, 0.18rem);
  }

  .header .nav > li .child-nav li a,
  .banner .banner-info p,
  .main1 .news .list .item .title,
  .main2 .module .list .item .title,
  .main2 .module .list .item .date,
  .main2 .xlts-card .card-tabs li span,
  .main2 .xlts-card .card-phone,
  .header .search input {
    font-size: max(13px, 0.16rem);
  }

  .module-top .title-bar .title,
  .main2 .xlts-card .card-title,
  .main3 .zl-list li .text {
    font-size: max(14px, 0.22rem);
  }

  .module-top .more,
  .main2 .xlts-card .card-list li a,
  .footer .content span {
    font-size: max(12px, 0.14rem);
  }

  .main1 .news .list .item .date .d {
    font-size: max(16px, 0.22rem);
  }

  .main1 .news .list .item .date .m {
    font-size: max(11px, 0.12rem);
  }

  .main2 .side-card .title {
    font-size: max(16px, 0.24rem);
  }
}

/* 响应式 - 1200px 及以下（801px ~ 1200px 桌面/平板）板块高度下限
   rem 基准随视口线性缩小，文字已有 px 下限而板块高度、行距仍沿用原 rem，
   内容会被压得拥挤；这里给各板块及内部条目设置像素下限，
   更大屏宽仍按原 rem 比例，移动端（≤800px）保持原有布局尺寸。 */
@media (min-width: 801px) and (max-width: 1200px) {
  /* banner */
  .banner {
    height: max(380px, 5.6rem);
  }

  .banner .banner-info p {
    line-height: max(30px, 0.52rem);
  }

  /* 通用标题栏与板块留白 */
  .module-top {
    margin-bottom: max(18px, 0.22rem);
  }

  .module-top .title-bar,
  .main1 .news .module-top,
  .main1 .news .title-bar,
  .main2 .module .module-top,
  .main2 .module .title-bar {
    height: max(40px, 0.47rem);
  }

  /* main1 学院要闻 */
  .main1 {
    padding: max(32px, 0.42rem) 0 max(40px, 0.5rem);
  }

  .main1 .carousel .swiper-container {
    height: max(360px, 4.9rem);
  }

  .main1 .carousel-bar {
    height: max(40px, 0.5rem);
  }

  .main1 .news .list .item a {
    height: max(56px, 0.76rem);
  }

  .main1 .news .list .item .date .d {
    line-height: max(24px, 0.28rem);
  }

  .main1 .news .list .item .date .m {
    line-height: max(16px, 0.18rem);
  }

  /* main2 信息栏目 */
  .main2 {
    padding: max(36px, 0.45rem) 0 max(44px, 0.55rem);
  }

  .main2 .module-row + .module-row {
    margin-top: max(32px, 0.45rem);
  }

  .main2 .module .list .item a {
    height: max(42px, 0.56rem);
  }

  .main2 .xlts-card {
    padding: max(16px, 0.16rem) max(20px, 0.2rem) max(24px, 0.28rem);
  }

  .main2 .xlts-card .card-title {
    line-height: max(32px, 0.4rem);
  }

  .main2 .xlts-card .card-tabs {
    margin-top: max(32px, 0.45rem);
  }

  .main2 .xlts-card .card-pic {
    height: max(130px, 1.3rem);
  }

  .main2 .xlts-card .card-list li a {
    line-height: max(26px, 0.34rem);
  }

  .main2 .xlts-card .card-phone {
    height: max(36px, 0.31rem);
  }

  .main2 .side-card {
    height: max(80px, 0.9rem);
  }

  /* main3 专题专栏 */
  .main3 {
    padding: max(56px, 0.75rem) 0;
  }

  .main3 .zl-list li {
    height: max(80px, 1rem);
  }

  .main3 .zl-list li .icon {
    width: max(32px, 0.4rem);
    height: max(32px, 0.4rem);
  }
}