#c-placeholder {height: 6.5rem;min-height: 6rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;  transition: .6s;}
.headBox{height: 10.375rem;min-height: 6rem; padding: 0 4%; box-sizing: border-box; }
.headBox .logo img{}
.headBox .logo .logo1{display: block; width: 9.5625rem;}
.headBox .logo .logo2{display: none; width: 15.375rem;}


nav {transition: .5s;height: 100%;}
nav ul {display: flex;justify-content: space-between;background-color: transparent!important;color: #333!important;padding: 0!important;height: 100%;}
nav ul li {position: relative;line-height: normal;height: 100%;display: flex!important;align-items: center;}
nav ul li:last-child::after {display: none;}
nav ul li>a {display: block;color: #fff!important;transition: .5s;position: relative;font-size: var(--font20)!important; padding: 0 2.375rem!important;}

nav ul li:hover>a,nav ul li.layui-this>a{ font-weight: bold;}

nav .layui-nav .layui-nav-more,nav .layui-nav .layui-this:after,nav .layui-nav .layui-this:after, nav .layui-nav-bar{display: none!important;}



/* 搜索 */
.head_search {cursor: pointer;  margin-left: 6.25rem;}
.head_search a{width: 3.9375rem;   height: 3.9375rem;   background: rgba(134,144,156,0.1294);  border-radius: 50%;}
.head_search a img{width: 1.375rem; -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{background: #fff; box-shadow: 0 0 1rem rgba(0, 0, 0,.03);}
.header.c-style2 .headBox{height: 6.5rem;}
.header.c-style2  .headBox .logo .logo1{display: none; }
.header.c-style2  .headBox .logo .logo2{display: block; }
.header.c-style2 nav ul li>a{color: #3D3D3D!important;}
.header.c-style2 nav ul li:hover>a,.header.c-style2 nav ul li.layui-this>a{ color: #15833B!important; font-weight: normal;}
.header.c-style2 .head_search a{background: rgba(134,144,156,0.1294);}
.header.c-style2 .head_search a img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
.index-header .headBox{transition: .6s;}

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

/* ===============公用css end!!!!===================*/
.more1 {padding:0.92rem 1.96rem;background: #15833B; display: inline-flex; transition: .5s; border-radius:100px; color: #ffffff; }
.more1:hover {box-shadow: 0 0 0 .5rem rgba(21, 131, 59, .2);}
.more1 img{width: .875rem; margin-left: .625rem;}



/* 首页banner */
.indexBanner {height: 100vh; 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;}
#banner-num{display: none;}
.bannerSwiper .banner-box{bottom: 30%;}
.indexBanner .info h2{font-size: 4rem; font-weight: 500;}
.indexBanner .info h3{margin-bottom: 7.5rem;}


/* 煜佳生物医药 */
.about-bg{background: linear-gradient( 180deg, rgba(236,239,244,0) 6%, #ECEFF4 99%);position: relative; padding: 6.875rem 0 6.25rem;}
.about-logo img{position: absolute; left: 0; bottom: 0; z-index: 1; width: 38.8125rem;}
.index-title{margin-bottom: 2.5625rem;}
.index-title h3{color: #15833B;}
.index-title h2{ font-size: 3.375rem; font-weight: 500; line-height: 1.2;}
.about-box{margin-bottom: 8.75rem;}
.about-box .info{position: relative;z-index: 2;}
.about-box .text{width: 56%;}
.about-box .text h4{color: #525252; margin-bottom: 2.5rem;}
.about-num ul li{ text-align: center;}
.about-num ul li .icon img{width: 4.3125rem; margin-bottom: 1.25rem;}
.about-num ul li h5{font-size: 3.375rem; text-align: center; font-family: "MiSans"; line-height: 1; margin-bottom: .4375rem;}
.about-num ul li em{color: #5A5A5A;}


/* 核心产品 */
.proclass{padding: 7.8125rem 0 11.0625rem;}
.proclass-top{align-items: flex-end; margin-bottom: 4.625rem;}
.proclass-top .index-title{margin-bottom: 0;}
.proclass-list ul{column-gap: 3.125rem;}
.proclass-list ul li{ height:42.9375rem; border-radius: .9375rem; position: relative; transition: .6s; overflow: hidden;}
.proclass-list ul li a{display: block; height: 100%;}
.proclass-list ul li .info{position: absolute; content: '';  width: 100%; height: 100%; top: 0; background: #EEF1F6; border-radius: .9375rem; padding: 0 3.5625rem; box-sizing: border-box; display: flex; align-items: center;}
.proclass-list ul li .pic{position: relative; opacity: 0;  transition: .6s; overflow: hidden; border-radius: .9375rem;}
.proclass-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: .9375rem; transform: scale(1); transition: .6s;}
.proclass-list ul li .pic::after{position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient( 0deg, #15833B 0%, rgba(38,165,82,0) 100%); border-radius: .9375rem;}
.proclass-list ul li:hover .pic{opacity: 1;}
.proclass-list ul li:hover .pic img{transform: scale(1.1);}
.proclass-list ul li .text{position: relative;z-index: 8;}
.proclass-list ul li .icon img{width: 5.5rem; margin-bottom: 2.3125rem;}
.proclass-list ul li h4{color: #3D3D3D; font-weight: 500; margin-bottom: .75rem;}
.proclass-list ul li i{display: block; width: 2.75rem;   height: .375rem;   background: #15833B;   border-radius: 199px 199px 199px 199px; margin-bottom: 2.5rem; transition: .6s;}
.proclass-list ul li .proclass-more{width: 3.8125rem;  height: 3.8125rem;  background: #C3C9D4; border-radius: 50%;}
.proclass-list ul li .proclass-more img{width: .5625rem; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.proclass-list ul li  p{color: #5A5A5A; min-height: 4.5rem; margin-bottom: 6.875rem;}
.proclass-list ul li:hover .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.proclass-list ul li:hover h4,.proclass-list ul li:hover p{color: #fff;}
.proclass-list ul li:hover i{width: 3.4375rem;    height: .1875rem; background: #FFFFFF;}
.proclass-list ul li:hover .proclass-more{background: #FFFFFF;}
.proclass-list ul li:hover .proclass-more img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}


/* 技术优势 */
.tech-bg{background: url(../images/tech-bg.jpg) no-repeat center; background-size: cover; padding: 8.75rem 0 7.75rem; background-attachment: fixed; margin-bottom: 7.8125rem;}
.tech-bg .index-title{margin-bottom: 21.25rem;}
.tech-bg .index-title h3{color: #fff;}
.tech-list{text-align: center;}
.tech-list ul li .icon img{width: 4.8125rem; margin-bottom: 1.5625rem;}
.tech-list ul li strong{margin-bottom: .625rem; display: block;}


/* 新闻动态 */
.news{margin-bottom: 5.875rem;}
.news .index-title{margin-bottom: 4.125rem;}
.news-left{width: 66%;}
.news-left ul li{width: 47.8%;}
.news-left ul li a{display: block;}
.news-left ul li .pic{border-radius: .625rem; overflow: hidden; height: 21.9375rem; }
.news-left ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s; transform: scale(1);}
.news-left ul li:hover .pic img{transform: scale(1.1);}
.news-left ul li .info{padding: .8125rem; box-sizing: border-box;}
.news-left ul li h4,.news-left ul li span{font-weight: 500; color: #3D3D3D;}
.news-left ul li h4{line-height: 1.3;}
.news-left ul li span{margin: 1.375rem 0 1.6875rem;display: block;} 
.news-left ul li p{color: #868686; font-weight: 350;}
.news-right {width: 28.8%;}
.news-right ul li{margin-bottom: 3.75rem;}
.news-right ul li h4,.news-right ul li span{font-weight: 500; color: #3D3D3D;}
.news-right ul li h4{line-height: 1.3; margin-bottom: .75rem}
.news-box{position: relative; margin-bottom: 5.875rem;}
.news-box .xian {position: absolute; top: 0; height: 100%; width: 1px; right: 31%; transform: translateX(-50%); background: #D8D8D8;}
.news-box .xian2 {position: absolute; top: 0; height: 20%; width: 1px; right: 31%; transform: translateX(-50%); background: #1A1311;   transition: height 0.3s ease; /* 平滑过渡效果 */}
.news-left ul li:hover h4,.news-right ul li:hover h4{color: #15833B;}


/* 与我们共筑绿色未来 */
.about-ys{background: url(../images/about-ys.jpg) no-repeat center; background-size: cover; height: 45.9375rem; }
.about-ys .w1500{display: flex; align-items: center; height: 100%;}
.about-ys .index-title{margin-bottom: 0;}
.index-title h4{max-width: 40.7%; margin-top: 2.6875rem;}



/* 公共底部 */
.footer-bg{background: #E2E5EB;}
.footer-top{padding: 5.125rem 0 2.625rem; border-bottom: 1px solid rgba(212,212,212,0.58);}
.footer-logo img{display: block; width: 18.1875rem;}
.footer-nav ul li{margin-left: 5.625rem;}
.footer-nav ul li:first-child{margin-left: 0;}
.footer-nav ul li  a{font-size: var(--font18); color: #383838; }
.footer-contact{border-bottom: 1px solid rgba(213,213,213,0.5804); padding: 3.5625rem  0 2.75rem;}
.footer-contact dl{display: flex; align-items: center; margin-right: 8.8125rem;}
.footer-contact dl:last-child{margin-right: 0;}
.footer-contact dl dt img{width: 2rem; margin-right: .625rem;}
.footer-contact dl dd{}
.footer-contact dl dd em{color: #808080; display: block;}
.footer-contact dl dd span{line-height: 1;}
.copy {padding: 1.5625rem 0 5.3125rem;}
.copy p,.copy a{color: #8F8F8F;}
.footer-nav ul li  a:hover,.copy a:hover{color: #15833B;}




/*圆形图标扩散效果*/
.sidequotebtn dl {width:1.2rem; height:1.2rem; position:relative; margin:0 auto;}
.sidequotebtn dd {width:1.2rem; height:1.2rem; position:absolute; top:0%;left:0%; transform:scale(0); border-radius:50%;background: #15833B; -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-animation:circleScale 4s linear infinite; -moz-animation:circleScale 4s linear infinite; -ms-animation:circleScale 4s linear infinite;animation:circleScale 4s linear infinite;}
.sidequotebtn dd:nth-of-type(2) {animation-delay:1s;}
.sidequotebtn dd:nth-of-type(3) {animation-delay:2s;}
.sidequotebtn dd:nth-of-type(4) {animation-delay:3s;}
.sidequotebtn dt {cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 4.25rem;height: 4.25rem;background: #15833B;border-radius:50%;}
.sidequotebtn dt img {width: 40%;}
.sidequotebtn dt i {color: #FFFFFF;margin-left: 4px;font-size: 15px;}

.sidequotebtn {position: fixed;right: 0;bottom: 25%;z-index: 9999;}
.sidequotebtn dl,
.sidequotebtn dd {width: 6.25rem; height: 6.25rem; min-width: 60px; min-height: 60px;}
.sidequotebtn dt {width: 4.25rem;height: 4.25rem;min-width: 40px; min-height: 40px;}
.sidequotebtn dt svg {max-width: 55%;}
.sidequotebtn .backTop {cursor: pointer; width: 4.5rem; height: 4.5rem; border-radius: 50%;background: rgba(0, 0, 0, 0.25);  margin-left: .625rem;  }
.sidequotebtn .backTop i {color: #fff;}

/*侧边栏留言表单*/
.sidequotebtn {position: fixed;right: 0;bottom: 16%;z-index: 9999;}
.sidequotebtn dl,
.sidequotebtn dd {width: 6.25rem; height: 6.25rem; min-width: 60px; min-height: 60px;}
.sidequotebtn dt {width: 4.25rem;height: 4.25rem;min-width: 40px; min-height: 40px;}
.sidequotebtn dt svg {max-width: 55%;}
.sidequote {width: 25rem; max-width:100%; position: fixed;z-index: 9999999;bottom: .625rem;right: .625rem;border-radius: .625rem;background: #fff;background-size: cover;box-shadow: 0 0 1.25rem 0 rgba(0,0,0,0.1);padding: 1.875rem; padding-top: 2.5rem; transform-origin: bottom right;transform: scale(0);transition: all 0.3s;}
.sidequote .close_btn {font-size: var(--font24);position: absolute;right: .313rem;top: .313rem;color: #d6222b;cursor: pointer;}
.sidequote .close_btn svg {width: 2rem; height: 2rem;}
.sidequote .summary h2 {font-size: var(--font24);text-transform: capitalize;line-height: 1;margin-bottom: .625rem;color: #1a1a1a;}
.sidequote .summary p {font-size: var(--font14);}
.sidequote form {display: block;}
.sidequote form dl dd {margin-top: 1rem;}
.sidequote form dl dd span {display: block;font-size: var(--font14);margin-bottom: .625rem;}
.sidequote form dl dd span i {color: #d6222b;font-size: var(--font14);padding-left: .25rem;}
.sidequote form dl dd input {height: 2.5rem;  display: block;background: #f5f5f5;border: 1px solid #dbdbdb;width: 100%;color: #333;padding: 0 .75rem;border-radius: .25rem;font-size: var(--font14);}
.sidequote form dl dd textarea {display: block; resize: none; width: 100%;background: #f5f5f5;border: 1px solid #dbdbdb;height: 6.25rem;border-radius: .25rem;padding: .625rem .75rem;font-size: var(--font14);}
.sidequote form dl dd input:focus,
.sidequote form dl dd textarea:focus {border-color: #08338F;}
.sidequote form dl dd input::placeholder {font-size: var(--font14);}
.sidequote form dl dd.code .code_box {position: relative;}
.sidequote form dl dd.code img {position: absolute; right: 0; bottom: 0; width: 6.25rem; max-height: 100%;}
.sidequote form dl dt {margin-top: 1.25rem;}
.sidequote form dl dt button {display: block;width: 100%;color: #FFFFFF;line-height: 3.125rem;	cursor: pointer;}
.sidequote.show {transform: scale(1);}
.sidebar .top-back {transition: all 0.4s;}
.sidebar.show {opacity: 1;}


/* ===================================================================内页================================================================== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .bjBox img {width: 100%; min-height: 29.5rem; object-fit: cover;}
.ny-banner h2{font-size: 3.125rem; }



/* 内页关于我们 */
.company{padding: 8.75rem 0 7.3125rem;}
.company-box{margin-bottom: 7.625rem;}
.company-box .info{width: 60%;}
.company-box .text h4{color: #535353; margin-bottom: 1.875rem;}
.aboutMain .nyindex-title{margin-bottom: 5.5625rem;}
.aboutMain .company .nyindex-title{margin-bottom: 2.9375rem;}
.nyindex-title h2{font-size: 3.25rem;}
.company-box  .pic {width: 37.6%;}
.company-box  .pic img{width: 100%; display: block;}


.honor-bg{background: url(../images/honor-bg.jpg) no-repeat center; background-size: cover; padding: 9.0625rem 0; display: none}
.honor-box{position: relative; padding-bottom: 5.625rem;}
.honor-list{position: relative; overflow: hidden;}
.honor-list ul li .pic img{display: block; width: 100%;}

#honor-num{width: 45%!important; height: .5rem!important;    background: #FFFFFF;   border-radius: 263px 263px 263px 263px; left: 0; right: 0; margin: auto; top: auto!important; bottom: 0;}
#honor-num .swiper-pagination-progressbar-fill{ background: #15833B; border-radius: 263px 263px 263px 263px;}

.enterprise{margin: 8.5rem 0;}
.enterprise-list{position: relative; overflow: hidden;}
.enterprise-list ul li{transition: 300ms;  transform: scale(0.8); }
.enterprise-list ul li .pic{overflow: hidden;  position: relative; }
.enterprise-list ul li .pic::after{position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.27);}
.enterprise-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; }
.enterprise-list ul li.swiper-slide-active{ transform: scale(1); }
.enterprise-list ul li.swiper-slide-active .pic{border-radius: .5rem;}
.enterprise-list ul li.swiper-slide-active .pic::after{opacity: 0;}
#enterprise-next{right: 80%;}
#enterprise-prev img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#enterprise-prev{left: 80%;}
.enterprise .enterprise-arrow img{width: 1.3125rem;}
.enterprise .index-more{margin-top: 5.5625rem;}

#enterprise-num{display: none;}



/* 内页产品中心 */
.proOne .box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.proOne .box .le {width: 24%;min-width: 12.5rem;position: sticky;top: 7rem;background: #EEF1F6;padding: 3.5rem 2.1875rem 0 2.625rem;box-sizing: border-box; height: 100vh;}
.proOne .box .re {flex: 1;margin-left: 4.8%; background: #fff; padding-bottom: 12.5rem}
/* 左侧产品栏目 */
.proOne .menu {padding: 1.5rem 0; margin-bottom: 3.125rem;}
.proOne .menu .tit {border-left: .625rem solid #15833B; 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 .menu ul {}
.proOne .menu li {border-bottom: 1px solid #D6D6D6;}
.proOne .menu li .menu-li {display: flex;justify-content: space-between;padding: 1rem 1.5625rem;min-height: 40px;cursor: pointer;box-sizing: border-box;}
.proOne .menu li .menu-li a {color: #333;display: flex;align-items: center;font-size: var(--font16);}
.proOne .menu li .menu-li .more {width: .875rem; position: relative;}
.proOne .menu li .menu-li .more i {max-width: 100%;position: absolute;font-weight: 700;font-size: var(--font16);left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 0;transition: .4s;color: #3d3d3d;}
.proOne .menu li .menu-li .more i.jia {opacity: 1;}
.proOne .menu li .menu-li:hover a {color: #15833B;}
.proOne .menu li .s-menu {width: 100%;display: none;background: #fff;padding: 1.875rem 2.5rem 2.0625rem;}
.proOne .menu li .s-menu a {width: 100%;color: #7b7b7b;position: relative;margin-bottom: 1.25rem;transition: all ease-out 0.3s;display: inline-block;}
.proOne .menu li .s-menu a em{position: relative; line-height: 1.1; display: inline-block;}
.proOne .menu li .s-menu a em::before {content: ''; position: absolute; width: 0; height: 1px; background: #15833B; bottom: 0; left: 0; transition: all ease-out 0.3s;}
.proOne .menu li .s-menu a:hover em,.proOne .menu li .s-menu a.active em{color: #15833B; font-weight: bold;}
.proOne .menu li .s-menu a:hover em::before,.proOne .menu li .s-menu a.active em::before  {width: 100%;}

.proOne .menu li.ons .s-menu a:hover em,.proOne .menu li.ons .s-menu a.active em{color: #15833B; font-weight: bold;}
.proOne .menu li.ons .s-menu a:hover em::before,.proOne .menu li.ons .s-menu a.active em::before  {width: 100%;}

.proOne .menu li .menu-li.on {background: #15833B;}
.proOne .menu li .menu-li.on a {    color: #fff;}
.proOne .menu li .menu-li.on .more i.jia {opacity: 0;}
.proOne .menu li .menu-li.on .more i.jian {opacity: 1;color: #fff;}
.proOne .menu li .s-menu.on {display: block;}

.proOne .menu li .menu-li.ons {background: #15833B;}
.proOne .menu li .menu-li.ons a {    color: #fff;}
.proOne .menu li .menu-li.ons .more i.jia {opacity: 0;}
.proOne .menu li .menu-li.ons .more i.jian {opacity: 1;color: #fff;}
.proOne .menu li .s-menu.ons {display: block;}

/* 右侧产品列表 */
.proOne .box .re h6{color: #999999; margin: 5.75rem 0 2.625rem;}
.proOne .box .re span{color: #15833B;}
.proOne .list{width: 89%; }
.proOne .list ul {gap: 1.75rem 1.5625rem;}
.proOne .list li {background: #FAFAFA; overflow: hidden;  text-align: center; padding-bottom: 4.25rem; position: relative;}
.proOne .list li .pic {height: 16rem; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.proOne .list li .pic>img {max-width: 80%;max-height: 80%; object-fit: cover; transition: .5s;}
.proOne .list li:hover .pic>img {transform: scale(1.1);}
.proOne .list li .info h3{font-weight: 500; color: #3D3D3D; margin-bottom: .625rem;}
.proOne .list li .info span{color: #7E7E7E;}
.proOne .list li .product-more{position: absolute; content: ''; top: -100%; left: 0; right: 0; width: 3.5625rem; height: 3.5625rem; background:rgba(21, 131, 59, 0.9); border-radius: 50%;  margin: auto; transition: 0.6s;}
.proOne .list li .product-more img{width: 1.3125rem;}
.proOne .list li:hover .product-more{top: 30%;}


/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #15833B; z-index: 2;} 
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}
/* PC端隐藏切换按钮 */
@media screen and (min-width: 769px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 1024px) {
  .proOne .box .le {width: 22%;}
}
@media screen and (max-width: 768px) {
  .proOne {position: relative;}
  .proOne .box .le {position: fixed;left: -100%;top: 0;bottom: 0;width: 60%;background: #fff;z-index: 999;transition: all 0.3s; box-shadow: none; padding: 0;}
  .proOne .box .le.show {left: 0; overflow-y: auto;}
  .proOne .box .re {width: 100%; flex: none; margin-left: 0;}
  .filter-toggle {display: block;}
}


/* 公共给我们留言 */
.contact-bg{background: url(../images/contact-bg.jpg) no-repeat center; background-size: cover; padding:5.9375rem 0 7.75rem; }
.contact-title strong{color: #292929; font-size: 3rem; display: block; margin-bottom: .5625rem;}
.contact-title span{color: #525252;}
.message{width: 63%; }
.message ul{column-gap: 1.125rem; margin-bottom: .875rem;}
.message ul li,.message ul .layui-form-item{padding-left: 1.375rem;display: flex;align-items: center;background: #fff;border-radius: .3125rem;}
.message ul li input,.message ul .layui-form-select .layui-input,.message ul textarea{ background: #fff;  height: 3.4375rem;   border-radius: .3125rem;   font-size: var(--font14);   color: #5a5a5a; padding-left: .3125rem; border: none; }
.message ul  label{color: #FF0000; font-size: var(--font14);  }
.message ul textarea{height: 11rem; padding: 1.375rem; box-sizing: border-box;}
.message ul .incode{width: 100%; background: #fff;  height: 3.4375rem;   border-radius: .3125rem; padding-left: 1.375rem;}
.message ul .incode input{ font-size: var(--font14);  color: #5a5a5a; border: none; padding-left: .3125rem;}
.message ul .incode img{margin-right: .625rem; height: 2.625rem; width: 7rem;}
.message .insub button{background: #15833B;color: #FFFFFF;font-size: 1rem;border-radius: 100px;padding: 0.5rem 4.45rem;height: auto; margin-top: 2.875rem;}
.message ul .layui-form-item .layui-form-select{width: 100%;}


/* 内页产品详情页 */
.proxq-banner{background: #E2E5EB; padding: 2.8125rem 0 7.6875rem;}
.position span{color: #818181;}
.position span img{width: 1.8125rem; margin-right: .625rem;}
.position span a{color: #818181; margin: 0 .3125rem;}
.position span a:hover{color: #15833B;}
.proxq-box {margin-top: 3.75rem;}
.proxq-box .pic{width: 47%;   height: 25.25rem;   background: #FFFFFF; display: flex; align-items: center; justify-content: center;}
.proxq-box .pic img{ display: block; max-width: 100%; max-height: 100%; object-fit: cover;}
.proxq-box .info{width: 47%;}
.proxq-box .info strong{color: #373737;font-size: 2.5rem; display: block; margin-bottom: 1.25rem;}
.proxq-box .info em{color: #3D3D3D; text-transform: uppercase; display: block; margin-bottom: 3.4375rem;}
.proxq-box .info p{color: #4F4F4F; margin-bottom: .6875rem;}
.proxq-box .info p>img{width: 1.125rem; display: block; margin-right: .3125rem;}
.proxq-box .index-more{margin-top: 3.75rem}
.proxq-box .index-more a{padding: 0.82rem 4.9rem;}
.proxq-box .index-more img{width: 1.125rem; display: block; margin-right: .3125rem;}
.proxq{padding: 5.375rem 0;}
.proxq-title{border-bottom: 1px solid #D8D8D8; padding-bottom: 1.25rem; position: relative; margin-bottom: 3.125rem;}
.proxq-title::after{content: ''; width: 5.8125rem; height: 2px; background: #15833B; position: absolute; left: 0; bottom: -1px;}
.proxq-title em{color: #15833B; }

/* 推荐产品 */
.recom-bg{background: #F7F7F7; padding: 6.625rem 0 6.5625rem;}
.recom-top{margin-bottom: 2.625rem;}
.recom-top strong{font-size: 3rem;}
.recom-arrow{display: flex; align-items: center;}
.recom-arrow .arrow{position: relative; cursor: pointer; width: 3.4375rem; height: 3.4375rem; background: #fff; border-radius: 100px; display: flex; align-items: center; justify-content: center;     left: auto; right: auto; transition: .6s;}
.recom-arrow  #recom-next{margin-left: .8125rem;}
.recom-arrow  #recom-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.recom-arrow .arrow:hover{background: #15833B;}
.recom-arrow .arrow:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.recom-list{position: relative; overflow: hidden;}
.recom-list ul li {background: #FFFFFF; overflow: hidden;  text-align: center; padding-bottom: 4rem; position: relative;}
.recom-list ul li .pic {height: 16rem; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.recom-list ul li .pic>img {max-width: 80%;max-height: 80%; object-fit: cover; transition: .5s;}
.recom-list ul li:hover .pic>img {transform: scale(1.1);}
.recom-list ul li .info h3{font-weight: 500; color: #3D3D3D; margin-bottom: .625rem;}
.recom-list ul li .info span{color: #7E7E7E;}
#recom-num{display: none;}


/* 新闻动态 */
.newsMain{padding: 7.3125rem 0 0;}
.latest-news{padding-bottom: 5.125rem; margin-bottom: 5.125rem; border-bottom: 1px solid #D8D8D8;}
.latest-news .pic{overflow: hidden; width: 40.8%; border-radius: 1.1875rem;}
.latest-news .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s; transform: scale(1);}
.latest-news .pic:hover img{transform: scale(1.1);}
.latest-news .info{width: 52.6%;}
.latest-news .info em{font-weight: 350; color: #3D3D3D;display: block; margin-bottom: .9375rem;}
.latest-news .info h3{font-weight: 500 ; color: #3D3D3D; margin-bottom: 1.5625rem;}
.latest-news .info h4{color: #868686; font-weight: 350; margin-bottom: 5.3125rem;}
.latest-news .info .news-more{border: 1px solid #707070; border-radius: 100px; display: inline-flex; padding: 0.85rem 1.35rem; transition: .6s;}
.latest-news .info .news-more span{color: #707070;}
.latest-news .info .news-more img{width: 1.1875rem; margin-left: .75rem; display: block;}
.latest-news a:hover .info .news-more{background: #15833B; border-color: #15833B;}
.latest-news a:hover .info .news-more span{color: #fff;}
.latest-news a:hover .info .news-more img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.news-class{margin-bottom: 3.5625rem;}
.news-class ul li{margin-right: .9375rem;}
.news-class ul li a{color: #3D3D3D; border: 1px solid #CBCBCB; border-radius: 100px;  padding: 1.28rem 2.46rem; transition: .6s;}
.news-class ul li a:hover,.news-class ul li a.on{background: #15833B; border-color: #15833B; color: #fff;}

.nynews-list ul{gap: 2.5rem 2rem;}
.nynews-list ul li a{display: block;}
.nynews-list ul li .pic{ overflow: hidden; height: 15.875rem; margin-bottom: 1.5625rem;}
.nynews-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s; transform: scale(1);}
.nynews-list ul li:hover .pic img{transform: scale(1.1);}
.nynews-list ul li h4,.nynews-list ul li span{font-weight: 500; color: #3D3D3D;}
.nynews-list ul li h4{line-height: 1.3;}
.nynews-list ul li span{margin: .75rem 0 .25rem;display: block;} 
.nynews-list ul li p{color: #868686; font-weight: 350;}
.nynews-list ul li:hover h4{color: #15833B;}


/*内页企业风貌 */
.enterpriseMain{padding: 6.125rem 0;}
.nyenterprise-list ul{gap: 2rem 2.375rem;}
.nyenterprise-list ul li {padding: 1.9375rem 1.375rem 4.25rem; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.04); border-radius: 12px 12px 12px 12px;}
.nyenterprise-list ul li .pic{overflow: hidden; overflow: hidden; height: 21.3125rem; margin-bottom: 2.625rem; border-radius: 1.25rem;}
.nyenterprise-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s; transform: scale(1);}    
.nyenterprise-list ul li:hover .pic img{transform: scale(1.1);}
.nyenterprise-list ul li h4{font-weight: 500; color: #353535; margin-bottom: 1.75rem;}
.nyenterprise-list ul li i{display: block; width: 2.875rem;  height: .375rem;  background: #15833B;  border-radius: 144px 144px 144px 144px; transition: .6s;}
.nyenterprise-list ul li:hover  i{width: 3.5rem;}



.nycontact-box{box-shadow: 0px 3px 47px 0px rgba(0,0,0,0.07); border-radius: 2rem; padding: 5.25rem 5.25rem 6.4375rem; box-sizing: border-box; transform: translateY(-7.75rem); background: #fff;}
.contact-list{margin-bottom: 3.125rem;}
.contact-list ul li{text-align: center;}
.contact-list ul li .icon img{width: 3.875rem; margin:  0 auto 2.75rem;}
.contact-list ul li b{display: block; margin-bottom: .625rem;}

.map{position: relative;}
.map img{display: block; width: 100%; border-radius: 1.5rem; min-height: 25rem;}
.map .cirle {top: 56%;left: 55%;}
.map .cirle i {width: 1.5625rem; height: 1.5625rem; border-radius: 50%; display: block;background: #15833B; position: relative; z-index: 2;}
.map .cirle::before,.map .cirle::after {background: #15833B; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%;border-radius: 50%;content: ''; z-index: 1; }
.map .cirle::before{ animation: scale 2s infinite;}
.map .cirle::after{ animation: scale2 2s infinite;}
@keyframes scale {0% {transform:translate(-50%, -50%) scale(1);  opacity: .2; } 100% { transform:translate(-50%, -50%) scale(4); opacity: 0;}}
@keyframes scale2 {0% {transform:translate(-50%, -50%) scale(1); opacity: .05; }100% { transform:translate(-50%, -50%) scale(8);opacity: 0;}}


/* 内页新闻详情 */

.newsxq-box{background: #fcfcfc; }
.newsxq-top{background: #ffffff;  border-radius: 0px 0px 34px 34px;border-radius: 0px 0px 2.125rem 2.125rem; box-sizing: border-box; padding: 3.5rem 4.4375rem 4.0625rem; border-top: .6875rem solid #15833B; margin-top: -15%;  z-index: 2; position: relative;}
.newsxq-top .date{margin-bottom: 1.25rem;}
.newsxq-top .date span{color: #15833B; margin-right: 1.5625rem;}
.newsxq-top .date em{ display: block; color: #15833B; border: 1px solid #15833B; border-radius: 1rem; padding: 0.2rem 1.1rem; }
.newsxq-top .text{border-top: 1px solid #F2F2F2; margin-top: 1.9375rem; padding-top: 2.5rem;}
.newsxq-bottom{padding: 3.5rem 0 6.5rem;}
.newsxq-left{width: 67%; align-items: flex-start; margin: 2.875rem 0 0;}
.news-editor{margin-bottom: 3.125rem;}
.news-editor img{display: block; max-width: 100%!important; height: auto!important;}
.newsxq-left .index-more{display: flex; align-items: center; justify-content: center;}
.recom-box{position: sticky; top: 3.5rem; background: #ffffff;  padding: 2.375rem 2.375rem 2rem;  border-radius: .375rem; box-shadow: -0.24px 7px 9px 7px rgba(48,48,48,0.06); width: 28%;}
.recom-title{margin-bottom: 2.3125rem; position: relative;}
.recom-title::after{position: absolute; content: ''; width: 2rem;  height: .1875rem;  background: #15833B;  border-radius: .125rem; bottom: -.0938rem;}
.recom-title strong{display: block; border-bottom: 1px solid #EAEAEA; padding-bottom: 1.75rem;}
.recom-news ul li{padding-bottom: 2rem; margin-bottom: 1.75rem; border-bottom: 1px solid #F2F2F2;}
.recom-news ul li .pic{overflow: hidden; border-radius: .1875rem; width: 41%;}
.recom-news ul li .pic img{display: block; width: 100%; transition: .6s;}
.recom-news ul li:hover .pic img{transform: scale(1.1);}
.recom-news ul li .info{width: 54%;}
.recom-news ul li .info em{color: #444444; margin-bottom: 1.0625rem;}
.recom-news ul li .info span{color: #7c7c7c;}
.recom-contact img{display: block; width: 100%; margin-bottom: 2.125rem;}
.recom-box .index-more .more1{padding: 1rem 0; width: 100%;}



.picMain{padding: 0;}

/* 图片详情页 */
.picxq-left{background: #fff; margin-top: 0; padding: 3rem 2%;}
.picxq-title {   border-bottom: 1px solid #F2F2F2;   margin-bottom: 1.9375rem;   padding-bottom: 1.5rem;}



.news-banner .pic img {
  width: 100%;
  min-height: 29.5rem;
  object-fit: cover;
}