/* 公用样式 */
#c-placeholder {height: 1rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;transition: .5s; }
.headBox {transition: .5s; height: 1rem; position: relative; z-index: 1;}
.headBox .logo {padding:.1rem 0;height: 100%;}
.headBox .logo a {height: 100%; display: flex; align-items: center;}
.headBox .logo img {max-width: 100%; max-height: .66rem; object-fit: contain;}

.headBox .re {height: 100%; gap: .4rem;}

/* 导航 */
nav {height: 100%;  }
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between; gap: .2rem;}
nav > ul > li {height: 100%; display: flex; align-items: center; position: relative;}
nav > ul > li > a {color: #333; font-size: var(--font18); position: relative;  display: flex; align-items: center; padding: 0 .1rem;}
nav > ul > li > a i {}
nav > ul > li > a::after {content: ''; position: absolute; left: 50%; bottom: -.15rem; width: 0;  height: 3px; background: #FA791E; transition: .5s;}
nav > ul > li.on > a{font-weight: 500;}
nav > ul > li.on > a::after {width: 100%; left: 0;}
@media (any-hover: hover) {
  nav > ul > li:hover > a{font-weight: 500;}
  nav > ul > li:hover > a::after {width: 100%; left: 0;}
}


/* 搜索 */
.head_search {cursor: pointer; position: relative;}
.search-dropdown {position: absolute;top: 110%;right: 0;width: 3.5rem;background: #fff;box-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.1);padding: .2rem;border-radius: .1rem;margin-top: .15rem;opacity: 0;visibility: hidden;transform: translateX(3%);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);z-index: 100;}
.search-dropdown.active {opacity: 1;visibility: visible; top: 100%;}
/* 小三角 */
.search-dropdown::before {content: "";position: absolute;bottom: 100%;right: .15rem;border-width: .1rem;border-style: solid;border-color: transparent transparent #fff transparent;}
.search-dropdown .search-form {display: flex;align-items: center;background: #f5f5f5;border-radius: .5rem;padding: .05rem .15rem;border: 1px solid transparent;transition: all 0.3s;width: 100%;}
.search-dropdown .search-form:focus-within {background: #fff;border-color: #FA791E;box-shadow: 0 0 .1rem rgba(102, 45, 145, 0.1);}
.search-dropdown .search-input {flex: 1;border: none;background: transparent;padding: .1rem;font-size: var(--font14);color: #333;outline: none;}
.search-dropdown .search-submit {background: transparent;border: none;color: #FA791E;font-size: var(--font18);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform 0.3s;}
.search-dropdown .search-submit:hover {transform: scale(1.1);}
@media screen and (max-width: 767px) {
  .search-dropdown {position: fixed;top: 1.2rem; left: 5%;right: 5%;width: 90%;margin-top: 0;}
  .search-dropdown::before {display: none;}
}



@keyframes shakeCall {

  0% { transform: rotate(0deg); }

  10% { transform: rotate(-8deg); }

  20% { transform: rotate(8deg); }

  30% { transform: rotate(-8deg); }

  40% { transform: rotate(8deg); }

  50% { transform: rotate(0deg); }

  100% { transform: rotate(0deg); }

}
.shake-call {

  animation: shakeCall 1s infinite ease-in-out;

}

.header.c-style2{background: #fff; box-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.1);}


/* 首页banner */
.indexBanner { position: relative; overflow: hidden; background: #F7F3EB; }
.indexBanner .swiper {height: auto;}
.indexBanner .slide {overflow: hidden;}
.indexBanner .slide .imgBox {position: relative; height: auto;}
.indexBanner .slide .imgBox img {width: 100%; object-fit: cover; transition: 1s linear 2s; transform: scale(1.1, 1.1); }
/* fade 叠层：非当前 slide 禁止挡点击 */
.indexBanner .swiper-slide {pointer-events: none;}
.indexBanner .swiper-slide-active,
.indexBanner .swiper-slide-duplicate-active {pointer-events: auto; z-index: 2;}
.indexBanner .slide .box {position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; pointer-events: none;}
.indexBanner .slide .box .container {pointer-events: auto;}
.indexBanner .slide .box .con {pointer-events: auto; position: relative; z-index: 3;}

.indexBanner .con .line {display: block;width: .82rem;height: .04rem;background: #FA791E;margin-bottom: .26rem;}
.indexBanner .con h2 {font-size: .62rem;line-height: 1.1;}
.indexBanner .con h3 {margin-bottom: .26rem;line-height: 1.1;}
.indexBanner .con p {margin-bottom: 1.37rem;}

.banner-more {display: inline-block;position: relative;background: #053972;border-radius: 100px;padding: .16rem .325rem;opacity: 1;transition: box-shadow .5s;}
.banner-more::after { content: '';position: absolute; inset: 0; border-radius: inherit;pointer-events: none;}

@keyframes breath {
  0% { box-shadow: 0 0 0 0 rgba(17, 102, 72, .4); }
  70% { box-shadow: 0 0 0 14px rgba(22, 97, 199, 0); }
  100% { box-shadow: 0 0 0 0 rgba(22, 97, 199, 0); }
}

@media (any-hover: hover) {
  .banner-more:hover::after { animation: breath 2s infinite;}
}
/* 当前 */
.indexBanner .swiper-slide-active .imgBox img,
.indexBanner .swiper-slide-duplicate-active .imgBox img {transition: 6s linear; transform: scale(1, 1);}
/* 圆点分页 */
.indexBanner .pagtion {left: 50%;transform: translateX(-50%);bottom: .44rem;width: auto;text-align: center;z-index: 5;}
.indexBanner .pagtion span {width: .1rem;height: .1rem;background: rgba(0, 0, 0, .3);opacity: 1;margin: 0 .06rem!important;transition: .3s;}
.indexBanner .pagtion span.swiper-pagination-bullet-active {background: #333; opacity: 1;}
/* 数字分页 01 — 02 — 03：固定占位 + 仅 scale，避免字号重排抖动 */
.indexBanner .banner-pagtion {position: absolute;left: 50%;bottom: .6rem;transform: translateX(-50%);z-index: 5;display: flex;align-items: flex-end;pointer-events: none;width: 64%;max-width: 1220px;}
.indexBanner .banner-pagtion span {pointer-events: auto;cursor: pointer;display: inline-flex;align-items: flex-end;justify-content: center;width: .55rem;height: .4rem;font-size: var(--font36);color: #78787A;font-weight: bold;line-height: 1;transform: scale(0.61);transform-origin: center bottom;transition: color .4s ease, transform .4s ease;}
.indexBanner .banner-pagtion span.on {color: #010101;transform: scale(1);}
.indexBanner .banner-pagtion i {display: inline-flex;align-items: flex-end;height: .4rem;color: #78787A;font-style: normal;font-size: var(--font22);line-height: 1;padding-bottom: .02rem;}
@media (max-width: 1280px) {
  .indexBanner .banner-pagtion {width: 90%;}
}
/* 向下滑动 */
.indexBanner .scrollDown {position: absolute;left: 2.86%;bottom: .55rem;z-index: 6;display: flex;flex-direction: column;align-items: center;color: #333;cursor: pointer;}
.indexBanner .scrollDown p {writing-mode: vertical-rl;letter-spacing: .18em;line-height: 1;margin-bottom: .1rem;color: #333;}
.indexBanner .scrollDown i {display: block;width: 1px;height: .74rem;background: #333;margin-bottom: .12rem;}
.indexBanner .scrollDown img {width: .21rem;animation: bannerScroll 1.6s ease-in-out infinite;}
@keyframes bannerScroll {
  0%, 100% { transform: translateY(0); opacity: 1; }
  50% { transform: translateY(.08rem); opacity: .5; }
}

/* 服务 */
.indexService {padding: .67rem 0 .58rem;}
.index-title h3{margin-top: .04rem;}
.index-more{border: 1px solid #000000;border-radius: 100px;padding: .15rem .245rem;transition: .5s;}
.index-more em{color: #333333;}
.index-more img{width: .18rem;}

@media (any-hover: hover) {
  .index-more:hover{background: #053972; border-color: #053972;}
  .index-more:hover em{color: #fff;}
  .index-more:hover img{filter: brightness(0) invert(1);}
}

.service-list{margin-top: .33rem;}
.service-list ul{gap: 0 .33rem;}
.service-list ul li .pic{overflow: hidden; box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.21);}
.service-list ul li .pic img{width: 100%; object-fit: cover; transition: .5s;}
.service-list ul li .name{padding: .22rem 3%;}
.service-list ul li .name h4{color: #333333; font-weight: 500; line-height: 1.1;}
.service-list ul li .name img{width: .29rem; transition: .5s;}
@media (any-hover: hover) {
  .service-list ul li:hover .pic img{transform: scale(1.1);}
  .service-list ul li:hover .name h4{color: #053972;}
  .service-list ul li:hover .name img{transform: translateX(.1rem);}
}

/* 关于我们 */
.about-bg{background: url(../images/about-bg.webp) no-repeat center center; background-size: cover; padding: 1.02rem 0 1.42rem; position: relative;}
.about-bg .info{width: 63%;}
.about-bg .info .index-title h3{ line-height: 1;}
.about-bg .text{margin: .28rem 0 .65rem;}
.about-bg .text h4 + h4{margin-top: .28rem; }
.about-ys ul{gap: .4rem;}
.about-ys ul li{text-align: center;}
.about-ys ul li .icon{width: .46rem; height: .46rem; margin: 0 auto .06rem;}
.about-ys ul li .icon img{display: block; max-width: 100%; max-height: 100%; object-fit: contain;}
.about-bg .pic{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 36.66%;}
.about-bg .pic img{width: 100%; object-fit: cover;}


/* 为什么选择我们 */
.choose-bg{background: url(../images/choose-bg.webp) no-repeat center center; background-size: cover; background-attachment: fixed; padding: .72rem 0 1rem;}
.choose-list{margin-top: .9rem;}
.choose-list ul{gap: 1.06rem;}
.choose-list ul li{text-align: center;}
.choose-list ul li .icon{width: .61rem; height: .56rem; margin: 0 auto 0; display: flex; align-items: center; justify-content: center;}
.choose-list ul li .icon img{display: block; max-width: 100%; max-height: 100%; object-fit: contain;}

.choose-list ul li strong{display: block;  margin: .3rem 0 .16rem;}










/* 托运案例（宽度按 1920 设计稿换算为 %） */
.case-bg {background: #F0F3F7;padding: .7rem 0 .65rem;overflow: hidden;}


.case-box {position: relative;}
.case-box .swiper {overflow: hidden;padding: 4.17% 0 0;}
/* slide 等宽 1200/1920，保证居中 */
.case-box .swiper-slide {width: 63.3%;aspect-ratio: 1200 / 540;height: auto;display: flex;align-items: center;justify-content: center;box-sizing: border-box;z-index: 1;}
.case-box .swiper-slide-active,
.case-box .swiper-slide-duplicate-active {z-index: 2;}
/* 未选中：白框小方图 380/1200，藏文案（不动画宽高，避免与 Swiper 位移打架抖） */
.case-box .item {width: 27.6667%;aspect-ratio: 1 / 1;height: auto;background: #fff;padding: 5%;box-sizing: border-box;display: flex;align-items: stretch;}
.case-box .pic {width: 100%; height: 100%; flex-shrink: 0; overflow: hidden; margin: 0;}
.case-box .pic img {display: block; width: 100%; height: 100%; object-fit: cover;}
.case-box .info {display: none;flex: 1;flex-direction: column;min-width: 0;box-sizing: border-box;opacity: 0;margin-top: -6%;}
/* 选中：设计稿中间样式 */
.case-box .swiper-slide-active .item,
.case-box .swiper-slide-duplicate-active .item {width: 100%;aspect-ratio: 1200 / 467;padding: 0;}
.case-box .swiper-slide-active .pic,
.case-box .swiper-slide-duplicate-active .pic {width: 46.6667%;aspect-ratio: 560 / 460;height: auto;margin: -4.583% 0 0 5%;align-self: flex-start;}
.case-box .swiper-slide-active .info,
.case-box .swiper-slide-duplicate-active .info {display: flex;padding: 3.5% 5.83% 3.17% 4.58%;opacity: 1;animation: caseInfoIn .5s ease .12s both;}
@keyframes caseInfoIn {
  from { opacity: 0; transform: translateY(.08rem); }
  to { opacity: 1; transform: translateY(0); }
}
.case-box .info .num {display: block;font-size: .72rem;font-weight: 800;color: #000;line-height: 1;font-style: normal;margin-bottom: .37rem;}
.case-box .info h4 {color: #000000;line-height: 1.3;margin-bottom: .16rem;font-size: var(--font40);}
.case-box .info p {color: #000000;line-height: 1.7;margin-bottom: .3rem;}
.case-box .info .more {width: 100%;padding-top: 1.1rem;border-top: 1px solid #000;color: #000000;transition: .6s;}
@media (any-hover: hover) {
  .case-box .info .more:hover {color: #053972; }
}

/* 案例控件 */
.case-ctrl {gap: .25rem;margin-top: .42rem;position: relative;z-index: 5;}
.case-prev,
.case-next {width: auto;height: auto;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: .35s;}
.case-prev img,
.case-next img {display: block;width: 9px;height: auto;}
.case-next img {transform: rotate(180deg);}
@media (any-hover: hover) {
  .case-prev:hover,
  .case-next:hover {opacity: .55;}
}
.case-pagtion {display: flex;align-items: center;gap: .14rem;}
.case-pagtion span {display: inline-block;text-align: center;font-size: var(--font16);color: #000;line-height: 1;cursor: pointer;transition: color .45s ease;}
.case-pagtion span.on {}
.case-progress {width: .75rem;height: 2px;background: rgba(0, 0, 0, .2);position: relative;overflow: hidden;flex-shrink: 0;}
.case-progress i {position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #111; transition: width .7s cubic-bezier(0.25, 0.1, 0.25, 1);}

/* 新闻中心 */
.news-bg {padding: .9rem 0 1rem; background: #fff;}
.news-top {margin-bottom: .46rem;}
.news-top .index-title h3 {}
.news-box .swiper {overflow: hidden;}
.news-box .item {display: block; color: #333;}
.news-box .pic {border-radius: .24rem;overflow: hidden;}
.news-box .pic img {display: block;width: 100%;object-fit: cover;transition: transform .5s;}
.news-box .info {padding: .1rem 6% 0;}
.news-box .info em {display: block;color: #053972;font-size: var(--font16);margin-bottom: .12rem;}
.news-box .info h4 {color: #333;line-height: 1.35;margin-bottom: 0;transition: color .35s;}
.news-box .info p {color: rgba(51, 51, 51, .8);line-height: 1.7;margin-bottom: .12rem;}
.news-box .info .more {color: #333333;transition: .35s;}
.news-box .info .more img {width: .07rem; height: auto; display: block;}
@media (any-hover: hover) {
  .news-box .item:hover .pic img {transform: scale(1.05);}
  .news-box .item:hover .info h4 {color: #053972;}
  .news-box .item:hover .info .more {color: #053972;}
}

.news-ctrl {margin-top: .72rem; align-items: center;}
.news-progress {flex: 1;height: 4px;background: rgba(0, 0, 0, .2);position: relative;overflow: hidden;margin-right: .39rem;}
.news-progress i {position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #053972; transition: width .7s cubic-bezier(0.25, 0.1, 0.25, 1);}
.news-arrow{gap: .07rem;}
.news-prev,.news-next {width: .52rem;height: .52rem;border-radius: 50%;cursor: pointer;transition: .35s;box-sizing: border-box;flex-shrink: 0;border: 1px solid rgba(0, 0, 0, .3);}

.news-prev img,.news-next img {width: .21rem;}

.news-next img {width: .21rem; display: block; transform: rotate(180deg);}
@media (any-hover: hover) {
  .news-prev:hover,.news-next:hover {border-color: #053972; background: #053972;}
  .news-prev:hover img,.news-next:hover img {filter: brightness(0) invert(1);}
}

@media (max-width: 1200px) {
  nav > ul{gap: .1rem;}
}

/* 分类链接 */
.link-bg {background: url(../images/link-bg.webp) no-repeat center center;background-size: cover;padding: .7rem 0 1.66rem;}
.link-title {margin-bottom: .6rem;}
.link-title h2 {line-height: 1.2; margin-bottom: .12rem;}
.link-title p {line-height: 1.7; opacity: .95;}
.link-list {display: grid;grid-template-columns: 56.147% 42.213%;column-gap: 1.72%;row-gap: 1.72%;}
.link-item {position: relative; display: block; overflow: hidden; color: #fff;}
.link-item1 {grid-row: span 2;}
.link-item .pic {position: absolute; inset: 0; z-index: 0;}
.link-item .pic img {display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s;}
.link-item .pic::after {position: absolute;inset: 0;background: rgba(5, 57, 114, .72);}
.link-item2 .pic::after,
.link-item3 .pic::after {background: rgba(0, 0, 0, .45);}
.link-item .info {position: relative; z-index: 1; height: 100%; box-sizing: border-box; color: #fff;}
.link-item1 .info {padding: 12.7% 15%;display: flex;flex-direction: column;justify-content: center;}
.link-item1 .info h3 {line-height: 1.3;margin-bottom: .12rem;}
.link-item1 .info p {line-height: 1.8;margin-bottom: .63rem;}
.link-item1 .more {display: inline-flex; width: fit-content; background: #fff; color: #053972; border-radius: 100px; padding: .09rem .195rem; transition: .35s;}
.link-item1 .more img {width: .14rem; height: auto; display: block; transition: .6s;}
.link-item2 .info,
.link-item3 .info {padding: 10% 15%;display: flex;flex-direction: column;justify-content: center;}
.link-item2 .info h3,
.link-item3 .info h3 {line-height: 1.3; margin-bottom: .12rem;}
.link-item2 .info p,
.link-item3 .info p {line-height: 1.7; opacity: .95;}
@media (any-hover: hover) {
  .link-item:hover .pic img {transform: scale(1.06);}

  .link-item1:hover .more img {transform: rotate(-45deg);}
}



/* 公共底部 */
.footer {background: #000;color: #fff;padding: 0;}
.footer a {color: inherit; transition: color .35s;}
.foot-banner {background: #053972;border-radius: 100px;padding: .287rem .5rem;margin-bottom: .1rem;color: #fff;box-shadow: 0px 11px 22px 2px rgba(51,51,51,0.22);transform: translateY(-50%);}
.foot-banner p {line-height: 1.4;font-size: var(--font32);font-weight: bold;}
.foot-banner a {color: #fff;line-height: 1.2;letter-spacing: .02em;font-size: var(--font32);}
.foot-mid {align-items: flex-start;padding-bottom: .32rem;}
.foot-contact {width: 32%;}
.foot-contact h4 {color: #fff;margin-bottom: .05rem;line-height: 1.3;font-size: var(--font18);}
.foot-contact p {color: #fff;line-height: 2;font-size: var(--font16);}
.foternav {width: 28%;}
.foternav dl {margin: 0;}
.foternav dl dt {color: #fff;margin-bottom: .13rem;line-height: 1.3;font-size: var(--font18);}
.foternav dl .ddbox {gap: .19rem;}
.foternav dl .ddbox .col {display: flex; flex-direction: column;}
.foternav dl .ddbox dd {margin: 0;}
.foternav dl .ddbox dd a {display: block;color: #8F8F8F;font-size: var(--font15);white-space: nowrap;}
.foot-code {gap: .4rem; flex-shrink: 0;}
.foot-code .item {text-align: center;}
.foot-code .pic {width: 1.28rem;box-sizing: border-box;}
.foot-code .pic img {display: block; width: 100%; height: 100%; object-fit: contain;}
.foot-code p {color: #fff;font-size: var(--font16);margin-top: .1rem;line-height: 1.4;}
.foot-hot {padding: 0 0 .3rem;color: rgba(255, 255, 255, .7);font-size: var(--font16);line-height: 1.8;display: flex;flex-wrap: wrap;align-items: center;}
.foot-hot span {flex-shrink: 0;}
.foot-hot a {color: rgba(255, 255, 255, .7);}
.foot-hot em {margin: 0 .05rem;font-style: normal;color: rgba(255, 255, 255, .7);}
.foot-bot {padding: .18rem 0 .5rem;color: #8F8F8F;font-size: var(--font15);line-height: 1.6;border-top: 1px solid rgba(207, 207, 207, .5);}
.foot-bot a {color: #8F8F8F;}
@media (any-hover: hover) {
  .foternav dl .ddbox dd a:hover,
  .foot-hot a:hover,
  .foot-bot a:hover {color: #fff;}
}





/* ====================================================================================内页================================================================================= */
/* 公用样式 */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; object-fit: cover;}
.ny-banner .info {top: auto;bottom: .3rem;transform: translate(-50%, 0);}
.banner-title{margin-bottom: 1.8rem;}
.banner-title h1{font-size: .48rem; display: block; font-weight: bold;}
.banner-title span{font-size: .32rem; display: block;line-height: 1; text-transform: uppercase;}
.position img{margin-right: .16rem;}
.position span,.position span a{color: #fff;}
@media (any-hover: hover) {
  .position span a:hover{color: #053972;}
}


/* 内页产品列表页 */
.proMain{padding: .5rem 0 1rem;}
.ny-title{margin-bottom: .4rem;}
.ny-title i{display: block;width: .6rem;height: 2px;background: #053972;margin: .15rem auto 0;}



/* 内页新闻列表页 */
.newsMain{padding: .5rem 0 1rem;}
.nynews-list ul li{padding-bottom: .4rem; margin-bottom: .3rem; border-bottom: 1px solid rgba(191, 191, 191, .2); transition: .6s;}
.nynews-list ul li a{width: 100%;}
.nynews-list ul li a div{width: 100%;}
.nynews-list ul li .pic{width: 26%;margin-right: 4%; overflow: hidden;}
.nynews-list ul li .pic img{display: block; width: 100%;  height: 100%; object-fit: cover; transition: .6s;}
.nynews-list ul li .info{display: flex;align-items: center; width: 70%;}
.nynews-list ul li .info em{color: #333333; margin-bottom: .15rem; display: block;}
.nynews-list ul li .info h3{color: #333333; font-weight: bold; margin-bottom: .1rem;}

@media (any-hover: hover) {
  .top-latest ul li:hover .info h3{color: #053972;}
  .top-latest ul li:hover .pic img{transform: scale(1.1);}
  .nynews-list ul li:hover .pic img{transform: scale(1.1);}
  .nynews-list ul li:hover .info h3{color: #053972;}

}



/* 新闻详情页 */
.newsxqMain{background: #F6F6F6;padding: 1rem 0;}
.newsxq-box{align-items: flex-start;}
.newsxq-left{width: 66.125%;}
.newsxq-bg{background: #fff; border-radius: 0.10rem; padding: 0.70rem 0.48rem;}
.newsxq-title{border-bottom: 1px solid #D8D8D8; padding-bottom: 0.26rem; margin-bottom: 0.26rem;}
.newsxq-title h1{font-weight: 500; display: block; margin-bottom: 0.10rem;}
.newsxq-title span{color: #777777;}

.newxq-arrow{margin-top: 0.47rem;}
.newxq-arrow a{transition: .6s;}
.newxq-arrow .icon{width: 0.50rem;   height: 0.50rem;   background: #D8D8D8;   border-radius: 0.10rem; display: flex; align-items: center; justify-content: center; transition: .6s;}
.newxq-arrow .icon img{width: 0.16rem;}
.newxq-arrow em{margin-left: 0.18rem;}

.newxq-arrow .newsxq-next img{transform: rotate(180deg);}
.newxq-arrow .newsxq-next em{margin-right: 0.18rem;}

@media (any-hover: hover) {
.newxq-arrow a:hover .icon{background: #053972; color: #fff;}
.newxq-arrow a:hover .icon img{filter: brightness(100); -webkit-filter:brightness(100);}
}


/* 内页托运案例列表页 */
.caseMain{padding: .5rem 0 1rem;}
.nycase-list ul li{margin-bottom: .3rem;}
.nycase-list ul li a{border: 1px solid #CBCBCB; padding: .18rem .14rem;}
.nycase-list ul li .pic{overflow: hidden; width: 36%; margin-right: 4%;}
.nycase-list ul li .pic img{display: block;width: 100%;object-fit: cover;transition: .6s;height: 100%;} 
.nycase-list ul li .info{width: 58%;padding: .5rem 0;}
.nycase-list ul li h3{color: #3D3D3D; margin-bottom: .2rem;}
.nycase-list ul li h4{color: #646464; margin-bottom: .45rem;}
.nycase-list ul li span{display: inline-block; background: #053972; color: #fff; padding: .13rem .37rem; border-radius: 100px; transition: .6s;}

@media (any-hover: hover) {
  .nycase-list ul li:hover h3{color: #053972;}
  .nycase-list ul li:hover .pic img{transform: scale(1.1);}
  .nycase-list ul li:hover span{background: #FA791E; color: #fff;}
}