#c-placeholder {height: 6.125rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; transition: .6s; border-bottom: 1px solid rgba(255,255,255,0.3);}
.headBox {padding: 0  0 0 2%;  transition: .5s; height: 6.125rem; display: flex; justify-content: space-between; align-items: center; background: transparent;}
.headBox .logo,.headBox .logo a {height: 100%;}
.headBox .logo img {height: 2.875rem; max-height: 100%; object-fit: contain; transition: .5s; }
.headBox .logo img.logo2{display: none;}
.headBox .re {height: 100%; flex: 1; justify-content: end;}

/* 导航 */
/* 取消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;  margin-right: 4.375rem; position: relative;}
nav .layui-nav .layui-nav-item::after{position: absolute; content: ''; width: 0; height: .1875rem; background: #fff; bottom: 0; left: 50%; z-index:2; transition: .6s;}
nav .layui-nav .layui-nav-item > a {color: #fff;position: relative; z-index: 1; font-size: var(--font18);  transition: 0.4s;}
nav .layui-nav .layui-nav-item > a i {display: none;}
nav .layui-nav .layui-nav-item:hover > a , nav .layui-nav .layui-this > a {}
nav .layui-nav > .layui-this:after,nav .layui-nav .layui-nav-item:hover::after{width: 100%; left: 0;}
nav .layui-nav-bar {display: none;} 


.headluange{margin-right: 8.3125rem;}
.headluange img{width: 1.25rem; margin-right: .8125rem;}
.headluange span a:hover{color: #3390D2;}


/* 搜索 */
.head_search{height: 100%; background: #2471BA; padding: 0 2.3rem;}
.head_search a{height: 100%;}
.head_search img{width: 1.6875rem;}
 


/* 弹出搜索 */
.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{background: #FFF; box-shadow: 0 0 3px rgba(0, 0, 0,.3);}
header.c-style2 .headBox .logo img.logo1{display: none;}
header.c-style2 .headBox .logo img.logo2{display: block;}
header.c-style2  nav .layui-nav .layui-nav-item > a{color: #333;}
header.c-style2 .headluange span{color: #333;}
header.c-style2 .headluange a{color: #333;}
header.c-style2 .headluange img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
header.c-style2 nav .layui-nav .layui-nav-item::after{background: #3390D2;}



/* =================头部 end!!!=================== */


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

/* ===============公用css end!!!!===================*/
.more1 {background: #3390D2; padding: 0.86rem 2.84rem; color: #fff;  transition: .5s; display: inline-flex; transition: .6s; border-radius: 100px;}



@media (any-hover: hover) {

 .more1:hover {box-shadow: 0 0 0 .625rem rgba(51,144,210,0.4); }
}






/* 首页banner */
/* 自定义字体 */
@font-face {
    font-family: "CKTKingkong"; 
    src:url("../font/CKTKingkong.ttf") format("truetype"); 
    font-display: swap;
}
  

@font-face {
    font-family: "PangMenZhengDao"; 
    src:url("../font/PangMenZhengDao.ttf") format("truetype"); 
    font-display: swap;
}
  



/* 首页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 .info{text-align: center;}
.bannerSwiper .slide .info h2{font-family: "CKTKingkong"; font-size: 4rem;}
.bannerSwiper .slide .info h3{margin-bottom: 5rem;}
#banner-prev,#banner-next{width: 4.5625rem; height: 4.5625rem; background: rgba(255,255,255,.2); border-radius: 50%;  z-index: 2; cursor: pointer; transition: .6s;}
#banner-prev{left: 5%;}
#banner-next{right: 5%;}
#banner-prev img,#banner-next img{width: .625rem;}
#banner-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#banner-prev:hover,#banner-next:hover{background: #1462C0;}
#banner-num{bottom: 2.6875rem;}
#banner-num span{border: 1px solid #ffffff; background: transparent; width: .625rem; height: .625rem; opacity:1; margin: 0 .3125rem;}
#banner-num span.swiper-pagination-bullet-active{background: #fff;}



/* 产品中心 */
.product{padding: 5.25rem 0 5.5rem;}
.index-title{margin-bottom: 3.3125rem;}
.title-left{position: relative;}
.title-left p{ display: block; font-size: 5.625rem; color: #fdfdfd;  font-family: "PangMenZhengDao";    -webkit-text-stroke: .0625rem #F3F3F3;    text-stroke: .0625rem #F3F3F3; line-height: 0.9;}
.title-box{position: absolute;top: 0;height: 100%;display: flex;flex-direction: column;justify-content: space-between;} 
.title-box span{width: .75rem;   height: .75rem;   background: #3390d2; margin-right: .6875rem;}
.title-box em{  display: block; }
.title-left h2{font-weight: 700;line-height: 1; display: block; }

.product-list ul{display: grid; gap: .6875rem 1rem; grid-template-columns:calc((544 / 1400) * 100%) calc((279 / 1400) * 100%) calc((544 / 1400) * 100%) ; grid-template-rows: 21.125rem 21.125rem;}
.product-list ul li{overflow: hidden; background: #f2f2f2; position: relative;}
.product-list ul li .bg-pic{height: 100%;}
.product-list ul li .bg-pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.product-list ul li.item1{grid-column-start: 1; grid-column-end: span 2;}
.product-list ul li.item4{grid-column-start: 2; grid-column-end: span 2;}
.product-list ul li.item1 .info,.product-list ul li.item4 .info{position: absolute;content: '';width: 100%;height: 100%;top: 0;display: flex;flex-direction: column;justify-content: space-between;}
.product-list ul li em{color: #666666; display: block;}
.product-list ul li strong,.product-list ul li p{color: #333333;}
.product-list ul li.item1 .info,.product-list ul li.item4 .info{padding: 2.25rem 6% 1.5rem; box-sizing: border-box;}
.product-list ul li.item1 em,.product-list ul li.item1 strong,.product-list ul li.item1 p{color: #fff;}
.product-list ul li a{height: 100%;display: flex;flex-direction: column;justify-content: space-around; }
.product-list ul li.item2,.product-list ul li.item3{padding: 2.25rem 8% .5rem; box-sizing: border-box;}
.product-list ul li .pic {position: relative;z-index: 1;padding-bottom: 49%;overflow: hidden; width: 40%; transition: .6s;}
.product-list ul li .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.product-list ul li:last-child .bg-pic img{object-fit: contain;}
@media (any-hover: hover) {
.product-list ul li:hover .pic {transform: translateY(-5%);}
}


/* 关于我们 */
.about-bg{background: #fcfcfc;  padding: 3.6875rem 0 6.5rem;}
.about-box {margin-bottom: 4.4375rem;}
.about-box .info{width: 48.5%;}
.about-box  .title-left{margin-bottom: 3.75rem; margin-top: 4.375rem;}
.about-box .info h3{margin-bottom: 1.875rem; display: block;}
.about-box .pic{display: block; width: 41.28%;}
.about-box .pic img{display: block; width: 100%;}
.about-num ul{gap: 0 .75rem;}
.about-num ul li{}
.about-num ul li span{color: #666666; margin-bottom: .625rem; display: block;}
.about-num ul li div{border-top: 1px solid #D8D8D8; display: flex; align-items: flex-start; padding-top: .9375rem;}
.about-num ul li strong{font-size: 3.625rem; line-height: 1; margin-right: .625rem;} 


/* 应用方案 */
.solution{padding: 5rem 0 7.5rem; overflow: hidden;}
.index-title{border-bottom: 1px solid #D8D8D8; padding-bottom: 3.125rem;}
.solution .title-left{flex: 1;}
.solution-btn{width: 85%; margin: 0; margin-bottom: 3.5625rem;}
.solution-btn ul li  em{ display: block; border: 1px solid #cccccc; border-radius: 100px; text-align: center; line-height: 3.1; transition: .6s;}
.solution-btn ul li.swiper-slide-thumb-active em{background: #3390d2; border-color: #3390d2; color: #fff;}
.solution-list{overflow: hidden;}
.solution-list ul li{position: relative;}
.solution-list ul li .pic img{display: block; width: 100%; min-height: 25rem;     object-fit: cover;}
.solution-list ul li .info{position: absolute; content: ''; width: 100%; height: 100%; top: 0;  box-sizing: border-box; background: rgba(0, 0, 0,.6); padding: 0 5%; display: flex; align-items: flex-end; opacity: 0; transition: .6s;}
.solution-list ul li .text {margin-bottom: 1.875rem;}
.solution-list ul li .text div{width: 62%;}
.solution-list ul li .info strong{margin-bottom: .625rem; display: block;}
.solution-list ul li .info p{}
.solution-list ul li.swiper-slide-active .info{opacity: 1;}

#solution-prev,#solution-next{width: 4.5625rem; height: 4.5625rem; background: rgba(255,255,255,.2); border-radius: 50%;  z-index: 6; cursor: pointer; transition: .6s;}
#solution-prev{left: 5%;}
#solution-next{right: 5%;}
#solution-prev img,#solution-next img{width: .625rem;}
#solution-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#solution-prev:hover,#solution-next:hover{background: #1462C0;}

.solution-box {position: relative;}
#solution-num{width: auto;bottom: auto;top: 0;right: -70%; z-index: -1;}
#solution-num span{font-size: var(--font16); color: #666666;}
#solution-num .swiper-pagination-current{font-size: var(--font36); color: #3d3d3d;}



/* 新闻中心 */
.news{margin-bottom: 6.25rem;}
.news-top{border-bottom: 1px solid #D8D8D8; padding-bottom: 3.125rem; margin-bottom: 4.1875rem;}
.news-top .title-left{flex: 1;}
.news-btn{overflow: visible;}
.news-btn ul li  {width: auto; margin-left: 1.0625rem;}
.news-btn ul li a { border: 1px solid #cccccc; transition: .5s; padding: 0.85rem 2.1rem; border-radius: 100px;}
.news-btn ul li.swiper-slide-thumb-active a{background: #3390d2; border-color: #3390d2; color: #fff;}
.news-list ul{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.3125rem;}
.news-list ul li a{display: block; background: #f4f5f9; padding: 2.5rem 7% 0;  box-sizing: border-box; transition: .6s; } 
.news-list ul li h4{color: #333333; margin-bottom: 5.25rem;}
.news-list ul li .date{border-top: .0625rem solid #d8d8d8; padding: 2rem 0; display: flex; align-items: center; justify-content: space-between;}
.news-list ul li .date em{color: #333;}

@media (any-hover: hover) {
    .news-btn ul li:hover a{background: #3390d2; border-color: #3390d2; color: #fff;}
    .news-list ul li a:hover{background: #3390D2;}
    .news-list ul li a:hover h4,.news-list ul li a:hover em,.news-list ul li a:hover span{color: #fff;}
 }



 /* 联系我们 */
 .contact-bg{background: #3390d2; padding: 5.875rem 0 5.25rem;}
 .contact-box .info{width: 42%;}
 .contact-box .info h5{margin-bottom: 1.5rem;}
 .contact-box .info h6{margin-bottom: 4.5rem;}
 .contact-box .info ul li{margin-bottom: 1.375rem;}
 .contact-box .info ul li:last-child{margin-bottom: 0;}
 .contact-box .info ul li .icon{width: 3rem;  height: 3rem;  border: 1px solid #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1.0625rem;}
 .contact-box .info ul li .icon img{max-width: 42%; min-width: 35%;}
 #yzform{width: 50%;}
 #yzform ul{ gap: 0 .375rem; margin-bottom: 1.3125rem;}
 #yzform ul li input, #yzform ul textarea{background: rgba(255,255,255,0.2); border-radius: .4375rem; outline: none; border: none; height: 3.875rem; padding: 0 1.9375rem; color: #fff;}
 #yzform ul  input::placeholder, #yzform ul  textarea::placeholder{color: #fff;}
 #yzform ul textarea{width: 100%; height: 11.125rem; resize: none; padding: 1.25rem 1.9375rem; box-sizing: border-box; }
 #yzform ul.incode{background: rgba(255,255,255,0.2); border-radius: .4375rem; outline: none; border: none; height: 3.875rem; padding: 0 1.9375rem; color: #fff;}
 #yzform ul.incode input{background: transparent; outline: none; border: none;}
 #yzform ul.incode img{height: 2.8125rem;}
 #yzform button{background: #ffffff;  border-radius: 100px; width: 100%; color: #333333; height: 3.5625rem; font-size: var(--font16);}
 .footer-bg{background: #f4f5f9;}
 .footer-top{ padding: 4.5rem 0 2.1875rem; border-bottom: 1px solid #D8D8D8;}
 .foot-logo img{height: 2.5625rem;}
 .foot-nav{width: 64%;}
 .foot-nav ul li a{ display: block; font-size: var(--font18); color: #333;}
 .footer-copy {padding: 2.375rem 0;}
 .footer-copy p{color: #999999;}
 .footer-copy a{color: #999999;}
 .footer-copy span{margin: 0 2.375rem;}
 .foot-nav ul li a:hover,.footer-copy a:hover{color: #3390D2;}



 
/* 内页banner */
.ny-banner{position: relative; overflow: hidden;}
.ny-banner .pic img{width: 100%; height: 100%; object-fit: cover; min-height: 25rem}
.ny-banner .info span{display: block; line-height: 1; margin-bottom: .875rem;}
.ny-banner .info strong{font-size: 4rem; display: block;  line-height: 1;} 
.ny-title {margin-bottom: 4.125rem;}
.ny-title .text{position: relative; flex:1}
.ny-title span{ display: block; font-size: 5.625rem; color: #fdfdfd;  font-family: "PangMenZhengDao";    -webkit-text-stroke: .0625rem #F3F3F3;    text-stroke: .0625rem #F3F3F3; line-height: 0.9;}
.ny-title strong{display: block;  font-size: 2.875rem; position: absolute; top: 1.875rem;}
.ny-title  h3{width: 49%; margin-top: 2rem;}

.proMain{padding: 4.9375rem 0 ;}


.nypro-list ul{gap: 2.75rem 1.25rem;}
.nypro-list ul li .pic {position: relative;z-index: 1;padding-bottom: 80.5%;overflow: hidden; margin-bottom:2rem}
.nypro-list ul li .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.nypro-list ul li .name{ height: 5.375rem; position: relative;display: flex; justify-content: space-around; flex-direction: column; padding-left: 1.75rem;}
.nypro-list ul li .name::before,.nypro-list ul li .name::after{position: absolute; content: ""; width: .25rem; background: #d8d8d8; height: 100%; left: 0; top: 0; transition: .6s;}
.nypro-list ul li .name strong{color: #333333; font-weight: 700;}
.nypro-list ul li .name p{color: #666666;}
.nypro-list ul li .name::after{height: 0; background:#3390D2;}

@media (any-hover: hover) {

  .nypro-list ul li:hover .pic img {transform: scale(1.05);}
  .nypro-list ul li:hover .name strong{color: #3390D2;}
  .nypro-list ul li:hover .name::after{height: 100%;}
}



/* 内页产品详情页 */
.proxq-bg{background: #f2f2f2; padding: 1.5rem 0 4rem;}
.position{margin-bottom: 1.5625rem;}
.position span,.position span a{color: #999999;}
.proxq-box .pic{ width: 40%;}
.proxq-box .pic img{display: block; width: 100%; border-radius: 1.1875rem;}
.proxq-box .info{width: 46%;}
.proxq-box .info b{color: #2471BA; }
.proxq-box .info h1{color: #2471ba; display: block; margin-bottom: 1.6875rem;}
.proxq-box .info i{display: block; width: 7.375rem;  height: .25rem;  background: #257bc1; position: relative; margin-bottom: 2.375rem;}
.proxq-box .info i::after{position: absolute; content: ""; width: 5.25rem; height: 100%; background: #193891;  left: 0; top:0;}
.proxq-box .info p{color: #666666;}
.proxq{padding: 3.125rem 0 4.375rem;}
.proxq-title  strong{display: block; border-bottom: 1px solid #D8D8D8; padding-bottom: 1.875rem; margin-bottom: 3.125rem;}
.pro-recom{position: relative; overflow: hidden;}
.pro-recom ul li .pic {position: relative;z-index: 1;padding-bottom: 73%;overflow: hidden; margin-bottom: 1.25rem; }
.pro-recom ul li .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.pro-recom ul li em{text-align: center;  color: #333333; font-weight: 500;}
#recom-num{display: none;}



/* 内页解决方案列表页 */
.nysolution-list{}
.nysolution-list ul li {border-radius: .875rem; background: #f5f5f5; margin-bottom: 2.625rem;}

.nysolution-list ul li .info,.nysolution-list ul li .pic {width: 50%; height: 100%;}
.nysolution-list ul li .info {padding:  0 3.25rem;}
.nysolution-list ul li .pic {}
.nysolution-list ul li .pic img{display: block; width: 100%; border-top-right-radius: .875rem; border-bottom-right-radius: .875rem;}
.nysolution-list ul li .info strong{color: #2471ba; margin-bottom: 1.8125rem;}
.nysolution-list ul li .info p{color: #666666; margin-bottom: 3.75rem;}


.solutionMain{padding: 5rem 0;}



/* 内页新闻列表页 */
.newsMain{padding: 5rem 0;}
.newsMain .ny-title{border-bottom: 1px solid #D8D8D8; padding-bottom: 3.5625rem;}

.nynews-list ul{gap: 2rem 1.3125rem;}
.nynews-list ul li a{display: block; border: 1px solid #f2f2f2;}
.nynews-list ul li .pic{overflow: hidden;}
.nynews-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.nynews-list ul li .info{padding:  1.75rem 1.875rem 1.875rem;}
.nynews-list ul li .info strong{color: #333333; margin-bottom: 1.3125rem;}
.nynews-list ul li .info p{color: #333333; margin-bottom: 1.8125rem;}
.nynews-list ul li .info span{color: #333333;}

@media (any-hover: hover) {

    .nynews-list ul li:hover .pic img {transform: scale(1.1);}
    .nynews-list ul li:hover .info strong{color: #3390D2;}
}


.newsxqMain{background: #f2f2f2; padding: 1.875rem 0 7.25rem;}
.nynews-box{align-items: flex-start;}
.nynews-box .news-left{width: 67%;  background: #fff; padding:  3.125rem 3.625rem; }
.nynews-box .news-right{width: 30.57%; background: #fff; padding: 3.125rem 3.125rem; position: sticky; top: 6.125rem;}
.newsxq-title{border-bottom: 1px solid #D8D8D8; padding-bottom: .625rem; margin-bottom: 1.875rem;}
.newsxq-title h1{margin-bottom: 1.5rem;}
.newsxq-title span{color: #666;}
.newsxq-title span:first-child{margin-right: 3.125rem;}
.newsxq-editor{margin-bottom: 2.5rem;}
.newxq-more .more1{background: #c1c1c1;}
.newxq-more .more1:hover{background: #3390d2;  }
.recom-title strong{font-size: var(--font26); margin-bottom: 2.5rem; display: block;}
.recom-list ul li{border-bottom: 1px solid #D8D8D8; padding-bottom: 1.875rem; margin-bottom: 1.25rem;} 
.recom-list ul li h3{color: #333; margin-bottom: .9375rem}
.recom-list ul li span{color: #666;}
.recom-list ul li span:first-child{margin-right: 3.125rem;}



/* 内页关于我们 */

.ny-about{display: flex;   align-items: flex-start;    justify-content: space-between; padding: 6.4375rem 0 5.3125rem;}
.ny-about .title-left{flex: 1;}
.ny-about .title-left p{-webkit-text-stroke: .0625rem transparent;   text-stroke: .0625rem transparent; color: #f6f6f6;}
.ny-about .info{width: 48%;}
.ny-about .info h4{color: #333; margin-bottom: 2.5rem;}
.aboutMain .about-num{margin-bottom: 4.8125rem;}
.vision-bg{background: url(../images/vision-bg.webp) no-repeat center top; background-size: cover; padding: 6.25rem 0 6.875rem;}
.vision-bg .title-left p{color: rgba(255,255,255,0.2);  -webkit-text-stroke: .0625rem rgba(243, 243, 243, 0.31); text-stroke: .0625rem rgba(243, 243, 243, 0.31); }
.vision-bg .title-left h2{color: #fff;}
.vision-bg .title-left .title-box{top: auto; bottom: 0; justify-content: flex-end;}
.vision-bg .info h5{margin-top: 28.5625rem;width: 50%;}

.ys-list{padding: 6.4375rem 0 7.875rem;}
.ys-list ul{gap:0 4.5rem;}
.ys-list ul li{height: 28.5rem;  background: #fcfcfc; padding: 4.75rem 3.3125rem 0; box-sizing: border-box; text-align: center;}
.ys-list ul li .icon img{width: 3.625rem; margin: 0 auto 1.875rem;}
.ys-list ul li strong{margin-bottom: 1.875rem; display: block;}

.contactMain{padding: 5rem 0;}
.contact-title{margin-bottom: 3.125rem; border-bottom: 1px solid #D8D8D8; padding-bottom: 2.5rem;}


.proxq-editor,.solution-editor,.news-editor,.about-editor{margin-bottom: 2.5rem;}


.about-editor img{max-width: 100%;}
.contactMain  .about-editor img{min-height: 20rem; object-fit: cover;}