@charset "utf-8";
:root {
    --newList-navigation-size: 2rem;
}


:root {
  --font-size-title: clamp(22px, 3vw, 32px); /* 主标题 32px 自适应 */
  --font-size-subtitle: clamp(22px, 2.5vw, 30px); /* 副标题 18px 自适应 */
  --safe-padding-top: calc(var(--header-height) + var(--title-margin-top));
  --section-margin-top: 60px;
}

/* 全局基础兼容：禁止缩放导致的布局错乱 */
html {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}
.section .abTit h4 {
  font-size: var(--font-size-title) !important;
  line-height: 1.2 !important;
  margin: 0 auto !important;
  white-space: normal !important;
}
.section .abTit p {
  font-size: var(--font-size-subtitle) !important;
  line-height: 1.3 !important;
  margin: 5px auto 0 !important;
}

.sectionPro .container,
/* .sectionAbu .container, */
.sectionHb .container,
/* .sectionCase .container, */
/* .sectionIa .container, */
.sectionNc .NcConBox {
  height: calc(100vh - var(--header-height));
  margin-top: var(--header-height) !important;
  padding-top: var(--section-margin-top) !important;
}


@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  :root {
    --header-height: 70px;
    --title-margin-top: 24px;
    --section-margin-top: 50px;
  }

  /* 标题自动适配 */
  .section .abTit h4 {
    font-size: clamp(22px, 2.8vw, 28px) !important;
  }
  .section .abTit p {
    font-size: clamp(20px, 2.2vw, 26px) !important;
  }

}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  :root {
    --header-height: 85px;
    --title-margin-top: 20px;
    --section-margin-top: 65px;
  }
  .section .abTit h4 {
    font-size: clamp(21px, 2.6vw, 26px) !important;
  }
  .section .abTit p {
    font-size: clamp(18px, 2vw, 24px) !important;
  }
}
@media (max-width: 1440px) {
  .section .abTit h4 {
    font-size: clamp(22px, 2.8vw, 28px) !important;
  }
}
@media (max-width: 1200px) {
  .section .abTit h4 {
    font-size: clamp(21px, 2.6vw, 26px) !important;
  }
}
@media (max-width: 960px) {
.sectionPro .container,
.sectionHb .container,
.sectionNc .NcConBox {
  height: auto !important;
  margin-top: auto !important;
  padding-top: 0 !important;
}
}
.section{overflow: hidden;}
.sectionNc .abTit h4,
.sectionNc .abTit p{
  margin: 0 !important;}
/* 全部 */
.header{position:fixed;top:0;left:0;z-index:999;box-shadow: 0 0 5px 0 #d1d1d4;}
/* .headLogo{width: auto;margin-top: 40px;} */

.headLogo .bImg{display:none;}
.header.fixed{background-color:#fff !important;-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.55);-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.55);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.55);}
.header.fixed .nav .navbar ul li a{color: #333;}
.header.fixed .nav .navbar ul li.on a,.header.fixed .nav .navbar ul li:hover a{color: #1b3884;}
.header.fixed .nav .navbar ul li a::before{background-color: #1b3884;}
.header.fixed .bImg{display:block;}
.header.fixed .wImg{display:none;}

.header,.section .container {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.slide-box{position:fixed;right:50px;top:55%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%)}
.slide-box ul li{margin-bottom:60px;position:relative}
.slide-box ul li:after{content:'';width:1px;height:60px;background:#c7161d;opacity:0.6;position:absolute;left:8px;top:16px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s}
.slide-box ul li:nth-child(7):after{display:none}
.slide-box ul li .dian{width:16px;height:16px;border-radius:50%;border:2px solid #c7161d;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s}
.slide-box ul li .tu{position:absolute;left:-26px;top:-26px;width:70px;height:70px;border-radius:50%;background:#c7161d;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transform:scale(0.5);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s}
.slide-box ul li .tu img{width:30px}
.slide-box ul li .tu span{color:#fff;font-size:12px;margin-top:2px}
.slide-box ul li:last-child{display:none}
.slide-box ul li.active .tu{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1)}
.slide-box.active ul li:after{background:#c7161d}
.slide-box.active ul li .dian{border:2px solid #c7161d}
.fp-tableCell{/* vertical-align: bottom; */}

.sectionBan{position:relative;}

/***【0】***banner****/
.ban_box .swiper-slide{width:100%;height:100%;position:relative;overflow:hidden}
.ban_box .swiper-slide::before{content:'';position:absolute;left:0;height:0;width:100%;height:100%;background-color: rgba(0,0,0,0.2);z-index:2;}
.ban_box .swiper-slide video {position: absolute;width: 100%;left: 0px;bottom: 0;height: 95vh;min-height: 100%;object-fit: cover;z-index:1;}
/*.ban_box .swiper-slide a{background: rgba(0, 0, 0, 0.6);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 200;}*/
.ban_box .swiper-container .swiper-pagination{width: auto;bottom: 16%;}
.ban_box .swiper-container .swiper-pagination span{}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{width: 12px !important;height: 12px;margin: 0 4px;opacity:1;background:rgba(255, 255, 255, 0.59);border-radius: 6px;}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet-active{width: 32px !important;background:#fff;}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child{margin-bottom: 0;}
.ban_box .swiper-button-next,
.ban_box .swiper-button-prev{width: 50px;height: 100px;bottom:0;color:#fff !important;font-weight:bold;text-align:center;font-family: serif;font-size: 88px;}
.ban_box .swiper-button-next,
.ban_box .swiper-container-rtl .swiper-button-next{right:88px;}
.ban_box .swiper-button-next:hover,
.ban_box .swiper-button-prev:hover{background-color:rgba(255,255,255,0.28);}
.ban_box .swiper-container .hide{opacity:0}
.ban_box .swiper-button-next,
.ban_box .swiper-button-prev{transition:opacity 0.5s;}
.ban_box .swiper-button-next,
.ban_box .swiper-container-rtl .swiper-button-prev{background-image:none !important;}
.ban_box .swiper-button-prev,
.ban_box .swiper-container-rtl .swiper-button-next{background-image:none !important;}
.ban_box .swiper-button-disabled{display:none}
.ban_box .swiper-slide img{display:block;width:100%;left:0;top:0;height:auto;object-fit:cover;}

.videoBox{position:absolute;/* height: 100%; */left:0;top:0;right:0;bottom:0;overflow: hidden;}
.video-container .p_video {display: block;width: 100%;height: 100%;visibility: visible;opacity:0.8;object-fit: cover;}
@media screen and (max-width: 768px) {
.video-container {display-radio:1;margin-top: 75px;}
}
@media screen and (min-width: 769px) {
.video-container {height: 100vh;}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
.video-container {height:55vh}
}
.banInfo{position:absolute;bottom: 15%;color:#fff;line-height:2;z-index:222;}
.banInfoTit{font-size: 50px;font-weight: bold;}
.banInfoSpan{font-size:20px;}
/* .banInfoTit, */
/* .banInfoSpan{text-shadow: -1px 1px 1px rgb(221 132 132 / 47%);} */

.ban_boxPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0,0,100px)}
.swiper-slide.active .ban_boxPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0px)}
.swiper-slide .pcimg{height: 100%;}
.swiper-slide .pcimg img{height: 100%;}
.ban_box .shubiao {position: absolute;left: 50%;bottom: 40px;font-size: 14px;color: #fff;cursor:pointer;z-index: 9;}
.ban_box .shubiao::before {content: '';position: absolute;width: 5px;height: 40px;border-radius: 3px;background: rgba(255, 255, 255, 0.5);bottom: -10px;margin-left: -20px;}
.ban_box .shubiao::after {content: '';position: absolute;width: 5px;height: 20px;border-radius: 3px;background: #ffffff;bottom: 10px;left: -20px;animation: shubiaoAnm 1.5s linear infinite;transition: 0.3s all ease-in-out;}

@keyframes shubiaoAnm {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(1vw);
  }
}
.ban_box .p_video{display:block;width:100%;visibility:visible}
.ban_box img{filter:blur(0);transition:filter 1s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;border:0;display:inline-block}
.section01 .scroll{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:2;text-align:center}
.section01 .scroll img{animation-name:bounces;animation-iteration-count:infinite;animation-duration:3s;animation-fill-mode:both}
.section01 .scroll h2{font-size:14px;color:#fff;margin-top:6px}
@keyframes bounces {
  0%,
  15%,
  47%,
  73%,
  89%,
  100% {
    animation-timing-function: ease-out;
    transform: translate3d(0, 0, 0);
  }
  30%,
  32% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -10px, 0);
  }
  60% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -8px, 0);
  }
  82% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -4px, 0);
  }
  94% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -2px, 0);
  }
}
/* 视频容器：固定宽高比，避免布局偏移 */
.video-container {
  position: absolute;
  top:0;left:0;
  width: 100%;
  /* max-width: 1920px; */
  margin: 75px auto 0;
  aspect-ratio: 16/9; /* 固定视频比例，适配不同屏幕 */
  overflow: hidden;
  background: #000; /* 兜底背景，避免白屏 */
}

/* 视频样式：填满容器，封面和视频无缝衔接 */
.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持比例，裁剪黑边 */
}

/* 播放按钮：居中显示，点击触发播放 */
.video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  border: none;
  cursor: pointer;
  z-index: 10;
}

/* 视频加载完成/播放后隐藏按钮 */
.video-container.playing .video-play-btn {
  display: none;
}

/* 降级方案样式 */
.video-fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width:1660px){
.banInfo{left: 220px;}
.ban_box .swiper-container .swiper-pagination{left: 220px !important;}
}
@media screen and (max-width:1660px) and (min-width:1360px){
.banInfo{left:160px}
.banInfoSpan{font-size:38px;}
.ban_box .swiper-container .swiper-pagination{left: 160px !important;}
}

