.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

#mould86063{ width:100%; position:fixed; top:0; left:0; background:none; z-index:99; transition:1s;}
.navbars41{ width:1520px; height:100px; margin:0 auto;}
.navbars41 .logo{ float:left; width: 186px; height: 100%; display: table;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{ float:right; display: table; height:100%;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li a{ padding:0 24px; font-size:18px;}
.navbars41 li a em{ display: inline-block; width:13px; height:7px; background:url(/images/icon_1.png) no-repeat; position: relative; top: -2px; margin-left: 6px;}
.navbars41 li:first-child a em{ display:none;}
.navbars41 li a:hover{ color:#1f9244;}
.navbars41 li.active a{ color:#1f9244;}
.navbars41 li a:hover em{ background-position:0 -13px;}

.btngsearch{ float:right; width:24px; height:28px; background:url(/images/search.png) no-repeat; background-size:100%; margin:36px 0 0 24px;}
#searchBox{ position:fixed; top:100px; left:0; width:100%; background:rgba(0,0,0,0.3); z-index:9;}
#searchBox div{ width:1200px; padding:30px 0; position:relative; margin:0 auto;}
#searchBox input{
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f5f5f5;
    font-size: 16px;
    transition:.5s;
    box-shadow:none;
    border: 2px solid #1f9244;
    padding: 0 20px;
    box-sizing:border-box;
    margin-bottom:0;
}
#searchBox a{ background:#1f9244 url(/images/search1.png) no-repeat center; background-size: 36px; width:80px; height:60px; display:block; position:absolute; right:0; top:30px;}

.navbars41 li:nth-child(3) .hide1{ width:222px; left:-42px;}
.navbars41 li .hide1{ position:absolute; top:80px; left:0; background: #fff; padding:10px; box-sizing:border-box; border-radius:5px; display:none; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars41 li:hover .hide1{ display:block; text-align:center;}
.navbars41 li .hide1 a{ display:block; padding:0 20px;}
.navbars41 li:hover .hide1 a{ background: none; border-radius:inherit; color:#333; line-height:48px; font-size:18px;}
.navbars41 li:hover .hide1 a:hover{ background: #1f9244; border-radius:5px; color:#fff;}

.head_active{ background:#fff!important; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}


#mould86064{ position: relative;}
#mould86064 .swiper-pagination{ bottom:100px; width:100px; padding-left:10%;}
#mould86064 .swiper-container .swiper-pagination .swiper-pagination-bullet{ width:14px; height:14px; background:url(/images/img5.png) no-repeat; opacity:0.5; border-radius:inherit;}
#mould86064 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ opacity:1;}

#mould86064 .bg_img{ position: absolute; bottom: -1px; left: 0; width: 100%; z-index: 3;}
#mould86064 .bg_img img{ width:100%;}
#mould86064 .scroll{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 48px; z-index: 3;}
#mould86064 .scroll img{ animation: scroll_ 2s linear infinite;}
@keyframes scroll_{
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(20px);
	}
	100% {
		transform: translateY(0px);
	}
}


/*通用*/
.width_1520{ width:1520px; margin:0 auto;}
.title_a{ margin-bottom:60px;}
.title_a h2{ font-size:96px; line-height:20px; font-weight:bold; font-family:arial; color:rgba(103,192,105,0.2);}
.title_a h3{ font-size:46px; line-height:48px; font-weight:bold; background:url(/images/icon_2.png) no-repeat left center; padding-left:56px;}



/*简介*/
.about_a .title_a h3{ font-size:46px; line-height:48px; font-weight:bold; background:url(/images/icon_4.png) no-repeat left center; padding-left:56px;}
.about_a{ background:url(/images/about_bg.jpg) no-repeat; background-position:0 -42px; min-height:300px; background-size: 100%; padding:60px 0;}
.about_a p{ width:47%; font-size:18px; line-height:40px; text-indent:2em;}
.about_a a{ margin-top:60px; display:block; box-shadow: 0px 0px 24px 0px rgb(26 139 73 / 40%); background: linear-gradient(135deg, #1a8b48, #1d91a2); width:200px; height:56px; line-height:56px; 
  border-radius:28px; font-size:18px; color:#fff; padding-left:30px; box-sizing:border-box; position:relative; display: table; transition:.4s;}
.about_a a div:first-child{ z-index:2; position:relative;}
.about_a a:hover{ color:#1f9244;}
.about_a a div:last-child{ width:56px; height:56px; border-radius:28px; background:#fff; position:absolute; right:0; top:0; display: table-cell; vertical-align: middle; text-align:Center; z-index:1;}
.about_a a div:last-child img{ margin:0 auto;}
.about_a a div:last-child:after{ content:""; width:56px; height:56px; border-radius:28px; background:#fff; position:absolute; right:0; top:0; z-index:-1; transition:.5s;}
.about_a a:hover div:last-child:after{ width:200px;}


/*产品*/
.product_a{ background:url(/images/product_bg.jpg) no-repeat; min-height:300px; width:100%; padding:80px 0;}
.product_a .title_a{ position:relative; margin-bottom:30px;}
.product_a .title_a a{ box-shadow: 0px 0px 24px 0px rgb(26 139 73 / 42%); background: linear-gradient(135deg, #1a8b48, #1d91a2); width:200px; height:56px; line-height:56px; 
  border-radius:28px; font-size:18px; color:#fff; padding-left:30px; box-sizing:border-box; position:absolute; top:0; right:0; display: table; transition:.4s;}
.product_a .title_a a div:first-child{ z-index:2; position:relative;}
.product_a .title_a a:hover{ color:#1f9244;}
.product_a .title_a a div:last-child{ width:56px; height:56px; border-radius:28px; background:#fff; position:absolute; right:0; top:0; display: table-cell; vertical-align: middle; text-align:Center; z-index:1;}
.product_a .title_a a div:last-child img{ margin:0 auto;}
.product_a .title_a div:last-child:after{ content:""; width:56px; height:56px; border-radius:28px; background:#fff; position:absolute; right:0; top:0; z-index:-1; transition:.5s;}
.product_a .title_a a:hover div:last-child:after{ width:200px;}


.product_a .product_txt{ color:#1f9244; font-size:18px; line-height:30px; margin-bottom:36px;}
.product_a .product_txt span{ display:inline-block; font-weight:bold;}

.product_a li{ float:left; width: calc((100% - 78px) / 4); margin-right:26px;}
.product_a li:nth-child(4n){ margin-right:0;}
.product_a li:nth-child(-n+4){ margin-bottom:26px;}
.product_a li a{ display:block; overflow:hidden; position:relative;}
.product_a li a img{ width:100%; height:100%; transition:.5s;}
.product_a li:hover a img{ transform:scale(1.1);}
.product_a li a p{ line-height:48px; width:100%; text-align:Center; background:#8ec63d; color:#fff; position:absolute; bottom:0; left:0;}



/*应用领域*/
.Territory_a{ height:940px; width:100%; position:relative;}
.Territory_a .title_a{ position:absolute; top:0; left:10%; color:#fff; padding-top:100px; z-index:1;}
.Territory_a h2{ color:rgba(255,255,255,0.2);}
.Territory_a .title_a h3{ background:url(/images/icon_5.png) no-repeat left center;}

.Territory_cont{ width:640px; position:absolute; top:40%; left:50%; transform:translateX(-50%); color:#fff; text-align:Center; z-index:1;}
.Territory_cont h4{ font-size:42px; line-height:48px; font-weight:bold;}
.Territory_cont p{ font-size:18px; line-height:30px; margin-top:36px;}

#button-list{ position:absolute; top:76%; left:50%; transform:translateX(-50%); width:640px; z-index:1;}
#button-list li{ cursor: pointer; width:25%; float:left;}
#button-list li span{ display:block; width:75px; height:94px; background:url(/images/img21.png) no-repeat; margin: 0 auto;}
#button-list li:nth-child(2) span{ background:url(/images/img22.png) no-repeat;}
#button-list li:nth-child(3) span{ background:url(/images/img23.png) no-repeat;}
#button-list li:nth-child(4) span{ background:url(/images/img24.png) no-repeat;}
#button-list li.active:nth-child(1) span{ background:url(/images/img211.png) no-repeat;}
#button-list li.active:nth-child(2) span{ background:url(/images/img221.png) no-repeat;}
#button-list li.active:nth-child(3) span{ background:url(/images/img231.png) no-repeat;}
#button-list li.active:nth-child(4) span{ background:url(/images/img241.png) no-repeat;}
#button-list li p{ text-align:Center; font-size:18px; color:#fff; margin-top:12px;}
#background-container{
    background-size: cover;
    width:100%;
    height:100%;
    transition: background-image 0.5s ease; /* 平滑的背景图片过渡效果 */
    position:relative;
}
#background-container:after{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; top:0; left:0;}


/*新闻*/
.news_a{ background:url(/images/news_bg.jpg) no-repeat; min-height:300px; width:100%; padding:80px 0;}
.news_a .title_a{ position:relative; margin-bottom:30px;}
.news_a .title_a h3{ background:url(/images/icon_6.png) no-repeat left center;}
.news_a .title_a a{ box-shadow: 0px 0px 24px 0px rgb(26 139 73 / 42%); background: linear-gradient(135deg, #1a8b48, #1d91a2); width:200px; height:56px; line-height:56px; 
  border-radius:28px; font-size:18px; color:#fff; padding-left:30px; box-sizing:border-box; position:absolute; top:0; right:0; display: table; transition:.4s;}
.news_a .title_a a div:first-child{ z-index:2; position:relative;}
.news_a .title_a a:hover{ color:#1f9244;}
.news_a .title_a a div:last-child{ width:56px; height:56px; border-radius:28px; background:#fff; position:absolute; right:0; top:0; display: table-cell; vertical-align: middle; text-align:Center; z-index:1;}
.news_a .title_a a div:last-child img{ margin:0 auto;}
.news_a .title_a div:last-child:after{ content:""; width:56px; height:56px; border-radius:28px; background:#fff; position:absolute; right:0; top:0; z-index:-1; transition:.5s;}
.news_a .title_a a:hover div:last-child:after{ width:200px;}

.news_a .swiper-container{ padding:20px 20px 100px 20px; box-sizing:border-box;}
.news_a .swiper-slide{ box-shadow: 0px 0px 24px 0 rgb(26 139 73 / 42%); padding:30px; box-sizing:border-box; border-radius:10px;}
.news_a .swiper-slide .img{ border-radius:10px; overflow:hidden;}
.news_a .swiper-slide .img img{ transition:.5s;}
.news_a .swiper-slide:hover .img img{ transform:scale(1.1);}
.news_a .swiper-slide .txt h3{ font-size:22px; line-height:24px; margin:20px 0 12px 0;  font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_a .swiper-slide .txt p{ line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_a .swiper-slide .txt time{ background:url(/images/icon_71.png) no-repeat left center; color:#666; background-size:15px; padding-left:24px; margin-top:10px; display:block;}
.news_a .swiper-button-prev,.news_a .swiper-button-next{ top:inherit; bottom:0; width:54px; height:54px; border:1px solid #1f9244; border-radius:50%;}
.news_a .swiper-button-prev{ background-image:url(/images/icon_3.png); background-size:initial; transform: rotate(180deg); left:45.6%;}
.news_a .swiper-button-next{ background-image:url(/images/icon_3.png); background-size:initial; right:45.6%;}

.news_a .swiper-slide:hover{ box-shadow: none; background:#1f9244;}
.news_a .swiper-slide:hover .txt h3,.news_a .swiper-slide:hover .txt p,.news_a .swiper-slide:hover .txt time{ color:#fff;}
.news_a .swiper-slide:hover .txt time{ background:url(/images/icon_7.png) no-repeat left center; background-size:15px;}
.news_a .swiper-button-prev:hover,.news_a .swiper-button-next:hover{ background-image:url(/images/icon_31.png); background-color:#1f9244;}


/*底部*/
.footer_a{ background: url(/images/footBg.png) no-repeat 50% 50% / cover; position: relative; min-height:500px; position:relative;}
.footer_a .gotop{ position: absolute; left: 50%;top: 0; transform: translateX(-50%) translateY(-95%); cursor: pointer;}
.footer_a .gotop div{ position: absolute; left: 50%;top: 10px; transform: translateX(-50%);}
.footer_a .gotop div img{ animation: scroll_ 2s linear infinite;}

.footer_a .foot_logo{ padding:60px 0 40px 0; position:relative; border-bottom:1px solid rgba(255,255,255,0.5);}
.footer_a .foot_logo a{ width:200px; height:56px; line-height:56px; border:1px solid #fff; box-sizing:border-box; border-radius:28px; font-size:18px; color:#fff; padding-left:30px; box-sizing:border-box; 
  position:absolute; top:50px; right:0; display: table; transition:.4s;}
.footer_a .foot_logo a div:first-child{ z-index:2; position:relative;}
.footer_a .foot_logo a:hover{ color:#1f9244;}
.footer_a .foot_logo a div:last-child{ width:56px; height:56px; border-radius:28px; background:#fff; position:absolute; right:0; top:0; display: table-cell; vertical-align: middle; text-align:Center; z-index:1;}
.footer_a .foot_logo a div:last-child img{ margin:0 auto;}
.footer_a .foot_logo div:last-child:after{ content:""; width:56px; height:56px; border-radius:28px; background:#fff; position:absolute; right:0; top:0; z-index:-1; transition:.5s;}
.footer_a .foot_logo a:hover div:last-child:after{ width:200px;}

.footer_nav{ margin-top:36px;}
.footer_nav ul{ width:64%; float:left;}
.footer_nav li{ float:left; width:18%;}
.footer_nav li:nth-child(2){ width:28%;}
.footer_nav li:last-child{ margin-right:0;}
.footer_nav li h4{ font-size:20px; line-height:40px; font-weight:bold;}
.footer_nav li h4 a{ color:#fff;}
.footer_nav li h5{ line-height:36px;}
.footer_nav li h5 a{ color:#f2f2f2;}
.footer_nav li h5:hover a{ color:#fff;}

.footer_lx{ float:left; width:16%; color:#fff;}
.footer_lx h4{ font-size:20px; line-height:40px; font-weight:bold;}
.footer_lx p{ line-height:36px; padding-left:28px;}
.footer_lx p:nth-child(2){ background: url(/images/icon_a.png) no-repeat left top 8px;}
.footer_lx p:nth-child(3){ background: url(/images/icon_b.png) no-repeat left top 8px;}
.footer_lx p:nth-child(4){ background: url(/images/icon_c.png) no-repeat left top 8px;}
.foot_share{ float:right; width:10%;}
.foot_share p{ color:#fff; text-align:center; margin-top:10px;}

.copyright{ border-top:1px solid rgba(255,255,255,0.1); margin-top:40px;}
.copyright .fl{ float:left;}
.copyright .fr{ float:right;}
.copyright .fl,.copyright .fr,.copyright a{ line-height:48px; color:#fff;}


@media (max-width: 1680px){
  .navbars41{ width:94%;}
  .width_1520{ width:90%;}
  .title_a{ margin-bottom: 40px;}
  .about_a a{ margin-top:40px;}
  .about_a p{ width:50%; line-height:36px;}
  .Territory_a .title_a{ left:5%;}
}
@media (min-width: 1560px) and (max-width: 1679px){
  .about_a p{ line-height:30px;}
}
@media (min-width: 1440px) and (max-width: 1559px){
  .about_a{ padding:50px 0;}
  .about_a p{ width:52%; font-size:16px; line-height:30px;}
  .Territory_a{ height:760px;}
  .footer_lx{ width:20%;}
  .footer_nav li h5{ line-height: 30px;}
}
@media (min-width: 1360px) and (max-width: 1439px){
  .about_a{ padding:50px 0; background-size: 100% 110%;}
  .about_a p{ width:55%; font-size:16px; line-height:30px;}
  .product_a .product_txt{ font-size:16px;}
  .Territory_a{ height:760px;}
  .news_a .swiper-button-prev{ left:45%;}
  .news_a .swiper-button-next{ right:45%;}
  .footer_lx{ width:20%;}
  .footer_nav li h5{ line-height: 30px;}
}