.page-about{}
.about-main{padding-bottom:120px;}
.about-story-block{text-align: center;padding:100px 0;animation: fadeInUp 0.8s ease-out;}
.about-story-block .common-title{animation: fadeInUp 0.8s ease-out;animation-delay: 0.1s;opacity: 0;animation-fill-mode: forwards;}
.about-story-block .story-content{line-height: 2;margin-top:24px;animation: fadeInUp 0.8s ease-out;animation-delay: 0.2s;opacity: 0;animation-fill-mode: forwards;}
.about-story-block .story-content br{display: block;animation: fadeInUp 0.8s ease-out;opacity: 0;animation-fill-mode: forwards;}
.about-story-block .story-content br:nth-of-type(1){animation-delay: 0.3s;}
.about-story-block .story-content br:nth-of-type(2){animation-delay: 0.4s;}
.about-story-block .story-content br:nth-of-type(3){animation-delay: 0.5s;}
.about-story-block .story-btn-box{margin-top:50px;display: flex;align-items: center;justify-content: center;animation: fadeInUp 0.8s ease-out;animation-delay: 0.6s;opacity: 0;animation-fill-mode: forwards;}

/*关于我们*/
.about-chengguo-box{border-radius:10px;overflow:hidden;position:relative;animation:fadeInUp 0.8s ease-out;transition:all 0.4s ease;}
.about-chengguo-box .chengguo-in{border-radius:10px;overflow:hidden;position:relative;transition:all 0.4s ease;animation:fadeInUp 0.8s ease-out 0.2s;animation-fill-mode:forwards;opacity:0;}
.about-chengguo-box .chengguo-in:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.15);} 
.about-chengguo-box .chengguo-in img{display:block;width:100%;transition:all 0.6s ease;transform:scale(1);filter:brightness(1);}
.about-chengguo-box .chengguo-in:hover img{transform:scale(1.05);filter:brightness(1.1);}
.about-chengguo-box .chengguo-in .chengguo-btn-box{position:absolute;bottom:20%;left:0;right:0;display:flex;justify-content:center;transition:all 0.3s ease;opacity:0.9;}
.about-chengguo-box .chengguo-in:hover .chengguo-btn-box{bottom:25%;opacity:1;}
.about-chengguo-box .chengguo-in .chengguo-btn-box .common-btn{font-weight:500;transition:all 0.3s ease;}
.about-chengguo-box .chengguo-in::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%);transform:translateX(-100%);transition:transform 0.6s ease;z-index:1;}
.about-chengguo-box .chengguo-in:hover::before{transform:translateX(100%);}

/* why rusin */
.why-rusin-box{display: flex;flex-direction: column;gap:30px;margin-top:120px;}
.why-rusin-box .why-item{display: flex;align-items: center;justify-content: center;position:relative;border-radius: 8px;overflow: hidden;position:relative;transition:all 0.4s ease;animation:fadeInUp 0.8s ease-out;animation-fill-mode:forwards;opacity:0;}
.why-rusin-box .why-item img{display: block;width:100%;height:100%;object-fit:cover;object-position: center center;transition:all 0.6s ease;transform:scale(1);}
.why-rusin-box .why-item .why-item-bottom{position:absolute;left:0;bottom:0;right:0;padding:16px 32px;}
.why-rusin-box .why-item .why-item-bottom .t1{font-size:18px;font-weight:400;color:#fff;}
.why-rusin-box .why-item .why-item-bottom .t2{font-size:14px;font-weight:400;margin-top:8px;color:#fff;transition:all 0.3s ease;}
.why-rusin-box .why-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.2);}
.why-rusin-box .why-item:hover img{transform:scale(1.05);filter:brightness(1.1);}
.why-rusin-box .why-item:hover .why-item-bottom .t1{color:var(--primary-color);transform:translateY(-2px);}
.why-rusin-box .why-item:hover .why-item-bottom .t2{color:rgba(255,255,255,0.9);transform:translateY(-2px);}
.why-rusin-box .why-item .why-item-mask{position:absolute;left:0;top:0;right:0;bottom:0;display: flex;align-items: center;justify-content: center;flex-direction: column;gap:8px;background:rgba(0,0,0,.5);z-index: 5;opacity:0;transform:translateY(100%);transition:all .3s ease-out;}
.why-rusin-box .why-item:hover .why-item-mask{opacity:1;transform:translateY(0);}
.why-rusin-box .why-item .why-item-mask .mask-item-in a{margin-top:12px;}
.why-rusin-box .why-item .why-item-mask .mask-item-in a:first-child{margin-top:0;}
.why-rusin-box .why-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%);transform:translateX(-100%);transition:transform 0.6s ease;z-index:1;}
.why-rusin-box .why-item:hover::before{transform:translateX(100%);}