@media screen and (max-width:1400px){
.ban_box .swiper-button-next,
.ban_box .swiper-button-prev{width:160px;height:70px;line-height:70px;font-size:20px;}
.ban_box .swiper-button-next,
.ban_box .swiper-container-rtl .swiper-button-next{right: 0px;left:auto;}
}

@media screen and (max-width:1360px) and (min-width:960px){
.banInfo{left: 60px;}
.ban_box .swiper-container .swiper-pagination{left: 60px !important;}
}
@media screen and (max-width:1200px){
.ban_box .swiper-button-next,
.ban_box .swiper-button-prev{width:80px;height:35px;line-height:35px;font-size:16px;}
}

@media screen and (min-width: 960px) {
.ban_box .swiper-container{ height: 100vh;object-fit: contain; background: #fff; }
.ban_box .swiper-container .swiper-wrapper{ height: 100% !important;}
.swiper-slide .pcimg img{display:block;}
.swiper-slide .moimg ,
.swiper-slide .moimg img{display:none;}
}
@media screen and (max-width:960px){
.ban_box .swiper-container{ height: auto;min-height:300px;}
.ban_box .swiper-slide video{height:100%;}
.ban_box .shubiao {display:none;}
.swiper-slide .pcimg ,
.swiper-slide .pcimg img{display:none}
.swiper-slide .moimg {height: 100%;}
.swiper-slide .moimg img{display:block;}
.ban_box .swiper-container .swiper-pagination{left: 0 !important; width:100%;}
.ban_box .swiper-button-next,
.ban_box .swiper-button-prev{width:40px;height:40px;line-height:40px;font-size:30px;bottom:50%;border-radius:50%;font-family: cursive;}
.ban_box .swiper-button-next,
.ban_box .swiper-container-rtl .swiper-button-prev{left: auto;right:10px;}
.ban_box .swiper-button-prev,
.ban_box .swiper-container-rtl .swiper-button-next{left: 10px;}
.ban_box .swiper-button-next i,
.ban_box .swiper-button-prev i{display:none;}

.video-container {margin-top: 60px;position: static;}
.banInfo{left: 0;width: 100%;text-align: center;bottom: 20%;}
.banInfoTit{font-size:22px;}
.banInfoSpan{font-size:14px;}

.slide-box{display:none;}
.section01 .scroll{display:none;}
}

/* 首页标题 */
.section .abTit h4{margin-bottom: 0;line-height: 2;color: #222;text-align: center;font-size:var(--font-size-title);/*font-size:32px;font-weight: 400;*/}
.section .abTit h4 a{color: #222;border-color:#c7161d;}
.section .abTit:hover h4,
.section .abTit:hover h4 a{color: #c7161d;}
.section .abTit p{line-height: 1;text-align: center;color: rgba(0, 0, 0, 0.18);font-size: 30px;font-weight: normal;font-family: "85b4a4c0-1ef1-40cd-9a7b-9971d50cbd30";text-transform: uppercase;}
@media screen and (max-width: 1400px){
.section .abTit h4{font-size: 28px !important;}
/* 
.section .abTit p{font-size: 22px !important;} */
}
@media screen and (max-width: 1200px){
.section .abTit h4{font-size: 24px !important;}
}
@media screen and (max-width: 960px){
.section .abTit {margin-bottom: 25px;text-align: center;}
.section .abTit h4{font-size: 20px !important;}
.section .abTit p{font-size: 18px !important;}
.section .abTit p::before{left: 50%;margin-left:-13px;}
}

@media screen and (max-width:680px){
.section .abTit h4{font-size:22px !important;}
.section .abTit p{font-size:14px !important;}
}

/* Tab切换 */
.hdDt{display: flex;justify-content: space-between;}
.hdDt a{position:relative;display:inline-block;font-size:16px;text-align:center;background:transparent;color:#1b2d5b;cursor:pointer;}
.hdDt a:last-child{margin-right:0;}
.hdDt a:hover{color:#c7161d;}
.bdDt {margin-top:10px;}

@media screen and (max-width: 1200px){
.hdDt a{font-size:14px;}
.bdDt {margin-top:30px;}
}
@media screen and (max-width: 960px){
.hdDt a{flex: 25%;}
.hdDt a:nth-child(-n+4){margin-bottom: 20px;}
.bdDt {margin-top:15px;}
}
@media screen and (max-width: 680px){
.hdDt a:nth-child(-n+4){margin-bottom: 10px;}
}


.bdProCon,
.bdCaseCon{display:none;}
.hdPro a,
.hdCase a{display: flex;flex: 100%;line-height: 60px;font-size: 22px;background: #fff;box-shadow: 1px 1px 7px 2px rgb(177 181 185 / 14%);justify-content: center;flex-direction: row;align-items: center;}
.hdPro a::before,
.hdCase a::before{content:'';position:absolute;left: 50%;transform: translate(-50%);bottom: 0%;border: 10px solid;border-color: transparent transparent #fff transparent;opacity: 1;transition: all .5s ease;z-index: 15}
.hdPro i,
.hdCase i{width: 30px;height: 30px;margin-right: 10px;}
.hdPro a.active,
.hdPro a:hover,
.hdCase a:hover,
.hdCase a.on{color:#fff;background:#c7161d;}
.hdPro i,
.hdCase i{background-repeat:no-repeat;background-size: 100%;}
.hdPro a:nth-child(1) i,
.hdCase a:nth-child(1) i{background-image:url(../images/indexIco1-2.png);}
.hdPro a:nth-child(2) i,
.hdCase a:nth-child(2) i{background-image:url(../images/indexIco1-4.png);}
.hdPro a:nth-child(1):hover i,
.hdPro a:nth-child(1).active i,
.hdCase a:nth-child(1):hover i,
.hdCase a:nth-child(1).on i{background-image:url(../images/indexIco1-1.png)}
.hdPro a:nth-child(2):hover i,
.hdPro a:nth-child(2).active i,
.hdCase a:nth-child(2):hover i,
.hdCase a:nth-child(2).on i{background-image:url(../images/indexIco1-3.png)}


.sectionAbu .container,
.sectionHb .container,
.sectionCase .container,
.sectionIa .container{display: flex;flex-wrap: wrap;flex-direction: column;width: 88%;display-radio: flex;max-width: none;margin-left: auto;margin-right: auto;}
/* .sectionPro .container,
.sectionAbu .container,
.sectionHb .container,
.sectionCase .container,
.sectionIa .container,
.sectionNc .NcConBox{margin-top: calc(var(--header-height) + var(--title-margin-top));} */


/***【1】==产品中心*****/
.sectionPro{/* padding:50px 0; */background:url(../images/c2972375-c814-4643-8fc5-815e9381ad2b.jpg) no-repeat center center;background-size: cover;/*background-color: #f8f8f8;*/}
.section02 .container{display: flex;flex-wrap: wrap;flex-direction: column;width: 88%;display-radio: flex;max-width: none;margin-left: auto;margin-right: auto;}
.sectionPro .newList {width: calc(25% - 15px);margin-bottom:0;margin-right: 20px;background-color: #fff;box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);border-radius: 20px;}
.sectionPro .newList:nth-child(4n){margin-right:0;}
.sectionPro .newList a{position:relative;}
.sectionPro .newPicBox{padding-bottom: 70%;}
.sectionPro .contentBoxB{position:absolute;top:0;left:0;width:100%;margin-top: 5px;padding: 15px 10px;text-align:center;transition: all ease 0.3s;}
.sectionPro .newTitle{min-height: 20px;margin-bottom:0;color: #333;font-weight:normal;font-size: 18px;}
.sectionPro .bottom_btn{position:absolute;bottom: 20px;left: 50%;max-width:100px;margin-top: 0;margin-left: -23px;}
.sectionPro .bottom_btn img{object-fit: contain;filter: blur(0);transition: filter 1s;display: block;max-width: 100%;}
.sectionPro .bottom_btn i{background-color: #c7161d;border-color: #c7161d;}
.sectionPro .newList:hover{background:url(../images/indexBg1-1.png) left top no-repeat;background-size:100% 100%;background-color:transparent;}
.sectionPro .newList:hover .newTitle{color:#fff;}
.sectionPro .newList:hover .bottom_btn img{filter: brightness(0) invert(100%);}
.sectionPro .newList:hover .bottom_btn i{background-color: #fff;border-color: transparent;}
.paginationMore{margin: 10px 0;display:flex;justify-content: space-between;align-items: center;}
.paginationMore .swiper-pagination-progress{width: calc(100% - 170px);margin-right:50px;background: #c7161d;height: 2px;}
.paginationMore .swiper-pagination-progress .swiper-pagination-progressbar{display: none;background: #c7161d;}
/*.sectionPro .indexAb_more{width:150px;margin-top: 0;margin-right: 0;text-indent:24px;font-size:16px;color:#1b2d5b;border-color:#1b2d5b;background-color:#fff;border-radius:25px;}
.sectionPro .indexAb_more::before{content:'';position:absolute;left:20px;top:calc(50% - 10px);width:24px;height:24px;background:url(../images/indexIco2-3.png) no-repeat;background-size:100%;z-index:22;}
.sectionPro .indexAb_more:hover{color:#fff;border-color:#c7161d;background-color:#c7161d;}
.sectionPro .indexAb_more:hover::before{background-image:url(../images/indexIco2-2.png);z-index:22;}*/
.sectionPro .indexAb_more{width: 150px;margin-left: auto;margin-right: 10px;padding-right: 20px;background: #c7161d;}
.sectionPro .indexAb_more::before{left:70%;top:calc(50% - 15px);width:30px;height:30px;background:url(../images/indexIco2-2.png) no-repeat;z-index:22;background-size: 100% 100%;}

/***【2】==关于我们*****/
.sectionAbu {background: url(../images/indexBg2.jpg) left center no-repeat;background-size: cover;}
.sectionAbu .abTit h4{position:relative;line-height: 2;color: rgba(51, 51, 51, 1);font-family: Arial;}
.sectionAbu .abTit h4::before{content:'';position:absolute;left: 50%;bottom: -50px;width: 50px;height: 5px;margin-left: -25px;background-color:#c7161d;opacity: 1;}
.WawCon .WawText{padding: 14px 0;max-width: 1200px;margin: 0 auto;text-align: center;/*background: url(../images/indexIco2-1.png) center 28px no-repeat;background-size: 100%;*/}
.WawCon .WawText p{font-size: 18px;line-height: 2.5;/*font-weight: 300;*/color: #333;}

/***【2.1】==计数*****/
.WawBottom {margin: 60px 0;}
.WawBottom .product-num-box{width:100%;height:auto}
.WawBottom .product-num-content{width: 100%;height: auto;margin:0 auto;text-align:center;font-size:0}
.WawBottom .product-num-title{padding-top:110px;margin-bottom:30px;font-size:42px;color:#fff;line-height:45px;}
.WawBottom .product-num-text{font-size:16px;color:#002c75;line-height:28px}
.WawBottom .product-num-head{font-size:0;display: flex;flex-wrap: wrap;}
.WawBottom .product-num-item{float:left;position:relative;display: flex;flex: calc(13% - 10px);flex-direction: row;flex-wrap: wrap;align-items: baseline;text-align: left;justify-content: center;}

.WawBottom .product-num-jus{display:inline-block;margin:80px 0;width:162px;height:56px;font-size:22px;color:#e60012;background:#fff;line-height:48px;letter-spacing:2px;cursor:pointer;font-weight:500;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-decoration:none}
.WawBottom .product-num-nub{display: inline-block;font-size: 46px;color: rgb(199 22 29);font-weight: normal;display-radio: 1;/* margin-top: 0px; */font-family: "5a364e5b-d255-457f-8d15-53bbe4bb9990";}
.WawBottom .product-num-item:nth-child(1) .product-num-nub,
.WawBottom .product-num-item:nth-child(3) .product-num-nub{margin-right: 4px;}
.WawBottom .product-num-add{font-size: 18px;color: #1b2d5b;text-align:left;display:inline-block;font-weight: normal;}
.WawBottom .product-num-inf{display:inline-block;width:100%;/* margin-top: 6px; */line-height: 1.25;text-align: center;font-size: 18px;color: #373737;overflow: hidden;}
.WawBottom .product-num-jus:hover{background-color:#fff;color:#002c75}
.WawBottom .product-num-wan{position:absolute;right:55px;top:0px}


.sectionAbu .indexAb_more{width: auto;margin: 20px auto 0;padding-left: 30px;padding-right: 40px;background: #c7161d;}
.sectionAbu .indexAb_more::before{content:'';position:absolute;left:80%;transform: translatey(-50%);top:50%;width:30px;height:30px;background:url(../images/indexIco2-2.png) no-repeat;z-index:22;background-size: 100% 100%;}


/***【2.2】==厂区环境*****/
.HjConBox{position:relative;}
.HjCon .mySwiper,
.HjCon .mySwiper .swiper-slide{overflow:hidden;}

.HjImgBox{overflow:hidden;}
.HjImgBox,.HjImgBox img{border-radius:10px;}
.HjImgBox img{display:block;width:100%;transition: all .5s;}
.HjImgBox:hover{cursor:pointer;}
.HjImgBox:hover img{transform: scale(1.05);}

.Giant_list{position: absolute;bottom: 10%;left: 50%;z-index: 88;transform: translate(-50%,0);width: 80%;}
.swiper-container-list1{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.Giant_list ul{display:flex}
.Giant_list ul li{width:20%;margin-right: 10px;margin-left:10px;display:flex;flex-shrink:0;opacity:1;flex-direction: column;align-items: center;transition: all ease .5s;}
.Giant_list ul li>a{display:flex;align-items:center;margin:0 auto}
.Giant_list ul li:last-child{margin-right:0px}
.Giant_list ul li.on{/* box-shadow:0px 11px 14px 1px rgba(11,55,238,0.6); */}
.Giant_list ul li img{display:block;margin:0px auto 0;width: 100%;}
.Giant_list ul li:hover,
.Giant_list ul li.on{opacity:1;}
.Giant_list ul li span{font-size:18px;color:#1b2d5b;display:none;}
.Giant_list .swiper-button-prev71,.Giant_list .swiper-button-next71{position:absolute;top: calc(50% - 30px);width: 62px;height: 62px;background-image:url(../images/jiantt.png) !important;background-size: auto;background-repeat: no-repeat;background-position: center center;background-color: rgba(255, 255, 255, 0.36);border-radius: 50%;z-index:10;cursor:pointer;}
.Giant_list .swiper-button-prev71{left: -70px !important;right:auto !important;transform: scaleX(-1);}
.Giant_list .swiper-button-next71{right:-70px !important;left:auto !important;}
.Giant_list .swiper-button-prev71:hover,.Giant_list .swiper-button-next71:hover{background-color: rgba(255, 255, 255, 0.8);}
.swiper-button-next71.swiper-button-disabled,.swiper-button-prev7.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}


.gallery-thumbs {position: absolute;bottom: 10px;width: 100%;box-sizing: border-box;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}
.Giant_lists .newsListBox {background: rgba(0, 0, 0, 0.3);}
.Giant_lists .newList{margin-right:0;margin-bottom:0;width:14vw;border:2px solid #fff;border-radius:10px;overflow: hidden;}
.Giant_lists .newList a{position:relative;}
.Giant_lists .image_con{border-radius:10px;}
.Giant_lists .image_con img{border-radius: 10px 10px 0 0;}
.Giant_lists .newPicBox{padding-bottom: 37%;}
.Giant_lists .contentBoxB{position:absolute;left:0;bottom:0;width:100%;margin-top:0;background: rgba(0,0,0,.5);border-radius: 0 0 10px 10px;}
.Giant_lists .newTitle{min-height: auto;margin-bottom:0;text-align:center;font-size:14px;color:#fff;font-weight:normal;}

.HjCon .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #ccc;opacity: 0.8;}
.HjCon .swiper-pagination-bullet-active{width:40px;background-color:#002c75;border-radius:15px;}
.HjCon .swiper-button-next,.HjCon .swiper-button-prev{position:absolute;top:50%;width:40px;height:99px;z-index:10;transform:translateY(-50%);background-image: none;/*background-color:rgba(0,0,0,.1);*/}
.HjCon .swiper-button-prev,.HjCon .swiper-rtl .swiper-button-next{left: 0;}
.HjCon .swiper-button-next,.HjCon .swiper-rtl .swiper-button-prev{right: 0;}
.HjCon .swiper-button-prev:after,
.HjCon .swiper-rtl .swiper-button-next:after,
.HjCon .swiper-button-next:after,
.HjCon .swiper-rtl .swiper-button-prev:after{display: none;}

/***【3】==合作伙伴*****/
.sectionHb{background:url(../images/eb15397c-dc78-4c93-a204-201abda480ad.jpg) left top no-repeat;background-size:cover;/*background-color:#f8f8f8;*/}
.sectionHb .abTit p{position: relative;}
.sectionHb .p_item{flex:1;max-width:100%;max-height:100%}
.sectionHb .HbConBox{display: flex;flex-wrap: wrap;flex-direction: row;display-radio: flex;align-content: center;}
.HbConLeft.p_item {flex: 0 0 55%;margin-right: 5%;align-self: center;}
.HbConLayout {display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;display-radio: flex;margin-top: 40px;margin-bottom: 40px}
.HbConLayout .cbox-10-0{flex:0 0 auto;margin-right:40px}
.HbConLayout .e_scrollNumber-11{height:60px;line-height:60px;font-size:48px;font_radio:2;display-radio:1;font-family:"5c3c9aac-a9d1-4eda-a421-53d7dcac225c";text-align:center;padding-left:20px}
.HbConLayout .e_scrollNumber-11 .p_num{display-radio:1;font-size:64px;color:#c7161d;}
.HbConLayout .p_plus{font-size:22px;color:#c7161d;position:relative;top:-25px;left:-7px;display-radio:1}
.HbConLayout .e_text-12{line-height:normal;font_radio:2;display-radio:1;text-align:center;font-size:20px;font-family:"249a2cc2-3ae2-4a12-80cc-f33fa61f776e";color:rgba(50,80,111,1)}
.HbConLayout .cbox-10-1{align-self:center}
.HbConLayout .e_richText-14{font_radio:2;display-radio:1;min-height:50px;font-size:16px;color:rgba(102,102,102,1);max-width:500px}
.HbConLayout .e_richText-14 p{letter-spacing:1px;line-height:1.5;}
.e_image-9 img{width:90%;height:90%;object-fit:contain}
.HbConList{display-radio:1;max-width:860px;}
.sectionHb .HbImgBox img{max-width:100%;display:block;}
/* ===== 滚动容器基础 ===== */
.sectionHb .MarBox {
    height: 100px;
    padding: 10px 0;
    overflow: hidden;
}

/* 滚动视口（transform 平移容器） */
.sectionHb .MarCon {
    width: 100%;
    height: 80px;           /* 固定高度，与父容器一致 */
    overflow: visible;
    white-space: nowrap;
    cursor: pointer;
}

/* 内容包裹层 */
.sectionHb .demo-wrap {
    width: auto;
    display: inline-block;
}

/* 两份内容副本并排 */
.sectionHb .marquee-list1,
.sectionHb .marquee-list2 {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

/* 清除 ul 默认样式，横向排列 */
.sectionHb .MarCon ul {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}

/* 列表项行内排列，不使用浮动 */
.sectionHb .MarCon ul li {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: 172px;           /* 固定宽度，保证一行正好显示5个 */
    box-sizing: border-box;
    margin-right: 10px;
}

/* ===== 图片卡片容器：固定高度 79px ===== */
.sectionHb .MarCon ul li .box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;           /* 关键：强制高度 */
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
    background: url(../images/hcBg.png) center top no-repeat;
    background-size: cover;
    transition: box-shadow 0.3s;
}

/* ===== 图片样式：强制高度 100%，宽度自适应 ===== */
.sectionHb .MarCon ul li img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;      /* 改为 cover：裁剪图片以填满整个容器，不留白 */
    mix-blend-mode: multiply;
    transition: transform 0.6s ease;
    overflow: hidden;
}

/* 如果希望图片完整显示（可能留白），将 object-fit 改为 contain */
/* .sectionHb .MarCon ul li img {
    object-fit: contain;
} */

/* 悬停放大效果 */
.sectionHb .MarCon ul li .box:hover img {
    transform: scale(1.15);
}

/* 悬停卡片阴影 */
.sectionHb .MarCon ul li .box:hover {
    box-shadow: 0 2px 8px rgba(6, 99, 184, 0.1);
}


/*.sectionHb ul{padding-bottom: 60px;}
.sectionHb ul li{float:left;width:20%}
.sectionHb ul li .box{display: flex;justify-content: center;align-items: center;overflow:hidden;border-radius: 5px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;background: url(../images/hcBg.png) no-repeat;background-size: 100% 100%;}
.sectionHb ul li a{position:relative;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}
.sectionHb ul li a:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:0;background:#ed251b}
.sectionHb ul li img{max-width: 100%;max-height: 100%;mix-blend-mode:multiply;object-fit: contain;transition: all 0.6s;}
.sectionHb ul li .box:hover img{transform: scale(1.15,1.15)}
.sectionHb ul li .box:hover{-webkit-box-shadow:0 2px 8px rgba(6,99,184,.1);-moz-box-shadow:0 2px 8px rgba(6,99,184,.1);-ms-box-shadow:0 2px 8px rgba(6,99,184,.1);-o-box-shadow:0 2px 8px rgba(6,99,184,.1);box-shadow:0 2px 8px rgba(6,99,184,.1);}
*/
.HbConList .swiper-pagination{bottom:0;}
.HbConList .swiper-pagination-bullet{width:45px;height:4px;border-radius:0;background-color:#ccc;opacity: 1;}
.HbConList .swiper-pagination-bullet-active{background-color:#c7161d;}
.HbConList .swiper-button-next span,
.HbConList .swiper-button-prev span{font-size:32px;color:#fff;font-family:'宋体';}
.HbConList .swiper-button-next,
.HbConList .swiper-container-rtl .swiper-button-prev{right: 0;}
.HbConList .swiper-button-prev,
.HbConList .swiper-container-rtl .swiper-button-next{left: calc(100% - 90px);}
.HbConList .swiper-button-next,
.HbConList .swiper-container-rtl .swiper-button-prev,
.HbConList .swiper-button-prev,
.HbConList .swiper-container-rtl .swiper-button-next{top: 92%;width: 40px;height: 40px;line-height:40px;text-align:center;background-image:none !important;background-color: #c7161d;/* border-radius: 50%; */box-shadow: -1px 1px 1px rgb(221 132 132 / 47%);}
.HbConList .swiper-button-next img,
.HbConList .swiper-container-rtl .swiper-button-prev img,
.HbConList .swiper-button-prev img,
.HbConList .swiper-container-rtl .swiper-button-next img{margin: 2.5px 2px;display:block;/* max-width:100%; */}
.HbConRight .e_image-9 {overflow: hidden;display-radio: 1;border-top-left-radius: 0px;border-top-right-radius: 20px;border-bottom-left-radius: 0px;border-bottom-right-radius: 20px;}
.HbConList .swiper-container {
  overflow: hidden !important;
}
@media screen and (max-width: 1600px) and (min-width: 1200px) {
.HbConRight .e_image-9 {display-radio: 1}
}

/***【4】==项目案例*****/
.sectionCase{/* padding:50px 0 80px;background-color:#fff;*/background:url(../images/c0a36508-98a3-42c2-ae3d-835a79ada487.jpg) no-repeat center center;background-size: cover;}
.sectionCase .newList {width: calc(25% - 15px);margin-bottom:20px;margin-right: 20px;}
.sectionCase .newList:nth-child(4n){margin-right:0;}
.sectionCase .newPicBox{padding-bottom:75%;}
.sectionCase .contentBoxB{margin-top:0;padding: 10px 18px;width:100%;text-align:center;background-color:#fff;transition: all ease 0.3s;}
.sectionCase .newTitle{height: 22px;line-height: 22px;display: block;margin-bottom:0;font-size: 16px;color: #696969;font-weight:normal;-webkit-line-clamp: 1;}
.sectionCase .newList:hover .contentBoxB{background-color:#c7161d;}
.sectionCase .newList:hover .newTitle{color:#fff;height: 22px !important;line-height: 22px !important;}
/*.sectionCase .indexAb_more,
.sectionHb .indexAb_more{width:150px;margin-top:25px;text-indent:24px;font-size:16px;color:#1b2d5b;border-color:#1b2d5b;background-color:#fff;border-radius:25px;}
.sectionCase .indexAb_more::before,
.sectionHb .indexAb_more::before{content:'';position:absolute;left:20px;transform: translatey(-50%);top:50%;width:24px;height:24px;background:url(../images/indexIco2-3.png) no-repeat;background-size:100%;z-index:22;}
.sectionCase .indexAb_more:hover,
.sectionHb .indexAb_more:hover{color:#fff;border-color:#c7161d;background-color:#c7161d;}
.sectionCase .indexAb_more:hover::before,
.sectionHb .indexAb_more:hover::before{background-image:url(../images/indexIco2-2.png);z-index:22;}
*/
.sectionCase .bdCase{margin-top: 40px;}
.sectionCase .indexAb_more,
.sectionHb .indexAb_more{width: 150px;margin: 40px auto 0;padding-right: 20px;background: #c7161d;}
.sectionCase .indexAb_more::before,
.sectionHb .indexAb_more::before{content:'';position:absolute;left: 70%;/* transform: translatey(-50%); */top: calc(50% - 15px);width:30px;height:30px;background:url(../images/indexIco2-2.png) no-repeat;z-index:22;background-size: 100% 100%;}

/* .sectionHb .indexAb_more{margin-right: 0;} */

/***【5】==行业应用*****/
.sectionIa {/* padding:50px 0; */background:url(../images/n1372375-c814-4643-8fc5-815e9381ad2b.jpg) no-repeat center center;background-size: cover;/*background-color: #f8f8f8;*/}

/* 移动端 */
@media only screen and (max-width: 768px) {
.active1{background:#c7161d}
.nav_active{min-height:480px;background:#333}
.li1,.li2,.li3,.li4{width:100%;transition:0.8s;min-height:480px;margin-bottom:10px}
.list_text{opacity:1 !important}
}
/* PC端 */
@media only screen and (min-width: 769px) {
#company{display:flex;flex-wrap:nowrap;justify-content:space-between}
.li1,.li2,.li3,.li4{flex:1;transition:0.8s;min-height:540px;margin:0;width:auto !important}
.active1{flex:2.5 !important;background:#06c}
.active1 .list_img{width:100% !important;left:0 !important}
.nav_active{flex:1 !important;min-height:540px;background:#333}
}
#company li{position:relative;overflow:hidden;list-style:none}
#company li img{transition:all 2.4s ease 0s}
#company li:hover img{transform:scale(1.3)}
.list_img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:all 2.4s ease 0s}
.list_box{position:absolute;top:0;left:0;padding:30px;width:100%;height:100%;color:#fff;box-sizing:border-box;z-index:1;background-color:rgba(0,0,0,0.2);transition:0.8s}
.list_box dl{margin-top:150px;text-align:center}
.list_title{line-height:3;font-size:24px;font-weight:bold}
.list_text{opacity:0;font-size:16px;line-height:2}
.active1 .list_box{background-color:rgba(0,0,0,0.4)}
.active1 .list_text{opacity:1}
/*.li1{width:calc(40% - 5px);}
.li2{width:calc(20% - 5px);}
.li3{width:calc(20% - 5px);}
.li4{width:calc(20% - 5px);}*/

/***【9】==新闻中心*****/
.sectionNc{background: url(../images/indexBg7.jpg) no-repeat center center;background-size: cover;}
/* .sectionNc{background: url(../images/27b712d1-46e4-4f64-92b5-c6512b09cf42.jpg) no-repeat center center;background-size: cover;} */

.NcConBox{display: flex;flex-wrap: wrap;flex-direction: row;width: 88%;display-radio: flex;max-width: none;margin-left: auto;margin-right: auto;}
.sectionNc .ncTitle{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.sectionNc .ncTitle h4{text-align:left;}
.sectionNc .ncTitle p{line-height: normal;font_radio: 2;text-align: right;color: rgba(51, 51, 51, 0.06);font-size: 54px !important;font-family: "d3cd9aab-4c84-4317-ba53-af053c20e43f";font-weight: bold;display-radio: 1;margin-top: 0px;}
.NcConLeft {width: 65%;margin-right:60px;}

.NCLSon{position:relative;max-height: 602px;display: flex;align-items: flex-end;}
.NcConLeft .newList{width: 100%;margin-right:0;margin-bottom: 40px;}
/*.NcConLeft .contentBoxD{position: relative;}*/
.NcConLeft .newPicBox{padding-bottom: 47%;}
.NcConLeft .contentBoxB{width: 100%;padding: 5px 20px;margin-top: 0;background: #fff;display: flex;align-items: center;justify-content: space-between;}
.NcConLeft .newTitle{width: 89%;height: 21px;margin-bottom: 0;line-height: 1;font-size: 20px;color: #333;font-weight: normal;-webkit-line-clamp: 2;text-align: left;overflow: hidden;text-overflow: ellipsis;}
.NcConLeft .lineBox{width:1px;height: 43px;margin: 0 30px;background: #a0a0a0;}
.lineBox::before{background:#c7161d;}
.NcConLeft .TimeBox{width: 42px;margin: 0;color: #3f3f3f;line-height: 1;text-align: center;}
.NcConLeft .TimeBox span{font-size: 16px;line-height: 1.5;}
.NcConLeft .TimeBox h1{font-size: 19px;}
.NcConLeft .TimeBox,
.NcConLeft .TimeBox span,
.NcConLeft .TimeBox h1{font-family: "5a364e5b-d255-457f-8d15-53bbe4bb9990";}
.NcConLeft .swiper-pagination-bullet{width: 15px;height: 15px;background-color: #ccc;opacity: 0.8;}
.NcConLeft .swiper-pagination-bullet-active{width:40px !important;background-color:#c7161d;border-radius:15px;}
.NcConLeft .swiper-button-next,.NcConLeft .swiper-button-prev{position:absolute;top:50%;width:40px;height:99px;z-index:10;transform:translateY(-50%);background-image: none;/*background-color:rgba(0,0,0,.1);*/}
.NcConLeft .swiper-button-prev,.NcConLeft .swiper-rtl .swiper-button-next{left: 0;}
.NcConLeft .swiper-button-next,.NcConLeft .swiper-rtl .swiper-button-prev{right: 0;}
.NcConLeft .swiper-button-prev:after,
.NcConLeft .swiper-rtl .swiper-button-next:after,
.NcConLeft .swiper-button-next:after,
.NcConLeft .swiper-rtl .swiper-button-prev:after{display: none;}
.NcConLeft .newList:hover .newTitle,
.NcConLeft .newList:hover .TimeBox{color: #c7161d;}
.NcConLeft .swiper-container-horizontal>.swiper-pagination-bullets,
.NcConLeft .swiper-pagination-custom,
.NcConLeft .swiper-pagination-fraction{bottom:0}
.NcConRight{width: calc(35% - 60px);}
.NcConRight .newList{width:100%;float:none;margin-right:0;margin-bottom: 25px;font-weight: 600;background: #c7161d;box-shadow: 0px 2px 5px 0px rgba(133, 133, 133, 0.3);transition: all .4s;}
.NcConRight .newList a{display:flex;flex-direction: row;align-items: center;}
.NcConRight .contentBoxB{flex: calc(100% - 100px);margin-top:0;padding: 20px;background: #fff;}
.NcConRight .newTitle{margin-bottom: 10px;font-size: 20px;font-weight:bold;color: #272727;text-align:left;line-height: 1.5;}
.NcConRight .newMs{font-size: 16px;color: #696969;}
.NcConRight .bottom_btn{width: 80px;height: 100%;margin-top:0;text-align: center;}
.NcConRight .bottom_btn i{padding:0;width: 36px;height: 35px;border:none;border-radius:0;background-repeat: no-repeat;background-image: url(../images/indexIco2-2.png);background-size: 100%;}
.NcConRight .newList:hover {transform: translateY(-5px)}
/*.NcConLeft {
  overflow: hidden !important;
}
.NCLSon {
  overflow: hidden !important;
}
.NCLSon .swiper-slide {
  width: 100% !important;
  flex-shrink: 0 !important;
}
.NCLSon .newPicBox {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}*/


@media screen and (max-width: 1660px){
/***【3】==合作伙伴*****/
.HbConLayout .e_scrollNumber-11 .p_num{font-size: 56px;}
/***【9】==新闻中心*****/
.NCLSon{max-height:570px;}
.NcConLeft .contentBoxB{padding: 5px 15px;}
.NcConRight .contentBoxB{padding: 15px 10px;}
.NcConLeft .swiper-pagination-bullet{width:12px;height:12px;}
}
@media screen and (max-width: 1550px) {
.NcConRight .newList{margin-bottom:20px;}
.NcConRight .newTitle{margin-bottom:10px;}
.NcConLeft .swiper-pagination-bullet-active{width:30px !important;}
.NcConLeft .swiper-pagination-bullet{width:9px;height:9px;}
}

@media screen and (max-width: 1440px) {

.hdPro a,
.hdCase a{font-size: 20px;}
/***【1】==产品中心*****/
.sectionPro{padding:25px 0 50px;}

/***【2.1】==计数*****/
.WawBottom {margin-top: 25x;margin-bottom: 25px;}
.WawBottom .product-num-nub{font-size: 48px;line-height:46px;}
.sectionAbu .indexAb_more{padding-right: 80px;font-size: 24px;}

/***【3】==合作伙伴*****/
.HbConLayout .e_scrollNumber-11 .p_num{font-size: 48px;}
.HbConLayout .p_plus{top: -15px;}

/***【4】==项目案例*****/
.sectionCase{padding:50px 0;}

/***【5】==行业应用*****/
#company li{min-height: 440px;}
.list_box{padding:20px;}
.list_box dl{margin-top:120px;}
.list_title{font-size:22px;}


/***【9】==新闻中心*****/
.sectionNc .ncTitle p{font-size:48px !important;}
.NcConLeft {width: 60%;margin-right:40px;}
.NcConRight{width: calc(40% - 40px);}
.NcConRight .newTitle{margin-bottom:10px;}
.NcConRight .newMs{font-size:14px;min-height: auto;height: 40px;}

}

@media screen and (max-width: 1280px) {

.NcConRight .newList{margin-bottom:10px;}
.NcConRight .newTitle{margin-bottom:5px;}
.NcConLeft .swiper-pagination-bullet-active{width:25px !important;}
.NcConLeft .swiper-pagination-bullet{width:8px;height:8px;}
.NcConLeft .lineBox{margin: 0 20px;}
}
@media screen and (max-width: 1360px) and (min-width: 960px){

}

@media screen and (max-width: 1200px) {

.hdPro a,
.hdCase a{line-height: 80px;font-size: 18px;}
.hdPro i,
.hdCase i{width: 40px;height: 40px;}

/***【1】==产品中心*****/
.sectionPro{padding:25px 0;}
.sectionPro .newTitle{font-size:18px}

/***【2】==关于我们*****/
.sectionAbu{padding: 50px 0;}

/***【2.1】==计数*****/
.WawBottom .product-num-nub{font-size: 38px;line-height:38px;}

/***【2.2】==厂区环境*****/
.Giant_list .swiper-button-prev71,.Giant_list .swiper-button-next71{top: calc(50% - 19px);width: 40px;height: 40px;}

/***【3】==合作伙伴*****/
.HbConLayout .e_scrollNumber-11 .p_num{font-size: 36px;}

/***【9】==新闻中心*****/
.sectionNc .ncTitle p{font-size:38px !important;}
.NcConRight .contentBoxB{padding: 11.5px;}
.NcConRight .newTitle{font-size:20px;}
.NcConRight .newMs{font-size:14px;height: 36px;}
}

@media screen and (max-width: 960px) {
.sectionPro,
.sectionAbu,
.sectionHb,
.sectionCase,
.sectionIa,
.sectionNc{padding:20px 0 !important;}
.section .container{width:calc(100% - 20px);}

.hdPro i,
.hdCase i{display:none;}
.hdPro a,
.hdCase a{height: 45px;}


/***【1】==产品中心*****/
.sectionPro .container{flex-wrap: nowrap;transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);}
.sectionPro .abTit p::before{right:80px;}
.sectionPro .newList{width:calc(50% - 10px);margin-right:20px;border-radius:10px;}
.sectionPro .newList:nth-child(4n){margin-right:20px;}
.sectionPro .newList:nth-child(2n){margin-right:0px;}
.sectionPro .contentBoxB{padding: 5px;margin-top: 10px;margin-bottom: 10px;position: static;}
.sectionPro .bottom_btn{display:none;}
.paginationMore{flex-direction: column;}
.paginationMore .swiper-pagination-progress{width:100%;margin-right:0;}
.ProCon{padding:0;}
.sectionPro .indexAb_more{margin:20px auto 0;}

/* <!--【1】==关于我们 --> */
.sectionAbu .abTit h4::before{display:none;}
.WawCon .WawText{padding: 0;background-position-y: 8px;}
.WawCon .WawText p{font-size: 16px;line-height: 1.75;}
/***【2.1】==计数*****/
.WawBottom .product-num-item{margin-bottom:10px;flex:33.33% !important;justify-content: center;text-align: center;align-items: baseline;}
.WawBottom .product-num-nub{font-size: 28px;line-height:1.75;}
.WawBottom .product-num-add{font-size: 14px;}
.WawBottom .product-num-inf{font-size: 16px;}
.sectionAbu .indexAb_more{height:34px;line-height:34px;padding-right: 60px;font-size: 14px;}


/***【2.2】==厂区环境*****/
.Giant_lists .newList{width:20%;}
.sectionHb .container{flex-wrap: nowrap;}
.HbConLeft.p_item{margin-right: 0;}
.HbConLayout .e_richText-14 p{text-align: justify;}

/***【3】==合作伙伴*****/
.HbConLayout .e_scrollNumber-11 .p_num{font-size: 28px;}
.HbConLayout .p_plus{top: -10px;}
.sectionHb .list{padding-bottom: 20px;}
.sectionHb .indexAb_more{margin-top: 0;}
.HbConRight{display: none;margin-top:30px;overflow: hidden;}
.e_image-9 img{height:auto}

/***【4】==项目案例*****/
.sectionCase .newList {width: calc(50% - 5px);margin-bottom:10px;margin-right: 10px;}
.sectionCase .newList:nth-child(4n){margin-right:10px;}
.sectionCase .newList:nth-child(2n){margin-right:0;}
.sectionCase .contentBoxB{padding:5px;}
.sectionCase .newTitle{font-size: 16px;text-align:left;}
.sectionCase .indexAb_more,
.sectionPro .indexAb_more,
.sectionHb .indexAb_more{width:120px;height:34px;line-height:34px;font-size:14px;}

/***【3】==合作伙伴*****/
.sectionHb .abTit p::before{left: 180px;}
.HbConLayout {flex-direction: column;margin-top: 0;margin-bottom: 20px;}
.HbConLayout .cbox-10-0{margin-bottom:15px;margin-right:0;}
.sectionHb .HbConBox{flex-direction: column;}
.sectionHb .list li {width:33.33%;}
.sectionHb .list li .box{height: 100px;}
.sectionHb .list li a{height: 90px;}
.sectionHb .list li img{max-width: fit-content;max-height: -webkit-fill-available;margin: 0 auto;height: auto;width: 71%;}
.sectionCase .indexAb_more{margin-top: 10px;}

/***【4】==项目案例*****/
.sectionCase .bdCase{margin-top: 0;}

/***【9】==新闻中心*****/
.sectionNc .ncTitle h4{text-align:center;}
.NcConBox{flex-direction: column;}
.NcConLeft {width: 100%;margin-right:0;}
.NcConRight{margin-top: 20px;width: 100%;}

.NcConLeft .contentBoxB{padding: 5px;}
.NcConLeft .newTitle{width:100%;height: 44px;font-size: 18px;font-weight:normal;line-height:1.5;}
.NcConLeft .lineBox{display:none;height: 50px;margin: 0 10px;}
.NcConLeft .TimeBox {display:none;}
.NcConLeft .TimeBox span{font-size: 14px;}
.NcConLeft .TimeBox h1{font-size: 16px;}
.NcConRight .contentBoxB{padding: 10px 20px;}
.NcConRight .newTitle{font-size:18px;color:#1b2d5b;}
}
@media screen and (max-width: 768px) {
.hdPro a,
.hdCase a{flex-direction: column;font-size: 15px;line-height: 3;}
.hdPro i,
.hdCase i{width: 30px;height: 30px;margin-top: 10px;margin-right: 0;}

.section .indexAb_more::before{display:none;}

/***【1】==产品中心*****/
.sectionPro .newList {width: calc(50% - 5px);margin-right: 10px;}
.sectionPro .newList:nth-child(3n){margin-right: 10px;}
.sectionPro .newList:nth-child(2n){margin-right: 0;}
.sectionPro .newTitle{font-size:16px}

/***【2.1】==计数*****/
.sectionAbu .indexAb_more{padding-right: 15px;padding-left: 15px;font-size: 16px;}

/***【4】==项目案例*****/
.sectionCase .newTitle{font-size: 14px;}
}
@media screen and (max-width: 680px) {
.WawCon .WawText p{text-align: justify;}
/***【3】==合作伙伴*****/
.HbConLayout .e_richText-14{font-size:14px;}

/***【9】==新闻中心*****/
.NcConLeft .newTitle{height: 44px;font-size: 16px;}

.sectionHb .abTit, .sectionHb .abTit h4, .sectionHb .abTit h4 a, .sectionHb .abTit p,
.sectionPro .abTit, .sectionPro .abTit h4, .sectionPro .abTit h4 a, .sectionPro .abTit p{text-align:center;}
.sectionPro .abTit p::before,
.sectionHb .abTit p::before{display:none;}
}
@media screen and (max-width: 480px) {
.WawCon .WawText p{font-size: 14px;}

/***【3】==合作伙伴*****/
.HbConLayout .e_scrollNumber-11 .p_num{font-size: 24px;}

/***【9】==新闻中心*****/
.NcConRight .contentBoxB{padding: 5px 10px;}
}

/* 动画进入效果 */
/* 1、产品中心 */
.section02 .abTit,
.section03 .WawCon,
.section04 .abTit,
.section05 .abTit,
.section05 .hdCase,
.section06 .abTit{position:relative;top:-200px;opacity:0;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;}
.section02.active .abTit,
.section03.active .WawCon,
.section04.active .abTit,
.section05.active .abTit,
.section05.active .hdCase,
.section06.active .abTit{top: 0;opacity: 1;}

.section02 .newList{position: relative;opacity: 0;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;}
.section02.active .newList{opacity: 1;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);}

.section03 .product-num-item{position:relative;top:-200px;opacity:0;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;}
.section03.active .product-num-item{opacity: 1;top: 0;}
.section03.active .product-num-item:nth-child(1){transition-delay: 0.15s;-webkit-transition-delay: 0.15s;}
.section03.active .product-num-item:nth-child(2){transition-delay: 0.25s;-webkit-transition-delay: 0.25s;}
.section03.active .product-num-item:nth-child(3){transition-delay: 0.35s;-webkit-transition-delay: 0.35s;}
.section03.active .product-num-item:nth-child(4){transition-delay: 0.45s;-webkit-transition-delay: 0.45s;}
.section03.active .product-num-item:nth-child(5){transition-delay: 0.55s;-webkit-transition-delay: 0.55s;}
.section03.active .product-num-item:nth-child(6){transition-delay: 0.65s;-webkit-transition-delay: 0.65s;}
.section03.active .product-num-item:nth-child(7){transition-delay: 0.75s;-webkit-transition-delay: 0.75s;}
.section03.active .product-num-item:nth-child(8){transition-delay: 0.85s;-webkit-transition-delay: 0.85s;}
.section04 .HbConLeft,
.section07 .NcConLeft{position:relative;left:-300px;opacity:0;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;}
.section04.active .HbConLeft,
.section07.active .NcConLeft{left: 0;opacity: 1;}
.section04 .HbConRight,
.section06 .IaCon,
.section07 .NcConRight .newList{position:relative;right:-200px;opacity:0;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;}
.section04.active .HbConRight,
.section06.active .IaCon,
.section07.active .NcConRight .newList{right: 0;opacity: 1;}
.section07.active .NcConRight .newList:nth-child(1) {transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
.section07.active .NcConRight .newList:nth-child(2) {transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
.section07.active .NcConRight .newList:nth-child(3) {transition-delay: 0.6s;-webkit-transition-delay: 0.6s;}
.section07.active .NcConRight .newList:nth-child(4) {transition-delay: 0.7s;-webkit-transition-delay: 0.7s;}
.section05 .hdCase,
.section07 .IaCon{position:relative;top:-200px;opacity:0;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;}

.section05 .newList{position:relative;right: -300px;opacity:0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.section05.active .newList{right: 0;opacity: 1;}
.section05.active .newList:nth-child(1){transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
.section05.active .newList:nth-child(2){transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
.section05.active .newList:nth-child(3){transition-delay: 0.6s;-webkit-transition-delay: 0.6s;}
.section05.active .newList:nth-child(4){transition-delay: 0.7s;-webkit-transition-delay: 0.7s;}
.section02 .indexAb_more,
.section04 .indexAb_more,
.section05 .indexAb_more{position: relative;bottom: -200px;opacity: 0;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;}
.section02.active .indexAb_more,
.section04.active .indexAb_more,
.section05.active .indexAb_more{bottom:0;opacity:1;}

/* 让 section07 在 07/08 屏都保持显示 */
.section07.keep-active .NcConLeft {
    left: 0 !important;
    opacity: 1 !important;
}
.section07.keep-active .NcConRight .newList {
    right: 0 !important;
    opacity: 1 !important;
}

@media screen and (max-width: 960px) {
.section02 .abTit,
.section03 .WawCon,
.section04 .abTit,
.section05 .abTit,
.section05 .hdCase,
.section06 .abTit,
.section03 .product-num-item,
.section07 .IaCon{top: 0;opacity: 1;}

.section02 .newList{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
.section04 .HbConLeft,
.section07 .NcConLeft{left: 0;opacity: 1;}
.section04 .HbConRight,
.section05 .newList,
.section06 .IaCon,
.section07 .NcConRight .newList{right: 0;opacity: 1;}
.section02 .indexAb_more,
.section03 .indexAb_more,
.section05 .indexAb_more{bottom:0;opacity:1;}

}

.section.active{
	-webkit-animation-duration: 5s;
	animation-duration: 5s; 
	-webkit-animation-name:bnjt;
	animation-name:bnjt; 
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;
	
	/* 关键：动画结束保持最后一帧，不跳回、不闪屏 */
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

/* 修复白屏核心：默认不透明，动画开始再变透明 */
.section{
	opacity: 1 !important;
	transform: translateZ(0); /* 加速，防卡顿 */
}

@-webkit-keyframes bnjt {
  0% {
	  background-size:115% 115%;
	  opacity: 0; /* 动画开始时才淡入 */
  }
  100% {
    background-size:100% 100%;
	  opacity: 1;
  }
}

@keyframes bnjt {
  0% {
	  background-size:115% 115%;
	  opacity: 0;
  }
  100% {
    background-size:100% 100%;
	  opacity: 1;
  }
}

@media screen and (max-width: 767px){
.section.active{
	-webkit-animation-name:none;
	animation-name:none;
        opacity:1 !important;
}
}
/*.section.active{
	-webkit-animation-duration: 4s;
	animation-duration: 4s; 
	-webkit-animation-name:bnjt;
	animation-name:bnjt; 
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;
}
@-webkit-keyframes bnjt {
  0% {
	  background-size:110% 110%;
  }
  100% {
    background-size:100% 100%;
  }
}

@keyframes bnjt {
  0% {
	  background-size:110% 110%;
  }
  100% {
    background-size:100% 100%;
  }
}

@media screen and (max-width: 767px){
.section.active{-webkit-animation-name:none;animation-name:none; }
}*/