/* 首页 index.html 移动端适配 */

@media screen and (max-width: 768px) {
  html {
    font-size: 16px !important;
  }

  /* ========== 轮播 Banner / js-container ========== */
  .js-container {
    position: relative;
    padding-top: 56px !important;
    margin-top: 0 !important;
    overflow: hidden;
  }

  .index-banner {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden;
  }

  .index-banner .home-carousel,
  .index-banner .swiper-container {
    position: relative;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10;
    min-height: 200px;
    max-height: 320px;
    overflow: hidden;
    touch-action: pan-x pan-y !important;
    -ms-touch-action: pan-x pan-y !important;
  }

  .index-banner .carousel-inner,
  .index-banner .swiper-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden;
  }

  .index-banner .carousel-item {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease;
    pointer-events: none;
    z-index: 1;
    touch-action: pan-x pan-y !important;
    -ms-touch-action: pan-x pan-y !important;
    cursor: default !important;
  }

  .index-banner .carousel-item.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 2;
  }

  .index-banner .carousel-item-inner {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden;
  }

  .index-banner .page-header-fullscreen-trame,
  .index-banner .carousel-item-trame {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    z-index: 1 !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  .index-banner .carousel-item-image-wrapper,
  .index-banner .page-header-fullscreen-image-cont {
    position: relative;
    width: 100% !important;
    height: 100% !important;
  }

  .index-banner .carousel-item-image,
  .index-banner .page-header-fullscreen-image {
    display: none;
  }

  .index-banner .carousel-item-inner > .carousel-item-image-wrapper,
  .index-banner .carousel-item-inner > .page-header-fullscreen-image-cont {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .index-banner .carousel-item-inner > .carousel-item-image-wrapper,
  .index-banner .carousel-item-inner > .page-header-fullscreen-image-cont {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
  }

  /* 文字层：垂直水平居中，无黑色背景 */
  .index-banner .swiper-inner-text-wrap,
  .index-banner .page-header-fullscreen-text,
  .index-banner .carousel-item-text {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px 15px !important;
    box-sizing: border-box;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none;
    background: transparent !important;
    text-align: center !important;
  }

  .index-banner .carousel-item-image-wrapper .swiper-inner-text-wrap,
  .index-banner .carousel-item-image-wrapper .page-header-fullscreen-text {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
  }

  .index-banner .swiper-inner-text {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box;
    transform: none !important;
    -webkit-transform: none !important;
    text-align: center !important;
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .index-banner .swiper-inner-text > * {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
  }

  .index-banner .swiper-inner-text h2,
  .index-banner .swiper-inner-text h3,
  .index-banner .swiper-inner-text p {
    font-weight: normal !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  }

  .index-banner .swiper-inner-text strong {
    display: inline !important;
    font-weight: bold !important;
    color: #fff !important;
  }

  .index-banner .carousel-item1 .cansual-item-title strong,
  .index-banner .carousel-item2 .cansual-item-title strong,
  .index-banner .carousel-item3 .cansual-item-title strong {
    font-weight: normal !important;
  }

  .index-banner .swiper-inner-text span {
    display: inline !important;
    color: #fff !important;
  }

  .index-banner .cansual-item-title,
  .index-banner .cansual-title,
  .index-banner .en-banner-title {
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: #fff !important;
    margin: 0 0 4px !important;
    padding: 0 2px !important;
    text-align: center !important;
    font-weight: normal !important;
    height: auto !important;
    max-width: 100% !important;
    word-break: break-word;
    overflow-wrap: break-word;
  }

  .index-banner .carousel-item1 .cansual-item-title strong,
  .index-banner .carousel-item2 .cansual-item-title strong,
  .index-banner .carousel-item3 .cansual-item-title strong,
  .index-banner .en-banner-title {
    display: block !important;
    font-size: 15px !important;
    font-weight: normal !important;
    height: auto !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
  }

  .index-banner .cansual-sub-title,
  .index-banner .cansual-des {
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #fff !important;
    margin: 0 !important;
    padding: 0 2px !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    font-weight: normal !important;
    font-family: inherit !important;
    float: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden !important;
  }

  .index-banner .carousel-item1 .cansual-sub-title span,
  .index-banner .carousel-item2 .cansual-sub-title span,
  .index-banner .carousel-item3 .cansual-sub-title span {
    font-size: 11px !important;
    letter-spacing: 0 !important;
    display: block !important;
  }

  .index-banner .swiper-inner-text {
    text-align: center !important;
  }

  .index-banner .cansual-des {
    overflow: hidden !important;
  }

  /* carousel-item2：h3.cansual-des 含 strong / line / span */
  .index-banner h3.cansual-des,
  .index-banner .carousel-item2 .cansual-des {
    display: block !important;
    font-size: 12px !important;
    font-weight: normal !important;
    overflow: hidden !important;
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
    visibility: visible !important;
  }

  .index-banner h3.cansual-des strong,
  .index-banner .carousel-item2 .cansual-des strong {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin: 0 0 4px !important;
    font-weight: bold !important;
    color: #fff !important;
  }

  .index-banner h3.cansual-des .cansual-line,
  .index-banner .carousel-item2 .cansual-des .cansual-line {
    display: block !important;
    width: 32px !important;
    height: 2px !important;
    margin: 4px 0 6px !important;
    background: #fff !important;
    opacity: 0.85;
  }

  .index-banner h3.cansual-des span.en,
  .index-banner .carousel-item2 .cansual-des span.en {
    display: none !important;
  }

  .index-banner h3.cansual-des span:not(.en),
  .index-banner .carousel-item2 .cansual-des span:not(.en) {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: #fff !important;
    word-break: break-all;
  }

  .index-banner h3.cansual-des span:not(.en) br,
  .index-banner .carousel-item2 .cansual-des span:not(.en) br {
    display: none !important;
  }

  .index-banner .cansual-sub-title em {
    display: block !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: bold !important;
    margin-top: 2px !important;
    letter-spacing: 0.5px;
  }

  /* 去掉多余换行，避免文字被挤出可视区 */
  .index-banner .cansual-sub-title br {
    display: none !important;
  }

  /* carousel-item3：p.cansual-des */
  .index-banner p.cansual-des,
  .index-banner .carousel-item3 .cansual-des {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 100% !important;
    margin: 0 !important;
    word-break: break-all;
  }

  .index-banner .cansual-line {
    display: block !important;
    width: 32px !important;
    height: 2px !important;
    margin: 6px 0 !important;
    background: #fff !important;
    opacity: 0.85;
  }

  .index-banner .radiu-button,
  .index-banner .carousel-item3 .radiu-button,
  .index-banner .carousel-item.active .radiu-button,
  .index-banner .carousel-item3.active .radiu-button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .index-banner .carousel-item.active .cansual-title,
  .index-banner .carousel-item.active .cansual-line,
  .index-banner .carousel-item3 .cansual-title,
  .index-banner .carousel-item3 .cansual-line {
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  .index-banner .carousel-item.active .cansual-des,
  .index-banner .carousel-item2 .cansual-des,
  .index-banner .carousel-item2.active .cansual-des,
  .index-banner .carousel-item3 .cansual-des {
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
    visibility: visible !important;
    overflow: hidden !important;
  }

  .index-banner .carousel-bar,
  .index-banner .page-header-bar {
    display: none !important;
  }

  /* ========== 公共标题 ========== */
  .biaoti {
    padding-top: 30px !important;
    margin-bottom: 25px !important;
  }

  .biaoti h2 {
    font-size: 24px !important;
    line-height: 1.4 !important;
    background-size: contain !important;
  }

  .biaoti p {
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    padding-top: 10px !important;
  }

  /* ========== 产品中心 ========== */
  .in-pro {
    padding: 30px 0 40px !important;
    background-size: contain !important;
  }

  .index-pro-head h2 {
    font-size: 24px !important;
  }

  .index-pro-head p {
    font-size: 14px !important;
  }

  .index-pro-tabs {
    height: auto !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 10px;
  }

  .index-pro-tabs ul {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    min-width: 100%;
  }

  .index-pro-tabs li {
    float: none !important;
    width: auto !important;
    min-width: 90px;
    flex-shrink: 0;
    padding-bottom: 8px !important;
  }

  .index-pro-tabs ul li dl {
    height: auto !important;
    min-height: 80px;
    padding: 10px 8px !important;
  }

  .index-pro-tabs ul li dl dt {
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 14px !important;
    margin: 0 auto 4px !important;
    background-size: contain !important;
  }

  .index-pro-tabs ul li dl dd {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  .index-pro-tabs ul li dl:after {
    display: none !important;
  }

  .index-pro-panel {
    padding: 15px 12px 20px !important;
  }

  .index-pro-panel-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .index-pro-panel-head h3 {
    font-size: 18px !important;
  }

  .index-pro-card-list {
    margin: 0 !important;
  }

  .index-pro-card {
    width: 50% !important;
    padding: 0 5px 12px !important;
  }

  .index-pro-card-pic {
    height: 110px !important;
    padding: 8px !important;
  }

  .index-pro-card-pic img {
    max-height: 90px !important;
  }

  .index-pro-card-info {
    text-align: center !important;
  }

  .index-pro-card-title {
    font-size: 12px !important;
    color: #000 !important;
    height: auto !important;
    max-height: 36px;
    text-align: center !important;
  }

  .index-pro-card-cas {
    font-size: 12px !important;
    color: #000 !important;
    text-align: center !important;
  }

  .index-pro-card-cas span {
    color: #000 !important;
  }

  .index-pro-card-purity {
    display: none !important;
  }

  /* ========== 关于我们 ========== */
  .in-about {
    padding: 30px 0 40px !important;
    background-size: contain !important;
  }

  .bt_sz {
    margin-bottom: 20px !important;
  }

  .sz.about_1_4,
  .in-about .about_1_4 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }

  .sz.about_1_4 ul,
  .in-about .about_1_4 ul {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .sz.about_1_4 ul li,
  .in-about .about_1_4 ul li {
    width: 50% !important;
    min-height: 140px !important;
    padding: 20px 10px !important;
  }

  .sz .about_1_4_mid_1 span:nth-child(1),
  .in-about .about_1_4_mid_1 span:nth-child(1) {
    font-size: 2.6em !important;
  }

  .sz .about_1_4_mid_1 span:nth-child(2),
  .in-about .about_1_4_mid_1 span:nth-child(2) {
    font-size: 0.95em !important;
  }

  .sz .about_1_4_mid_2,
  .in-about .about_1_4_mid_2 {
    font-size: 0.95em !important;
  }

  .sz .about_1_4_mid_iso p,
  .in-about .about_1_4_mid_iso p {
    font-size: 0.95em !important;
    padding: 0.25em 0 !important;
  }

  /* 手风琴改为网格 */
  .accordion,
  .accordion.w73 {
    display: block !important;
    height: auto !important;
    float: none !important;
    overflow: visible !important;
  }

  .accordion:after {
    display: none !important;
  }

  .accordion__ul {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }

  .accordion__li {
    width: 50% !important;
    height: auto !important;
    float: none !important;
    margin: 0 0 10px !important;
    padding: 0 0px;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
  }

  .accordion__li.first_show {
    width: 50% !important;
  }

  .accordion__img {
    width: 100% !important;
    height: auto !important;
    min-height: 100px;
    object-fit: cover;
    opacity: 1 !important;
  }

  .accordion__li .index-an {
    position: absolute;
    top: 50%;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .accordion__li .index-an p {
    font-size: 14px !important;
  }

  .accordion__li .wenben {
    position: relative !important;
    width: 100% !important;
    opacity: 1 !important;
    padding: 12px 10px !important;
    box-sizing: border-box;
  }

  .accordion__li .wenben h1 {
    font-size: 15px !important;
    background: none !important;
  }

  .accordion__li .wenben p {
    font-size: 12px !important;
  }

  /* ========== 技术支持 ========== */
  .in-case {
    padding: 30px 0 40px !important;
  }

  .in-yy {
    font-size: 16px !important;
    display: block !important;
    margin: 10px 5px !important;
  }

  .in-yy span {
    font-size: 28px !important;
  }

  .Contentbox1 {
    padding-top: 20px !important;
  }

  .yy-xi li {
    width: 100% !important;
    float: none !important;
    margin-bottom: 15px;
  }

  .yy-txt h1 {
    font-size: 18px !important;
  }

  .yy-txt p {
    font-size: 13px !important;
    width: 90% !important;
  }

  .yy-txt span {
    margin-top: 15px !important;
    font-size: 13px !important;
  }

  /* ========== 新闻动态 ========== */
  .news {
    height: auto !important;
    padding: 30px 0 40px !important;
  }

  .news_s {
    height: auto !important;
    padding-bottom: 20px !important;
  }

  .news_s .fl,
  .news_s .fr {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin-bottom: 15px;
    overflow: hidden;
  }

  /* 新闻图片统一尺寸：热点区 + 轮播区 */
  .news_s .fl dl,
  .news_s .fr dl,
  .news_x .news-swiper .swiper-slide dl {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 0 !important;
    float: none !important;
    position: relative;
    overflow: hidden;
    border-bottom: 5px solid #d1d1d1;
    box-sizing: border-box;
  }

  .news_s .fl dl,
  .news_s .fr dl {
    height: 200px !important;
  }

  .news_s .cssimgp dl dt,
  .news_x .news-swiper .swiper-slide dl dt,
  .news_x .cssimgp dt {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    overflow: hidden;
    z-index: 0;
    margin: 0;
    padding: 0;
  }

  .news_s .cssimgp dl dt img,
  .news_x .news-swiper .swiper-slide dl dt img,
  .news_x .cssimgp dt img,
  .news_x dl dt img {
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center;
    display: block;
  }

  .news_s .fl dl dd,
  .news_s .fr dl dd {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    text-align: left !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 12px !important;
    padding-top: 70px !important;
    overflow: hidden;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.1) 55%, transparent 100%) !important;
  }

  .news_s .fl dl dd i,
  .news_s .fr dl dd i {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    float: none !important;
    width: 56px !important;
    height: 70px !important;
    font-size: 14px !important;
    padding-top: 12px !important;
    margin: 0 !important;
    background-size: contain !important;
  }

  .news_s .fl dl dd h3,
  .news_s .fr dl dd h3 {
    float: none !important;
    font-size: 15px !important;
    margin: 0 !important;
    width: 100% !important;
    max-height: 42px !important;
    line-height: 1.4 !important;
    padding-right: 0 !important;
  }

  .news_s .fl dl dd p,
  .news_s .fr dl dd p {
    float: none !important;
    font-size: 13px !important;
    margin: 6px 0 0 !important;
    width: 100% !important;
  }

  .news_x {
    padding: 0 15px;
    box-sizing: border-box;
  }

  .news_x .news-swiper,
  .news_x .news-swiper.swiper-container {
    height: auto !important;
    overflow: hidden;
    padding-bottom: 30px;
    width: 100% !important;
  }

  .news_x .news-swiper .swiper-wrapper {
    align-items: stretch;
  }

  .news_x .news-swiper .swiper-slide {
    height: auto !important;
    display: block !important;
    box-sizing: border-box;
    flex-shrink: 0;
    text-align: left !important;
  }

  .news_x .news-swiper .swiper-slide dl {
    width: 100% !important;
    max-width: 100% !important;
  }

  .news_x .news-swiper .swiper-slide > a {
    display: block;
    width: 100%;
  }

  .news_x .news-swiper .swiper-slide dl dd {
    width: 100% !important;
    padding: 12px 0 16px !important;
    box-sizing: border-box;
  }

  .news_x .news-swiper .swiper-slide dl dd h3 {
    font-size: 15px !important;
    padding-top: 0 !important;
    line-height: 1.4 !important;
    max-height: 42px;
    overflow: hidden;
  }

  .news_x .news-swiper .swiper-slide dl dd i {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .news_x .news-swiper .swiper-slide dl dd p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  /* ========== cssimgp 图片通用 ========== */
  .cssimgp {
    overflow: hidden;
    max-width: 100%;
  }

  .cssimgp img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }

  /* 新闻区图片不受通用 cssimgp 高度影响 */
  .news .cssimgp dl dt img,
  .news_s .cssimgp dl dt img,
  .news_x .cssimgp dt img,
  .news_x .news-swiper .swiper-slide dl dt img {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    object-fit: cover !important;
  }

  .cssimgp:hover img {
    transform: none !important;
  }

  .shipin_db.cssimgp img,
  a .shipin_db img {
    width: auto !important;
    max-width: 120px !important;
    height: auto !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    display: inline-block;
    object-fit: contain;
  }

  /* ========== 联系我们 CTA ========== */
  a .shipin_db {
    height: auto !important;
    min-height: 220px;
    padding: 40px 15px 30px !important;
    background-size: cover !important;
    box-sizing: border-box;
  }

  a .shipin_db h3 {
    font-size: 22px !important;
    line-height: 1.4 !important;
    padding-top: 0 !important;
  }

  a .shipin_db p {
    font-size: 14px !important;
    height: auto !important;
    line-height: 1.6 !important;
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 480px) {
  .index-banner .home-carousel,
  .index-banner .swiper-container {
    aspect-ratio: 16 / 11;
    min-height: 180px;
    max-height: 260px;
  }

  .index-banner .swiper-inner-text-wrap,
  .index-banner .page-header-fullscreen-text {
    padding: 10px 12px !important;
  }

  .index-banner .swiper-inner-text {
    margin: 0 !important;
  }

  .index-banner .cansual-item-title,
  .index-banner .cansual-title,
  .index-banner .en-banner-title,
  .index-banner .carousel-item1 .cansual-item-title strong,
  .index-banner .carousel-item2 .cansual-item-title strong,
  .index-banner .carousel-item3 .cansual-item-title strong {
    font-size: 14px !important;
    font-weight: normal !important;
  }

  .index-banner .cansual-sub-title,
  .index-banner .carousel-item1 .cansual-sub-title span,
  .index-banner .carousel-item2 .cansual-sub-title span,
  .index-banner .carousel-item3 .cansual-sub-title span,
  .index-banner .cansual-des,
  .index-banner h3.cansual-des {
    font-size: 11px !important;
  }

  .index-banner .cansual-sub-title em {
    font-size: 14px !important;
  }

  .index-banner .carousel-item-inner,
  .index-banner .page-header-fullscreen-trame,
  .index-banner .carousel-item-trame {
    min-height: 0 !important;
  }

  .index-pro-card {
    width: 100% !important;
  }

  .sz.about_1_4 ul li,
  .in-about .about_1_4 ul li {
    width: 100% !important;
  }

  .accordion__li,
  .accordion__li.first_show {
    width: 100% !important;
  }

  .news_s .cssimgp dl dt,
  .news_x .news-swiper .swiper-slide dl dt,
  .news_s .cssimgp dl dt img,
  .news_x .news-swiper .swiper-slide dl dt img,
  .news_x .cssimgp dt img {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
  }

  .news_s .fl dl,
  .news_s .fr dl {
    height: 180px !important;
  }

  .news_s .fl dl dd,
  .news_s .fr dl dd {
    padding-top: 62px !important;
  }

  .news_s .fl dl dd i,
  .news_s .fr dl dd i {
    width: 50px !important;
    height: 62px !important;
    font-size: 12px !important;
    padding-top: 10px !important;
  }
}