/* =====头部===== */ 
body {min-width: 1260px; overflow-x: auto;}
#c-placeholder {height: 1rem; min-height: 70px;}

.header {position: fixed;min-width: 1260px; width: 100%; left: 0; top: 0; z-index: 99;  background: #fff;}
.headBox {height: 1rem; min-height: 70px; display: flex; justify-content: space-between; padding-left: 2%;border-bottom: 1px solid #F2F2F2; box-sizing: border-box;  box-sizing: border-box;}
.header .headBox .logo img {width: 100%; max-width: 2.5rem;}

/* 导航栏 */
nav {width: 59%; margin-left: 10%;}
nav ul {display: flex; height: 100%; justify-content: space-between;}
nav li {display: flex; align-items: center; position: relative;}
nav li > a {color: #333; transition: .5s; font-size: var(--font20);}
nav li > a span {position: relative;}
nav li > a span::after {content: '';width: 0; height: .12rem; position: absolute; left: 50%; top: 120%; transform: translate(-50%,-50%); background: url(../images/header-nav-icon.png) no-repeat center; background-size: contain; transition: .5s;}
nav li:hover > a span::after {width: .4rem;}
nav li.on > a span::after {width: .4rem;}

/* 头部右侧 */
.headRe {display: flex;}
.headRe .hengXian {margin-right: .4rem;}
.headRe .hengXian i {width: 1px;height: 0.48rem;background: #f2f2f2;}
.headLuange {display: flex; align-items: center;}
.headLuange .layui-nav * {font-size:initial;}
.headLuange .layui-nav {background: none; padding: 0;}
.headLuange .layui-nav .layui-nav-item {line-height: initial;}
.headLuange .layui-nav .layui-nav-item > a {color: #333; display: flex; align-items: center;font-size: var(--font18); padding: 0;}
.headLuange .layui-nav .layui-nav-item > a span {margin: 0 .05rem;}
.headLuange .layui-nav .layui-nav-more {font-size: 12px; position: relative;}
.headLuange .layui-nav-child {top: 100%;}
.headSearch {padding: 0 .4rem; height: 101%; box-sizing: border-box;background: #008943; margin-left: .4rem; flex-shrink: 0; cursor: pointer;}
/* 下拉 */
.navTwo {line-height: initial; min-width: 140px; width: max-content;position: absolute; left: 50%; top: 100%; transform: translate(-50%, 15%); z-index: 10;opacity: 0;pointer-events: none;transition: all 0.4s;}
.navTwo .innavBox {display: flex; justify-content: center; padding:.1rem .2rem; background: #fff;border-radius: 0.1rem;box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.15);}
.navTwo.on {opacity: 1;pointer-events: auto; transform: translate(-50%, 0%);}
.navTwo dl dd {margin: .15rem 0;}
.navTwo dl dd a {display: flex;align-items: center; transition: .4s; color: #666666;}
.navTwo dl dd span {transition: .4s;}
.navTwo dl dd a i {margin-right: .1rem;}
.navTwo dl dd a i svg path {transition: .5s;}
.navTwo dl dd:hover span {color: #008943;}
.navTwo dl dd:hover svg path {fill: #008943;}

/* 搜索按钮 */
.heSearch {cursor: pointer;}
/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4  {background-color: #fff;padding: .5rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 1.5%; top: 5%; cursor: pointer; max-width: .3rem;}
.hadbox-sec4 .close svg {max-width: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 1.6rem; height: 0.56rem; min-height: 45px; background: #008943;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: .6rem .3rem;}
  .hadbox-sec4 .form {padding-bottom: .2rem;}
  .hadbox-sec4 .f_tit {font-size: var(--font20);}
}


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

/* ===============公用css end!!!!===================*/
.more1 {background: #008943; border-radius: 60px; padding: .1rem .24rem;  display: inline-flex; align-items: center; transition: .5s; position: relative; z-index: 1;overflow: hidden;}
.more1 span {color: #fff; transition: .5s;}
.more1 .jt {width: 0.4rem; height: 0.4rem;background: #FFFFFF; border-radius: 50%; margin-left: .4rem; min-width: 25px; min-height: 25px; transition: .5s;}
.more1 .jt {color: #008943; transition: .5s; font-size: var(--font14);}
.more1:active {border-color: #008943; background: #008943;}
.more1:active {color: #fff;}
@media (any-hover: hover) {
.more1:hover {background: #fff;}
.more1:hover {color: #008943;}
.more1:hover span {color: #008943;}
.more1:hover .jt {background: #008943; transition-delay: .25s;}
.more1:hover .jt i {color: #fff;transition-delay: .25s;}
}

/* ======首页======= */
.indexSwiper {height: 100vh;}
.indexslide { height: 100%;position: relative;overflow: hidden;}
.indexslide .bjBox {height: 100%;position: absolute;width: 100%; left: 0; top: 0;z-index: -1;}
.indexslide .bjBox img {width: 100%; height: 100%;object-fit: cover;}
/* 控件 */
.indexSwiper .indexpage {right: 0;}
.indexSwiper .indexpage span {width: 7px; height: 7px; background: #ffffff; position: relative; opacity: 1; margin: .45rem !important;}
.indexSwiper .indexpage span::after {content: ''; position: absolute; width: 400%; height: 400%; border: 1px solid #fff; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); transition: .5s;}
.indexSwiper .indexpage span.swiper-pagination-bullet-active::after {transform: translate(-50%,-50%) scale(1);}

/* 首页第一屏 */
.inOneSwiper {height: 100%; overflow: hidden;}
.inOneSwiper .slide {overflow: hidden;}
.inOneSwiper .slide-inner {position: absolute; top: 0; left: 0; z-index: -1; height: 100%;width: 100%;}
.inOneSwiper .slide-inner img {width: 100%;height: 100%;object-fit: cover;}
.inOneSwiper .w1400 {height: 100%;}
.inOneSwiper .box {display: flex;align-items: center; height: 100%;}
.inOneSwiper .box .str {line-height: 1.2;}
.inOneSwiper .box .con {position: relative; z-index: 1; padding-right: .5rem; padding-bottom: .8rem;}
.inOneSwiper .box .con::after { content: ''; position: absolute; z-index: -1; height: 100%; bottom: -.4rem; right: 0; width: 100vw;opacity: 0.86;background: #008943;}
/* 控件 */
.inOneSwiper .swjt {--swiper-theme-color: #fff;  --swiper-navigation-size: var(--font20); width: .8rem; height: .8rem;background: rgba(0, 137, 67,.86); right: 6%;}
.inOneSwiper .swjt.swiper-button-prev {left: 6%;}
.inOneSwiper .pageBox {text-align: center; position: absolute; width: 100%; bottom: .8rem;left: 0;}
.inOneSwiper .pagetion {width: auto; bottom: 0; position: relative;    display: inline-block; position: relative;}
.inOneSwiper .pagetion::before {content: ''; position: absolute; top: 0; height: 1px; width: 100vw; left: -100vw; background: #fff;opacity: 0.1;}
.inOneSwiper .pagetion::after {content: ''; position: absolute; top: 0; height: 1px; width: 100vw; right: -100vw; background: #fff;opacity: 0.1;}
.inOneSwiper .pagetion span {width: auto; height: auto; background: none; margin: 0; color: #ffffff;letter-spacing: 1px; position: relative; opacity: 1;}
.inOneSwiper .pagetion span::before {content: ''; top: 0; left: 50%; transform: translate(-50% ,-100%); position: absolute;width: 1px; height: 0.19rem;opacity: 0.2;background: #ffffff; transition: .5s;}
.inOneSwiper .pagetion span.swiper-pagination-bullet-active::before {height: .4rem; width: 2px; opacity: 1;}

/* 首页第二屏 */
.inslideTwo {background: #e2e9f0;}
.inslideTwo::before {content: ''; position: absolute; z-index: 1; height: 1.3rem;background: #fcfcfc;top: 0; width: 0; right: 0; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%); transition: 1s;transition-delay: .5s;}
.inslideTwo::after {content: ''; position: absolute; z-index: 1; height: 1.3rem;background: #fcfcfc; width: 0; right: 0; bottom: 0;-webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 100%);transition: 1s;transition-delay: .5s;}
.inslideTwo.swiper-slide-active::before {width: 100%; transition-delay: 0.2s;}
.inslideTwo.swiper-slide-active::after {width: 100%;transition-delay: 0.2s;}
.inslideTwo .box {height: 100%; display: flex; align-items: center;}
.inslideTwo .con {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.inslideTwo .con .le {width: 54%;}
.inslideTwo .con .imgBox {width: 42%;border-radius: 0.2rem; overflow: hidden;}
.inslideTwo .con .imgBox img {width: 100%;}
.inslideTwo .le .tit {position: relative; z-index: 1;}
.inslideTwo .le .tit .logo {position: absolute; left: 0; bottom: 0; z-index: -1; opacity: .1;}
.inslideTwo .le .tit .logo img {max-width: 6rem;}
.inslideTwo .le .tit span {font-style: oblique;}
.inslideTwo .le .p1 {margin-top: .3rem;}
.inslideTwo .le .xian {margin-top: .5rem; display: block;width: 0.88rem; height: 2px;background: #008943;}
.inslideTwo .le .text {padding-top: .3rem;}
.inslideTwo .le .text p {color: #555555;margin-top: .3rem;}
.inslideTwo .le .more {margin-top: .8rem;}

.inslideThre {position: relative;z-index: 1;}
.inslideThre .bjlist {position: absolute; width: 100%;height: 100%; left: 0; top: 0; z-index: -1;}
.inslideThre .bjlist .item {height: 100%; width: 100%;overflow: hidden;position: absolute; top: 0;left: 0;}
.inslideThre .bjlist .item img {width: 100%; height: 100%; object-fit: cover;     width: 100%;height: 100%;opacity: 0;object-fit: cover;transform: scale(1.1);transition: opacity 1s cubic-bezier(.435,.25,.15,.965), transform 1.5s cubic-bezier(.435,.25,.15,.965), -webkit-transform 1s cubic-bezier(.435,.25,.15,.965);}
.inslideThre .bjlist .item.on img {transform: scale(1); opacity: 1;}
.inslideThre .box {display: flex; justify-content: flex-end; height: 100%;}
.inslideThre .con {width: 40%;background: rgba(0, 0, 0,.6); height: 100%; position: relative;}
.inslideThre .conTop {margin-top: 2rem;padding-left: .6rem;margin-right: 2.5rem; position: relative;}
.inslideThre .conTop::after {content: ''; position: absolute; right: 0; height: 200vh; top: -100vh; width: 1px; background: #fff; opacity: .1; z-index: 1;}
.inslideThre .con .tle i {width: 0.88rem;height: 2px;background: #ffffff; display: block; margin-top: .5rem;}
.inslideThre .con .list {margin-top: .5rem;}
.inslideThre .con li {position: relative; padding: .3rem 0; border-bottom: 1px solid rgba(255, 255, 255,.1); opacity: 0;}
.inslideThre .con li:last-child {border: 0;}
.inslideThre .con li::after {content: ''; right: 0; top: 50%; height: 20%; width: 2px; background: #fff; position: absolute; transform: translateY(-50%); transition: .5s;}
.inslideThre .con li a {display: flex; align-items: center;color: #fff; font-size: var(--font24); transition: .5s;}
.inslideThre .con li .icBox {width: .3rem; height: .3rem; margin-right: .24rem;}
.inslideThre .con li .icBox img {max-width: 100%; max-height: 100%;filter: invert(100%) sepia(99%) saturate(0%) hue-rotate(140deg) brightness(112%) contrast(101%); transition: .5s;}
.inslideThre .con li.on a {color: #008943;}
.inslideThre .con li.on::after {background: #008943;}
.inslideThre .con li.on .icBox img {filter: none;}
.inslideThre .con .telBox {background: #008943; position: absolute;z-index: 2; width: 100%; bottom: 0; left: 0; padding: .3rem 0; padding-left: .6rem;}
.inslideThre .con .telBox .icBox img {max-width: .5rem;}

.inslideFour {background: #fcfcfc;}
.inslideFour .box {display: flex;align-items: center; height: 100%;}
.inslideFour .swiperBox {margin-top: .4rem; position: relative;}
.inslideFour .logo2 {position: absolute; right: 0; top: 50%; transform: translate(100%,-50%);opacity: 0.06;}
.inslideFour .logo2 img {max-width: 2rem; max-height: 7rem;}
.inslideFour .swiper {padding-top: .2rem; position: static;   --swiper-theme-color: #008943;}
.inslideFour .swiper .slide {display: block; padding: .4rem;border: 1px solid #f2f2f2;border-radius: 0.1rem 0.5rem 0.1rem 0.5rem; transition: .5s;}
.inslideFour .swiper .slide .imgBox {border-radius: 0.1rem 0.3rem 0.1rem 0.1rem; overflow: hidden;}
.inslideFour .swiper .slide .imgBox img {width: 100%;}
.inslideFour .swiper .slide .p1 {position: relative; z-index: 2;}
.inslideFour .swiper .slide .p2 {position: relative; z-index: 1;}
.inslideFour .swiper .slide .p2::after {opacity: 0.06;  content: ''; position: absolute; z-index: -1; width: 100%; height: .85rem; bottom: 0; background: url(../images/inslideFour-logo.png) no-repeat center; background-size: contain;}
.inslideFour .swiper .slide .more {margin-top: .6rem;}
.inslideFour .swiper .swiper-pagination {bottom: -.5rem;}
.inslideFour .swiper .slide:hover {transform: translateY(-.1rem);background: #008943;}
.inslideFour .swiper .slide:hover .p1 p {color: #fff;}
.inslideFour .swiper .slide:hover .p2 p {color: #fff;}
.inslideFour .swiper .slide:hover .more {color: #fff;}

/* 底部 */
.inslideFive .footer {height: 100%;}
.footer {background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover; position: relative;}
.footer::before {position: absolute; top: 0; right: 0; width: 91%; content: '';height: .7rem;opacity: 0.1; background: #f6fbff;border-radius: 0rem 0rem 0rem 146px;}
.footer .box {display: flex; align-items: center; height: 100%; padding-top: 1.5rem;}
.footer .logo img {max-width: 2.6rem;}
.footer .topBox form {width: 6.7rem;height: 0.65rem;background: #f6f6f8;border-radius: 60px; padding-left: .3rem;}
.footer .topBox form input {background: none; height: 100%; width: 100%; padding-right: .2rem; box-sizing: border-box;}
.footer form .le {flex: 1;}
.footer form button {background: #008943; border-radius: 100px; flex-shrink: 0;background: #008943; padding: 0 .45rem; cursor: pointer;} 
.footer .foterBom {border-top: 1px solid rgba(255, 255, 255,.1); margin-top: .5rem; padding: .6rem 0 1.2rem;}
.foterUs li {margin-bottom: .35rem;} 
.foterUs li em {color: #fefefe;}
.foterUs li .p1 {font-weight: 700; font-size: var(--font28);}
.foterUs li .p2 , .foterUs li .p2 a {color: #fefefe; font-size: var(--font20);font-weight: 700;}
.foterUs li .p3 {color: #fefefe; font-weight: 700;}
.foternav {width: 65%;}
.foternav dl {width: calc(100% / 4);}
.foternav dt {font-size: var(--font20);font-weight: 700;color: #ffffff; padding-bottom: .3rem;}
.foternav dd {margin: .05rem 0;}
.foternav dd a {font-size: var(--font14);color: #ffffff;}
.foternav dd a:hover {font-weight: 700;}
.copyRight {position: absolute; bottom: 0; width: 100%; left: 0; padding: .2rem 0;border-top: 1px solid rgba(255, 255, 255,.1);}
.copyRight p span {margin-right: .8rem;}
.copyRight p , .copyRight p a {color: #ffffff; font-size: var(--font14);}

.inslideFive .footer::before {height: 1.8rem;}
.inslideFive .footer .box {padding-top: 2.5rem;}

@media (max-width: 1481px) {
  :root {
    --font20:16px;
    --font24:18px;
  }
  .tit-20 {font-size: 16px;}
  .tit-24 {font-size: 18px;}
}
@media (max-width: 1440px) {
  nav {width: 55%;}
  .inOneSwiper .swjt.swiper-button-prev {left: 3%;}
}

/* =========================================================内页========================================== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .bjBox img {width: 100%;}
.ny-banner .container15 {height: 100%;}
.ny-banner .banCon {height: 100%; display: flex; flex-direction: column; justify-content: center;}
.ny-banner .banCon h3 {font-weight: 400;color: #ffffff;}
.ny-banner .banCon small {font-weight: 700;color: rgba(255, 255, 255,.14);display: block; text-transform: uppercase;}
.ny-banner .banCon i {display: inline-block; width: .6rem;height: 2px;background: #008943; margin-top: .2rem;}
.nyNav {position: absolute;bottom: 0; width: 100%; left: 0; z-index: 1; background: rgba(0, 0, 0,.2);}
.nyNav ul {display: flex;margin: auto;}
.nyNav ul li a {color: #ffffff; padding: .2rem .5rem; display: block;transition: .5s;}
.nyNav ul li:hover a {background: #008943;}
.nyNav ul li.on {background: #008943;}


/* ===产品中心=== */
.proMian {padding: 1rem 0;}
.proCon .tle {text-align: center;}
.proCon .tle i {display: block; width: .6rem; height: .04rem; min-height: 2px; background: #008943; margin: auto; margin-top: .2rem;}
.proCon .search {width: 40%;  margin-left: auto;}
.proCon .search form {border: 1px solid #008943; display: flex;justify-content: space-between;height: 0.6rem; min-height: 50px;}
.proCon .search form input {padding: 0 .2rem; box-sizing: border-box; width: 100%;}
.proCon .search button {padding: 0 .3rem; background: #008943; flex-shrink: 0;}
.proCon .proTable {margin-top: .5rem;}
.proTable table {width: 100%; text-align: center;    border-collapse: collapse;}
.proTable table thead {background: #ececec;}
.proTable table th {font-weight: 700; font-size: var(--font18);}
.proTable table th, .proTable table td {border: 1px solid #e2e2e2;    padding: 0.3rem;}

.proTable table th:nth-child(3) {width:30%;}
.proTable table td img {max-width: 2rem; max-height: 1rem; object-fit: contain;}