#c-placeholder {height: 5.1875rem;}
header {position: fixed;left: 0;top: 0;z-index: 99;width: 100%;transition: .6s;top: 2.8125rem;}
.headBox {transition: .5s;height: 5.1875rem;display: flex;justify-content: space-between;align-items: center;background: transparent;}
.headBox .logo a {height: 100%;}
.headBox .logo img,.headBox .logo svg {height: 2.4375rem;max-height: 100%;object-fit: contain;transition: .5s;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}



/* 导航 */
/* 取消layui默认样式 */
.qx-style {padding: 0; border-radius: 0; background: none;}
.qx-style .layui-nav-item {line-height: initial;}
.qx-style .layui-nav-item > a {padding: 0;}
/* 取消layui默认样式 end!!!*/

nav {height: 100%;  }
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1; transition: 0.6s; position: relative; margin-left: 2.1875rem;}
nav .layui-nav .layui-nav-item > a {color: #fff;position: relative;z-index: 1;font-size: var(--font18);transition: 0.6s;display: block; }
nav .layui-nav .layui-nav-item > a i {display: none;}
nav .layui-nav .layui-nav-item::after{display: none;}
nav .layui-nav-bar {display: none;} 
.headBox .re{    justify-content: flex-end;}


/* 搜索 */
.head_search {cursor: pointer; margin-left: 3.5625rem; width: 1.625rem;}
.head_search a img,.head_search a svg{fill: #fff;width: 100%;display: block;height: auto; -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}


/* 弹出搜索 */
.searchFull {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1040;background-color: rgba(0, 0, 0,.9);   display: none;}
.searchFull .ssf-content {width: 100%;height: 100%; display: flex; align-items: center;}
.searchFull .ssf-fields-wrap {margin: 0 15%; position: relative;}
.searchFull .ssf-fields-wrap .ssf-input {width: 100%;height: 3.75rem;font-size: var(--font20);border: none;outline: none;border-bottom: 1px solid #a3a3a3;padding-right: 4.375rem; color: #fff;}
.searchFull .ssf-fields-wrap .ssf-btn {cursor: pointer; width: 3.75rem;height: 3.75rem;font-size: var(--font22);text-align: center;border: none;outline: none;background-color: transparent;position: absolute;right: 0;}
.searchFull .ssf-fields-wrap .ssf-btn svg {width: 50%; height: 100%;}
.searchFull .ssf-fields-wrap .ssf-btn svg path{fill: #fff;}
.ssfDismisser {position: absolute; top: 1.25rem; right: 1.875rem; font-size: var(--font30);color: #8e9295;line-height: 1.875rem; width: 1.875rem;height: 1.875rem; text-align: center;}
.ssfDismisser svg {width: 100%; height: 100%;}
.ssfDismisser svg path{fill: #fff;}


header.c-style2 {top: 0;}
header.c-style2 .headBox .logo img,header.c-style2 .headBox .logo svg{fill: #004CAC; filter: none;}
header.c-style2{background: #fff; box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.3);}
header.c-style2 nav .layui-nav .layui-nav-item > a{color: #333;}
header.c-style2 nav .layui-nav .layui-this > a {color: #004cac!important;}


@media (any-hover: hover) {
    header.c-style2 nav .layui-nav .layui-nav-item > a:hover{color: #004CAC!important;}
}
header.c-style2 .head_search a img,header.c-style2 .head_search a svg{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}




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

/* ===============公用css end!!!!===================*/
.more1 {border: 1px solid #004CAC; padding: 0.67rem 3.6rem; color: #004CAC;  transition: .5s; display: inline-flex; transition: .6s; border-radius: 100px;}

@media (any-hover: hover) {
    .more1:hover {background: #004CAC;  color: #fff; }
}



/* 首页banner */
.indexBanner {position: relative;}
.bannerSwiper {height: 100%;}
.bannerSwiper .imgBox {height: 100%;}
.bannerSwiper .imgBox img {width: 100%; height: auto;min-height: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1);object-fit: cover;}
.bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1,1);}
.bannerSwiper .slide{overflow: hidden;}
.bannerSwiper .slide .banner-box{top: 45%;}
.bannerSwiper .slide .info h2{ font-size: 4.625rem; color: #F4F9FF;}
.bannerSwiper .slide .info h3{ color: #F4F9FF; margin-top: 4.125rem;}
.banner-bottom{bottom: 9.125rem; z-index: 2; position: absolute; width: 100%;}
#banner-num{width: auto; position: relative;}
#banner-num span{ width: 2.5rem;  height: .1875rem;   background: #F4F9FF;   opacity: 0.2; transition: .6s; border-radius: 0;}
#banner-num span.swiper-pagination-bullet-active{width: 6.0625rem; opacity: 1;}



/* 服务需求与行业应用 */
.service{padding: 6.25rem 0 9.125rem;}
.index-title strong{font-size: 3rem; color: #313438; display: block; margin-bottom:6.25rem}
.service-list {margin-bottom: 4.4375rem;}
.service-list ul li {transition: .6s;}
.service-list ul li .service-box{border-bottom: 1px solid #E5E5E5; padding: .9375rem 0; transition: .6s;}
.service-list ul li .service-box b{color: #494949;} 
.service-list ul li .service-box span{color: #004CAC; width: 55%; opacity: 0;}
@media (any-hover: hover) {
.service-list ul li:hover{background: url(../images/service-pic.webp) no-repeat center; background-size: cover;}
.service-list ul li:hover .service-box{padding: 3rem 0; }
.service-list ul li:hover .service-box b{color: #004CAC;}
.service-list ul li:hover .service-box span{opacity: 1; }
}


/* 品质管理 */
.quality-bg{background: url(../images/quality-bg.webp) no-repeat center; background-size: cover; padding: 6rem 0 7.8125rem;}
.quality-top{margin-bottom: 7.125rem;}
.quality-bg .index-title strong{margin-bottom: 0;}
.quality-list  {align-items: flex-end;}
.quality-list .icon{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.quality-list .icon svg{display: block; width: 5.0625rem; margin-bottom: 2.5rem; height: 4.6875rem;}
.quality-list .icon em{display: block;line-height: 1;}
.quality-list .arrow img,.quality-list .arrow svg{display: block; width: 1.3125rem; margin-bottom: .25rem; height: auto;}


/* 探索睿仪哲 */
.about-bg{background: #BFC700; padding: 4.5rem 0 2.8125rem;}
.about-bg .info strong{display: block; margin-bottom: 1.5625rem;}
.about-bg .info .more1{color: #f2f2f2; border-color: #f2f2f2;}
@media (any-hover: hover) {
    .about-bg .info .more1:hover {background: #F2F2F2; color: #004CAC; }
}


/* 带您更深入了解产品案例 */
.product{padding: 7.375rem  0 8.5625rem;}
.product .index-title strong{margin-bottom: 4.375rem;}
.product-box{position: relative; margin-bottom: 5.3125rem;}
.product-list{overflow: hidden;width: 87.5%; margin: 0 auto;}
.product-list ul li .pic {position: relative;z-index: 1;padding-bottom: 66%;overflow: hidden}
.product-list ul li .pic img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain;transition: .5s;}
.product-list ul li  strong{color: #494949; margin-bottom: 1.125rem;}
.product-list ul li  p{color: #494949; margin-bottom: 2.25rem;}
.product-list ul li span{color: #004CAC; margin-right: .5625rem;}
.product-list ul li i{display: inline-block; width: .625rem; color: #004CAC; }
.product .swjt img{width: 1.625rem;}
#product-next img{transform: rotate(180deg);}

@media (any-hover: hover) {
    .product-list ul li:hover .pic img{transform: scale(1.1);}
    .product-list ul li:hover strong{color: #004CAC;}
}


/* 在线咨询 */
.message-bg{background: #E9F3FF; padding:5rem  0 8.1875rem;}
.message-bg .index-title strong{font-size: var(--font36); margin-bottom: 2.5rem;}
#yzform ul{gap: .9375rem; margin-bottom: 1.25rem;}
#yzform ul input,#yzform ul textarea,#yzform  .incode{background: #fff; border-radius: .4375rem; height: 3.1875rem; font-size: var(--font20); background: #FFFFFF; padding-left: 1.75rem; border: none;}
#yzform ul input::placeholder,#yzform ul textarea::placeholder{ color: #626262;}
#yzform ul textarea{height: 12.5rem; width: 100%; padding: .625rem 1.75rem;}
#yzform  .incode{margin-bottom: 1.5625rem;}
#yzform  .incode input{padding-left: 0; border: none; flex:1; height: auto}
#yzform  .incode img{display: block;height: 3.1875rem; width: auto;}
#yzform  span{color: #494949; margin-left: .25rem; display: block;}
#yzform  span>a{color: #004cac; text-decoration: underline;}
#yzform  .layui-form-checkbox[lay-skin=primary]>i{width: 1.125rem; height: 1.125rem; border: none; line-height: 1.125rem;}
#yzform .layui-form-checked[lay-skin=primary]>i{background: #004CAC;}
#yzform  button{margin-top: 3.125rem;background: #BFC700;border-radius: 100px;color: #FFFFFF;font-size: var(--font18);padding: 0 3.5rem;height: 3rem;} 


#yzform  .layui-form-checkbox[lay-skin=primary]{min-width: 1rem; min-height: 1rem;}



/* 公共底部 */
.footer-bg{background: #575757; padding-bottom: 7.5rem;}
.footer-top{padding: 4.875rem 0 6rem;}
.foot-logo img,.foot-logo svg{display: block; width:11.25rem; -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}
.foot-nav{margin-bottom: 3rem;}
.foot-nav ul li{margin-right: 3.5rem;}
.foot-nav ul li:last-child{margin-right: 0;}
.foot-nav ul li a{display: block; font-size: var(--font18); color: #FFFFFF;}
.foot-contact ul li {margin-bottom: .5625rem;}
.foot-contact ul li img{display: block; width: 1.5rem;  margin-right: .5rem;}
.foot-contact ul li span,.foot-contact ul li a{color: #FFFFFF;}
.foot-wechat ul li{margin-left: 2.75rem;}
.foot-wechat ul li:first-child{margin-left: 0;}
.foot-wechat ul li img{display: block; width:6.25rem;
   margin: 0 auto .4375rem;}
.footer-copy{background: #414141; padding: 1.375rem 0;}
.footer-copy p a{ color: #FFFFFF; margin-left: 1.625rem;}

@media (any-hover: hover) {
    .footer-copy p a:hover{text-decoration: underline;}
}

.footer-top .more1{background:#004CAC; color: #FFFFFF;}
 




/* 内页banner */
.ny-banner{position: relative; overflow: hidden;}
.ny-banner .pic img{width: 100%; height: 100%; object-fit: cover; min-height: 16rem}
.ny-banner .banner-box{top: 45%;}
.ny-banner .info strong{ display: block; font-size: 3.5rem; color: #004CAC; margin-bottom: .3125rem;}
.ny-banner .info h3{}


.position{margin-top: 1.5625rem;}
.position span{color: #464646;}
.position  a{color: #464646;}
.position img{margin: 0 .625rem; width: .625rem;}

@media (any-hover: hover) {
    .position  a:hover{color: #004CAC;}
}

.equipment{padding: 5rem 0 6.0625rem;}
.ny-title strong{display: block; margin-bottom: 2.1875rem;}
.equipment table{width: 100%;}
.equipment table tr {}
.equipment table tr th{font-size: var(--font20); color: #313438; padding: 2.125rem 0; }
.equipment table tr:first-child{border-bottom: 1px solid #BFC700; }
.equipment table tr{border-bottom: 1px solid #D5D5D5;}
.equipment table tr th:first-child{text-align: left;}
.equipment table tr td{font-size: var(--font18);color: #313438;padding: 3.125rem 0; }
.equipment table tr th:nth-child(3),.equipment table tr td:nth-child(3){width: 31.5%; padding-right: 3.75rem;}
.equipment table tr th:nth-child(4),.equipment table tr td:nth-child(4){width: 27.57%;}

.about-ys {margin-bottom: 4.375rem;}
.about-ys .ny-title strong{margin-bottom: 1.5rem;}
.about-ys h3{color: #313438; margin-bottom: .5625rem;} 
.nyservice-list{margin-bottom: 12.5rem;}
.nyservice-list ul{gap: .9375rem 1.5625rem;}
.nyservice-list ul li .pic {position: relative;z-index: 1;padding-bottom: 71%;overflow: hidden}
.nyservice-list ul li .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.nyservice-list ul li em{display: block; color: #494949; text-align: center; padding: 1.0625rem 0;}

/* 品质管理 */
.quality-editor{padding: 4rem 0;}
.quality-editor img{display: inline-block; max-width: 100%; height: auto!important;}


/* 产品案例 */
.productMain{margin-bottom: 17.4375rem;}
.pro-class{padding: 2.375rem 0; margin-bottom: 1.5625rem; border-bottom: 1px solid #DCDCDC;}
.productMain .pro-class{border-bottom: none;}
.pro-class ul li{margin-right: 5rem;}
.pro-class ul li:last-child{margin-right: 0;}
.pro-class ul li a{display: block; font-size: var(--font22); color: #000;  font-family: "DreamW15";}
.pro-class ul li.on a{color: #004CAC;}

@media (any-hover: hover) {
    .pro-class ul li:hover a{color: #004CAC;}
}
.nyproduct-list{width: 100%; }
.nyproduct-list ul{gap: 5.9375rem 4.8125rem;}


/* 产品案例详情页 */
.productxqMain{margin-bottom: 6.25rem;}
.proxq-details ul{display: none;}
.proxq-details ul.show{display: block;}
.proxq-box{margin-bottom: 4.5625rem;}
.proxq-box .pic{width: 39%; }
.proxq-box .pic img{display: block; max-width: 100%;}
.proxq-box .info{width: 57%;}
.proxq-box .info h1{margin-bottom: 3.125rem;}
.proxq-box .info h2{margin-bottom: .4375rem;}
.proxq-bottom{margin-bottom: 2.8125rem;}
.proxq-btn ul li{color: #32373E; margin-right: 3.6875rem; cursor: pointer; line-height: 1.2; position: relative;}
.proxq-btn ul li::after{position: absolute; content: ''; width: 0; height: .0625rem; background: #004CAC; transition: .5s; bottom: 0;left: 0;}
.proxq-btn ul li:last-child{margin-right: 0;}
.proxq-btn ul li.active{color: #004CAC; }
.proxq-btn ul li.active::after{width: 100%;}
.contact-more .more1{background: #BFC700; border-color: #BFC700; color: #FFFFFF;}



/* 内页新闻列表页 */
.newsMain{margin-bottom: 6.25rem;}
.newsMain .pro-class{margin-bottom: 4rem;}
.nynews-list ul li{border-bottom: 1px solid #E1E1E1; padding-bottom: 4.25rem; margin-bottom: 4.25rem; transition: .6s;}
.nynews-list ul li .pic{width: 35%; overflow: hidden;}
.nynews-list ul li .pic img{display: block; width: 100%; transition: .6s; transform: scale(1);} 
.nynews-list ul li .info{width: 61.5%;}
.nynews-list ul li .info h2{color: #313438; margin-bottom: 1.9375rem}
.nynews-list ul li .info h3{color: #494949; margin-bottom: 1.6875rem;}
.nynews-list ul li .info span{color: #AEAEAE; margin-right: .5625rem;}
.nynews-list ul li .info div i{width: .625rem; color: #AEAEAE;}


@media (any-hover: hover) {
    .nynews-list ul li:hover .info h2{color: #004CAC;}
    .nynews-list ul li:hover .info span{color: #004CAC;}
    .nynews-list ul li:hover .info div i{color: #004CAC;}
    .nynews-list ul li:hover .pic img{transform: scale(1.1);}



}



  /* 新闻详情页 */
  .newsxq-box {

    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;
    font-weight: 700;
    line-height: 1.4;
  }
  
  .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: #004CAC;
  }
  
  .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: 10rem;
  }
  
  .newsxq-box .news-right h2 {
    font-size: var(--font26);
    font-weight: 700;
  }
  
  .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: #004CAC;
    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: #004CAC;
    }
  
    .newsDate .relist li:hover .reImg img {
      transform: scale(1.05);
    }
  }



  /* 在线联系 */
  .contact {position: relative; margin-top: 2.25rem;}
  .contact .map img{display: block; width: 100%; object-fit: cover; min-height: 24rem;}
  .map-icon img{display: block;width: 1.5625rem;position: absolute;left: 53.8%;top: 53%;transform: translate(-50%, -50%);}

  .contact .text{position: absolute;left: 41%;top: 65%;transform: translate(-50%, -50%);}
  .contact .text strong{color: #004CAC; margin-bottom: .625rem; display: block;}
  .contact .text p{color: #004CAC;}
  .contact .text a{color: #004CAC;}



  /* 关于我们 */
  .company{padding: 3.4375rem 0 10.25rem;}
  .company ul{margin-bottom: 2.5rem;}
  .company ul h2{display: block; margin-bottom: .75rem; color: #313438;}
  .company ul h4{color: #494949;}
  .company ul .info{margin-bottom: 1.125rem;}
  .company ul .item{margin-top: .9375rem; margin-bottom: 4.8rem;}
  .company ul .item dl{width: 21%;}
  .company ul .item dl:last-child{width: 37%;}
  .company ul .item dl dt{color: #004CAC; margin-bottom: .5rem;}
  .company ul .item dl dd{color: #494949;}
  .company-list dl{margin-bottom: 1.5625rem;}
  .company-list dl dt{color: #004CAC;}
  .company-list dl dd{margin-bottom: .9375rem;}
  .company-list dl .pic img{display: block; width: 100%;}

  .develop{width: 75.85%; margin: 4rem auto 0;}
  .develop dl{position: relative; padding-bottom: 11.125rem;}
  .develop dl::before,.develop dl::after{content: ""; position: absolute; left: .625rem; top: .6875rem; width: .25rem; height: 100%; background: #DAE1E6; transition: .6s;}
  .develop dl::after{background: #004CAC; height: 0;}
  .develop dl div{flex: 1; position: relative; z-index: 5;}
  .develop dl span{width: 1.3125rem;   height: 1.3125rem;   background: #DAE1E6;   border-radius: 50%; margin-right: 2.875rem; margin-top: .6875rem;}
  
  .develop dl dt{width: 71.2%; transition: .6s;}
  .develop dl dt b{font-size: 3.375rem; color: #84878B; display: block; line-height: 1; margin-bottom: 2.0625rem;} 
  .develop dl dt strong{color: #86898D; margin-bottom: .25rem;}
  .develop dl dt p{color: #A4A4A4;}
  .develop dl dd{width: 19.5%; margin-top: 2.1875rem;}
  .develop dl dd  img{display: block; width: 100%;}
  .develop dl:last-child{padding-bottom: 4.375rem}
  .develop dl:last-child::before,.develop dl:last-child::after{display: none;}



  @media (any-hover:hover) {
  .develop dl:hover::after{height: 100%;}
  .develop dl:hover span{background: #004CAC;}
  .develop dl:hover dt b{color: #313438;}
  .develop dl:hover dt strong{color: #313438;}
  .develop dl:hover dt p{color: #6A6A6A;}
  }