@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.woff2?t=1784085762947') format('woff2'),
       url('../fonts/iconfont.woff?t=1784085762947') format('woff'),
       url('../fonts/iconfont.ttf?t=1784085762947') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
    scroll-behavior: smooth;
}


.liuyanabout{padding:100px 0}
    .grid-wrap {
      width: 100%;
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }
    @media (min-width: 768px) {
      .grid-wrap {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    .card-item {
      background: #ffffff;
      border-radius: 0.75rem;
      overflow: hidden;
      box-shadow: 0 1px 3px rgba(0,0,0,0.08);
      transition: all 0.3s ease;
    }
    .card-item:hover {
      transform: translateY(-6px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.12);
    }
    .img-wrap {
      aspect-ratio: 5 / 3;
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid #f3f4f6;
    }
    .imgspan {width:100%}
    .img-wrap h3.mb-3{margin-bottom:0.5rem!important}
    .padding-5{padding:15px}
    .img-wrap img{aspect-ratio: 5 / 3;width:100%;object-fit:cover}
    .img-placeholder {
      font-size: 6rem;
      font-weight: bold;
      color: #dc2626;
    }
    .card-content {
      padding: 1.25rem;
    }
    .card-title {
      font-size: 1.25rem;
      font-weight: 600;
      color: #1f2937;
      margin-bottom: 0.75rem;
    }
    .card-desc {
      font-size: 1rem;
      color: #4b5563;
    }

.section-title .title{font-size:var(--heading-two)}
.ybg{background:#f9f9fa}
.cfimg .section-title{max-width:75%}
.zdy .col-lg-7.text-center{width:100%}
.zdy .section-title{max-width:75%}
.section-about .container .align-items-end{align-items: center!important}
.overlay-linear-left-dark::before{display:none}
.promessage {
    background: #f4f7f9;
    border-radius: 10px;
    padding: 50px;
}
.pt-80 {
    padding-top: 80px;
}
@media (max-width:998px){
	.promessage {
	    background: #f4f7f9;
	    border-radius: 10px;
	    padding: 20px;
	}
}
.postbox-details-title {
    font-size: 40px;
}


p.mb-45 {
    margin-bottom: 45px;
    font-size: 16px;
    line-height: 32px;
    font-family: var(--td-ff-p);
    font-weight: 500;
}
.td-contact-form-wrapper .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.td-contact-form-wrapper .mb-25 {
    margin-bottom: 25px;
}
.td-contact-form-input .td-input {
    font-family: var(--td-ff-p);
    font-weight: 400;
    font-size: 16px;
    color: var(--td-common-black);
    border: 1px solid #d6d6d6;
    width: 100%;
    height: 56px;
}
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], input[type=url], textarea {
    outline: none;
    background-color: #fff;
    height: 56px;
    width: 100%;
    line-height: 56px;
    font-size: 15px;
    color: var(--td-grey-1);
    padding-left: 26px;
    padding-right: 26px;
    border: 1px solid #a2a9ac;
}
.td-contact-form-input .td-textarea {
    border: 1px solid #d6d6d6;
    height: 190px;
}
.td-postbox-details-form .col-xl-4 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.td-postbox-details-form .col-xl-4 input {
    width: 60%;
}
.td-postbox-details-form .col-xl-4 img {
    width: 40%;
}
 .ratio-6x5 { aspect-ratio: 6/5; }
 .xgwzpro .relate{margin:30px 0 0 0}
 .xgwzpro .relate .col-xl-4{width:25%}
.td-btn {
    padding: 16px 26px;
    background: var(--site-color);
    display: inline-block;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 20px;
    color: #fff;
    font-family: var(--td-ff-body);
    font-weight: 700;
    position: relative;
    transition: all 0.3s linear;
    overflow: hidden;
    z-index: 1;
    line-height: 1;
}
.td-btn span {
    border: 1px solid #fff;
    width: 16px;
    height: 1px;
    display: inline-block;
    transform: translatey(-4px);
    margin-right: 10px;
    transition: all 0.4s ease;
}
@media (min-width: 1200px) {
 .td-contact-form-input   .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}






/*product*/
/*产品详情开始*/
.pro-detail {
  padding: 32px 20px 60px;
  background: #fff;
}

.pro-inner {
  max-width: 1560px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 54% 46%;
  gap: 56px;
  align-items: center;
}

.pro-gallery {
  position: relative;
  min-height: 560px;
  border-top: 4px solid var(--site-color);
}

.gallery-top {
  text-align: center;
  padding-top: 15px;
  color: var(--site-color);
  font-size: 18px;
  font-weight: 700;
}

.thumb-area {
  position: absolute;
  left: 0;
  top: 75px;
  width: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.thumb-arrow {
  border: 0;
  background: none;
  color: #364154;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}

.thumb-window {
  width: 80px;
  height: 380px;
  overflow: hidden;
  margin: 18px 0;
}

.thumb-list {
  transition: transform .45s ease;
}

.thumb {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .25s;
}

.thumb.active {
  border-color: var(--site-color);
}

.thumb img {
  max-width: 58px;
  max-height: 58px;
  object-fit: contain;
}

.big-box {
  margin-left: 125px;margin-top:22px;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: zoom-in;
  overflow: hidden;border:1px solid #f1f1f1
}

.big-box img {
  max-width: 95%;
  max-height: 430px;
  object-fit: contain;
  transition: opacity .35s ease;
}

.big-box img.fade {
  opacity: 0;
}

.magnifier {
  width: 180px;
  height: 180px;
  border: 3px solid rgba(47, 103, 255, .8);
  border-radius: 50%;
  position: absolute;
  display: none;
  pointer-events: none;
  background-repeat: no-repeat;
  background-color: #fff;
  box-shadow: 0 8px 28px rgba(0,0,0,.22);
  z-index: 9;
}

.pro-info h1 {
  margin: 0 0 25px;
  font-size: 42px;
  line-height: 1.25;
  font-weight: 800;
}

.pro-info p {
  max-width: 720px;
  margin: 0 0 28px;
  font-size: 17px;
  line-height: 2;
  color: #555;
  font-weight: 600;
}
.pro-info .prolx{margin:0 0 18px 0;display: flex;gap:20px;}
.pro-info .prolx span{margin-right:5px}

.pro-info ul {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
}

.pro-info li {
  font-size: 17px;
  line-height: 2;
  color: #333;
}

.pro-info li b {
  color: #111;
  font-weight: 800;
}

.pro-btns {
  display: flex;
  gap: 24px;margin-bottom:30px
}

.pro-btns a {
  width: 165px;
  height: 58px;
  border: 2px solid var(--site-color);
  border-radius: 8px;
  color: var(--site-color);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-size: 16px;
  font-weight: 700;
  transition: .3s;
}

.pro-btns a.btn1:hover {
  background: var(--site-color);
  color: #fff;
}
.pro-btns a.btn2:hover {
  background: var(--site-aux-1);
  color: #fff;border-color:var(--site-aux-1)
}
/*mobile img*/
@media (max-width: 992px) {
    .pro-inner {
        grid-template-columns: 1fr;
    }
	    .pro-info h1 {
	        font-size: 25px;
	    }
}
@media (max-width:768px){

  .pro-detail{
    padding: 25px 12px 40px;
    overflow: hidden;
  }

  .pro-gallery{
    overflow: hidden;
  }

  .thumb-area{
    position: static;
    width: 100%;
    margin-top: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 6px;
  }

  .thumb-arrow{
    flex: 0 0 28px;
    width: 28px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
  }

  .thumb-prev::before{
    content: "‹";
    font-size: 42px;
  }

  .thumb-next::before{
    content: "›";
    font-size: 42px;
  }

  .thumb-window{
    width: calc(100vw - 90px);
    max-width: 344px;
    height: 76px;
    overflow: hidden;
    margin: 0;
  }

  .thumb-list{
    display: flex;
    flex-wrap: nowrap !important;
    gap: 8px;
    transition: transform .4s ease;
  }

  .thumb{
    flex: 0 0 76px;
    width: 76px;
    height: 76px;
    margin: 0 !important;
  }

  .thumb img{
    max-width: 56px;
    max-height: 56px;
  }

  .big-box{
    margin-left: 0;
    margin-top: 25px;
    width: 100%;
    height: 420px;border:1px solid #f1f1f1
  }

  .big-box img{
    max-width: 100%;
    max-height: 390px;
  }
}
/*mobile img end*/

/*产品详情结束*/
.product-tabs{

    background:#fff;

}

.tabs-nav{border-radius:18px;
 box-shadow:0 5px 25px rgba(0,0,0,.08);
    display:flex;overflow:hidden;

    justify-content:space-between;

    align-items:center;

    padding:15px 35px;

}

.tab-menu{

    display:flex;

    list-style:none;

    margin:0;

    padding:0;

    gap:55px;

}

.tab-menu li{

    position:relative;

    font-size:30px;

    font-weight:800;

    color:var(--site-color);

    cursor:pointer;

    transition:.3s;

    padding:5px 0;

}

.tab-menu li::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-10px;

    width:0;

    height:2px;

    background:var(--site-color);

    transition:.35s;

}
.tab-content .tab-content-con {
    display: flex;
    align-items: flex-start;
}
.tab-menu li.active{

    color:var(--site-color);

}

.tab-menu li.active::after{

    width:100%;

}

.buy-btn{

    width:200px;

    height:50px;

    border-radius:14px;

    background:#2f67ff;

    color:#fff;

    text-decoration:none;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    font-size:20px;

    font-weight:600;

    transition:.3s;

}

.buy-btn:hover{

    background:#2456dd;

}

.buy-btn i{

    font-style:normal;

    transition:.3s;

}

.buy-btn:hover i{

    transform:translateX(6px);

}

.tab-content{

    padding:40px 15px;

}

.tab-item{

    display:none;

    animation:fade .35s;

}

.tab-item.active{

    display:block;

}
.tab-item .videoiframe{width:80%;height:35vw;margin:0 auto;display: block;}
@keyframes fade{

    from{

        opacity:0;

        transform:translateY(15px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

@media(max-width:992px){

.tabs-nav{

flex-direction:column;

gap:25px;

}

.tab-menu{

flex-wrap:wrap;

justify-content:center;

gap:25px;

}

.buy-btn{

width:100%;

}

}
/*product end*/
.share-icon{border:1px solid #fff;width:30px;height:30px}
.drop img{position:relative;z-index: 1;width:60%}
.yzm input{  
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.fun-facts-section .container .g-4 .counter-item-wrapper{width:33.3%}
.fun-facts-section .container .g-4 .counter-item-wrapper img{width:50px}
.fun-facts-section .container .g-4 .counter-item-wrapper .display3{font-size: 22px;text-align: left;text-align: center;margin: 20px 0;}
.fun-facts-section .container .g-4 .counter-item-wrapper .fs-18px{font-size: 16px;text-align: left;display: block;text-align: center;}
.fun-facts-section .container .g-4 .counter-item-wrapper .counter-item{ display: block;width:100%;margin:0 auto;padding: 20px 5%;text-align: center;transition: all 0.3s;border-radius: 20px;}
.fun-facts-section .container .g-4 .counter-item-wrapper .counter-item:hover{background:rgba(0,0,0,0.1)}
.fun-facts-section .container .g-4 .counter-item-wrapper .counter-item .d-none{justify-content: center;}
.section-top-sm{    padding-top: clamp(3.75rem, 2.273rem + 4.545vw, 7.5rem);
    padding-bottom: clamp(3.75rem, 2.273rem + 4.545vw, 7.5rem);}
.footer-menu-item a.text-light{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:block}	
.cfimg{padding:5rem 0 0 0}
.cta-section{background-color: var(--site-color)!important;    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;}
.cta-section .col-auto{background-color: var(--site-aux-1)}
.cta-section i.iconfont{font-size: 20px;margin:0 10px 0 0;}
.honorimg{display: flex;gap:2%}
.honorimg img{display: block;width:23.5%;}
.convideo{padding:7rem 0;background:#f2f4f6;margin:7rem 0 0 0}
.convideo .container iframe{width:50%;height:25vw;margin:0 auto;display: block;}
.convideo .row{    align-items: center;}
  /* ==============================
           厂房轮播
        ============================== */
        .factory-gallery {
            position: relative;
            width: 100%;
            padding: 50px 0;
            overflow: hidden;
        }

        .factory-gallery-viewport {
            width: 100%;
            overflow: hidden;
        }

        .factory-gallery-track {
            display: flex;
            will-change: transform;
        }

        .factory-gallery-item {
            flex: 0 0 20%;
            padding: 0 8px;
            cursor: pointer;
        }

        .factory-gallery-image {
            position: relative;
            width: 100%;
            aspect-ratio: 4 / 3;
            overflow: hidden;
            background: #eee;
        }

        .factory-gallery-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .factory-gallery-item:hover img {
            transform: scale(1.06);
        }

        /* 轮播左右箭头 */
        .factory-gallery-arrow {
            position: absolute;
            top: 50%;
            z-index: 10;
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.58);
            color: #fff;
            font-size: 28px;
            line-height: 44px;
            text-align: center;
            transform: translateY(-50%);
            transition:
                background 0.3s ease,
                transform 0.3s ease;
        }

        .factory-gallery-arrow:hover {
            background: rgba(0, 0, 0, 0.85);
            transform: translateY(-50%) scale(1.08);
        }

        .factory-gallery-prev {
            left: 6px;
        }

        .factory-gallery-next {
            right: 6px;
        }

        /* ==============================
           图片放大预览
        ============================== */
        .factory-lightbox {
            position: fixed;
            inset: 0;
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 50px 100px;
            background: rgba(0, 0, 0, 0.9);
            visibility: hidden;
            opacity: 0;
            transition:
                opacity 0.3s ease,
                visibility 0.3s ease;
        }

        .factory-lightbox.is-open {
            visibility: visible;
            opacity: 1;
        }

        .factory-lightbox-content {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
        }

        .factory-lightbox-image {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            user-select: none;
            transform: scale(0.94);
            transition:
                transform 0.3s ease,
                opacity 0.25s ease;
        }

        .factory-lightbox.is-open .factory-lightbox-image {
            transform: scale(1);
        }

        .factory-lightbox-image.is-changing {
            opacity: 0;
        }

        /* 关闭按钮 */
        .factory-lightbox-close {
            position: fixed;
            top: 20px;
            right: 24px;
            z-index: 20;
            width: 46px;
            height: 46px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.15);
            color: #fff;
            font-size: 32px;
            line-height: 42px;
            text-align: center;
            transition:
                background 0.3s ease,
                transform 0.3s ease;
        }

        .factory-lightbox-close:hover {
            background: rgba(255, 255, 255, 0.28);
            transform: rotate(90deg);
        }

        /* 预览左右箭头 */
        .factory-lightbox-arrow {
            position: fixed;
            top: 50%;
            z-index: 20;
            width: 54px;
            height: 54px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.15);
            color: #fff;
            font-size: 38px;
            line-height: 50px;
            text-align: center;
            transform: translateY(-50%);
            transition:
                background 0.3s ease,
                transform 0.3s ease;
        }

        .factory-lightbox-arrow:hover {
            background: rgba(255, 255, 255, 0.28);
            transform: translateY(-50%) scale(1.08);
        }

        .factory-lightbox-prev {
            left: 24px;
        }

        .factory-lightbox-next {
            right: 24px;
        }

        /* 图片序号 */
        .factory-lightbox-counter {
            position: fixed;
            bottom: 20px;
            left: 50%;
            z-index: 20;
            padding: 7px 15px;
            border-radius: 20px;
            background: rgba(0, 0, 0, 0.45);
            color: #fff;
            font-size: 15px;
            transform: translateX(-50%);
        }
.list{display: flex;    justify-content: center;gap:10px;padding:0 0 30px 0}
.list a{padding:10px 20px;background:#f2f4f6;border-radius: 10px;font-size: 18px;transition:all 0.3s;}
.list a:hover{background:var(--site-color);color:#fff}
.list a.active{background:var(--site-color);color:#fff}
/*分页*/
.mypage{
        flex: 0 0 auto;
        width: 100%;margin:40px 0 0 0;
    }
.mypage nav {
    text-align: center !important;
}
.mypage .pagination {
    list-style: none;
    margin: 0;
    padding: 0;text-align: center;justify-content: center;display:flex;
}
.mypage .pagination li{    display: inline-block;
    border-radius: 5px;
    font-size: 19px;
    line-height: 1;
    margin: 0 5px;
    box-shadow: 0 10px 40px 0 rgba(50, 65, 141, .12);background:#fff;transition:all 0.3s}
.mypage .pagination li span{border:none;background:none}
.mypage .pagination li .page-link{border:none;background:none;color:#333;font-size:19px;display:block;padding:14px 20px}
.mypage .pagination li.active{background:var(--site-aux-1);}
.mypage .pagination li.active .page-link{color:#fff}
.mypage .pagination li:hover .page-link{color:#fff}
.mypage .pagination li:hover{background:var(--site-aux-1);}
.mypages {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px 0 20px 0;
    margin: 20px 0 20px 0;
    line-height: 40px;
}
.newslist .ratio-6x5{--bs-aspect-ratio: calc(4 / 6 * 100%);}
.position-relative:hover .bg-light{background:var(--site-aux-1)!important;border-radius:10px}
.position-relative:hover .ph.ph-arrow-right:before{color:#fff}
.container-fluid .map-wrapper iframe{width:100%;height:100%}
.content-tag{font-size: 16px;padding:5px 20px;border-radius: 0px;border:1px solid #f1f1f1}
.content-tags span{font-size: 18px;padding:5px 0px;border-radius: 0px;font-weight: 800;}
.content-tags{display: flex;gap:10px}
.content-tags .tagslink{display: flex;gap:10px;}
 h2.h2{font-size: 30px;margin-bottom:30px}
 .vstack .p-32px .d-flex li.service-category-item a{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:block}
 
 
 
 
 
 
/* ==========================
   通屏能力展示模块
========================== */


.about-capability{

    width:100%;

    background:#f4f7fc;

    overflow:hidden;
position: relative;
}
.about-capability:nth-child(4){padding-bottom:150px}
.capability-info  div p{margin-bottom:0;}

.capability-box{

    width:100%;

    display:flex;

    align-items:center;

    height:500px;margin:100px 0 50px 0

}



/* 图片 */

.capability-img{

    width:50%;

    height:500px;

    position:relative;

    order:2;

}



.capability-img img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;


    /*
    右侧图片斜切
    */

    clip-path:polygon(
        11% 0,
        100% 0,
        100% 100%,
        0 100%
    );

}
.listsup  .about-capability:nth-of-type(even) .capability-img img {
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);
}


/* 内容 */

.capability-info{

    width:50%;

    padding:120px 8% 0 8%;

    order:1;
position: relative
}
.about-capability::before{content:"";width:58%;height:500px;display:block;background:#e9ecf1;
clip-path: polygon(0 0, 100% 0%, 89% 100%, 0 100%);position: absolute;left:0;top:160px}
.about-capability:nth-child(even)::before{
clip-path: polygon(13% 0, 100% 0%,100% 100%, 0 100%);position: absolute;right:0;left:auto}
.capability-info div{position: relative}


.capability-title p{

    font-size:18px;

    color:#666;

    margin-bottom:10px;

}



.capability-title h2{

    font-size:42px;

    line-height:1.3;

    font-weight:700;

    color:#111827;

    margin:0 0 15px;

}



.capability-text{

    font-size:16px;

    color:#666;

    line-height:2;

}



.capability-content{

    margin-top:20px;

    color:#666;

    line-height:2;

}



/* 红色角标 */

.capability-icon{

    position:absolute;

    bottom:0;

    left:-69px;

    width:85px;

    height:75px;

    background:#e83b2f;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:25px;

    z-index:5;


    /*
    产生斜切
    */

    clip-path:polygon(
        18% 0,
        100% 0,
        82% 100%,
        0 100%
    );

}
.capability-icon p{line-height:75px;margin-bottom:0;font-size:30px;}
.listsup .about-capability:nth-child(2n) .capability-icon{ right:12%;margin-right:-85px
	}





/*
第二条反向

图片左
文字右
*/

.about-capability:nth-of-type(even)
.capability-box{

    flex-direction:row-reverse;

}



.about-capability:nth-of-type(even)
.capability-img img{


    clip-path:polygon(
        0 0,
        88% 0,
        100% 100%,
        0 100%
    );


}



.about-capability:nth-of-type(even)
.capability-icon{

    left:auto;

    right:1.1rem;

}

.td-sup-area .container{padding:80px 0;text-align: center;}
.td-sup-area .container .td-section-subtitle{font-size: 20px;}
.td-sup-area .container .td-about-3-title-para{font-size: 20px;}
.td-sup-area .container .td-about-3-title-para iframe{width:80%;height:35vw}
.showcon .col-lg-4{margin-top:0;width:30%}
.showcon .col-lg-8{margin-top:0}
.showcon .py-40px{/padding-top:0!important}
.showcon .mt-minus-70px{margin-top:0}
.showcon .my-24px{margin-top:0}
.showcon .col-lg-8{width:70%;padding-right:0;padding-left:0}

.1showcon .position-relative .mt-24px{border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;    padding-bottom: 1.5rem !important;    margin-bottom: 1.5rem !important;}    

.showlist{margin:20px 0 0 0}
.showcon .showlist .col-xl-4 .service-item img.object-fit-cover{height:15vw;width:100%;object-fit:cover;position:relative}
.showcon .showlist .col-xl-4 .service-item .link{}
.showcon .showlist .col-xl-4 .service-item{} 
.proh2{font-size:18px;position:absolute;bottom:0;height:auto;display: block;top:auto;text-align: center;background:rgba(0,0,0,0.03);padding:10px 0;border-radius: 10px;transition:all 0.3s}
.project-list-section .g-5 .d-block {position:relative}
.project-list-section .col-xl-4:hover .proh2{bottom:-100px}



/* =====================
   平板
===================== */

@media(max-width:992px){
.td-sup-area .container .td-about-3-title-para iframe{width:90%;height:50vw}

.capability-box{display:block;flex-direction:column;}



.capability-img,
.capability-info{

    width:100%;

}



.capability-img{

    height:400px;

}



.capability-info{

    padding:50px;

}


}





/* =====================
   手机
===================== */

@media(max-width:600px){
.capability-box{display: block;:column!important;height:auto!important;width:94%;margin:3rem auto 0 auto}

.capability-img{

    height:260px;width:100%;border-radius: 10px;overflow: hidden;

}



.capability-img img{


    clip-path:none!important;


}



.capability-info{

    padding:35px 25px;width:100%

}



.capability-title h2{

    font-size:28px;

}



.capability-text,
.capability-content{


    font-size:14px;


}



.capability-icon{
left:0;    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%);border-radius: 0 10px 0 0 ;

    width:50px;

    height:45px;

    font-size:18px;


}
.listsup .about-capability:nth-child(2n) .capability-icon{left:0}
.about-capability::before{display: none;}

}





/*分页结束*/
        /* ==============================
           响应式
        ============================== */
        @media (max-width: 1200px) {
            .factory-gallery-item {
                flex-basis: 25%;
            }
        }

        @media (max-width: 900px) {
			.honorimg{display: flex;gap:2%; flex-wrap: wrap;}
			.honorimg img{display: block;width:49%;}
			.convideo .text-dark{display: none;}
			.convideo .container iframe{width:100%;height:60vw}
			.fun-facts-section .container .g-4 .counter-item-wrapper {
			    width: 50%;
			}
            .factory-gallery {
                padding: 0 48px;
            }

            .factory-gallery-item {
                flex-basis: 33.333333%;
                padding: 0 6px;
            }

            .factory-lightbox {
                padding: 60px 70px;
            }
        }

        @media (max-width: 600px) {
            .factory-gallery {
                padding: 30px 42px;
            }

            .factory-gallery-item {
                flex-basis: 50%;
                padding: 0 5px;
            }

            .factory-gallery-arrow {
                width: 36px;
                height: 36px;
                font-size: 24px;
                line-height: 34px;
            }

            .factory-lightbox {
                padding: 60px 20px;
            }

            .factory-lightbox-arrow {
                width: 42px;
                height: 42px;
                font-size: 30px;
                line-height: 39px;
            }

            .factory-lightbox-prev {
                left: 8px;
            }

            .factory-lightbox-next {
                right: 8px;
            }

            .factory-lightbox-close {
                top: 12px;
                right: 12px;
                width: 40px;
                height: 40px;
                font-size: 28px;
                line-height: 36px;
            }
        }

        @media (max-width: 420px) {
            .factory-gallery-item {
                flex-basis: 100%;
            }
        }
	
	
	
@media (max-width: 1600px) {
.nav-menu {
    column-gap: 15px!important;
}


}
@media screen and (min-width: 1550px) and (max-width: 1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 85%;
    }


}

@media screen and (min-width: 1400px) and (max-width: 1550px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 95%;
    }


}

.section-hero .swiper-hero,
.section-hero .swiper-slide {
    min-height: 860px;
}

.section-hero .swiper-slide {
    display: flex;
    align-items: center;
    padding-top: 210px !important;
    padding-bottom: 210px !important;
}

@media (max-width: 1199.98px) {
    .section-hero .swiper-hero,
    .section-hero .swiper-slide {
        min-height: 720px;
    }

    .section-hero .swiper-slide {
        padding-top: 170px !important;
        padding-bottom: 170px !important;
    }
}

@media (max-width: 767.98px) {
    .section-hero .swiper-hero,
    .section-hero .swiper-slide {
        min-height: 620px;
    }

    .section-hero .swiper-slide {
        padding-top: 130px !important;
        padding-bottom: 130px !important;
    }
}

.header-info-bordered-list{position:relative}
.fyw{width:10rem;}
.gtranslate_wrapper{position:absolute;top:10px;background:none;right:0;border:1px solid #ffffff70;border-radius:5px }
.gt_container--hich1m .gt_switcher{background:none!important;width:9rem!important;right:0rem}
.gt_container--hich1m .gt_switcher .gt_selected{background: none !important;}
.gt_container--hich1m .gt_switcher .gt_selected a:hover{background:none!important}
.gt_container--hich1m .gt_switcher .gt_selected a{border: none !important;color:#fff!important}
.gt_container--hich1m .gt_switcher .gt_selected a:after{background-image:url(../images/xjt.png)!important;background-size:16px!important}