html {
  scroll-behavior: smooth;
}

.top{background: #0b7ace; padding: .5rem 0;}
.topbox{padding:  0 2%;}
.topbox ul li{margin-left: 2.0625rem;}
.topbox ul li:hover a{color: #FF8A00;}

/* #c-placeholder {height: 5rem;min-height: 80px;} */

.headBox {height: 6.25rem; padding: 0 2%;transition: .5s; display: flex; background: #fff; justify-content: space-between;  align-items: center;}
.headBox .logo img {width: 17.125rem;}
.headBox .logo .text{ padding-left: 50px; margin-left: 4.25rem;  position: relative;}
.headBox .logo .text::after{position: absolute; content: ''; width: 1px; height: 2.4375rem; background: #f2f2f2; left: 0; top: 50%; transform: translateY(-50%);}
.headBox .logo .text strong{color: #ff8a00; display: block;}
.headBox .logo .text span{color: #666666;}
.head-contact dl:last-child{margin-left: 6.4375rem;}
.head-contact dl dt{width: 3.375rem;  height: 3.375rem;  background: #ff8a00; margin-right: 1.25rem;}
.head-contact dl dt img{height: 1.8125rem;}
.head-contact dl dd em{color: #666; display: block;}
.head-contact dl dd b{color: #ff8a00; font-weight: bold;}


/* 导航 */
/* 取消layui默认样式 */
.nav-bg{height: 4.625rem; background: #0b7ace;  display: flex; align-items: center; position: sticky; left: 0; top: 0; z-index: 99; width: 100%;}

.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;}
nav{height: 4.625rem;}
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; padding:  0 3rem; position: relative; transition: .6s; } 
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 > .layui-this:after,nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-nav-item:hover,nav>.layui-nav>.layui-this   { background: #ff8a00; font-weight: bold;}
nav .layui-nav .layui-nav-child a:hover {background: none; color: #ff8a00 !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 {width: 42%; margin-right: 20%;} */
/*nav ul {display: flex; justify-content: space-between;}*/
/*nav ul li a {position: relative;}*/
/*nav ul li dl.layui-nav-child {background: #eaf1f9; padding: 1.25rem 1.25rem; box-shadow: none; width: 100%;}*/
/*nav ul li dl.layui-nav-child dd {margin: .625rem 0;}*/
/*nav ul li dl.layui-nav-child dd > a {padding: 0 !important;    line-height: initial; font-size: var(--font16);color: #333333; text-align: center;}*/
/*nav ul li dl.layui-nav-child dd.layui-this{background: transparent; }*/

/* 二级导航 */
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: 13.4rem; padding: 1.875rem 5%; 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: 30%;}
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: 58%;}
nav ul li .navTwo .box .list .item {width: 48%; border-bottom: 1px solid #eee;}
nav ul li .navTwo .box .list .item a {color: #333;font-size: var(--font18);padding: 1rem;}
nav ul li .navTwo .box .list .item::after {display: none;}
nav ul li .navTwo .box .list .item.layui-this a {color: #ff8a00;}


.nav-bg.c-style2 nav ul li .navTwo{    top: 4.625rem;}



.luangage {display: flex; align-items: center; position:relative; padding: 1rem 0; cursor: pointer;}
.ver b{margin: 0 .4375rem;}
.ver  img{min-height: 1.125rem;}
.ver .ver-icon{transition: .6s;}
.ver:hover .ver-icon{transform: rotate(90deg);}
.weblinks {z-index: 2; box-shadow: 0 0 0.1rem rgb(0, 0, 0,.2);position: absolute;background: #fff;border-radius: 5px;padding: .1rem 40px;left: 50%;top: 100%; text-align: center;transform:translateX(-50%) translateY(35%);opacity: 0;visibility: hidden;transition: .5s; width:max-content;}
.weblinks::before {content: "";width: 20px; height: 10px; background: #fff; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: #fff;    position: absolute;left: 50%;top: -3%;transform: translate(-50%, -50%);}
.weblinks a {justify-content: center; }
.weblinks a {margin: 10px 0; display: block;}
.weblinks a:hover {color: #ea5506;}
.luangage:hover .weblinks {opacity: 1; transform:translateX(-50%) translateY(0%); visibility: visible;}





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

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

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




/* 首页banner */
.bannerSwiper {position: relative;}
.bannerSwiper .slide-inner {height: 100%;}
.bannerSwiper .slide-inner .imgBox {height: 100%;}
.bannerSwiper .slide-inner .imgBox img {height: 100%; object-fit: cover;width: 100%;}
.bannerSwiper .swiper-slide {overflow: hidden;}
.indexbanner{position: relative;}
#banner-num{text-align: left; padding: 0 13.54%; bottom: 2.5rem;}
#banner-num span{width: 2.625rem; height: .1875rem; background: #b1b1b1; border-radius: 2px; opacity: 1; position: relative; margin:  0 .6875rem 0 0;}
#banner-num span.swiper-pagination-bullet-active{background: #ff8a00;}


/* 搜索 */
.pannel{border-bottom: 1px solid #F2F2F2;}
.keywords img{min-width: .875rem; margin-right: .9375rem;}
.keywords ul li{margin-right: 2.0625rem;}
.keywords ul li a{color: #666;}
.keywords ul li a:hover{color: #ff8a00;}
.pan-search input{border: none; outline: none;}
.pan-search .search-text{ padding-left: 2.0625rem; position: relative; border-left: .125rem solid #ADADAD; padding-right: 7.8125rem;}
.pan-search .search-text::placeholder{color: #999999;}
.pan-search button{background: #ff8a00; padding: 1.5rem 1.9rem;}
.pan-search button img{width: 1.4375rem;}


/* 产品中心 */
.product{padding: 2.875rem  0 4.3125rem;}
.title-top{margin-bottom: 4.0625rem}

.index-title strong{color: #ff8a00;}
.index-title b{color: #0b7ace;}
.index-title h2{margin-top: .25rem;}
.index-more a{width: 5.3125rem;  height: 5.3125rem;  background: #ff8a00;  border-radius: 50%;}
.index-more img{transition: .6s; width: 1.125rem;}
.index-more a:hover img{transform: rotate(45deg);}
.product .title-top{margin-bottom: 2.5rem;}
.product-btn{border: 1px solid #b6b6b6;  border-radius: 2.8125rem; margin-bottom: 3.0625rem;}
.product-btn ul{display: flex; justify-content: space-evenly;}
.product-btn ul li{text-align: center; width: auto!important;}
.product-btn ul li h3{color: #777777; position: relative; padding: 1.9rem 0;}
.product-btn ul li h3::after{position: absolute; content: ''; width: 0; height: 2px; background: #ff8a00; bottom: 0; left: 0; z-index: 2; transition: .6s;}
.product-btn ul li.swiper-slide-thumb-active h3{color: #ff8a00;}
.product-btn ul li.swiper-slide-thumb-active h3::after{width: 100%;}
.product-bottom{position: relative;}
.product-list ul li{padding: .3125rem; box-sizing: border-box; }
.product-list ul li .product-bg{border-radius: 1rem; height: 37.9375rem; background: url(../images/product-bg.jpg) no-repeat center top;background-size: cover;box-shadow: 3px 4px 0px 0.08px rgb(48 48 48 / 3%);padding:  5.4375rem 7% 7.6875rem;box-sizing: border-box;}
.product-list ul li .info{width: 58%;}
.product-list ul li .info b{color: #ff8a00; display: block; margin-bottom: 1.4375rem;}
.product-list ul li .info strong{color: #0b7ace; display: block; line-height: 1.4;}
.product-list ul li .text{margin: 1.5rem 0 2.8125rem;}
.product-list ul li .info h3{color: #666666; line-height: 2; display: block;}
.product-list ul li .info span{border: 1px solid #0b7ace; border-radius: 1.625rem; color: #0b7ace; display: inline-block; padding: .76rem 1.8rem; transition: .6s;}
.product-list ul li .info span:hover{background: #0b7ace; color: #fff;}
.product-list ul li .pic{width: 27.125rem; display: flex; align-items: center; justify-content: center;}
.product-list ul li .pic img{width: 100%;}
#product-prev,#product-next{ cursor: pointer;}
#product-prev img,#product-next img{min-width: 1.0625rem;}
#product-prev{left: 11%;}
#product-next{right: 11%;}
#product-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#product-num{bottom: 2.1875rem;}
#product-num span{width: 2.625rem; height: .1875rem; background: #b1b1b1; border-radius: 2px; opacity: 1; position: relative; margin:  0 .6875rem 0 0;}
#product-num span.swiper-pagination-bullet-active{background: #ff8a00;}


/* 公司概况 */
.about-pannel {height: 50rem}
.about-pannel dl {display: flex; height: 100%;}
.about-pannel dd {flex: .98;height: 100%;position: relative;z-index: 1;transition: .6s;  box-sizing: border-box; color: #fff;}
.about-pannel dd:last-child{margin-left: .5rem;}
.about-pannel dd .pic {}
.about-pannel dd .pic img {position: absolute;width: 100%;left: 0; top: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.about-pannel dd.on {flex: 2.11;}
.about-pannel dd .info{background: rgba(0,0,0,.6); position: absolute; content: ''; width: 100%; height: 100%; z-index: 1; padding: 6rem 10% 0; box-sizing: border-box;}
.about-pannel dd.on .info{background: rgba(0,0,0,.4);}
.about-pannel dd .hide{opacity: 0;}
.about-pannel dd.on .hide{opacity: 1;}
.about-pannel dd .info strong{margin-bottom: 3rem; display: block;}
.about-pannel dd .hide p:first-child{margin-bottom: 2.25rem;}
.about-num{margin: 4.5rem 0 4rem;}
.about-num ul{justify-content: space-between}
.about-num ul li{padding-left: 1.5rem; border-left: 1px solid rgba(255,255,255,.5); }
.about-num ul li:last-child{margin-right: 0;}
.about-num ul li em{display: block; line-height: 1; margin-bottom: .625rem;}
.about-num ul li b{ line-height: 1;}
.about-num2 ul li{width: 30%; min-height: 6rem}

/* 博福新材料·实力雄厚 */
.ys{padding: 4.0625rem 0 4rem;}
.ys .title-top{margin-bottom: 3.125rem;}
.ys-list ul{grid-template-columns: repeat(3, 1fr); gap: 1rem 1.5625rem; display: grid;}
.ys-list ul li{position: relative; border-radius: .375rem; text-align: center; height: 20rem}
.ys-list ul li .pic{overflow: hidden; border-radius: .5rem; height: 100%}
.ys-list ul li .pic img{display: block;  width: 100%; height: 100%; object-fit: cover; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.ys-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;}
.ys-list ul li .hide{position: absolute; content: ''; width: 100%; height: 100%; background: #fcfcfc; top: 0; border-radius: .375rem; padding: 0 6%;  box-sizing: border-box;}
.ys-list ul li .icon{display: flex; align-items: center; justify-content: center;}
.ys-list ul li .icon img{width: 4.1875rem; margin: 2.6875rem auto 1.4375rem;}
.ys-list ul li .info strong{display: block; margin-bottom: 1.25rem;}
.ys-list ul li .text{transition: .6s;}
.ys-list ul li:hover .hide{background: rgba(0,0,0,.7);}
.ys-list ul li:hover .pic{border-radius: .375rem;}
.ys-list ul li:hover .icon{display: none;}
.ys-list ul li:hover .text{transform: translateY(5.4375rem);}
.ys-list ul li:hover strong,.ys-list ul li:hover p{color: #fff; }


/* 技术班底 20+年 新材料产品研发经验沉淀 */
.ys-bg{background: url(../images/ys-bg.jpg) no-repeat center; background-attachment: fixed; color: #fff; padding: 4.1875rem 0 5.375rem; background-size: cover;}
.ys-title{position: relative;}
.title-bg img{position: absolute; content: ''; width: 63.6875rem; top:1.75rem; left: 0;right: 0; margin: auto; display: none}
.ys-title strong{display: block; margin-bottom: 1.875rem;}
.ys-title b{color: #ff8a00; font-style: italic; border-bottom: 5px solid #ff8a00;display: inline-block; line-height: 1; margin: 0 .5rem;}
.ys-title h3{line-height: 1.2;}
.ys-title span{color: rgba(255,255,255,.1); text-transform: uppercase; }
.ys-bottom{margin-top: 1.5625rem}
.ys-bottom dl{margin-right: 3.125rem;}
.ys-bottom dl dt{width: 3.375rem;  height: 3.375rem;  background: #ff8a00; margin-right: 1.25rem;}
.ys-bottom dl dt img{min-height: 1.8125rem;}
.ys-bottom dl dd em{display: block;}
.ys-bottom dl dd b{font-weight: bold;}
.ys-link a{color: #fff; border: 1px solid #fff; border-radius: 1.625rem; display: inline-block; padding: .75rem 1.75rem; transition: .6s;}
.ys-link a:hover{background: #ff8a00; border-color: #ff8a00;}


/* 应用领域·实力雄厚 */
.app-bg{background: url(../images/app-bg.png) no-repeat  top right;  background-size: cover; padding: 3.125rem 0 3.9375rem;}

.app-box{align-items: flex-start;}
.app-btn{flex: 0.7;}
.app-btn ul li{width: auto!important; cursor: pointer; border: 1px solid #666666; height: 3rem;border-radius: 1.625rem;  display: flex; align-items: center; justify-content: center}
.app-btn ul li h3{display: block;color: #666666;text-align: center; line-height: 1.1}
.app-btn ul li.swiper-slide-thumb-active {background: #ff8a00; border-color: #FF8A00; }
.app-btn ul li.swiper-slide-thumb-active h3{color: #ffffff;}
.app-list{width: 81%;}
.app-list ul li .info{width: 40.2%;}
.app-list ul li .info strong{display: block; border-bottom: 1px solid #E9E9E9; padding-bottom: 1.875rem ; margin-bottom: 2.5rem;}
.app-list ul li .info dl{margin-bottom: 2.125rem;}
.app-list ul li .info dl dt{color: #ff8a00; font-weight: 700; margin-bottom: .3125rem;}
.app-list ul li .info dl dd{color: #666666;}
.app-list ul li .pic{width: 56.8%;}
.app-list ul li .pic img{display: block; width: 100%; border-radius: 1.3125rem}
#app-num{display: none;}


/* 经典案例·注重客户 */
.case{padding: 4.5rem 0 7.25rem}
.case .index-title{width: 49%}

.case-list {padding-bottom: 3.4375rem;}
.case-list ul li{border: 1px solid #f2f2f2; box-sizing: border-box;}
.case-list ul li .pic{overflow: hidden; position: relative;}
.case-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;}
.case-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;}
.case-list ul li .hide{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.7); top: -100%; display: flex; align-items: center; justify-content: center; transition: .6s;}
.case-list ul li .icon{width: 5.3125rem; height: 5.3125rem; background: #ff8a00;border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.case-list ul li .icon>img{min-width: 1.4375rem;}
.case-list ul li .info{ text-align: center; padding: 1.25rem 2% 1.375rem; position: relative;  }
.case-list ul li .info::after{transition: .6s; position: absolute; content: ''; width: 100%; height: 0;background: #ff8a00; bottom: 0;left: 0; z-index: 0; clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);}
.case-list ul li .info strong{color: #333333; margin-bottom: .625rem; position: relative; z-index: 1;}
.case-list ul li .info p{color: #666666; position: relative; z-index: 1;}
.case-list ul li:hover .hide{top: 0;}

.case-list ul li:hover .info::after{height: 100%;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.case-list ul li:hover .info strong,.case-list ul li:hover .info p{color: #fff;}
.case-bottom{position: relative;}
#case-prev,#case-next{width: 3.5625rem;  height: 3.5625rem;  background: #ff8a00;  border-radius: 50%;}
#case-prev img,#case-next img{min-width: 1.0625rem;}
#case-prev{left: 0;}
#case-next{right: 0;}
#case-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#case-num{width: 88%; margin: 0 auto; left: 0; right: 0; background: #fcfcfc;  border-radius: .125rem; height: .1875rem; top: 0;}
#case-num .swiper-pagination-progressbar-fill{background: #ff8a00;}


/* 新闻中心·实力雄厚 */
.news-bg{ background: #f2f2f2; padding: 4.375rem 0 10.4375rem;}

.news-bg .index-title{width: 40%}
.news-btn ul{display: flex; border: 1px solid #b6b6b6; border-radius: 2.8125rem; padding:  0 2.4375rem;}
.news-btn ul li{color: #777777; margin: 0 2rem; position: relative; line-height: 4.5; cursor: pointer;}
.news-btn ul li::after{position: absolute; content: ''; width: 0; height: .125rem; background: #ff8a00; bottom: 0; left: 0; transition: .6s;}
.news-btn ul li:hover,.news-btn ul li.on{color: #ff8a00; font-weight: bold;}
.news-btn ul li:hover::after,.news-btn ul li.on::after{width: 100%;}
.news-bd dl{display: none;}
.news-bd dl:first-child{display: block;}
.news-box{align-items: flex-end;}
.news-latest{width: 41.7%; border-radius: .4375rem; position: relative;}
.news-latest .pic{overflow: hidden; border-radius: .4375rem;}
.news-latest .hide{position: absolute;content: '';border-radius: .4375rem; background: url(../images/news-hide.png) no-repeat center bottom;width: 100%;height: 100%;bottom: 0;background-size: cover;display: flex;align-items: flex-end;padding: 0 2.5rem 2.125rem; color: #fff;}
.news-latest .hide span{margin-bottom: .3125rem; display: block;}
.news-latest a .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-latest a: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{width: 55%;}
.news-list ul li{border-bottom: 1px solid #D9D9D9; line-height: 1; padding-bottom: 2.5rem; margin-bottom: 2.5rem;}
.news-list ul li:last-child{margin-bottom: 0;}
.news-list ul li .date{border-right: 1px solid rgba(217,217,217,.5); padding-right: 1.5625rem; margin-right: 1.0625rem; text-align: center;}
.news-list ul li .date span{color: #666666;display: block;}
.news-list ul li .date em{color: #333333;}
.news-list ul li .text{flex: .9;}
.news-list ul li .text strong{color: #333333; margin-bottom: 1.125rem;}
.news-list ul li .text p{color: #666666;}
.news-list ul li:hover .date span{color: #ff8a00;}
.news-list ul li:hover .date em{color: #ff8a00;}
.news-list ul li:hover .text strong{color: #ff8a00;}
.news-list ul li:hover .text  p{color: #ff8a00;}


/* 公共底部 */
@font-face {
  font-family: "Martel";
  src: url("../font/MARTEL-BOLD.TTF");
}

.footer-bg{background: url(../images/footer-bg.jpg) no-repeat center top; background-size: cover;}
.footer-top{border-bottom: 1px solid rgba(242,242,242,0.2); padding-bottom: 7.1875rem;}
.contact-bg{background: #ff8a00;  border-radius: .625rem; position: relative; top: -5.125rem;}
.contact-bg .pic{width: 35%; }
.contact-bg .pic img{display: block; width: 100%; border-radius: .625rem;}
.contact-bg .info{width: 65%; padding-left: 6.0625rem;}
.contact-bg .info b{margin-right: .375rem;}
.contact-bg .info span{ font-family: "Martel"; margin-left: .75rem;}
.contact-bg .info p{margin-top: .375rem;}
.contact-icon{position: absolute; content: ''; left: 31.5%; top: 50%; transform: translateY(-50%); width: 5.3125rem; height: 5.3125rem; background: #ffffff; border-radius: 50%; border: .625rem solid #ff8a00; box-shadow: 0px 0px 4px 0.08px #303030; }
.contact-icon img{min-width: 1.875rem;}
.foot-nav{color: #ffffff;}
.foot-nav dl{  }
.foot-nav dl dt{margin-bottom: 1.5625rem;}
.foot-nav dl dd {font-size: var(--font15);line-height: 1.2;align-items: flex-start;margin-bottom: 1rem;}
.foot-nav dl dd a{color: #ffffff;}
.foot-nav dl dd img{min-width: 1.125rem;margin-right: .5rem;/* margin-top: 0.5rem; */}
.foot-nav dl:nth-child(4){width: 30%;}
/*.foot-nav dl:nth-child(5){width: 18%;}*/
.foot-nav dl:nth-child(5) dd{align-items: flex-start;}
.foot-nav dl:nth-child(5) dd img{margin-top: .3125rem;}
.foot-nav dl.foot-wechat img{min-width: 7.625rem;}
.foot-nav dl.foot-wechat span{display: block; text-align: center; margin-top: .4375rem;}
.foot-copy{padding: 1rem 0;}
.foot-copy p,.foot-copy a{color: #ffffff;}
.foot-copy span{margin-left: 5.375rem;}
.foot-nav dl dd a:hover,.foot-copy a:hover{color: #ff8a00;}


/* 内页banner */
.ny-banner {position: relative;}
.ny-banner .pic img{display: block; width: 100%;}
.ny-banner .info{top:54.5%}
.ny-banner .info .text{margin-bottom: 8.4375rem;}
.ny-banner .info .title-en{position: relative;}
.ny-banner .info .title-en img{}
.ny-banner .info .title-en strong{color: #0b7ace; position: absolute; content: ''; top: 1.25rem; left: 0;}
.ny-banner .info .title-en b{color: #ff8a00; margin-right: 1.375rem;}
.ny-banner .info h2{color: #555555; margin:2.1875rem 0 3.125rem;}
.ny-banner .info .line{background: rgba(255,138,0,.2); width: 28.75rem; height: 1px; position: relative;}
.ny-banner .info .line::after{position: absolute; content: ''; width: 6.875rem; height: .1875rem; background: #ff8a00; left: 0; top:-.0625rem}
.position img{ min-width: 1.25rem;}
.position a{margin:0 .875rem;}

.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: #ff8a00; bottom: 0; left: 50%; transition: .6s;}
.class-list ul li a{color: #333333; letter-spacing: 0.4px; line-height: 5; position: relative; display: block;}
.class-list ul li a::after{position: absolute;  content: ''; width: .9375rem; height: .9375rem; background: #ff8a00; 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; }


/* 内页关于我们 */
.aboutMain{padding: 5rem 0 0;}
.about{margin-bottom: 5.1875rem;}
.about-bg{background: url(../images/about-bg.png) no-repeat right top; padding-top: 4.3125rem;}
.about-box{margin-bottom: 1.9375rem;}
.about-title strong{font-weight: 700; color: #333333; position: relative;}
.about-title strong::after{position: absolute; content: '';  width: .9375rem; height: .9375rem; border: 2px solid #ff8a00; border-radius: 50%; right: -1.75rem; top: .125rem;}
.about-title h4{color: #333333; font-weight: 300; letter-spacing: 0.64px; margin-bottom: 2.375rem;}
.about-title i{display: block; width: 6.875rem;  height: .1875rem;  background: #ff8a00;}
.about-box .about-title{width: 42%}
.about-box .about-title h4{line-height: 1.2}
.about-box .info{ width: 52%;}
.about-box .info h3{color: #555555; letter-spacing: 0.32px; margin-bottom: 2.625rem;}
.about-pic img{display: block; width: 100%;}

.vision-bg{background: url(../images/vision-bg.jpg) no-repeat center; background-attachment: fixed; padding: 12.625rem 0 13.3125rem;}
.vision-list dl{color: #fff; position: relative; padding-left: 2.375rem;}
.vision-list dl:first-child{margin-bottom: 4.125rem;}
.vision-list dl::after{position: absolute; content: ''; width: 2px;  height: 5.8125rem; border-radius: 1px; left: 0; top: .625rem; background: rgba(255,255,255,.5);}
.vision-list dl .about-title strong{color: #fff;}
.vision-list dl .about-title h3{width: 53%;}
.business{padding: 4rem 0 4.375rem;}
.business .about-title{border-bottom: 1px solid rgba(242,242,242,1); margin-bottom: 2.3125rem; padding-bottom: 1.75rem;}
.business .about-title strong{font-weight: 500;}
.business .about-title strong::after{display: none;}
.business .about-title h5{color: #666666;}
.business-list ul{display: grid; grid-template-columns: repeat(3, 1fr);column-gap:2.6875rem} 
.business-list ul li{text-align: center;}
.business-list ul li .pic{position: relative; border-radius: .5rem; margin-bottom: 2rem;}
.business-list ul li .pic::after{ position: absolute; content: ''; width: 100%; height: 100%; background: #ff8a00; border-radius: 8px; top: 0; left: 0; z-index: -1; transition: .3s;}
.business-list ul li .pic img{display: block; width: 100%; border-radius: .5rem}
.business-list ul li:hover .pic::after{top: -0.3125rem; left: -0.3125rem;}
.business-list ul li .info{padding:  0 3%; box-sizing: border-box;}
.business-list ul li .info strong{color: #333333; margin-bottom: 1.0625rem;}
.business-list ul li .info p{color: #333333;}

.culture-bg{background: url(../images/culture-bg.jpg) no-repeat center top; background-size: cover; text-align: center; padding: 5.1875rem 0 13.0625rem;}
.culture-bg .about-title{margin-bottom:5.625rem}
.culture-bg .about-title strong,.culture-bg .about-title h4{color: #fff;}
.culture-list ul{display: grid; grid-template-columns: repeat(3, 1fr);} 
.culture-list ul li{position: relative; color: #fff;  padding:  0 12%; box-sizing: border-box;}
.culture-list ul li::after{position: absolute; content: ''; top: 50%; transform: translateY(-50%); right: 0; width: 1.875rem; height: 7.75rem; background: url(../images/culture-line.png) no-repeat ;}
.culture-list ul li .icon{margin-bottom: 1.75rem;}
.culture-list ul li .icon img{width: 5rem;}
.culture-list ul li strong{display: block; margin-bottom: 1rem;}

#about,#business{position: relative; top: -1rem;}



/* 内页产品列表页 */
.proMain{padding: 5rem 0;}
.product-box{display: flex; justify-content: space-between; align-items: flex-start;}
.pro-left{width: 24.5%; position: sticky; top: 7.5rem;  background: #fcfcfc;  border-radius: .6875rem;}
.pro-title strong{background: #ff8a00; border-radius: .6875rem .6875rem 0px 0px; display: block; padding: 1.0625rem 0 1.0625rem 2.5rem;}
.pro-class {padding: 1.25rem 0 0;}
.pro-class ul li{ border-bottom: 1px solid #EBEBEB; padding: 1.5625rem 1.625rem; box-sizing: border-box;}
.pro-class ul li h3{width: 80%}
.pro-class ul li img{width: 1.0625rem; transition: .6s;}

.pro-class ul li:hover h3{color: #ff8a00;}
.pro-class ul li:hover img{filter: invert(50%) sepia(97%) saturate(620%) hue-rotate(357deg) brightness(97%) contrast(109%); transform: rotate(-90deg);}
.pro-right{width: 71.78%;}
.pro-consult{border-bottom: 1px solid rgba(235,235,235,.6); padding: 1.4375rem 2.625rem 0; margin-bottom: 1.25rem;}
.pro-consult img{display: block; width: 100%; border-radius: 5px;}
.pro-consult span{display: block; padding: .9375rem 0;}
.pro-tel {padding: 0 2.625rem 2.5rem;}
.pro-tel dl dt{width: 3.375rem;  height: 3.375rem;  background: #ff8a00; margin-right: 1.25rem; border-radius: 50%;}
.pro-tel dl dt img{height: 1.8125rem;}
.pro-tel dl dd em{color: #666; display: block;}
.pro-tel dl dd b{color: #ff8a00; font-weight: bold;}
.nypro-list ul li {margin-bottom: 1.4375rem}
.nypro-list ul li a{background: url(../images/pro-li-bg.jpg) no-repeat center top; background-size: cover; border-radius: .625rem; padding:  3.875rem 4% 3.125rem; box-sizing: border-box;}
.nypro-list ul li .info{width:63.2%;}
.nypro-list ul li .info strong{font-weight: 700;color: #ff8a00; display: block; margin-bottom: .625rem; line-height: 1.2}
.nypro-list ul li .info h4{font-weight: 500; color: #0b7ace;}
.pro-more {position: relative; overflow: hidden; width: 3.6875rem; height: 3.6875rem; background: #ff8a00; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.6s;}
.pro-more img{width: .75rem;}
.nypro-list ul li .pro-more{ margin-top: 2.375rem;}
.nypro-list ul li .pro-more:hover {-webkit-box-shadow: 0 0 0 .625rem rgba(255, 138, 0,.2); box-shadow: 0 0 0 .625rem rgba(255, 138, 0,.2);}
.nypro-list ul li .pic{width: 32.3%;}
.nypro-list ul li .pic img{display: block; width: 100%;}


/* 内页产品应用 */
.recom-bg{background: #fcfcfc; padding: 4.0625rem 0 11.25rem; }
.recom-bg .index-title{margin-bottom: 5.125rem;}
.recom-bg .index-title h2{color: #666666;}
.recom-box{position: relative; }
.recom-list{overflow: hidden;padding: .3125rem; box-sizing: border-box;}
.recom-list ul li .pic{position: relative; border-radius: .5rem; margin-bottom: 2.125rem;}
.recom-list ul li .pic::after{ position: absolute; content: ''; width: 100%; height: 100%; background: #ff8a00; border-radius: 8px; top: 0; left: 0; z-index: -1; transition: .3s;}
.recom-list ul li .pic img{display: block; width: 100%; border-radius: .5rem}
.recom-list ul li:hover .pic::after{top: -0.3125rem; left: -0.3125rem;}
.recom-list ul li .info{ text-align: center;}
.recom-list ul li .info strong{color: #0b7ace; display: block; margin-bottom: .5625rem;}
.recom-list ul li .info p{color: #666666;}
#recom-num{display: none;}
#recom-prev,#recom-next{top:35%; width: 3.6875rem; height: 3.6875rem; background: #ff8a00; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
#recom-prev img,#recom-next img{width: 1.125rem;}
#recom-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#recom-prev{left: 9%;}
#recom-next{right: 9%; }


/* 内页产品详情页 */
.proxq-bg{background: url(../images/proxq-bg.jpg) no-repeat center top; background-size: cover; padding: 4.6875rem  0 1.5625rem;}
.proxq{justify-content: space-between;margin-bottom: 2.75rem;}
.proxq-box{position: relative; width: 40%;}
.proxq-pic {position: relative; overflow: hidden; width: 78%;}
.proxq-pic ul li .pic img{display: block; width: 100%;}
.proxq-info{width: 52%;}
.proxq-info b{color: #ff8a00; display: block; margin-bottom: 1.125rem;}
.proxq-info strong{color: #0b7ace; display: block;}
.proxq-info .text{margin-top: 1.25rem;}
.proxq-info h3{color: #666666; line-height: 2;}
.proxq-info a{ color: #0b7ace;border: 1px solid #0b7ace;border-radius: 1.625rem;padding:0.76rem 1.8rem;display: inline-block; margin-top: 1.875rem; transition: .6s;}
.proxq-info a:hover{background: #0b7ace; color: #fff;}
#proxq-num{display: none;}
#proxq-prev,#proxq-next{transition: .6s; top: auto; bottom: 0; width: 2.8125rem; height: 2.8125rem; border: 1px solid #ff8a00; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
#proxq-prev img,#proxq-next img{min-width: .875rem;}
#proxq-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#proxq-prev{left: auto; right: 11.5%;}
#proxq-prev:hover,#proxq-next:hover{background: #ff8a00;}
#proxq-prev:hover img,#proxq-next:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.pro-detail{padding: 4.0625rem 0 3.25rem;}
.pro-detail .index-title{margin-bottom: 3.125rem;}
.index-title i{display: block; width: 6.875rem; height: .1875rem; background: #ff8a00; margin: 1.25rem  auto 0;}
.pro-editor{margin-bottom: 3.125rem; }
.pro-editor p{word-break: keep-all!important;}
.proxq-link{display: flex; align-items: centerapp-list;}
.proxq-link a{ color: #0b7ace;border: 1px solid #0b7ace;border-radius: 1.625rem;padding:0.76rem 1.8rem;display: inline-block;  transition: .6s; margin: 0 auto;}
.proxq-link a:hover{background: #0b7ace; color: #fff;}


/* 内页应用领域-列表页 */
.appMain{background: #f4f7fe; padding: 4.25rem 0 .625rem;}
.nyapp-list ul li{margin-bottom: 2.375rem; box-shadow: -2px 0px 18px 2px rgba(0,0,0,0.25); border-radius: 1.8125rem; background: #fff; transition: .6s;}
.nyapp-list ul li .info,.nyapp-list ul li .pic{width: 50%;}
.nyapp-list ul li .info{padding:  0 5%; box-sizing: border-box;}
.nyapp-list ul li  .nyapp-title{border-bottom: 1px solid #E9E9E9; padding-bottom: 1.875rem; margin-bottom: 2.25rem;}
.nyapp-list ul li .info strong{color: #333333;}

.nyapp-list ul li dl{margin-bottom: 2.125rem;}
.nyapp-list ul li dl:last-child{margin-bottom: 0;}
.nyapp-list ul li dl dt{color: #ff8a00; font-weight: 700; margin-bottom: .1875rem;}
.nyapp-list ul li dl dd{color: #666666;}
.nyapp-list ul li:hover{background: #0b7ace;}
.nyapp-list ul li:hover .info strong,.nyapp-list ul li:hover dl dt,.nyapp-list ul li:hover dl dd{color: #fff;}
.nyapp-list ul li .pic{overflow: hidden;}
.nyapp-list ul li .pic img{display: block; width: 100%; border-radius: 0 1.8125rem 1.8125rem 0;}
.recom-pro .index-title{margin-bottom: 2.5rem;}
.recom-pro{background: #f4f7fe;}
.recompro-list{padding: 0;}
.recompro-list ul li{background: #fff; border-radius: .625rem; padding: 3rem 2% 2.125rem;}
.recompro-list ul li .pic{margin-bottom: 1.0625rem; overflow: hidden;}
.recompro-list ul li .pic img{display: block; width: 100%; transform: scale(.9);  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.recompro-list ul li:hover .pic img{-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.recompro-list ul li .pic::after{display: none;}
.recompro-list ul li .info strong{color: #ff8a00; margin-bottom: .9375rem}
.recompro-list ul li .info p{color: #0b7ace;font-weight: 500;}
.recom-pro #recom-prev,.recom-pro #recom-next{top: 50%;}


/* 内页应用领域-详情页 */
.appxq-box{background: #ffffff; border-radius: 1.1875rem; padding: 3.8125rem 3.5rem; box-sizing: border-box;}
.app-xq{margin-bottom: 3.75rem;}
.app-xq .pic{ width: 48%;}
.app-xq .pic img{display: block; width: 100%; border-radius: .75rem;}
.app-xq .info{width: 48%;}
.app-xq .info .app-title{border-bottom: 1px solid #F2F2F2; padding-bottom: 1.875rem; margin-bottom: 2.5rem;}
.app-xq .info strong{display: block; margin-bottom: .625rem;}
.app-xq .info h3{color: #0b7ace;}
.app-xq .info dl{margin-bottom: 2.125rem;}
.app-xq .info dl:last-child{margin-bottom: 0;}
.app-xq .info dl dt{font-weight: 700; margin-bottom: .625rem;}
.app-xq .info dl dd{color: #666666;}
.appys-title {border-bottom:1px solid #F2F2F2; padding-bottom: 2.4375rem;}
.appys-title strong{display: block;}
.app-detail{padding: 3.5625rem 0;}
.app-detail p{word-break: keep-all!important;}


/* 内页工程案例-列表页-详情页 */
.nycase-list ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.625rem 1.6875rem;}
.nycase-list ul li {border: 1px solid #e9e9e9;}
.case-xq .info{margin-top: 3.125rem;}
.case-xq .info .app-title{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}


/* 内页新闻列表页 */
.nynews-list ul li{border-bottom: 1px solid #E0E5F0; padding-bottom: 4.5625rem; margin-bottom: 4.5625rem;}
.nynews-list ul li .pic{ width: 30%; }
.nynews-list ul li .pic img{display: block; width: 100%; border-radius: .875rem}
.nynews-list ul li .info{width: 66.5%;}
.nynews-list ul li .text{width: 71%;}
.nynews-list ul li .text strong{color: #555555; margin-bottom: 1.125rem;}
.nynews-list ul li .text  p{color: #666666; margin-bottom: 2.5rem;}
.nynews-list ul li .pro-more{background: #F0D0AB; margin-right: 1.125rem;}
.nynews-list ul li .text em{color: #FF8A00;}
.nynews-list ul li:hover .text strong{color: #ff8a00;} 
.nynews-list ul li:hover .pro-more{background: #ff8a00;}
.nynews-list ul li .date {  display: flex; flex-direction: column; align-items: flex-end;}
.nynews-list ul li .date b{color: #d4d4d4;}
.nynews-list ul li .date i{width: 4rem; height: 1px; background: #d4d4d4; display: block; margin: 1.25rem 0 2.375rem;}
.nynews-list ul li .date span{color: #d4d4d4;}


/* 内页新闻详情页 */
.news-xq{background: #ffffff; border-radius: 1.1875rem; padding: 3.8125rem 3.5rem; box-sizing: border-box;}
.nynews-title {border-bottom: 1px solid #e9e9e9; padding-bottom: 1.875rem;}
.nynews-title h5{margin-bottom: .625rem;}
.nynews-title span{color: #666;}
.news-detail{padding: 3.5625rem 0; border-bottom: 1px solid #e9e9e9; margin-bottom: 1.875rem; }
.datePage a:hover{color: #FF8A00;}


/* 内页联系我们 */
.ny-contact{background: #0b7ace;}
.ny-contact .info{width: 41%; padding:  0  0 0 5.5%; box-sizing: border-box; color: #ffffff; position: relative;}
.ny-contact .info  strong{ font-weight: 700; margin-bottom: 1.75rem; display: block;}
.ny-contact .info i{display: block; width: 2.5rem; height: .125rem; background: #ffffff; margin-bottom: 2.6875rem;}
.contact-list dl{margin-bottom: 1.875rem;}
.contact-list dl:last-child{margin-bottom: 0;}
.contact-list dl dt{width: 3.4375rem; height: 3.4375rem; border-radius: 50%; background: rgba(255,255,255,.4); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1.25rem;}
.contact-list dl dt img{width: 1.6875rem;}
.contact-list dl dd{flex: 1}
.contact-list dl dd b{display: block;}
.contact-logo {position: absolute; content: ''; right: 0; bottom: 0; width: 12.8125rem;}
.contact-logo img{display: block; width: 100%;}
.ny-contact .pic{width: 59%;}
.ny-contact .pic img{display: block; width: 100%;}

.contactMain{padding: 6.1875rem  0 12.4375rem;}



.pro-editor table{width: 100%!important;}
.pro-editor img{max-width: 100%!important; height: 100%!important;}
.pro-editor .pic-4 tr {display: grid;grid-template-columns: repeat(4, 1fr);gap: 1.2rem;}
.pro-editor .pic-4 tr td{width: 100%!important;}
.pro-editor .pic-4 tr td img{height: auto!important; width: 100%!important;}

.pro-editor .cp-2 tr td:last-child{padding-left: 5%}