/* #c-placeholder {height: 1rem;min-height: 80px;} */
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; border-bottom: 1px solid rgba(145,145,145,.1);}
.headerBox {height: 5.625rem;transition: .5s;display: flex;justify-content: space-between;align-items: center;padding: 0 5%;box-sizing: border-box;}
.headlogo .logo img {height: 2.3125rem;}
.headlogo .logo img.logo2{display: none;}


/* 导航 */
/* 取消layui默认样式 */

.headre{width: 74%;justify-content: flex-end;align-items: center;}
.qx-style {padding: 0;border-radius: 0;background: none;/* width: 100%; */display: flex;justify-content: space-between;}
.qx-style .layui-nav-item {line-height: initial;}
.qx-style .layui-nav-item > a {padding: 0;}
nav{height: 5.625rem;width: 83%;}
nav > ul {display: flex; height: 100%; align-items: center;}
nav .layui-nav .layui-nav-item {display: flex;height: 100%;align-items: center;z-index: 1;position: relative;transition: .6s;} 
nav .layui-nav .layui-nav-item::after{position: absolute; content: ''; width: 0; height: 3px; left: 50%; background: #01458e; transition: .6s; bottom: 0;} 
nav .layui-nav .layui-nav-item > a {color: #FFFFFF; position: relative; z-index: 1; font-size: var(--font18); padding: 0 !important;}
nav .layui-nav .layui-this > a {color: #fff;}
nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-nav-item:hover::after,nav .layui-nav .layui-this::after   {width: 100%; left: 0;}
nav .layui-nav .layui-nav-child a:hover {background: none; color: #01458e !important;}
nav .layui-nav .layui-nav-more {top: 25%;right: -1.25rem; font-size: var(--font14);}
nav .layui-nav-child {top: 100%; left: 0!important;}
nav .layui-nav .layui-nav-item .layui-icon-down:before{display: none!important}

/* 二级导航 */
nav ul li .navTwo {position: fixed; border-top: 1px solid #eee; left: 0; background: #ffffff; box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.12); top: 5.625rem; padding: 1.875rem 18%; width: 100%; display: none;}
nav ul li .navTwo .box {display: flex;align-items: flex-start; justify-content: space-between;}
nav ul li .navTwo .box .imglist {width: 45%;color: #3333;}
nav ul li .navTwo .box .imglist .imgBox {display: none;}
nav ul li .navTwo .box .imglist .imgBox img {width: 100%;}
nav ul li .navTwo .box .list {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 50%;}
nav ul li .navTwo .box .list .item {width: 100%; border-bottom: 1px solid #eee;}
nav ul li .navTwo .box .list .item a {color: #333;font-size: var(--font18);padding: 1rem;  text-transform: capitalize;}
nav ul li .navTwo .box .list .item::after {display: none;}
nav ul li .navTwo .box .list .item.layui-this a {color: #01458e;}

.ver{margin-left: 6rem;}
.ver a{background: #01458e; border-radius: 100px; padding: 0.6rem 1.7rem;}
.ver img{margin-right: .5625rem; width: .9375rem;}


.header.c-style2{background: #fff;}
.header.c-style2 nav .layui-nav .layui-nav-item > a{color: #333;}
.header.c-style2 .headlogo .logo img.logo1{display: none;}
.header.c-style2 .headlogo .logo img.logo2{display: block;}








/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#01458e #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #01458e; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {padding: .75rem 2.625rem;background: #01458e;border-radius: 6.25rem; color: #fff;font-size: var(--font18); margin-right: .938rem; transition: .5s;}
.more2 {padding: .75rem 2.625rem;border: 1px solid #01458e;border-radius: 6.25rem; color: #01458e; font-size: var(--font18); transition: .5s;}

.more1:active {box-shadow: 0 0 .625rem #01458e;}
.more2:active {background: #01458e; color: #fff; box-shadow: 0 0 .625rem #01458e;}
@media (any-hover: hover) { 
  .more1:hover {box-shadow: 0 0 .625rem #01458e;}
  .more2:hover {background: #01458e; color: #fff; box-shadow: 0 0 .625rem #01458e;}
}




/* ======首页======= */
.indexBanner{position: relative; overflow: hidden;}
.indexBanner .bjBox img{display: block; width: 100%;}
.indexBanner .info strong{display: block; font-size: 3.25rem; font-weight: 700; margin-bottom: .75rem; text-transform: capitalize;}
.indexBanner .info h3{font-weight: 300; margin-bottom: 4.5625rem;}
.index-more a{background: #01458e; display: inline-flex; padding: 1rem 1.4rem; transition: .6s;}
.index-more span{}
.index-more img{width: 1.0625rem; margin-left: 1.0625rem; transition: .6s;}
.index-more a:hover img{transform: rotate(-45deg);   -webkit-transform: rotate(-45deg); }
#banner-num{bottom: 3.625rem;display: flex;justify-content: flex-end;right: 4%;left: auto;}
#banner-num .swiper-pagination-bullet{ transition: .6s; -webkit-clip-path: polygon(0 0, 74% 0, 100% 100%, 22% 100%);  clip-path: polygon(0 0, 74% 0, 100% 100%, 22% 100%); border-radius: 0; width: 1.375rem; height: .5rem; opacity: 0.5; background: #e8e8e8;} 
#banner-num .swiper-pagination-bullet-active{background: #01458e; opacity: 1;}
.banner-scroll{position: absolute; bottom: 0; left: 0; z-index: 22; left: 2%; bottom: 3.625rem;  animation: floatUpDown 3s ease-in-out infinite; cursor: pointer;}
.banner-scroll img{width: 1.5rem; }

@keyframes floatUpDown {
  0%, 100% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-20px);
  }
}


.product-bg{background: url(../images/product-bg.jpg) no-repeat center top; background-size: cover; padding: 3rem 0 3.625rem;}
.index-title{margin-bottom: 4.0625rem;}
.index-title strong{  display: block;  font-size: 3.375rem; color: #01458e; font-weight: 700; text-transform: uppercase;}
.index-title b{display: block; color: #666666; font-weight: 700; letter-spacing: .12rem; line-height: 1; text-transform: uppercase;}

.product-bg .swiper-fade .swiper-slide {pointer-events: auto!important;}
.product-bg .swiperBox2 .swiper-slide-active {z-index: 11;}
.inTwoSwiper3 {position: static!important;}
.product-bg .swiperBox3 {position: relative!important;}

.product-btn{padding: 0 12%;margin-bottom: 2.75rem;}
.product-btn ul li{text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
.product-btn ul li a{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.product-btn ul li img{width: 2.875rem; display: block; -webkit-filter: brightness(0) invert(0); filter: brightness(0) invert(0);}
.product-btn ul li em{display: inline-block;color: #333333;font-weight: 500;background: #e6e6e6;border-radius: 1.8125rem;padding: 0.7rem 1rem;margin-top: 1.4375rem;font-size: 1.2rem;}
.product-btn ul li.swiper-slide-thumb-active img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
.product-btn ul li.swiper-slide-thumb-active  em{background: #01458e; font-weight: 800; color: #ffffff;}

.swiperBox3{padding: 0 6%; }
.swiperBox3 .swiper{border-right: 1px solid #E8E8E8;}
.swiperBox2 .swiper-wrapper .swiper-slide{position: relative;}

.product-list{}
.product-list ul li{border: 1px solid #E8E8E8; box-sizing: border-box;}
.product-list ul li .pic{display: flex; align-items: center; justify-content: center; height: 19.6875rem; overflow: hidden;}
.product-list ul li .pic img{transition: .6s; transform: scale(0.8)}
.product-list ul li:hover .pic img{transform: scale(1)}
.product-list ul li .name,.product-list ul li .info{width: 84%; margin: 0 auto;}
.product-list ul li .name{border-bottom:1px solid #E1E1E1; padding-bottom: 1.625rem;}
.product-list ul li .name em{color: #333333; font-weight: 500;}
.product-list ul li .name strong{color: #333333;  font-weight: 700;}
.product-list ul li .name .icon{width: 2.25rem; height: 2.25rem; border: 1px solid #d4d4d4;}
.product-list ul li .name .icon img{width: 1.5625rem; transition: .6s;}
.product-list ul li:hover .name .icon{background:#01458E; border-color: #01458E;}
.product-list ul li:hover .name .icon img{transform: rotate(-45deg);}
.product-list ul li .info{padding: 1.875rem 0;}
.product-list ul li .info span{color: #01458e; display: flex; align-items: center; margin-right: 1rem;}
.product-list ul li .info span>i{display: inline-block;  width: .25rem; height: .25rem; background:#01458E; border-radius: 50%; margin-right: .625rem;}


#index-prev img,#index-next img{width: 1.6875rem;}
#index-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}


/* 关于我们 */
.about-bg{background: url(../images/about-bg.jpg) no-repeat center; background-attachment: fixed;  background-size: cover; padding: 7.5rem 0 26.375rem;}
.about-box {color: #fff;}
.about-box .text{width: 50%;}
.about-box .info{width: 45%;}
.about-title {margin-bottom: 4.375rem;}
.about-title strong{display: block; margin: .5rem 0 2.6875rem;}
.about-title i{display: block; width: 3.6875rem;  height: .125rem;  background: #fafafa;}
.about-num ul{display: grid; grid-template-columns: repeat(3, 1fr);}
.about-num ul li{position: relative; padding-left: 2.1875rem; box-sizing: border-box;}
.about-num ul li::after,.about-num ul li::before{position: absolute; content: ''; left: 0; top: 0; background: #fff;}
.about-num ul li::before{width: 1px; height: 100%; left: .05rem;}
.about-num ul li::after{width: .1875rem; height: 2rem; }
.about-num ul li h4{font-size: 3.75rem; font-weight: 700; line-height: 1;}
.about-num ul li b{font-weight: 800; line-height: 1;     transform: translateY(-0.4375rem); margin-left: .8125rem;}
.about-num ul li span{display: block; margin-top: .5rem;}
.info h2{margin-bottom: 5rem;}


/* 应用领域 */
.app-bg{background: url(../images/app-bg.jpg) no-repeat center top; background-size: cover; padding:  2.625rem 0 0;}
.app-top{position: relative; }
.app-top::after{position: absolute; content: '';  background: url(../images/app-line.png) repeat-x center top; width: 100%; height: .0625rem; top: 1rem;}
.app-btn{padding:  .625rem 10% 3.5rem;}
.app-btn ul li{text-align: center;}
.app-btn ul li{position: relative;}
.app-btn ul li .cirle {position: relative; display: inline-block; margin-bottom: 1.875rem;}
.app-btn ul li .cirle i {width: .8125rem; height: .8125rem; border-radius: 50%; display: block;background: #999; position: relative; z-index: 2;}
.app-btn ul li.swiper-slide-thumb-active .cirle i{background: #01458e;}
.app-btn ul li.swiper-slide-thumb-active .cirle::after {background: #01458e; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: 2rem;height: 2rem;border-radius: 50%;content: ''; z-index: 1;  animation: scale 2s infinite;}

@keyframes scale {0% {transform:translate(-50%, -50%) scale(0.8);  opacity: .3; } 100% { transform:translate(-50%, -50%) scale(1.1); opacity: 0;}}
.app-btn ul li h4{display: block; margin-bottom: .3125rem; line-height: 1.1; min-height: 2.6875rem;}
.app-btn ul li img{ filter: invert(42%) sepia(13%) saturate(5%) hue-rotate(314deg) brightness(90%) contrast(92%);}
.app-btn ul li b{position: absolute; content: ''; font-weight: 700;  text-align: center;  color: rgba(153,153,153,0.1); font-size: 6rem; line-height: 1;  bottom: -0.5rem; left: 0; right: 0; margin: auto; z-index: -1; } 
.app-btn ul li.swiper-slide-thumb-active h4{color: #01458e;}
.app-btn ul li.swiper-slide-thumb-active b{color: rgba(48,103,163,.1);}
.app-btn ul li.swiper-slide-thumb-active img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}


.app-list ul li{position: relative;}
.app-list ul li .pic img{display: block; width: 100%;}
.app-list ul li .info{position: absolute; content: ''; top: 0; left: 0;  width: 100%; height: 100%; z-index: 2; display: flex; align-items: center; padding-left: 7.5%;}
.app-list ul li.swiper-slide-active .info{background: url(../images/app-info.png) no-repeat left top; background-size: cover;}
.app-list ul li .info{color: #fff;}
.app-list ul li .info strong{display: block; margin-bottom: 2rem;}
.app-list ul li .info h3{width: 42%; font-weight: 500; margin-bottom: 6.25rem;}
.index-more2 a{  border: 1px solid #666666;color: #666; display: inline-flex; padding: 1.1rem 1.96rem; transition: .6s;}
.index-more2  img{width: 1.5625rem; margin-left: .8125rem; }
.app-list ul li .index-more2  a{border-color: #fff; color: #ffffff;}
.app-list ul li .index-more2  img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.app-list ul li .index-more2 a:hover{background: #fff;}
.app-list ul li .index-more2 a:hover span{color: #01458e;}
.app-list ul li .index-more2 a:hover img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
.app-list ul li  .text{opacity: 0;}
.app-list ul li.swiper-slide-active .text{opacity: 1;}
#app-prev,#app-next{width: 3.75rem; height: 3.75rem; background: #01458e; opacity: 1; cursor: pointer;}
#app-prev{left: 7.8%;}
#app-next{right: 7.8%;}
#app-prev img,#app-next img{width: 1.5625rem;}
#app-prev:hover,#app-next:hover{background: #01458e;}
#app-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}





/* 生产检测 */
.production-bg{padding: 3.75rem 0 4.75rem;}
.production-list ul li .info,.production-list ul li .pic{width: 50%;}
.production-list ul li .info{background: url(../images/production-bg.jpg) no-repeat left center;background-size: cover;display: flex;justify-content: center;align-items: center;}
.production-list ul li .text{color: #fff;width: 90%;/* margin-right: 9%; */}
.production-list ul li .pic{overflow: hidden;}
.production-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.production-title{border-bottom: 1px solid  rgba(255,255,255,.1); position: relative; margin-bottom: 2.5rem; padding-bottom: 2.375rem;}
.production-title strong{font-size: 2.2rem; display: block; line-height: 1.1;}
.production-title::after{position: absolute; content: ''; width: 5.3125rem; height: .1875rem; background: #ffffff; bottom: -.0938rem; left: 0;}
.production-list ul li h3{margin-bottom: 2.1875rem;}
.production-list ul li i{text-decoration: underline; color: #8abef6;}
.production{position: relative;}
.production-bottom{position: absolute; content: ''; bottom: 3rem; width: 100%;}
.production-btn ul li{width: auto!important; cursor: pointer;}
.production-btn ul li .icon{width: 5.9375rem; height: 5.9375rem; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.production-btn ul li .icon img{width: 2.625rem;}
.production-btn ul li.swiper-slide-thumb-active .icon{ background: #01458e;}
.production-btn ul li strong{display: block; text-align: center; font-weight: 700; color: #ffffff; margin-top: .9375rem;}


/* 新闻资讯 */
.news-bg{background: url(../images/news-bg.jpg) no-repeat center top; padding: 4.0625rem 0 4.875rem;}
.news-box{position: relative;}
.news-list{margin:  0 6%; position: relative; overflow: hidden;}
.news-list ul li{}
.news-list ul li .pic{position: relative; overflow: hidden;}
.news-list ul li .pic,.news-list ul li .info{width: 47%;}

.news-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.news-list ul li .info em{color: #01458e; font-weight: 500; display: block; margin-bottom: .75rem;}
.news-list ul li .info strong{color: #333333; font-weight: 700; margin-bottom: 1.25rem;}
.news-list ul li .info p{color: #666666; margin-bottom: 3rem;}
.news-list ul li .index-more2{border: 1px solid rgba(102,102,102,0.3); display: inline-flex; padding: 1.1rem 1.96rem; transition: .6s;}
.news-list ul li .index-more2 span{color: #666;}
.news-list ul li .index-more2:hover {background: #01458E; border-color: #01458E;}
.news-list ul li .index-more2:hover span{color: #fff;}
.news-list ul li .index-more2:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#news-prev img,#news-next img{width: 1.6875rem;}
#news-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#news-num {transform: translateX(-6.25rem);}
#news-num .swiper-pagination-bullet{margin: 0; transition: .6s;-webkit-clip-path: polygon(50% 0, 100% 0, 50% 100%, 0% 100%); clip-path: polygon(50% 0, 100% 0, 50% 100%, 0% 100%); border-radius: 0; width: .625rem; height: .875rem; opacity: 0.5; background: #fff;} 
#news-num .swiper-pagination-bullet-active{background: #fff; opacity: 1;}


/* 下载中心 */
.down-bg{background: url(../images/down-bg.jpg) no-repeat center; background-size: cover; padding: 7.8125rem 0 8.125rem;}
.down-bg .info h3{font-weight: 500; margin-bottom: 1.25rem;}
.down-bg .info h4{margin-bottom: 1.875rem;}
.down-btn a{border: 1px solid #ffffff; display: inline-flex; padding: .9rem 1.7rem; transition: .6s;}
.down-btn img{width: 1.625rem; margin-right: .6875rem;  animation: floatUpDown2 3s ease-in-out infinite; cursor: pointer;}
.down-btn span{color: #ffffff;}
@keyframes floatUpDown2 {
  0%, 100% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-0.3rem);
  }
}
.down-btn a:hover{  background: #d70502; border-color: #d70502;}


/* 公共底部 */
.footer-bg{background: #112c49; position: relative;}
.foot-en{position: absolute; content: ''; top: 50%; transform: translateY(-50%); left: 0;}
.foot-en img{width: 24.375rem;}
.footer-top{padding: 2.3125rem 0; border-bottom: 1px solid rgba(255,255,255,0.1);}


.message .txt{background: #fff; height: 3.6875rem; width: 17.9375rem; padding:  0 1.25rem; box-sizing: border-box; margin-right: .5rem;}
.message .txt input{outline: none; border: none; color: #a9a9ab;}
.message button{height: 3.6875rem;  background: #d70502; font-weight: 700; padding: 0 1.8rem; border-radius: 0;} 
.foot-nav{padding: 4.0625rem 0 6.25rem;}
.foot-nav dl dt{font-size: var(--font18); font-weight: 500;   color: #ffffff; margin-bottom: 1.4375rem;}
.foot-nav dl dd{color: #ececec; font-size: var(--font15); margin-bottom: .625rem;}
.foot-nav dl dd a{color: #ececec;  text-transform: capitalize;}

.foot-copy{border-top: 1px solid rgba(255,255,255,0.1); padding: .9375rem 0;}
.foot-copy p{color: #ececec; font-size: var(--font15); }
.foot-copy a{color: #ececec;}
.foot-nav dl dd a:hover,.foot-copy a:hover{color: #fff;}
.foot-copy span{margin:0 2.5rem;}



/* 内页banner */
.ny-banner {height: 37.5rem; position: relative; z-index: 1; overflow: hidden;}
.ny-banner .nyTitle { z-index: 1; text-align: center;}
.ny-banner .nyTitle h3 {font-size: 3.75rem;font-weight: 700;color: #ffffff;}
.ny-banner .nyTitle h4 {text-transform: uppercase; font-size: var(--font34);color: rgba(255, 255, 255, 0.5);font-weight: 700;}
.ny-banner:after {content: "";display: block;position: absolute;top: 0;left: 0;background-color: #000;opacity: 0.4;z-index: 0;width: 100%;height: 100%;}
.ny-banner .imgBox {height: 100%;}
.ny-banner .imgBox img {width: 100%; height: 100%; object-fit: cover;}

.bannerTwoNav{position: absolute; content: ''; bottom: 0; width: 100%; z-index: 5;} 
.bannerTwoNav ul {display: flex; align-items: center; justify-content: center;} 
.bannerTwoNav ul li{}
.bannerTwoNav ul li a{ display: inline-block;  padding: 1.75rem  3rem; color: #fff; transition: .6s;}
.bannerTwoNav ul li.on a,.bannerTwoNav ul li:hover a{background: #01458e; }

.gray-bg{background: #f5f5f5;}
.about-main{padding: 5rem 0;}
.ny-title{text-align: center; margin-bottom: 2.5rem;}
.ny-title h3{display: block; font-weight: 700; margin-bottom: 0.5rem;}
.ny-title i{display: block; width: 2.5rem; height: 0.125rem; background: #01458e; margin: 0 auto;}


/* 内页产品列表页 */
.nypro-list ul{display: grid; grid-template-columns: repeat(3, 1fr);  gap:  2rem 1.25rem; } 
.nypro-list ul li{background: #fff;}
.nypro-list ul li .img-box {position: relative; width: 100%;  height: 0;padding: 0 0 90%; box-sizing: border-box;}
.nypro-list ul li .img-box img { object-fit: cover; position: absolute;left: 0; top: 0;  max-width: 100%; max-height: 100%; object-fit: cover; left: 50%;top: 50%; transform: translate(-50%, -50%);}
.nypro-list ul li .img-box .maks {opacity: 0;  position: absolute;  z-index: 1;  left: 0;  top: 0;  width: 100%;  height: 100%;  display: flex;  justify-content: center;  align-items: center;  background: rgba(1, 69, 142,.8);  transition: 0.3s;}
.nypro-list ul li .img-box .maks .maks-btn {  display: inline-block;  padding: 10px 30px;    border: 2px solid #fff;  color: #fff;  font-size: 16px;}
.nypro-list ul li:hover .maks {opacity: 1;}

.nypro-list ul li .con{border-top:1px solid #eee; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 1.5625rem 2%;} 
.nypro-list ul li em{color: #666;display: block;}
.nypro-list ul li strong{color: #333; text-align: center; line-height: 1.2;}



/* 产品详情页 */

#c-placeholder {  height: 5.625rem;}
.position {margin:30px 0;color: #888;}
.position img{margin-right: 0.625rem; width: 1.375rem;}
.position  a {color: #888; margin: 0 0.625rem; font-size: 1rem!important;}
.position  a:hover {color: #01458e!important;}


.pro-introduction {margin: 5rem 0; margin-top: 0;}


.pro-introduction .introduction {display: flex; justify-content: space-between;}
.introduction-left {width:40%; margin-top: 3.125rem; order: 2;}
.introduction-left .title{margin-bottom: 1.875rem;}
.introduction-left .title h3 {color: #666;}
.introduction-left .title h4 {font-weight: 700; margin-bottom: 0.9375rem;}
.introduction-left .title i {width: 3.9375rem;  height: 0.3125rem;  background: #01458e; display: block; }
.intro-con{}

.introduction-right {width: 55%;display: flex; overflow: hidden; position: relative; align-items: center; justify-content: space-between;}
.mySwiper2-pro {width: 73%; height: 100%;position:static; margin-left: 0; margin: 0;border:1px solid #eee;}
.mySwiper2-pro .slide-img {width: 100%;  height: 100%;   display: flex; justify-content: center; align-items: center;     border: 1px solid #f5f5f5; box-sizing: border-box;}
.introduction-right .swiper-slide img { display: block; width: 100%;  }
.mySwiper2-pro .slide-img img {display: block; max-width: 100%; object-fit: cover; width: auto;}
.mySwiper-pro .slide2-img img {width: 60%;}
.mySwiper-pro  {width: 24%; height: 26.875rem;   position: inherit; margin: 8% 0;}
.mySwiper-pro .slide2-img {position: relative;  height: 100%; padding: 0.625rem; box-sizing: border-box;     border: 1px solid #eee; text-align: center; display: flex; justify-content: center; align-items: center;}
.mySwiper-pro .slide2-img::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: .5s;}
.mySwiper-pro .swiper-slide-thumb-active .slide2-img::after {opacity: 1;}
.mySwiper2-pro .swiper-button-prev {width: 24%; height: 2.6875rem;background: #dbdbdb; position: absolute; left: initial; right: 0; top: 1.625rem;}
.mySwiper2-pro .swiper-button-next {width: 24%; height: 2.6875rem;background: #dbdbdb; position: absolute; top: initial; bottom: 0; right: 0;}
.mySwiper2-pro .swiper-button-prev::after {content: "∧"; color: #8d8d8d; }
.mySwiper2-pro .swiper-button-next::before {content: "∨"; color: #8d8d8d;}

.head-tel {display: flex; align-items: center; margin-top: 1.875rem;}
.head-tel .im {margin-right: 1.25rem;}
.head-tel em {display: block;font-size:var(--font14); color: #666;}
.head-tel span {display: block;font-size: var(--font30); color: #01458e; font-weight: 600;}
.conus {margin-left: 1.875rem;}
.conus a {    padding: 1rem 1.7rem;  border-radius: 1.875rem;display: flex;align-items: center; justify-content: center; font-size: var(--font18); color: #fff; background: #01458e;}
.conus a img {margin-right: 1.25rem; display: block;transition: .5s;}

div.zoomDiv {z-index: 10;position: absolute;top: 0px;left: 0px;width: 6.25rem;height: 6.25rem;background: #ffffff; border: 1px solid #cccccc; display: none;text-align: center; overflow: hidden;}
div.zoomMask {position: absolute; background: url("../images/mask.png") repeat scroll 0 0 transparent; cursor: move; z-index: 1;}



/* 产品参数 */
.pro-content {background-color: #fafafa; padding-bottom: 50px;}
.pro-content .title {text-align: center; padding: 90px 0;}
.pro-content .title h3 {font-size: var(--font36);color: #333333;line-height: 28px; position: relative; z-index: 1;font-weight: bold;}
.pro-content .title h4 {font-size: var(--font48);color: #f1f1f1;line-height: 28px; font-weight: bold;}
.pro-content .title i {width: 63px;  height: 5px;  background: #01458e; display: block; margin:  auto; margin-top: 30px; }


/* 内页应用领域 */
.appclass-list ul li{background: #f5f5f5; padding: 9.3125rem 0 8.25rem}
.appclass-list ul li:nth-child(2n){background: #fff}
.appclass-list ul li .info,.appclass-list ul li .pic{width: 46%;}
.appclass-list ul li .info strong{font-size: 2.5rem; display: block; margin-bottom: 1.25rem; text-transform: capitalize;}
.appclass-list ul li .info i{display: block; width: 3.25rem;  height: .3125rem;  background: #01458e;  border-radius: .1875rem; margin-bottom: 1.375rem;}
.appclass-list ul li .info h3{color: #666666; font-size: 1rem; margin-bottom: 4rem; line-height: 1.8;}
.appclass-list ul li .text{margin-bottom: 4.3125rem;}
.appclass-list dl{border-bottom: 1px solid #DADADA; padding-bottom: .625rem; margin-bottom: 1.25rem; position: relative;}
.appclass-list dl:last-child{margin-bottom: 0;}
.appclass-list dl::after{position: absolute; content: ''; bottom: -1px; width: 0; height: 1px; background: #01458e; transition: .6s; left: 0;}
.appclass-list dl:hover::after{width: 100%;}
.appclass-list dl a{}
.appclass-list dl a span{width: .4375rem;  height: .4375rem;  background: #666666; border-radius: 50%; margin-right: 1.25rem;}
.appclass-list dl a h4{font-size: 1.125rem; color: #333;}
.appclass-list dl:hover a span{background: #01458e;}
.appclass-list dl:hover a h4{color:  #01458e;}
.appclass-list ul li .pic{overflow: hidden; border-radius: .9375rem;}
.appclass-list ul li .pic img{display: block; width: 100%; border-radius: .9375rem; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.appclass-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.app-more a{transition: .6s; position: relative; display: inline-block;  font-size: .9375rem; color: #ffffff; border-radius: .4375rem; background: #01458e; padding: .9375rem 2.75rem; text-transform: capitalize;}
.app-more:hover a{-webkit-box-shadow: 0 0 0 10px rgba(1,69,142,.2); box-shadow: 0 0 0 10px rgba(1,69,142,.2); border-radius: 0;  }




/* 案例以及新闻详情 */
.newsDateMain {background: #f9f9f9; border-bottom: 1px solid #ddd;}
.newsDate {padding: 3.125rem 0 6.25rem;}
.newsxq-box {padding: 1.875rem 0; margin-bottom: 2.75rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42); padding: 2.5rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 2.5rem;}
.newsxq-title strong {display: block; font-size: var(--font30); color: #333;line-height: 1.4; font-weight: 500;}
.newsxq-title span {display: block;margin-top: .625rem; color: #777;}
.newsxq-editbox {margin: 1.875rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 3.125rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 3.125rem;height: 3.125rem;min-width: 35px;min-height: 35px;   border: .125rem solid #eeeeee;border-radius: .313rem;}
.news-prev svg {transform: rotateY(180deg);    -webkit-transform: rotateY(180deg);}
.news-prev svg ,.news-next svg {width: 30%; height: 30%;}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 1rem;}
.next-link em {margin-right: 1rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #01458e; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: 1rem;box-shadow: 0rem 0rem 1.875rem 0rem rgba(226,225,224,0.42); padding: 2.5rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 6rem;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 500;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 35%;border-radius: .313rem; overflow: hidden; min-height: 5.625rem}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: 1.875rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .313rem}
.newsDate .news-right::after {content: "";  background:#01458e; width: 65%; position: absolute; left: 50%; bottom: -3%; height: .438rem; border-radius: .25rem; transform: translate(-50%, -50%);}
@media (any-hover:hover) {
  .newsDate .relist li:hover h6 {color: #01458e;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}


.newsTwo {padding: 6.25rem 0;}
.newsTwo .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.75rem;}
.newsTwo .list li {background: #ffffff;border-radius: .625rem;box-shadow: -0.25rem 0px 1.75rem .25rem rgba(226,226,226,0.40); overflow: hidden; }
.newsTwo .list li .info {padding: 1.875rem;}
.newsTwo .list li .imgBox {overflow: hidden;}
.newsTwo .list li .imgBox img {width: 100%; transition: .5s;}
.newsTwo .list li .more {margin-top: 1.5rem;}
.newsTwo .list li:hover .imgBox img {transform: scale(1.05);}
.newsTwo .list li .more .more1{display: inline-block;}
.newsTwo .list li .more .more1 span{text-transform: capitalize;}




/* 资料下载*/

.material ul {display: flex;justify-content: space-between; flex-wrap: wrap; gap: 1.25rem;}
.material li {display: flex;justify-content: space-between; align-items: center;width: 49%; padding: 1.25rem;border: 1px solid #e6e6e6;  box-sizing: border-box;}
.material li a{width: 100%;}
.material li .material-download {background: url(../images/download-icon1.png) no-repeat center; width: 2.875rem; height: 2.125rem; transition: .6s;}
.material li .material-img {width: 7.125rem;height: 9.8125rem; border: 1px solid #f2f2f2;}
.material li .material-img img {width: 100%;}
.material li h3 {color: #333;font-weight: bold;}
.material li span {color: #666;    white-space: nowrap;}
.material li span:nth-child(1) {margin-right: 3.125rem;}
.material li .title-info {margin-top: 0.9375rem;}
.material li .material-title {width: 60%;}
.material li a:hover .material-download {background: url(../images/download-icon2.png) no-repeat center;  width: 2.875rem; height: 2.125rem}



/* 人才招聘 */
.join {padding: 5rem 0}
.join  .list {padding-top: 1.25rem;}
.join  .list li {background: #F9F9F9; padding: 2.25rem; margin-bottom: 1.25rem; display: flex; justify-content: space-between; align-items: center; gap: 1.25rem;}
.join  .list li .content {display: none;}
.join  .list li .p2{color: #666;}
.join  .list li .re {flex-shrink: 0;}

.join-more {display: inline-block;background: #000; line-height: 1; padding: 1rem 2.375rem; color: #fff; font-size: var(--font18); transition: .5s;}

@media (any-hover: hover) {

.join-more:hover {box-shadow: 0 0 0 .625rem rgba(0,0,0,0.2);}
}



.join  .list li .more2 {padding: 1rem 2.5rem; line-height: 1.5;}

/* 弹出层 */
.joinPop {overflow: hidden; border-radius: 1.125rem; padding: 3.75rem;}
.layui-layer-setwin {top: 1rem; right: 1.5rem;}
.layui-layer-setwin .layui-layer-close2 {background: none !important;right: 0; top: 0;color: #A8A8A8; border: 0; font-size: var(--font30);}
.joinPop .layui-layer-content {max-height: 100%; overflow: auto; padding-right: .625rem;}
.joinPop .con_tle {gap: .625rem; padding-bottom: 1.25rem;border-bottom: 1px solid #D8D8D8;}
.joinPop .con_tle .more2 {border-radius: 6.25rem; box-shadow: none !important; line-height: 1.5;}
.joinPop .info {margin-top: 1.875rem; padding-right: 1.25rem; max-height: 80%; overflow-y: auto;}
/* 滚动条 */
.joinPop .info::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#000000 rgba(205, 205, 205,.3);}
.joinPop .info::-webkit-scrollbar-thumb {background: #000000; border-radius: 5px;}
.joinPop .info::-webkit-scrollbar-track {background: rgba(205, 205, 205,.3);}
@media screen and (max-width: 768px) {
  .joinPop {width: 90% !important; padding: 3rem 2rem; padding-top: 4rem;}
  .joinPop .con_tle .more2 {padding: .6rem 1.5rem;}
}



/*内页下载中心左侧*/
.downmainBox{padding: 5rem 0; align-items: flex-start}
.ny-left{width: 20%; position: sticky; top: 8rem}
.column-title{position: relative;background: #01458e;padding: 1.4rem 0; padding-left: 8%;}
.column-title:before{content: "";position: absolute;width: 95%;height: 86%;border: 1px solid #fff;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.column-title h3{color: #fff; font-weight: bold;  line-height: 1; margin-bottom: 0.625rem; text-transform: uppercase;}
.column-title span{color: #fff; line-height: 1; display: block;}
.column-title .icon img{width: 3rem; margin-right: 1rem; display: inline-block;}
.pro-class{border: 0.15rem solid #01458e; border-top: none; padding: 1.25rem 2%; box-sizing: border-box;}
.pro-class>ul.ctitle1>li{margin-bottom: 0.9375rem;box-sizing: border-box; transition: .6s;}
.pro-class>ul.ctitle1>li>a{display: block}
.pro-class>ul.ctitle1>li>a>strong{font-size: 1.1rem;color: #fff;line-height: 3.1;/* margin-bottom: 0.5rem; */background: #333;/* padding: 1rem 2%; */display: block;padding-left: 1rem;}

.pro-class>ul.ctitle1>li.on>a>strong,.pro-class>ul.ctitle1>li>a>strong:hover{background: #01458e;}

.pro-class ul.ctitle2{background: #fcfcfc; padding: 2rem 6% 1rem}
.pro-class ul.ctitle2 li a em{display: block; position: relative; margin-bottom: 1rem; padding-left: 0.8rem; color: #333}
.pro-class ul.ctitle2 li a em:after{position: absolute; content: ''; width: 4px; height: 4px; background: #ccc; left: 0; top: 20%; transform: translateY(-50%) }

.pro-class ul.ctitle2 li a em:hover{color: #01458e}
.pro-class ul.ctitle2 li a em:hover:after{background: #01458e;}
.pro-class ul.ctitle2 li.on a em{color: #01458e}
.pro-class ul.ctitle2 li.on a em:after{background: #01458e;}

.contact-left{margin-top:2rem;}
.contact-left .pic{position: relative;}
.contact-left .pic img{display: block; width: 100%;}
.contact-left .text{position: absolute;content: '';width: 100%;height: 100%;top:0;left: 0;display: flex;align-items: flex-start;padding-left: 1.875rem;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.contact-left .text em{color: #fff; display: block;}
.contact-left .text span{color: #fff; display: block;}
.pro-telbox{background: #f2f2f2; padding: 1.25rem 0;}
.pro-telbox img{margin-right: 0.625rem;}
.pro-telbox b{color:  #01458e;}


.download{width: 77%}


/* 2025.11.19新闻资讯 */
.news-bg{background: #fcfcfc;}
.news-title{margin-bottom: 3rem;}
.news-title strong{display: block;}

.index-news-list {position: relative; overflow: hidden;}
.index-news-list ul li{position: relative; height: 25.9375rem;}
.index-news-list ul li .info{padding: 2.5rem 1.875rem 2.375rem;box-sizing: border-box;transition: .6s;position: absolute;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;background: #fff;}
.index-news-list ul li .pic{ transition: .6s;  position: relative; opacity: 0; z-index: 1;  height: 100%;}
.index-news-list ul li .pic::after{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0;}
.index-news-list ul li .pic img{width: 100%; height: 100%; object-fit: cover;}
.index-news-list ul li:hover .pic{opacity: 1;}
.index-news-list ul li:hover .info{background: transparent;}
.index-news-list ul li .info em{color: #333; margin-bottom: 8.875rem;}
.index-news-list ul li .info strong{color: #333; text-align: right; font-family: "DIN"; display: block; margin-bottom: 2.4375rem;}
.index-news-list ul li .info span{display: inline-block; line-height: 1.4; position: relative; z-index: 2;}
.index-news-list ul li .info span::after{position: absolute; content: ''; width: 100%; height: .1875rem; background: #0053a1;bottom: 0; left: 0; }
.index-news-list ul li .icon img{position: absolute; bottom: 0; left: 0; width: 13.875rem;}
.index-news-list ul li:hover .icon img{opacity: 0;}
.index-news-list ul li:hover .info em,.index-news-list ul li:hover .info strong,.index-news-list ul li:hover .info span{color: #fff;}
#news-num{display: none;}







/*2025.11.27*/
.page_fy {display: flex; justify-content: space-between; margin-top: 4.375rem; padding-bottom: 3.75rem; border-bottom: 1px solid #F2F2F2;}
.page_fy .item {width: 45%;}
.page_fy .item a {display: flex; align-items: center; justify-content: space-between; background: #F1F1F1; padding: 1.25rem;}
.page_fy .item a i {color: #333;font-size: var(--font18); font-weight: 700;}
.page_fy .item a {color: #333;}
.page_fy .item .imgBox {width: 20%; margin: 0 1.75rem; overflow: hidden;}
.page_fy .item .imgBox img {width: 100%; transition: .5s;}
.page_fy .item.next .imgBox {margin-left: 0;}
.page_fy .item.next i {transform: rotate(180deg);}
.page_fy .item.next .tit {margin-right: 1.75rem;}
@media (any-hover: hover) {
  .page_fy .item:hover .tit {color: #0053a1;}
  .page_fy .item:hover .imgBox img {transform: scale(1.1);}
}




.pro-content .content img{display: inline-block; max-width: 100%!important;}
.about-content  img{display: inline-block; max-width: 100%!important;}