#c-placeholder {height: 6.25rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; transition: .6s;}
.headBox {  transition: .5s; height: 6.25rem; display: flex; justify-content: space-between; align-items: center; background: transparent; border-bottom: 1px solid rgba(255,255,255,0.5);}
.headBox .logo {height: 100%;}
.headBox .logo img {height: 3.0625rem; max-height: 100%; object-fit: contain; transition: .5s;}
.headBox .le {height: 100%; flex-shrink: 0; width: 15%; background: #fff;}
.headBox .le .logo a {height: 100%;}
.headBox .re {height: 100%; flex: 1; justify-content: end;}
.headBox nav{margin-right: 3.5rem;}
.headBox nav ul{display: flex;}
.headBox nav ul li{margin-right: .875rem; transition: .6s;}
.headBox nav ul li a{display: block; font-size: var(--font18); color: #fff; padding: 0 2.375rem; line-height: 2.5; transition: .6s; -webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%);clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%);}
.headBox nav ul li.on a,.headBox nav ul li:hover a{ background: #3baf34;}

.header-link a{display: block;border: 1px solid rgba(255,255,255,0.3);border-radius: 100px;color: #fff;padding: 0.54rem 1.43rem; transition: .6s;}
.header-link a:hover{background: #3baf34; border-color: #3baf34; }

.link-icon ul{display: flex;}
.link-icon ul li{position: relative; margin-left: .4375rem;}
.link-icon ul li a{ width: 2.625rem; height: 2.625rem; border-radius: 50%; border: 1px solid rgba(255,255,255,0.3);}
.link-icon ul li a>img{display: block; height: 1.125rem; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

.link-icon ul li .code {width: auto; box-shadow: 0 0 .625rem rgba(0,0,0,.1); position: absolute; top: 140%; left: 50%; transform: translateX(-50%); background: #fff; padding: .625rem; border-radius: .625rem; opacity: 0; pointer-events: none; visibility: hidden; transition: .6s;}
.link-icon ul li .code::after {content: ''; position: absolute; width: 0; height: 0; border-left: 0.5625rem solid transparent; border-right: 0.5625rem solid transparent; border-bottom: 0.5625rem solid #fff; /* 只保留下边框，颜色为蓝色 */ border-top: 0; top: -.5rem; left: 50%; transform: translateX(-50%);}
.link-icon ul li:hover .code {opacity: 1;  top: 150%; visibility: visible; pointer-events: auto;}

.link-icon ul li .code em{display: block; font-size: var(--font15);}
.login{height: 100%; width: 6.25rem; background: rgba(255,255,255,0.3); margin-left: 1.6875rem;}
.login a{height: 100%;}
.login img{display: block; width: 1.75rem;}
.login em{display: block; color: #ffffff; font-size: var(--font15); margin-top: .1875rem;}


header.c-style2 .headBox{ box-shadow: 2.264px 1.968px 3.68px 0.32px rgba(145, 145, 145, 0.44); background: #fff;}
header.c-style2 .headBox nav ul li a{color: #333333;}
header.c-style2 .headBox nav ul li.on a, header.c-style2  .headBox nav ul li:hover a {  color: #fff;}
header.c-style2 .header-link a{border-color: rgba(242,242,242,0.3); color: #666666;}
header.c-style2 .link-icon ul li a{border-color: rgba(242,242,242,0.3);}
header.c-style2 .link-icon ul li a>img{-webkit-filter: brightness(1) invert(1);  filter: brightness(1) invert(1);}
header.c-style2 .login{background: #3baf34;}
header.c-style2 .header-link a:hover{color: #fff;}


/* 导航 */
/* 取消layui默认样式 */
.qx-style {padding: 0; border-radius: 0; background: none;}
.qx-style .layui-nav-item {line-height: initial;}
.qx-style .layui-nav-item > a {padding: 0;}
/* 取消layui默认样式 end!!!*/




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


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

/* ===============公用css end!!!!===================*/
.more1 {background: #3baf34;padding: 1.04rem 1.72rem;color: #fff;transition: .5s;display: inline-flex;transition: .6s;}
.more1 img{width: .4375rem; margin-left: 1.9375rem; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transition: .6s;}



@media (any-hover: hover) {

 .more1:hover {box-shadow: 0 0 0 .625rem rgba(59,175,52,.3); }
}




/* ======首页======= */
.indexSwiper {height: 100vh;position: relative;overflow: hidden;}
.indexSwiper >.swiper-wrapper >.slide {height: 100%; position: relative; overflow: hidden; z-index: 2;}
.indexSwiper >.swiper-wrapper >.slide >.bjBox {height: 100%;position: absolute; width: 100%;left: 0;top: 0; z-index: -1;}
.indexSwiper >.swiper-wrapper >.slide >.bjBox > img ,.indexSwiper .swiper-wrapper >.slide .bjBox video {width: 100%; height: 100%; object-fit: cover; display: block;}
/* 控件 */
.indexpagtion {right: 3% !important; left: auto; display: none;}
.indexpagtion span {margin: 2rem 0 !important; width: .75rem; height: .75rem; opacity: 1; border: .188rem solid #ffffff; border-radius: 0; background: none; transition: .35s;}
.indexpagtion .swiper-pagination-bullet-active {background: #16428b; transform: rotate(45deg); border-color: #16428b; opacity: 1;}

.indexOne {height: 100vh; position: relative; overflow: hidden;}
.indexOne .swiper {height: 100%; overflow: hidden;}
.indexOne .slide .bjBox {position: absolute; z-index: -1; height: 100%; width: 100%; left: 0; top: 0;}
.indexOne .slide .bjBox img {width: 100%; height: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}

/* 当前 */
.indexOne .swiper-slide-active .bjBox img, .indexOne .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
.indexOne .slide .box { top: auto; bottom: 0; transform: translate(-50%, 0);}
.indexOne .slide .con h2{font-size: 3.25rem; font-weight: 300; line-height: 1;}
.indexOne .slide .con h3{font-size: 4rem; font-weight: 700;}
.indexOne .slide .info{margin-bottom: 3.4375rem;}
.indexOne .slide .text{margin-left: 1.625rem;}
.indexOne .slide .text strong{display: block; position: relative; line-height: 1; padding-left: .5rem;}
.indexOne .slide .text strong::after{position: absolute; content: '';  width: 3px; height: 100%; background: #3baf34; left: 0; top: 0; }
.indexOne .slide .text span{ font-weight: 300; }
.search{width: 45%; margin-bottom: 11.875rem;}
.search input{width: 74%; background: #ffffff; height: 4.0625rem; font-size: var(--font14); text-indent: 1.0625rem;}
.search input::placeholder{color: #666666; }
.search button{background: #3baf34; height: 4.0625rem; font-size: var(--font18); color: #ffffff; padding: 0 2.46rem; border: none; cursor: pointer; transition: .6s;}
.search button:hover{background: rgba(59,175,52,0.8);}
.about-num{color: #fff; border-top: 1px solid rgba(255,255,255,0.3); padding: 1.875rem 0 2.5rem;}
.about-num ul li{margin-right: 10.875rem;}
.about-num ul li:last-child{margin-right: 0;}
.about-num ul li  b{ display: inline-block; font-size: 3.25rem; line-height: 1; font-family: "Montserrat"; margin-right: .375rem;} 
.about-num ul li span{}
.about-num ul li em{display: block; margin-top: .1875rem;}
#banner-num{display: none;}



/* 第二屏 关于我们 */
.indexTwo .slide_box {display: flex; height: 100%;padding-top: 6.25rem; align-items: center;}
.index-title{position: relative;}
.index-title b{display: block; font-size: 6.4375rem; color: rgba(51,51,51,0.1); font-family: "Montserrat"; line-height: 1;}
.index-title h2{position: absolute; top: 3rem; font-size: 3.5rem; font-weight: 700;}
.index-title i{display: block; width: 3.625rem; height: .125rem; background: #3baf34; margin-top: 3.75rem;}

.about{width: 50%;}
.about .index-title{margin-bottom: 3.625rem;}
.about .info h2{font-weight: 700; margin-bottom: 4.1875rem;}
.about .info h3{color: #666666; margin-bottom: 1.875rem;}
.about .info h3:last-child{margin-bottom: 5rem;}


/* 第三屏 主营业务 */
.indexThre{background: #fcfcfc;}
.indexThre .slide_box{display: flex; height: 100%; padding-top: 11.25rem; }
.indexThre .business-top {margin-bottom: 5rem;}
.business-list ul {gap: 0 .4375rem;}
.business-list ul li{flex: 1; transition: .6s; height: 31.8125rem; overflow: hidden; position: relative; min-height: 24rem; transition: 0.6s;}
.business-list ul li .pic,.business-list ul li .info{height: 100%; position: absolute; top: 0; z-index: 1; width: 100%; transition: 0.6s;}
.business-list ul li .pic img,.business-list ul li .info img{display: block; width: 100%; height: 100%; object-fit: cover; transition: 0.6s;}
.business-list ul li.on{flex: 2.78;}
.business-list ul li .info strong{position: absolute; width: 100%; bottom: 3.0625rem; z-index: 2; padding: 0 3.125rem; text-align: center;}
@media (any-hover: hover) {
  .business-list ul li:hover .pic img{transform: scale(1.1); }
}


/* 第四屏服务优势 */
.indexFour{background: #f0fcff;}
.indexFour .slide_box{display: flex; height: 100%;  position: relative; padding-top: 13.375rem;}
.service-logo{position: absolute; right: 0; width: 35%; top:60.5%; transform: translateY(-50%); z-index: 1;}
.service-logo img{display: block; width: 100%; height: 100%; object-fit: contain; opacity: 0.06;}
.service-box{}
.service-box .pic{width: 51.3%;}
.service-box .pic img{display: block; width: 100%; height: 100%; object-fit: contain;}
.service-box .info{width: 43.2%; position: relative; z-index: 2;}
.service-box .index-title{border-bottom: 1px solid rgba(201,201,201,0.5); padding-bottom: 3.4375rem; margin-bottom: 3.4375rem;}
.service-list dl{margin-bottom: 3.375rem;}
.service-list dl dt{margin-bottom: 1.4375rem;}
.service-list dl dt .icon{width: 2.125rem; margin-right: .75rem;}
.service-list dl dt img{display: block; max-width: 100%;}
.service-list dl dt strong{color: #3baf34;}
.service-list dl dd{color: #333333;}


/* 第五屏新闻中心 */
.indexFive{background: #f0fcff;}
.indexFive .slide_box{display: flex; height: 100%;  position: relative; padding-top: 11.0625rem;}
.indexFive .news-top{margin-bottom: 3.75rem;}
.news-list ul{gap: 1.0625rem .625rem;}
.news-list ul li{height: 17.5rem;  position: relative;}
.news-list ul li .pic{height: 100%; position: absolute; top: 0; z-index: 1; width: 100%; overflow: hidden; }
.news-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: 0.6s;}
.news-list ul li .info{position: relative; z-index: 2; background: #fff; height: 100%; transition: 0.6s; padding: 2.3125rem 2.25rem 0;  } 
.news-list ul li .info span{margin-bottom: .75rem; display: block;}
.news-list ul li .info strong{color: #333333; margin-bottom: 2.125rem;}
.news-list ul li .info i{display: block; width: 100%; height: 1px;  background: #f2f2f2; margin-bottom: 3.125rem;}
.news-list ul li .more img{margin-left: .6875rem; width: 1.1875rem; transition: .6s;}
.news-list ul li .more em{color: #3baf34;}



@media (any-hover: hover) {
  .news-list ul li:hover .pic img{transform: scale(1.1); }
  .news-list ul li:hover .info{background: rgba(0,0,0,0.75);}

  .news-list ul li:hover .info span {color: #fff;}
  .news-list ul li:hover .info strong{color: #fff;}
  .news-list ul li:hover .info i{background: rgba(242,242,242,0.3);}
  .news-list ul li:hover .more img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
  .news-list ul li:hover .more em{color: #fff;}
}


/* 第六屏公共底部 */
.indexSix .slide_box{display: flex; height: 100%;  position: relative; padding-top: 12.4375rem;}
.footer{margin-bottom: 3.75rem;}
.footer-left,.footer-right{width: 48.57%; height: 38.25rem; background: #3baf34; border-radius: 1.125rem; padding: 3.125rem 3.75rem 0;}
.footer-left{color: #fff; padding: 3.125rem 9.25rem   0 3.75rem ;}
.footer-left dl:first-child{margin-bottom: 2.625rem;}
.footer-left dl:nth-child(2){margin-bottom: 2.0625rem;}
.footer-left dl dt{margin-bottom: 1.0625rem;}
.footer-left dl dd{margin-bottom: .1875rem;}
.footer-left dl dd,.footer-left dl dd a{color: #fff; font-size: var(--font18);}
.footer-wechat img{display: block; width: 6.4375rem; border-radius: .375rem;}
.foot-link{gap: 0 1.375rem; margin-top: 1rem;}
.foot-link a{display: inline-block; border: 1px solid rgba(255,255,255,0.3); border-radius: 100px; color: #ffffff;  text-align: center; line-height: 2.51; transition: .6s;}
.foot-link a:hover{background: #fff; color: #3baf34; }
.footer-right strong{display: block; margin-bottom: 1.25rem;}
#yzform ul{display: flex; justify-content: space-between; margin-bottom: .9375rem;}
#yzform ul li{width: 47%;}
#yzform ul input{width: 100%; height: 3.4375rem; border-radius: .1875rem;  background: #fff; color: #888; padding-left: 1.5rem; }
#yzform ul input::placeholder{color: #888;}
#yzform ul textarea{height: 8.875rem; padding: 1rem 1.5rem;}
#yzform button{font-size: var(--font18); background: #000003; height: 3.4375rem; margin-left: 1.0625rem; padding: 0 2.34rem; border-radius: .1875rem;}
.footer-copy p{color: #ffffff;}
.footer-copy p a{color: #ffffff; }
.footer-copy  span{margin-left: 5.625rem;}


/* 内页公共样式 */
.footer-bg{position: relative; padding: 6.25rem 0;}

.footer-bg .bjBox {height: 100%;position: absolute; width: 100%;left: 0;top: 0; z-index: -1;}
.footer-bg .bjBox img {width: 100%; height: 100%; object-fit: cover; display: block;}





@media screen and (max-width: 1024px) {
  .indexSwiper {height: auto;}
  .indexSwiper > .swiper-wrapper {height: auto; display: block;}
  .indexSlide {height: auto; padding: 2rem 0;}

  .inSlideOne {padding: 0;}
  .indexOne .swiper .slide .bjBox {position: relative;}
}

/* 内页公共样式 */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; min-height: 29.5rem; object-fit: cover;}
.ny-banner  .banner-box{bottom: 36%;}
.ny-banner  .info  i{position: relative; padding-left: 4.0625rem; font-style: normal; margin-bottom: .75rem; display: block;}
.ny-banner  .info  i::after{position: absolute; content: ''; width: 3.25rem;   height: 1px;  background: rgba(255,255,255,0.5); left: 0; top: 50%; transform: translateY(-50%);}

.classbox{border-bottom: 1px solid #FDFDFD;}
.nyclass-list  ul li{position: relative; padding: 0 1.4375rem; margin: 0 1.9375rem;}
.nyclass-list  ul li::after{position: absolute; content: ''; width: 0; height: .1875rem; background: #3baf34; transition: .6s; bottom: 0; border-radius: .125rem; left: 50%;}
.nyclass-list  ul li a{display: block; font-size: var(--font18); color: #333333; line-height: 5.6; }
.nyclass-list  ul li:hover::after{width: 100%; left: 0;}
.ny-main{padding:5rem 0;}


/* 内页产品与服务 */
.nybusiness-list ul{gap: 1.875rem;}
.business-list ul li{height: 12rem;}

/* 内页产品与服务详情页 */
.newsxq-box{background: #fcfcfc; }
.newsxq-top{align-items: flex-start; 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 #3baf34; margin-top: -15%;  z-index: 2; position: relative; }
.newsxq-top .date{margin-bottom: 1.25rem;}
.newsxq-top .date span{color: #3baf34; margin-right: 1.5625rem;}
.newsxq-top .date em{ display: block; color: #3baf34; border: 1px solid #3baf34; 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 0;}
.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: #3baf34;  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%;}
.newsMain .newsxq-box{padding-bottom: 6.25rem;}
.newsxq-top .newsxq-left{margin-top: 0;}
.newsxq-top .news-editor{margin-top: 2rem; border-top: 1px solid #F2F2F2; padding-top: 2rem;}
.newsxq-top .recom-box{top: 8rem;}



/* 内页新闻动态 */
.newsMain .nav-class{position: relative; bottom: auto; padding: 1.8125rem 0 1.25rem; margin-bottom: 4.1875rem; border-bottom: 1px solid rgba(51,51,51,0.1);}
.newsMain .nav-class ul li a{color: #333333;}
.newsMain .nav-class ul li:hover a,.newsMain  .nav-class ul li.on a{color: #fff; font-weight: bold;}
.nynews-list{margin-bottom: 6.25rem;}
.nynews-list ul li{padding-bottom: 2.8125rem; margin-bottom: 2.5rem; border-bottom: 1px solid #f1f1f1;}
.nynews-list ul li .pic{width: 24%; overflow: hidden;}
.nynews-list ul li .pic img{width: 100%; display: block; transition: .6s;}
.nynews-list ul li:hover .pic img{transform: scale(1.1);}
.nynews-list ul li .info{width: 74%;}
.nynews-list ul li .text{width: 95%;}
.nynews-list ul li .info h3{color: #333333; font-weight: 500; margin-bottom: .625rem;}
.nynews-list ul li .info i{color: #9f9f9f; margin-bottom: 1.625rem; display: block;}
.nynews-list ul li .info p{ margin-bottom: 1.625rem;}
.nynews-list ul li .info span{color: #3baf34; font-style: italic; text-align: right; display: block;}
.nynews-list ul li:hover .info h3{color: #3baf34;}


.about-editor img{display: inline-block; max-width: 100%;}
.about-editor table{width: 100%!important;}
@media (max-width: 1366px) {
 .headBox nav ul li a{padding: 0 2rem;}
}

@media  (max-width: 1024px) { 
	.headBox nav ul li a{padding: 0 1.375rem;}
}