.why-rusin-box .why-top{display: flex;gap:30px;}
.why-rusin-box .why-top .why-top-left{background:#FAFAFA;font-size:36px;font-weight:400;}
.why-rusin-box .why-top > .why-item{flex:1;animation-delay:0.1s;}
.why-rusin-box .why-bottom-right .why-bottom-right-top > .why-item{animation-delay:0.2s;}
.why-rusin-box .why-bottom-right .why-bottom-right-bottom > .why-item{animation-delay:0.3s;}

.why-rusin-box .why-bottom{display: flex;gap:30px;}
.why-rusin-box .why-bottom-left{flex:3.57;}
.why-rusin-box .why-bottom-right{flex:6;display:flex;flex-direction: column;gap:30px;}
.why-rusin-box .why-bottom-right .why-bottom-right-top{display: flex;gap:30px;}
.why-rusin-box .why-bottom-right .why-bottom-right-bottom{}


.about-scroll-img-box{padding-top:220px;}
.about-scroll-img-box .common-title{text-align: center;}
.about-scroll-img-box .scroll-img-content{margin-top:100px;}
.about-scroll-img-box .scroll-img-content .marquee-line-box{overflow: hidden;margin-top:50px;}
.about-scroll-img-box .scroll-img-content .marquee-line-box:first-child{margin-top:0;}
.about-scroll-img-box .scroll-img-content .marquee-ul li{float:left;padding:0 15px;}
.about-scroll-img-box .scroll-img-content .marquee-ul li img{display: block;width:300px;height:auto;background:#FAFAFA;border-radius: 8px;}

.about-team-box{margin-top:200px;}
.about-team-box .team-tit-box{}
.about-team-box .team-tit-box .t1{font-size:16px;margin-top:30px;}
.about-team-box .team-tit-box .t2{font-size:16px;margin: top 8px;}

.page-about .about-team-cont{overflow: hidden;font-weight:bold;}
.page-about .about-team-cont .about-team-list{margin-top:50px;}
.page-about .about-team-cont .about-team-list .list-in .cat-title{font-size:26px;font-weight:bold;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.3);line-height: 1}
.page-about .about-team-cont .about-team-list .list-in{padding:36px 0;}
.page-about .about-team-cont .cont-in{margin:-22px;display: flex;align-items:stretch;flex-wrap: wrap;}
.page-about .about-team-cont .team-item{width:20%;padding:22px;box-sizing: border-box;transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.page-about .about-team-cont .team-item:hover{transform: translateY(-10px);}
.page-about .about-team-cont .team-item .team-item-in{border-radius: 8px;overflow: hidden;position:relative;box-shadow: 0 4px 20px rgba(0,0,0,0.1);transition: all 0.4s ease;}
.page-about .about-team-cont .team-item:hover .team-item-in{box-shadow: 0 12px 40px rgba(0,0,0,0.2);}
.page-about .about-team-cont .team-item .team-item-in .trans-img{display: block;width:100%;filter:grayscale(.6);transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);transform: scale(1);}
.page-about .about-team-cont .team-item:hover .team-item-in .trans-img{display: block;width:100%;filter:grayscale(0);transform: scale(1.05);}
.page-about .about-team-cont .team-item .team-item-in .team-item-info{position:absolute;left:0;right:0;bottom:0;padding:16px 22px;background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 60%, transparent 100%);transition: all 0.4s ease;}
.page-about .about-team-cont .team-item:hover .team-item-in .team-item-info{padding:20px 22px;background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 70%, transparent 100%);}
.page-about .about-team-cont .team-item .team-item-in .info-name{color:#fff;font-size:20px;transition: all 0.3s ease;transform: translateY(0);}
.page-about .about-team-cont .team-item:hover .team-item-in .info-name{color:var(--primary-color);transform: translateY(-2px);}
.page-about .about-team-cont .team-item .team-item-in .info-title{color:rgba(255,255,255,.6);font-weight:normal;transition: all 0.3s ease;transform: translateY(0);opacity: 0.8;}
.page-about .about-team-cont .team-item:hover .team-item-in .info-title{color:#fff;transform: translateY(-2px);opacity: 1;}

/* 团队列表容器动画 */
.page-about .about-team-cont .about-team-list{animation: fadeInUp 0.8s ease-out;}
.page-about .about-team-cont .list-in{opacity: 0;animation: fadeInUp 0.8s ease-out forwards;}
.page-about .about-team-cont .list-in:nth-child(1){animation-delay: 0.1s;}
.page-about .about-team-cont .list-in:nth-child(2){animation-delay: 0.2s;}
.page-about .about-team-cont .list-in:nth-child(3){animation-delay: 0.3s;}
.page-about .about-team-cont .list-in:nth-child(4){animation-delay: 0.4s;}

/* 团队成员项进入动画 */
.page-about .about-team-cont .team-item{opacity: 0;transform: translateY(30px);animation: fadeInUp 0.6s ease-out forwards;animation-fill-mode: forwards;}
.page-about .about-team-cont .team-item:nth-child(1){animation-delay: 0.1s;}
.page-about .about-team-cont .team-item:nth-child(2){animation-delay: 0.2s;}
.page-about .about-team-cont .team-item:nth-child(3){animation-delay: 0.3s;}
.page-about .about-team-cont .team-item:nth-child(4){animation-delay: 0.4s;}
.page-about .about-team-cont .team-item:nth-child(5){animation-delay: 0.5s;}
.page-about .about-team-cont .team-item:nth-child(n+6){animation-delay: 0.6s;}

/* 团队成员项脉冲动画 */
.page-about .about-team-cont .team-item .team-item-in::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
  animation: pulse-glow 2s ease-out;
  animation-delay: 0.8s;
  animation-fill-mode: forwards;
}

/* 团队成员项浮动效果 */
.page-about .about-team-cont .team-item {
  animation: fadeInUp 0.6s ease-out forwards, float 4s ease-in-out infinite;
  animation-delay: var(--delay, 0.1s), calc(var(--delay, 0.1s) + 0.6s);
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* 图片悬停光效 */
.page-about .about-team-cont .team-item .team-item-in::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition: left 0.6s ease;z-index: 1;}
.page-about .about-team-cont .team-item:hover .team-item-in::before{left: 100%;}

/* 标题动画 */
.page-about .about-team-cont .list-in .cat-title{position: relative;display: inline-block;transition: all 0.3s ease;}
.page-about .about-team-cont .list-in .cat-title::after{content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 2px;background: var(--primary-color);transition: width 0.3s ease;}
/* .page-about .about-team-cont .list-in:hover .cat-title::after{width: 100%;} */

/* 团队详情弹窗 */
.about-team-dialog{width:calc(100% - 32px);max-width: 1200px;}
.about-team-dialog .about-team-dialog-content{}
.about-team-dialog .about-team-dialog-content .team-avatar{display: flex;justify-content: center;}
.about-team-dialog .about-team-dialog-content .team-avatar img{width:100%;max-width:260px;}
.about-team-dialog .about-team-dialog-content .team-name{font-size:20px;margin-top:32px;text-align: center;}
.about-team-dialog .about-team-dialog-content .team-position{margin-top:12px;font-size:14px;text-align: center;}
.about-team-dialog .about-team-dialog-content .team-content{margin-top:47px;padding-top:47px;border-top:1px solid var(--border-color);margin-left:34px;margin-right:32px;word-break: break-word;}
.about-team-dialog .about-team-dialog-content .team-content img{max-width:100%;display: block;margin:0 auto;}
.about-team-dialog .about-team-dialog-content .team-content video{max-width:100%;}

/* 关键帧动画 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes glow {
  0% {
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.6), 0 0 30px rgba(255, 255, 255, 0.4);
  }
  100% {
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
  }
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes pulse-glow {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

/* 额外的悬停效果 */
.page-about .about-team-cont .team-item .team-item-in {
  position: relative;
  overflow: hidden;
}

.page-about .about-team-cont .team-item .team-item-in::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.1) 50%, transparent 70%);
  transform: translateX(-100%);
  transition: transform 0.6s ease;
  z-index: 2;
}

