/* #c-placeholder {height: 16px;min-height: 5rem;} */
header {position: sticky;left: 0;top: 0;z-index: 99;width: 100%;background: #fff;box-shadow: 0px .1875rem .1875rem rgba(48, 48, 48, 0.02);}
.headBox {height: 6.25rem;  padding: 0 2%; box-sizing: border-box;}
.headBox .logo {}
.headBox .logo img {max-height: 100%; height: 4.3125rem; object-fit: contain;}
.head-icon img{width: 21.875rem;}

.nav ul li{margin-left: 1.125rem;}
.nav ul li a{color: #333;padding: 1.0625rem 1.625rem; transition: .6s;}
.nav ul li.on a,.nav ul li:hover a{border-radius: .375rem;box-shadow: 0px .125rem .25rem .125rem rgba(48, 48, 48, 0.02);color: #2196f3; font-weight: 700;}

.headSearch{width: 3.125rem;  height: 3.125rem;  background: #2196f3; border-radius: 50%; margin-left: 1rem;}
.headSearch img{width: 1.25rem;}
/* 搜索下拉 */
.headSearch{width: 3.125rem;  height: 3.125rem; background: #2196f3; border-radius: 50%;}
.headSearch img{width: 1rem;}
.hadbox-sec4 {background-color: #fff;position: absolute;left: 0;top: 100%;width: 100%;padding: 5.625rem 0 6.625rem; display: none; border-top: 1px solid #eee; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 1.5rem;font-size: var(--font36);}
.hadbox-sec4 .form {display: flex; align-items: center; padding-bottom: 1.25rem; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 1.875rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 19.375rem);padding: 1rem 1.5rem;font-size: var(--font20); color: #333333;}
.hadbox-sec4 .form .f_sub {width: 11.25rem; height: 3.5rem; min-height: 45px; background: #2196f3;border-radius: .3125rem;font-size: var(--font24);color: #ffffff;cursor: pointer;}




/* 留言弹出层 */
.modelPop {display: none;}
.c-sub-pop .layui-layer-setwin .layui-layer-close2 {display: flex;justify-content: center;align-items: center;width: 1.75rem; height: 1.75rem; font-size: 1rem; top: -1.75rem; right: -1.75rem;}
.c-sub-pop .c-box {padding: 1.875rem;}
.c-sub-pop .c-box .tit {color: #333; font-size: 1.875rem; margin-top: 1.25rem; font-weight: 600; text-align: center;}
.c-sub-pop .c-box .inBox {margin-top: 1.25rem; position: relative;  border-radius: 5px}
.c-sub-pop .c-box .inBox input {border: 0;border: 1px solid rgba(189, 189, 189,.62); border-radius: 5px; height: 3.625rem; min-height: 45px; width: 100%; padding: 0 .625rem;box-sizing: border-box;}
.c-sub-pop .c-box .inBox input::placeholder {color: #9c9c9c;}
.c-sub-pop .c-box .incode {border: 1px solid rgba(189, 189, 189,.62);}
.c-sub-pop .c-box .incode input {width: calc(100% - 7.5rem); border-color: transparent;}
.c-sub-pop .c-box .inBox img {position: absolute;top: 50%; left: calc(100% - 6px); width: 7.25rem; height: 85%;-webkit-transform: translate(-100%, -50%);transform: translate(-100%, -50%);}
.c-sub-pop .c-box .insub {display: flex; justify-content: center; margin-top: 2.5rem;}
.c-sub-pop .c-box .insub button {font-size: var(--font16); cursor: pointer; height: auto; line-height: initial; border-radius: 1.875rem; background: #010834; border: 0;  padding: .938rem 3.125rem; display: flex; align-items: center; justify-content:center; color: #fff; font-weight: 700; transition: .4s;}
.c-sub-pop .c-box .insub button:active {box-shadow: 0 0 5px #010834;}
@media screen and (min-width: 200px) and (max-width: 768px){
  .c-sub-pop .c-box .c-close {margin-top: -15px;margin-right: -15px;}
  .c-sub-pop .c-box { padding: 1.563rem;}
  .c-sub-pop .c-box .tit {font-size: 1.5rem;}
  .c-sub-pop .c-box .inBox input {min-height: 40px;}
  .c-sub-pop .c-box .inBox img {width: 5.5rem; height: 2.25rem;}
}

/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: .188rem; scrollbar-width:thin;scrollbar-color:#2AA667 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #2196f3; border-radius: .313rem;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {padding: .875rem 1.375rem;background: #2196f3; color: #fff; display: inline-flex; transition: .5s; border-radius: 6.25rem;}
.more1 span {margin-right: 1rem;}
.more1 i {transform: rotate(180deg);font-size: var(--font14);}
.more1:hover {box-shadow: 0 0 0 .5rem rgba(45, 45, 255, 0.2);}

.more2 {background: #fff; color: #333;}
.more2:hover {box-shadow: 0 0 0 .5rem rgba(255, 255, 255, 0.2);}

.more3 {padding: .875rem 1.875rem;}
.more3 span {margin-right: 0;}

/* ======首页======= */
.indexBanner{position: relative;}
.indexBanner .bjBox img{display: block; width: 100%;}
.indexBanner .info strong{display: block; font-size: 4.375rem; color: #333; line-height: 1.1;}
.indexBanner .info b{color: #2196F3;}
.indexBanner .info h2{font-weight: 500; color: #333333; margin: 1.375rem 0 2.1875rem;}
.index-more a{display: inline-block; background: #2196f3; border-radius: 1.8125rem; color: #fff; padding: .9375rem 2.125rem; transition: .6s;}
.index-more a:hover{box-shadow: 0 0 0 .5rem rgba(33, 150, 243, 0.2);}
#banner-num{bottom: 3.3125rem;}
#banner-num .swiper-pagination-bullet{ width: 1.4375rem; height: .3125rem; background: #b1c1cd; border-radius: .125rem; transition: .6s;}
#banner-num .swiper-pagination-bullet-active{background: #2196f3; width: 3rem }


@font-face {
  font-family: 'AkzidenzGrotesk';
  src: url(../font/AkzidenzGrotesk-Bold.otf);
}


/* 关于我们 */
.about-bg{background: url(../images/about-bg.jpg) no-repeat center; padding: 4.875rem 0 5rem; position: relative; background-size: cover;}
.index-en {position: absolute;top: 50%;transform: translateY(-50%);left: 1.8%;display: flex;flex-direction: column;align-items: center;}
.index-en .line{width: 1px; height: 5.875rem; background: #cbcbcb;}
.index-en span{display: block;color: rgba(51,51,51,.3);writing-mode: tb-rl;text-transform: uppercase;font-weight: 400;letter-spacing: 1.2px;margin-top: 1.125rem;}
.about-box .pic{width: 40%;}
.about-box .pic img{display: block; width: 100%;}
.about-box .info{width: 53%;}
.index-title strong{display: block; font-size: 4.375rem; font-weight: 700; color: #333333; font-family: 'AkzidenzGrotesk';}
.index-title i{display: block; width: 4.625rem; height: .1875rem; background: #2196f3; margin-top: .875rem; margin-bottom: 2.75rem;}
.about-box .info h2{ font-weight: 700; font-family: Arial; text-transform: uppercase; margin-bottom: 1.4375rem;} 
.about-box .info h3{font-weight:400; margin-bottom: .875rem;}
.iso {margin-top: 3.0625rem;}
.iso ul li{margin-right: 2.3125rem;}
.iso ul li .pic img{width: 3.9375rem;}


/* Core Competencies */
.core-bg{background: #fcfcfc; border-top:1.25rem solid #2196f3;border-right:1.25rem solid #2196f3; border-radius: 0px 3.75rem 0px 0px; position: relative; padding: 3.125rem 0 6.125rem;}
.core-bg .index-en{left: auto; right:4%}
.index-title{margin-bottom: 2.5rem;}
.core-left{width: 39%;}
.core-list dl {border-bottom: 1px solid #BFBFBF; padding-bottom: 1.875rem; margin-bottom: 2.5rem;}
.core-list dl:last-child{margin-bottom: 3.875rem;}
.core-list dl dd{display: none; margin-top: 1.875rem;}
.core-list dl dd .text{margin-bottom: 2rem;}
.core-list dl dd span{display: block;}
.core-list dl dt.active img{display: none;}
.core-list dl dt.active strong{color: #2196f3; font-size: var(--font32);}
.core-con{background: #2196f3; border-radius: .6875rem;}
.core-con ul{height: 7.875rem; display: flex; justify-content: space-around; align-items: center;}
.core-con ul li{color: #fff;}
.core-con ul li em>img{margin-right: 1rem;}
.core-box .pic{width: 54%;}
.core-box .pic img{display: block; width: 100%; border-radius: 1.3125rem;}




/* TECHNOLOGY & SOLUTIONS */
.product-bg{padding: 3.75rem 0 6.8125rem;}
.product-btn{margin-bottom:3.25rem;}
.product-btn ul{display: flex;justify-content: center;}
.product-btn ul li{margin: 0 .75rem;}
.product-btn ul li a{display: block;color: #333333;border-radius: 2.1875rem;background: #f3f3f3;padding: 1.25rem 4.0625rem; transition: .6s;}
.product-btn ul li.on a{  box-shadow: 0px .375rem .3125rem .125rem rgba(48, 48, 48, 0.05);background: #2196f3;color: #fff;}

.product-list .cell {display: none;}
.product-list .cell.on {display: block;}

.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;padding-bottom: 2.875rem;}
.swiperBox1{width: 20.4%;}
.swiperBox2{width: 74%;}
.class-btn {background: rgba(198,198,198,.22);border-radius: 1.875rem 0px 0px 1.875rem;padding: 1.375rem 1rem 6rem;margin-top: .625rem;}
.class-btn .swiper{overflow: visible!important;}
.class-btn ul{flex-wrap: wrap; }
.class-btn ul li{color: #666666;padding: .75rem 0 .75rem 1rem;position: relative;margin-bottom: 5px; cursor: pointer;}
.class-btn ul li::after{position: absolute;content: '';left: 0;top: 0;width: 0;z-index: -2;background: #2196f3;height: 100%;border-radius: 1.625rem; transition: .6s;}
.class-btn ul li.swiper-slide-thumb-active::after{width: 100%;}
.class-btn ul li.swiper-slide-thumb-active{color: #fff}
.inTwoSwiper3{padding: .625rem;position: relative;/* margin-bottom: 3.3125rem; */}
.inTwoSwiper3 ul li{background: #ffffff;border-radius: .75rem;box-shadow: 2px 0px 9px 4px rgba(48, 48, 48, 0.05); position: relative;}
.inTwoSwiper3 ul li .pic{width: 100%; height: 16.5625rem; overflow: hidden; border-radius: .75rem;}
.inTwoSwiper3 ul li .pic img{display: block; width: 100%;}
.inTwoSwiper3 ul li .name{text-align: center; padding: 2.625rem 0;  max-height: 8.1875rem;}
.inTwoSwiper3 ul li .name h3{color: #333333; min-height: 4.125rem;}
.inTwoSwiper3 ul li .hide{position: absolute; content: ''; width: 100%;height: 0;   bottom: 0; background: rgba(33, 150, 243,.9); border-radius: .75rem; transition: .6s;}
.inTwoSwiper3 ul li:hover .hide{height: 100%;}
.inTwoSwiper3 ul li:hover .name{opacity: 0;}
#product-num{width: 100%;bottom: 0; top: auto; background: transparent!important; }
#product-num span{height: .3125rem; background: transparent!important; border-radius: 100px;}
#product-num:after{position: absolute;  content:''; left: 0; width: 100%; height: 1px; background: #f2f2f2; top: 50%; transform: translateY(-50%); z-index: -1;}
#product-num span.swiper-pagination-progressbar-fill{background: #2196f3!important; }

/* CORE SERVICES */
.services{position: relative; padding: 5.125rem 0 0;}
.services::after{position: absolute; content: ''; width: 100%; height: 43.375rem;  background: #2196f3; top: 0; z-index: -1;}
.services .services-top{margin-bottom: 4.5625rem;}
.services .index-title {margin-bottom: 0;}
.services .index-title strong{color: #fff;}
.services .index-more a{background: #085897;}
.services-bg{position: relative; overflow: hidden;}
.services-bg .pic img{display: block; width: 100%;}
.services-box{position: absolute; content: ''; top: 0; width: 100%; height: 100%;}
.services-box ul{display: flex;  height: 100%;}
.services-box ul li{width: 50%; padding: 0 4%; box-sizing: border-box; display: flex; align-items: flex-end; color: #fff; transition: .6s;}
.services-box ul li a{transform: translateY(55%); transition: .6s;}
.services-box ul li .icon>img{width: 3.6875rem; margin-bottom: 2.125rem;}
.services-box ul li strong{color: #fff;}
.services-box ul li p{color: #fff;}
.services-box ul li p>img{margin-right: .625rem; width: 1.375rem;}
.services-box ul li .text{margin-top: 4.25rem;}
.services-box ul li .services-more{width: 3.9375rem;  height: 3.9375rem;  background: #2568b3;  border-radius: .375rem; display: flex; align-items: center; justify-content: center; margin-top: 5.625rem;}
.services-box ul li .services-more img{width: .9375rem; transition: .6s;}
.services-box ul li:hover{background: rgba(0,0,0,0.3);}
.services-box ul li:hover a{transform: translateY(-20%);}
.services-box ul li:hover strong{font-size: var(--font32);}
.services-box ul li:hover .text{margin-top: 1.25rem;}
.services-box ul li .services-more:hover img{transform: rotate(360deg);}


/* Innovation */
.innovation{padding: 5.6875rem 0 5.3125rem;}
.innovation-list{}
.innovation-list ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 4.375rem;row-gap: 2rem;}
.innovation-list ul li{background: #f5f5f5;  position: relative; height: 15.75rem;  border-radius: .5rem; }
.innovation-list ul li .pic{height: 15.75rem; overflow: hidden;}
.innovation-list ul li .pic img{display: block; width: 100%; transform: scale(0); transition: .3s;}
.innovation-list ul li .info{position: absolute; content: ''; width: 100%; height: 100%; top: 0; z-index: 2;  border-radius: .5rem; padding: 2.9375rem 1.5625rem 0; box-sizing: border-box; }
.innovation-list ul li .icon img{width: 3.625rem; margin-bottom: 1.125rem;}
.innovation-list ul li .info strong{color: #333333;}
.innovation-list ul li .innovation-more{position: absolute; content: ''; bottom:-1.4375rem;  width: 2.875rem; height: 2.875rem; background: #ffffff; border-radius: .375rem; display: flex; align-items: center; justify-content: center;}

.innovation-list ul li:hover .pic img{transform: scale(1);}
.innovation-list ul li:hover .info{background: rgba(32, 146, 237, 0.8);}
.innovation-list ul li:hover .info strong{color: #fff;}
.innovation-list ul li:hover .innovation-more{background: #2196f3;}
.innovation-list ul li:hover .icon img,.innovation-list ul li:hover .innovation-more img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


/* news */
.news-bg{background: url(../images/news-bg.jpg) no-repeat center; background-size: cover;  position: relative; padding-bottom: 5rem;}
.news-bg .index-title{margin-bottom: 0; position: absolute; top: 5.625rem; left: 5.625%;}
.news-list{padding: 6.375rem 0 0; overflow: hidden;  margin-left: 5.625%; box-sizing: border-box;}
.news-list ul li{position: relative;}
.news-list ul li:nth-of-type(odd){margin-top: 8.5rem;}
.news-list ul li .pic{}
.news-list ul li .pic img{display: block; width: 100%; border-radius: 1.3rem;}
.news-list ul li .info{position: absolute; content: ''; top: 0; width: 100%; height: 100%; background: #fff; border-radius: 1.25rem; padding: 3.125rem 1.875rem 1.375rem; box-sizing: border-box; display: flex; flex-direction: column;  justify-content: space-between; transition: .6s;}
.news-list ul li .info span{color: #2568b3; display: block; margin-bottom: 1.25rem;}
.news-list ul li .info strong{color: #333333;font-weight: 700; margin-bottom: 3.125rem;}
.news-list ul li .info .text em{display: inline-block; color: #ffffff; border-radius: 1.8125rem; background: #2196f3; padding: .9375rem 2.125rem;} 
.news-list ul li .date{border-top: 1px solid #F2F2F2; padding-top: .625rem;}
.news-list ul li .date b{color: #333333; font-weight: 700;}
.news-list ul li .date em{color: #666666; margin-left: .8125rem;}
.news-list ul li:hover .info{background: rgba(0, 0, 0,.5);}
.news-list ul li:hover .info span,.news-list ul li:hover .info strong{color: #fff;}
.news-list ul li:hover .date b,.news-list ul li:hover .date em{color: #fff;}
.news-list ul li:hover .date{border-color: rgba(242,242,242,.2);}

.news-box{position: relative; padding-bottom: 5.3125rem;}
.news-box .swjt{width: 4.0625rem; height: 4.0625rem; border: 1px solid #2196f3; border-radius: 50%; top: auto!important; bottom: 0;}
.news-box .swjt img{width: .875rem;}
.news-box #news-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.news-box #news-prev{left: 46%;}
.news-box #news-next{right: 46%;}


/* 公共底部 */
.footer-bg{background: #2196f3;}
.footer-top{border-bottom: 1px solid rgba(255,255,255,.1); padding: 1.3125rem 0 1.6875rem;}
.foot-nav ul li{margin-left: 4.375rem;}
.foot-nav ul li:first-child{margin-left: 0;}
.foot-nav ul li a{color: #ffffff;}
.footer-middle{position: relative; padding: 2.9375rem 0 6.9375rem; border-bottom: 1px solid rgba(255,255,255,.1);}
.footer-middle .index-en .line{background: rgba(255,255,255,0.3);}
.footer-middle .index-en span{color: rgba(255,255,255,.5);}
.footer-middle .info{width: 47%; color: #fff;}
.footer-middle .info em{display: block; }
.footer-middle .info strong{margin: 1.875rem 0 1.25rem; font-weight: 700; display: block;}
.footer-middle .info strong>img{width: 3rem; display: inline-block; margin-right: .6875rem;}
.footer-middle .info b img,.footer-middle .info p img{margin-right: .6875rem;}
.footer-middle .info b{margin-bottom: 1.1875rem;}
.footer-middle .info p{align-items: flex-start; margin-bottom: 2rem;}
.contact-btn a,.fastQuote a{ display: inline-block; background: #085897;  border-radius: 2.0625rem; padding: 1.25rem 2.8125rem; color: #fff;}

.message{width: 47%;}
.message ul{margin-bottom: 3.125rem;}
.message ul li{width: 46%; border-bottom: 1px solid rgba(255,255,255,.2); padding-bottom: .3125rem; }
.message ul li input{background: transparent!important; border: none; color: #fff; font-size: var(--font20);}
.message ul li input::placeholder{color: rgba(255,255,255,.5);}
.message ul li i{color: rgba(255,0,0,.5); font-style: initial;}
.message ul:nth-child(3) li{width: 100%;}
.message ul:last-child li{width: 30%;}
.message ul button{background: #085897; border-radius: 1.6875rem; color: #f5f5f5; padding: .375rem 8.5rem; height: auto; font-size: var(--font16);}
.footer-end{padding: 1.875rem 0;}
.footer-copy p,.footer-copy a{color: rgba(255,255,255,.8);}
.footer-copy span{margin-left: 2.4375rem;}
.footer-copy a:hover{color: #fff;}


/* 内页banner */
.ny-banner .bjBox{height: 31.25rem;}
.ny-banner .bjBox img{height: 100%; object-fit: cover;}
.ny-banner #banner-num{bottom: 0.625rem;}


/* 面包屑 */
.mbx {padding: .625rem 0; border-bottom: 1px solid #eee;}
.mbx .layui-breadcrumb a , .mbx .layui-breadcrumb span {font-size: var(--font14) !important;}
.mbx a:hover {color: #01050e !important;}

/* 内页分类 */
.ny-class{box-shadow: -2px 0px 18px 2px rgba(70,70,70,0.13); }
.class-list ul{display: flex; justify-content: center;}
.class-list ul li{position: relative; padding:  0 3rem; text-align: center; cursor: pointer; margin: 0 2.0625rem}
.class-list ul li::after{position: absolute; content: ''; width: 0; height: 1px;  background: #085897; bottom: 0; left: 50%; transition: .6s;}
.class-list ul li a{color: #333333; letter-spacing: 0.4px; line-height: 4; position: relative; display: block;}
.class-list ul li a::after{position: absolute;  content: ''; width: .9375rem; height: .9375rem; background: #085897; border-radius: 50%; bottom: -.4375rem; left: 0; right: 0; margin: 0 auto; transition: .6s; opacity: 0;}
.class-list ul li:hover a,.class-list ul li.on a{font-weight: 700;}
.class-list ul li:hover::after,.class-list ul li.on::after{width: 100%; left: 0;}
.class-list ul li:hover a::after,.class-list ul li.on a::after{ opacity: 1; }


.nyabout-box{padding: 4rem 0;}
.ny-title{margin-bottom: 2.5rem;}



/* 左侧产品栏目 */
.product-main {}
.product-box {display: flex; justify-content: space-between;align-items: flex-start;}
.product-box .ny-left {width: 21%;position: sticky;top: 6.25rem;}
.product-box .ny-left, .product-box .ny-right {padding: 5rem 0 12.5rem;overflow: hidden;}
.pro-search {width: 100%;background: #f5f5f5;display: flex;justify-content: space-between;align-items: center;height: 3.75rem;min-height: 50px;padding: 0 6.8%;box-sizing: border-box;margin-bottom: 3.125rem;}
.pro-search input{outline: none; border: none; }
.pro-search .text {display: block;font-size: var(--font15);color: #666;width: calc(100% - 1.875rem);background: transparent;}
.pro-search .text::placeholder {color: #666;}
.pro-search .submit {width: 1.125rem;height: 100%;cursor: pointer;border: none;background: transparent;}
.left-title em {display: block;border-top: 1px solid #eee;font-size: var(--font26);color: #2568b3;padding-top: 1.875rem;margin-bottom: 1.25rem;font-weight: bold;}
.left-title {display: flex; align-items: center; justify-content: space-between;    border-top: 1px solid #eee;}
.left-title em {border-top: none;}
.left-title i {display: none;}

.product-menu li { border-bottom: 1px solid #eee; }
.product-menu li .menu-li {display: flex; justify-content: space-between;padding:0.9375rem 1.25rem; cursor: pointer; font-size: var(--font18); border-radius: 100px; transition: .4s;}
.product-menu li .menu-li i {width: 0.9375rem; position: relative;}
.product-menu li .menu-li i svg {max-width: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .4s;}
.product-menu li .menu-li i .jia {opacity: 1;}
.product-menu li .menu-li:hover a {color: #2568b3;}
.product-menu li .s-menu { width: 100%; padding-bottom: 1.25rem; padding-left: 1.25rem; margin-top: 1.25rem; padding-top: 0; display: none;}
.product-menu li .s-menu a { width: 100%; color: #666;  position: relative;margin-bottom: 0.875rem;transition: all ease-out 0.3s; display: block; padding-left: 0.625rem;}
.product-menu li .s-menu a::before {content: ""; width: 5px; height: 5px; border-radius: 50%; background: #f5f5f5;position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%);}
.product-menu li .s-menu a:hover{color: #2568b3;}
.product-menu li .s-menu a.on {color: #2568b3; font-weight: 700;}
.product-menu li .menu-li.on {background: #2568b3;}
.product-menu li .menu-li.on a {color: #fff;}
.product-menu li .s-menu a:hover::before,.product-menu li .s-menu a.on::before {background: #2568b3;}
.product-menu li .menu-li.on i .jia {opacity: 0;}
.product-menu li .menu-li.on i .jian {opacity: 1;}
.product-menu li .menu-li.on i .jian path {fill: #fff;}
.product-menu li .s-menu.on {display: block;}

/* 右侧产品列表 */
.product-box .ny-right {width: 74%;padding-left:4rem;border-left: 1px solid #eee;box-sizing: border-box;}
.proclass-name em{    display: block;   background: #f2f2f2;   border-left: 0.5rem solid #2568b3;    padding: 0.9rem; margin-bottom: 3.125rem;}
.nypro-list ul  {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.nypro-list ul li {background: #fff;box-shadow: 0rem 0rem .625rem 0rem rgba(6,0,1,0.06);/* padding: .25rem; */}
.nypro-list ul li .imgBox {height: 15.625rem; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.nypro-list ul li .imgBox img {max-width: 100%; max-height: 100%; transition: .5s;}
.nypro-list ul li .con {padding: 2rem 2%;box-sizing: border-box;text-align: center;}
.nypro-list ul li .con .p2 {line-height: 1.2;margin-top: 0; min-height: 3rem;}
.nypro-list ul li .con .more2 {margin-top: 2.25rem;}
.nypro-list ul li .more2 {color: #010834; border: 1px solid #010834;padding: .625rem 2.5rem;display: inline-block; transition: .5s;}
.nypro-list ul li:hover .imgBox img {transform: scale(1.05);}
.nypro-list ul li:hover .con .more2 {background: #2568b3; color: #fff; border-color:#2568b3 ;}





/* 产品详情 */
.mbx {padding: .625rem 0; border-bottom: 1px solid #eee;}
.mbx .layui-breadcrumb a , .mbx .layui-breadcrumb span {font-size: var(--font14) !important;}
.mbx a:hover {color: #2568b3 !important;}

.proDateOne {padding: 3.125rem 0 12.5rem;}
.proDateOne .le {width: 43.3%; position: relative;}
.proDateOne .re {width: 48%;}
.proDateOne .re .con .p2{margin-bottom: 1.875rem;}
.proDateOne .swiperBox2 {order: -1;width: 100%; position: relative;}
.proDateOne .swiperBox2 .swjt {}
.proDateOne .swiperBox2 .swjt i {color: #333;}

.proDateThum {height: auto; width: 85%; margin-top: 1.875rem;}
.proDateThum .slide {height: auto;}
.proDateThum .slide .imgBox {background: #f8f8f8; height: 6.25rem;cursor: pointer; border: 1px solid transparent; box-sizing: border-box; display: flex; justify-content: center;}
.proDateThum .slide img {max-width: 100%; max-height: 100%; object-fit: contain;}
.proDateThum .slide.swiper-slide-thumb-active .imgBox {border-color: #2568b3;}

.proDateSwiper .imgBox {/* height: 45rem; */display: flex;align-items: center;justify-content: center; border: 1px solid #eee;}
.proDateSwiper .imgBox img {max-width: 100%;width: 100%;/* max-height: 25rem; *//* object-fit: contain; */height: 100%;object-fit: cover;}
.proDateOne .re .con .p3 {margin-top: 1.875rem; font-size: var(--font22);}
.proDateOne .re .con .p4 {margin-top: 1.875rem;color: #666666; line-height: 1.7;}
.proDateOne .re .conus {margin-top: 3.125rem;}
.proDateOne .re .conus .more {flex: 1; margin-right: .35rem;}
.proDateOne .re .conus .more a {background: #2568b3;border-radius: 100px; padding: 1.25rem .625rem; display: flex; justify-content: center; align-items: center;}

.proDateTwo {background: #f9f9f9; padding: 3.75rem 0 6.25rem;}
.proDateTwo .box { align-items: flex-start;}
.proDateTwo .le {flex: 1;margin-right:11%;}
.proDateTwo .re {width: 24%; position: sticky; top: 7.5rem; min-width: 240px;}
.proDateTwo .re .proOne {padding: 0;}
.proDateTwo .re .proOne .menu {background: #fff;}
.proDateTwo .re .proOne .menu3 .tit h3::after {display: none;}

.previewBox {position: absolute; right: 0; transform: translateX(100%); top: 0; width: 50%;}
.previewBox .magnifier-preview {height: calc(25rem / 2);}
.magnifier-lens {background-size: 300% !important;}





/* 产品资料录入 */
.proDateTwo .content {padding: .5rem 0;}
.proDateTwo .content .item {padding: 1.5rem 0 .5rem; position: relative;top: -1rem;}
.proDateTwo .content img {max-width: 100%; height: auto !important;}



.proOne .menu {box-shadow: 0rem 0rem 1.25rem 0rem rgba(6,0,1,0.06); padding: 2.5rem 0; margin-bottom: 3.125rem;}
.proOne .menu .tit {border-left: .625rem solid #2568b3; padding: 0 1.25rem;}
.proOne .menu .tit h3 {position: relative;}
.proOne .menu .tit h3::after {content: ''; position: absolute; bottom: -1.875rem; left: 0; width: 100%; height: 1px; background: #D0D0D0; opacity: .5;}
.proOne .menu2 dl {padding: 0 1.25rem;margin-top: 3.75rem;}
.proOne .menu2 dd {margin-top: 1.5rem;}
.proOne .menu2 dd a {display: flex; align-items: center; justify-content: space-between;}
.proOne .menu2 dd .imgBox {width: 30%;}
.proOne .menu2 dd .imgBox img {width: 100%; transition: .5s;}
.proOne .menu2 dd .con {flex: 1; margin-left: 1.25rem;}
.proOne .menu2 dd .tit2 {transition: .5s;}
.proOne .menu2 dd:hover .tit2 {color: #2568b3;}
.proOne .menu2 dd:hover .imgBox img {transform: scale(1.05);}




/* 内页图片列表页 */
.caseMain{padding: 7.375rem 0;}
.nypic-list ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 3.75rem 3rem}
.nypic-list ul li .imgBox {overflow: hidden;}
.nypic-list ul li .imgBox img {width: 100%; transition: .5s;}
.nypic-list ul li .info {padding: 0 .625rem;}
.nypic-list ul li .p1 {margin-top: 2.5rem;}
.nypic-list ul li .p2 {margin-top: 1.25rem;}
.nypic-list ul li:hover .imgBox img {transform: scale(1.05); }




/* ==新闻详情 */
.newsDateMain {background: #f9f9f9; }
.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;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: #2568b3; }
.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: 7rem;}
.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:#2568b3; 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: #2568b3;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}


.nynews-box{margin: 5rem 0 6.25rem;}

.nynews-list ul li {border-bottom: 1px solid rgba(102, 102, 102,.2); padding-bottom: 2.5rem; margin-bottom: 2.5rem;}

.nynews-list ul li .imgBox {width: 27%; overflow: hidden;border-radius: .625rem; height: 18rem;}
.nynews-list ul li .imgBox img {width: 100%; transition: .5s; width: 100%; object-fit: cover;}
.nynews-list ul li .info {padding: .5rem 0; width: 60%;}
.nynews-list ul li a {display: flex; align-items: center; justify-content: space-between;}
.nynews-list ul li .time {margin-top: 2.5rem;}
.nynews-list ul li .text {margin-top: 1.25rem;}
.nynews-list ul li .more {width: 3.625rem; height: 3.625rem; border-radius: 50%; background: #e9e9e9; transform: rotate(145deg);}
.nynews-list ul li:hover .imgBox img {transform: scale(1.05);}
.nynews-list ul li:hover .info .p1 {color: #2568b3;}
.nynews-list ul li:hover .more {background: #2568b3; color: #fff; transform: rotate(180deg); transition: .5s;}




.contact-editor table span{word-break: keep-all;}

.pro-editor p{word-break: keep-all;}

.case-editbox table{width: 100%!important;}
.case-editbox table tr{display: inline-flex; justify-content: space-between;width: 100%!important;}
.case-editbox table tr td{width: 48%!important; overflow: hidden; }




@media (max-width: 1500px) {
	
	.head-icon img {	    width: 18rem;	}
	
	
	
    
}


@media (max-width: 1300px) {
	
	.head-icon img {	    width: 15rem;	}
	
	.nav ul li a {padding: 1.0625rem .7rem;}
	
    
}