.page-about .about-team-cont .team-item:hover .team-item-in::after {
  transform: translateX(100%);
}

/* 图片边框动画 */
.page-about .about-team-cont .team-item .team-item-in {
  border: 2px solid transparent;
  transition: all 0.3s ease;
  cursor:pointer;
}

.page-about .about-team-cont .team-item:hover .team-item-in {
  border-color: rgba(255, 255, 255, 0.2);
}

/* 文字阴影效果 */
.page-about .about-team-cont .team-item .team-item-in .info-name {
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.page-about .about-team-cont .team-item:hover .team-item-in .info-name {
  text-shadow: 0 2px 8px rgba(0,0,0,0.8);
}

/* 响应式动画优化 */
@media (hover: hover) {
  .page-about .about-team-cont .team-item {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  
  .page-about .about-team-cont .team-item:hover {
    transform: translateY(-10px) scale(1.02);
  }
  
  .page-about .about-team-cont .team-item:hover .team-item-in {
    box-shadow: 0 15px 35px rgba(0,0,0,0.25);
    border-color: var(--primary-color);
  }
  
  .page-about .about-team-cont .team-item:hover .team-item-in .trans-img {
    filter: grayscale(0) brightness(1.1);
    transform: scale(1.08);
  }
  
  .page-about .about-team-cont .team-item:hover .team-item-in .info-name {
    text-shadow: 0 4px 12px rgba(0,0,0,0.9);
    letter-spacing: 0.5px;
  }
  
  .page-about .about-team-cont .team-item:hover .team-item-in .info-title {
    text-shadow: 0 2px 6px rgba(0,0,0,0.7);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-about .about-team-cont .team-item,
  .page-about .about-team-cont .team-item .team-item-in,
  .page-about .about-team-cont .team-item .team-item-in .trans-img,
  .page-about .about-team-cont .team-item .team-item-in .team-item-info,
  .page-about .about-team-cont .team-item .team-item-in .info-name,
  .page-about .about-team-cont .team-item .team-item-in .info-title {
    transition: none;
  }
  
  .page-about .about-team-cont .team-item,
  .page-about .about-team-cont .list-in,
  .page-about .about-team-cont .team-item {
    animation: none;
  }
}


.about-get-in-touch{margin-top:120px;}
.about-get-in-touch .touch-box{position:relative;opacity: 0;transform: translateY(30px);animation: fadeInUp 0.8s ease-out forwards, touch-float 6s ease-in-out infinite;animation-fill-mode: forwards;transition: all 0.5s ease;}
.about-get-in-touch .touch-box .touch-bg-img{display: block;width:100%;border-radius: 10px;transition: all 0.6s ease;}
.about-get-in-touch .touch-box .touch-in{position:absolute;bottom:100px;left:70px;transition: all 0.4s ease;}
.about-get-in-touch .touch-box .touch-in .t1{}
.about-get-in-touch .touch-box .touch-in .t2{margin-top:16px;}
.about-get-in-touch .touch-box .touch-in .touch-btn{margin-top:60px;display: flex;gap:30px;}

@keyframes touch-float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* touch-box悬停效果 */
.about-get-in-touch .touch-box:hover {
  transform: translateY(-5px);
}

.about-get-in-touch .touch-box:hover .touch-bg-img {
  filter: brightness(1.05);
}

.about-get-in-touch .touch-box:hover .touch-in .touch-btn .common-btn {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}



.about-company-dialog{width:calc(100% - 32px);max-width: 1200px;}
.about-company-dialog .about-company-dialog-content{padding:0 24px;}
.about-company-dialog .about-company-dialog-content .company-tit{font-size:20px;}
.about-company-dialog .about-company-dialog-content .company-cont{margin-top:32px;padding-top:8px;border-top:1px solid var(--border-color);padding-bottom:50px;word-break: break-word;}
.about-company-dialog .about-company-dialog-content .company-cont .company-dialog-img{margin-top:72px}
.about-company-dialog .about-company-dialog-content .company-cont img{display: block;width:100%;max-width:800px;margin:0 auto;border-radius: 8px;}



@media screen and (max-width: 1520px) {
  .about-linian-block{height:auto;}
  .page-about .about-team-cont .team-item{width:25%;}
  
  
}
@media screen and (max-width: 1300px) {
  .about-main{padding-bottom:60px;}
  .about-get-in-touch{margin-top:32px;}
  .page-about .about-desc-block{padding:60px 0;}
  .page-about .about-desc-block .desc-box .desc-box-left{margin-right:60px;}
  .page-about .about-desc-block .desc-box .desc-box-left .t1{font-size:24px;}
  .page-about .about-desc-block .desc-box .desc-box-left .t2{margin-top:0;font-size:16px;}
  .page-about .about-desc-block .desc-box .desc-box-left .t2-item{padding-top:16px;}
  .page-about .about-desc-block .desc-box .desc-box-left .box-left-foot .foot-t2{font-size:60px;}

  .about-story-block{padding:60px 0;}
  .about-story-block .story-btn-box{margin-top:24px;}
  .why-rusin-box{margin-top:60px;gap:16px;}
  .why-rusin-box .why-top{gap:16px;}
  .why-rusin-box .why-bottom{gap:16px;}
  .why-rusin-box .why-bottom-right .why-bottom-right-top{gap:16px;}

  .about-scroll-img-box{padding-top:60px;}
  .about-scroll-img-box .scroll-img-content{margin-top:32px;}
  .about-scroll-img-box .scroll-img-content .marquee-ul li img{width:150px;}
  .about-scroll-img-box .scroll-img-content .marquee-line-box{margin-top:24px;}
  
  .about-team-box{margin-top:60px;}
  .about-team-box .team-tit-box .t1{margin-top:20px;}
  .page-about .about-team-cont .about-team-list{margin-top:24px;}

  
}
@media screen and (max-width: 1180px) {
  .page-about .about-desc-block .desc-box{}
  .page-about .about-desc-block .desc-box .desc-box-left{width:auto;margin: 32px 0 0 0;}
  .page-about .about-desc-block .desc-box .desc-box-left .box-left-foot{justify-content: flex-start;}

  .page-about .about-team-cont .team-item{width:33.33333%;}
  .page-about .about-team-cont .about-team-list .list-in{padding:24px 0;}

  .about-get-in-touch .touch-box .touch-in{left:32px;bottom:50px;}
  .about-get-in-touch .touch-box .touch-in .touch-btn{margin-top:32px;}

}
@media screen and (max-width: 750px) {
  .page-about .about-team-cont .cont-in{margin:-8px;display: flex;align-items:stretch;flex-wrap: wrap;}
  .page-about .about-team-cont .team-item{width:50%;padding:8px}
  .page-about .about-team-cont .team-item .team-item-in .info-name{font-size:14px;}
  .page-about .about-team-cont .team-item .team-item-in .info-title{font-size:12px;}

  .why-rusin-box .why-top{flex-direction: column;}
  .why-rusin-box .why-top .why-top-left{padding:44px 0;font-size:20px;}
  .why-rusin-box .why-bottom{flex-direction: column;}

  .page-about .about-team-cont .team-item{width:50%;}
  .about-get-in-touch .touch-box .touch-in{bottom:37px;left:16px;}
  .about-get-in-touch .touch-box .touch-in .touch-btn{margin-top:16px;gap:16px;}
  .about-get-in-touch .touch-box{height:300px;}
  .about-get-in-touch .touch-box .touch-bg-img{height:100%;object-fit: cover;object-position: 65%;opacity: 0.5;}

  .about-get-in-touch .touch-box .touch-in .t1{font-size:20px !important;}

  .about-scroll-img-box .scroll-img-content .marquee-line-box{margin-top:30px;}

  .page-about .about-team-cont .about-team-list .list-in .cat-title{font-size:16px;}

  .about-story-block .story-content{line-height: 28px;}

  .about-company-dialog .about-company-dialog-content{padding:0;}

  .why-rusin-box .why-item .why-item-bottom{padding:16px;}
  .why-rusin-box .why-item .why-item-bottom .t2{display: none;}
  
}
@media screen and (max-width: 480px) {

}


/* 关于我们-理念 */
.about-linian-block{height:860px;background:url("../img/about/page-about-linian-bg.jpg") no-repeat center center;background-size: cover;display: flex;align-items: flex-end;position:relative;z-index: 2;;}
.about-linian-block .linian-box{max-width:1060px;width:100%;border-radius: 16px;overflow: hidden;padding:60px 70px;background-color:rgba(190,56,47,.9);box-sizing: border-box;
  position:relative;z-index: 2;left:160px;bottom:-160px;
}
.about-linian-block .linian-box .linian-tit{font-size:36px;color:#fff;}
.about-linian-block .linian-box .linian-cont{font-size:20px;color:#fff;margin-top:37px;}
.about-linian-block .linian-box .linian-cont .linian-item{font-size:20px;color:#fff;margin-top:37px;}

@media screen and (max-width: 1520px) {
  .about-linian-block{display: block;height:auto;padding:32px 16px 0 16px;}
  .about-linian-block .linian-box{bottom:-100px;left:initial;max-width:initial;padding:32px;}
  .about-linian-block .linian-box .linian-tit{font-size:24px;}
  .about-linian-block .linian-box .linian-cont{margin-top:0;}
  .about-linian-block .linian-box .linian-cont .linian-item{font-size:16px;margin-top:16px;}

  
  
  
}
@media screen and (max-width: 1300px) {
  
}
@media screen and (max-width: 1180px) {
   
}
@media screen and (max-width: 750px) {
  
}
@media screen and (max-width: 480px) {

}



/* 关于我们 校区 */
.about-school-block{background:url("../img/about/about-school-block-bg.png") no-repeat center bottom #fff;;padding:320px 0 200px 160px;box-sizing: border-box;}
.about-school-block .school-box{display: flex;}
.about-school-block .school-box .school-box-left{width:30%;}
.about-school-block .school-box .school-box-left .box-title{font-size:36px;font-weight:normal;}
.about-school-block .school-box .school-box-left .school-cat-box{display: flex;flex-direction: column;gap:20px;}
.about-school-block .school-box .school-box-left .school-cat-box .school-cat-item{font-size:36px;cursor: pointer;}
.about-school-block .school-box .school-box-left .school-cat-box .school-cat-item.active{color:var(--primary-color);}
.about-school-block .school-box .school-box-left .school-swiper-arrow{margin-top:180px;}
.about-school-block .school-box .school-box-left .school-swiper-arrow .arrow-in{display: flex;justify-content: flex-start;gap:20px;}
.about-school-block .school-box .school-box-left .school-swiper-arrow .arrow-item{width:40px;height:40px;border-radius: 999px;background-color: #f2f2f2;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.about-school-block .school-box .school-box-left .school-swiper-arrow .arrow-item:hover{background-color: var(--primary-color);color:#fff;}
.about-school-block .school-box .school-box-left .school-swiper-arrow .arrow-item i{font-size:22px;}

.about-school-block .school-box .school-box-right{flex:1;overflow: hidden;}
.about-school-block .school-box .school-box-right .swiper-slide img{display: block;width:100%;border-radius: 16px;}

@media screen and (max-width: 1520px) {
  .about-school-block{padding-top:210px;padding-left:16px;}
}
@media screen and (max-width: 1300px) {
  .about-school-block .school-box .school-box-left .school-cat-box .school-cat-item{font-size:24px;}
}
@media screen and (max-width: 1180px) {
  .about-school-block{padding-top:170px;padding-bottom:60px;}
  .about-school-block .school-box{display: block;}
  .about-school-block .school-box .school-box-left{width:auto;}
  .about-school-block .school-box .school-box-left .school-swiper-arrow{display: none;}
  .about-school-block .school-box .school-box-left .school-cat-box{gap:0;}
  .about-school-block .school-box .school-box-right{margin-top:24px}

  .about-school-block .school-box .school-box-left .box-title{font-size:24px;}
  
  
  
}
@media screen and (max-width: 750px) {
  
}
@media screen and (max-width: 480px) {

}