@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px;}
img{ border:0;}
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.w1440{ width:1440px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.container{width:1440px; margin: 0 auto}

*:focus{border: none; outline: none;}
/*body{margin: 0;background-image: linear-gradient(-45deg, #fdfffe , #ecf9ff);}*/
.header_nav{width:100%; height:85px;  position: fixed; top:0; left:0;  z-index:999; background: #fff; box-shadow: 0 0 14px rgba(0,0,0,0.3)}
.h_logo{width:190px; height:85px; float: left; display: flex; align-items: center; margin-left: 5%}
.h_logo img{max-width:100%; height: auto; align-items: center; margin: 0px auto;}
.h_search{width:35%; height:85px;  float:left;  background: url(../images/search.png) no-repeat center; position: relative}
.h_search:after{content: ""; width: 1px; height:22px; background: #e5e5e5; position: absolute; top:50%; left:0; transform: translate(0,-50%);}
.h_search:before{content: ""; width: 1px; height:22px; background: #e5e5e5; position: absolute; top:50%; right:0; transform: translate(0,-50%);}
.form_box{position: absolute;  top:85px; left:0; right:0; z-index: 999; height:auto; background: #fff; display:none; margin: 0 auto; width: 100%; padding: 10px 0;  box-shadow: 0 0 5px rgba(0,0,0,0.1)}
.form_box form{width:100%; margin:0 auto;}
.form_box p{ height:auto; width: auto; display: table; margin: 0px auto;}
.form_box input[type="text"]{width:300px; height:40px; line-height:40px; border: 0; float: left; background: #eee; color:#333; font-size: 15px; padding: 0 10px;}
.form_box .submit{width:120px; height:40px; border:0;  display: inline-block;  color:#fff; float:left;  outline: none; background: #009646; font-size:16px;}
.h_yuyan{float: left; position: relative; text-align: center; height:85px; width:65%; position: relative; background: url(../images/yy_icon.png) no-repeat 22% center; padding-left:30px;}
.h_yuyan a{width:100%; height: 85px; font-size: 16px; color:#333; line-height: 85px; opacity:0.5}
.h_yuyan a.active{opacity:1}
.header_nright{float: right; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between; width:18%}



/*导航*/
#menu{width:36%; height:85px; position: relative; z-index:9; float: right; margin-right:3%}
#menu .nav{ position:relative; z-index:1;   width:100%; height:100%; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;}
#menu .nav .nLi{ float:left;  position:relative; display:inline;height:100%; line-height:82px; }
#menu .nav .nLi p{width:100%; text-align:center;  z-index: 2; position: relative; }
#menu .nav .nLi p a{color:#333333;font-size:16px; height:100%; overflow: hidden; position: relative; display: block; }
#menu .nav .sub{ display:none; width:160px; left:50%; top:85px; transform:translate(-50%,0);  position:absolute;  line-height:24px; z-index: 99999; background: #eee; padding:4px 0}
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height:auto;font-size: 15px;  color:#333; margin:6px 0}
#menu .nav .sub a:hover{ color:#009646;  }
#menu .nav .active p a,#menu .nav .nLi:hover p a{border-bottom:3px solid #009646; color: #009646; font-weight: bold;}



/* 首页:banner */
.banner{ width:100%; position: relative; overflow: hidden; }
.banner .swiper-container{width:100%; }
.banner .swiper-slide{overflow: hidden}
.banner .swiper-slide a img{width:100%; display: block; height:auto;  }
.banner .swiper-button-next,.banner .swiper-button-prev{width:25px; height:50px;top:0; margin-top: 0}
.banner .swiper-button-next{background: url(../images/ban_right.png) no-repeat center; right:15px;}
.banner .swiper-button-prev{background: url(../images/ban_left.png) no-repeat center; left:15px;}
.ban_btn{width:130px; height: 50px; background: #fff6; border-radius: 25px; position: absolute; bottom:20%; left:50%; transform: translate(-50%,0); z-index: 9}


/*关于我们*/
.index_about{width:100%; height:auto; overflow: hidden; background: url(../images/about_bjs.jpg) no-repeat center bottom; padding: 92px 0 92px; background-size:cover;}
.index_about_one{width:100%; height: auto; overflow: hidden; display: flex; justify-content: space-between}
.about_one_left{width:52%; height: auto; margin-top: 50px;}
.about_one_left h4{color:#333; font-size: 36px; font-weight: bold;}
.about_one_left h5{color:#999999; font-size:16px; text-transform: uppercase; margin-top: 8px;}
.in_about_xx{width:100%; height: auto; display: block; color:#777777; font-size: 16px; line-height: 30px; margin: 42px 0 80px;}
.about_one_right{width:44%; position: relative; overflow: hidden}
.v_pic{width:100%; display: block; height:100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s; object-fit: cover; object-position: center center;}
.about_one_right:hover .v_pic{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.in_vicon{width:88px; height: auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.in_vicon img{width:100%;   -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;}
.in_about_more{width:160px; height: 50px; display: block; background: #009646; border-radius: 25px; text-align: center; line-height: 50px; font-size: 16px; color: #fff}
.index_about_two{width:100%; height: auto; overflow: hidden; display: flex; justify-content: space-between; margin-top: 100px;}
.index_about_two dl{ transition: all 0.4s ease-in-out;width:15%;}
.index_about_two dl dt{height: 60px; display: flex; align-items: center}
.index_about_two dl dt img{max-height: 100%; -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;}
.index_about_two dl dd{width:100%; margin-top: 10px;}
.index_about_two dl dd h4{color:#333; font-size: 16px;}
.index_about_two dl dd h4 span{color:#000000; font-size: 30px; font-weight: bold;}
.index_about_two dl dd p{color:#333333; font-size: 16px; margin-top: 8px;}
.index_about_two dl:hover img{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}
.index_about_two dl:hover{margin-top:-10px;}
.in_vicon:hover img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}
.index_about_two dl:hover h4 span{color:#009646}



/*产品*/
.index_product{display: block; width: 100%; height: auto;overflow: hidden; position: relative}
.section3_title{width:100%; height: auto; overflow: hidden; position: absolute; top:20%; left:4%; z-index:9}
.section3_title h3{color:#fff; font-size:36px; font-weight: bold; text-transform:uppercase}
.section3_title h4{color:#fff; font-size:16px; opacity: 0.5; font-weight: bold; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px}
.index_product .slideTxtBox{width:100%; height: auto; overflow: hidden; position: relative}
.tabs{width:100%; height: 100%; position: absolute; bottom:0; left:0; z-index:2}
.tabs a{width:25%;height:100%;float: left;position: relative;background: url(../images/xx_xx.png) no-repeat left bottom;}
.index_product_li{height: 330px; position: absolute; bottom:0; left:0;  padding:115px 18% 0; transition: all 0.4s ease-in-out;}
.tabs a h3{color:#ffffff; font-size: 24px; font-weight: bold; margin-bottom: 2vw}
.cp_jia{width:100%; height:auto; margin-top: 40px; display: flex; align-items: center;}
.cp_jia span{color:#fff; font-size: 16px; margin-left: 10px; opacity: 0}
.bd_cp_xx{width:100%; height: auto; overflow:hidden; line-height:30px; color:#fff; font-size:16px; border-bottom: 1px solid rgba(255,255,255,0.5); display: none; padding-bottom: 20px;}
.tabs a.active{ background-image:linear-gradient(to top, #00489c , #01933e); 
	background-image: -webkit-gradient(to top, #00489c , #01933e); 
	background-image: -webkit-radial-gradient(to top, #00489c , #01933e); border-radius: 0 0 150px 0; opacity:0.9}
.tabs a.active .index_product_li{bottom:30%}
.tabs a.active .bd_cp_xx{display: block}
.tabs a.active .cp_jia span{opacity: 1}
#tabs-container{width:100%; height: auto; position: relative}
.news-list{width:100%; height: auto; overflow: hidden}
.news-list img{width:100%; height: auto; display: block}



/*原理*/
.index_gzyl{width:100%; height: auto; overflow: hidden; background: url(../images/gzyl_bjs.jpg) no-repeat center; padding: 85px 0 60px; background-size:cover;}
.index_gzyl_title{width:100%; height: auto; overflow: hidden}
.index_gzyl_title h3{color:#000000; font-size:36px; font-weight: bold;text-transform: uppercase; margin-bottom:20px;}
.index_gzyl_title h4{color:#999999; font-size:16px; text-transform: uppercase; margin-top: 10px; margin-bottom: 20px}
.index_gzyl_title p{color:#666666; font-size: 16px;}
.index_gzyl_pic{width:100%; height: auto; overflow: hidden; text-align: center; margin: 50px 0}
.index_gzyl_pic img{max-width: 100%}
.index_gzyl ul{width:100%; height: auto; display: flex; justify-content: space-between;}
.index_gzyl ul li{width:150px; height:156px; display:flex; align-items:center; justify-content:center; background: url(../images/gzyl_icon.png) no-repeat center; text-align: center; padding-top:20px; position: relative;  transition: all 0.5s ease-in-out; text-transform:Capitalize}
.index_gzyl ul li:after{content: ""; width:122px; height: 117px; background: url(../images/gzyl_hicon.png) no-repeat; position: absolute; bottom:0; left:3px; }
.index_gzyl ul li:hover{margin-top: -30px;}
.index_gzyl ul li:hover:after{bottom:-115px;}
.index_gzyl ul li p{ font-size:14px; color: #fff; line-height:18px; }


/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden;  background: url(../images/news_bjs.jpg) no-repeat center; padding: 90px 0; background-size:cover;}
.index_title{width:100%; height: auto; overflow: hidden}
.index_title_left{float: left}
.index_title_left h4{color:#000000; font-size: 36px; font-weight: bold;}
.index_title_left p{color:#999999; font-size: 16px; text-transform: uppercase; margin-top:10px;}
.in_nmore{width:160px; height: 50px; float: right; background: #009646; border-radius: 25px; text-align: center; line-height:50px;  font-size: 16px; color: #fff; margin-left:10px;}
.index_news_top{width:100%; height: auto; overflow: hidden; margin-top: 80px;}
.in_news_pic{width:340px; float: left; overflow: hidden}
.in_news_pic img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_news_xx{margin-left:380px; padding-top: 10px;}
.in_news_xx h4{width:100%; height:40px; line-height: 40px; color: #000000; font-size: 20px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap}
.in_news_xx p{width:100%; height:52px; line-height: 26px; color: #777777; font-size: 16px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; margin-top: 8px;}
.in_news_xx span{color:#000000; font-size: 16px; font-weight: bold; display: block; margin-top: 44px;}
.index_news ul{width:100%; height: auto; margin-top:48px; border-top: 1px solid #dbdfdf; padding-top: 42px;}
.index_news ul li{width:50%; height: auto; float: left; padding:0 50px 15px; position: relative}
.index_news ul li h4{width:100%; height: 40px; line-height: 40px; color:#000000; font-size: 20px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap}
.index_news ul li p{width:100%; height:52px; line-height: 26px; color: #777777; font-size: 16px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; margin-top: 8px;}
.index_news ul li span{color:#000000; font-size: 16px; font-weight: bold; display: block; margin-top: 46px;}
.index_news_top:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_news_top:hover h4{color:#009646}
.index_news ul li:hover h4{color:#009646}
.index_news ul li:nth-child(1):after{content: ""; width: 1px; height: 100%; background: #d4dbd8; position: absolute; top:0; right:0}



/*内页*/
.ny_banner{width:100%; height:450px;  padding-top:295px; position: relative;  box-sizing: border-box;}
.ny_banner h4{color:#ffffff; font-size: 40px; margin-bottom: 5px; font-weight: bold;text-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);}
.m-crm{font-size: 16px; color: #fff; line-height: 30px; margin-top: 8px; width: 100%; background: url(../images/hxs.png) no-repeat left center; 
	padding-left: 60px;text-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);}
.m-crm a,.m-crm span{font-size: 16px; color: #fff; opacity: 0.7}
.ny_banner .w1400{position:relative; z-index:3}
.service_ban{background: url(../images/service_ban.jpg) no-repeat center top;}
.case_ban{background: url(../images/case_ban.jpg) no-repeat center top;}



/*荣誉资质*/
.honor{ overflow: hidden; padding-bottom: 120px;}
.honor_list{ overflow: hidden;  width:100%; margin-bottom:50px;}
.honor_list li{ width:23.0%; float: left; border: 1px solid #e5e5e5; margin-right:2%; margin-bottom: 2%;display: block;}
.honor_list li:nth-child(4n){ margin-right: 0;}
.honor_list li .img{overflow: hidden; }
.honor_list li .img img{ width: 100%; transition: all 0.3s; display:block;}
.honor_list li:hover .img img{transition: all 0.3s; transform: scale(1.05);}
.honor_list li .gallery-title{ line-height: 50px; background: #e5e5e5;text-align: center; font-size: 16px; transition: all 0.3s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.honor_list li:hover{ border: 1px solid #009646;}
.honor_list li:hover .gallery-title{ background: #009646; color: #fff;}


.keyword_light{line-height:28px;}
.container2{width: 1200px;margin: 0px auto;}
.section-content{width:100%; height: auto; overflow: hidden; font-size:16px; color:#666; margin: 60px 0 100px;}
.ny_news_show{width:100%; height: auto; overflow: hidden; font-size:16px; color:#666; margin: 40px 0 100px;}
.ny_news_show p{font-size:16px; color:#333; line-height: 34px;}
.ny_news_show img{width:900px!important; height:auto!important; display:block; margin:0px auto; max-width:100%}
.ny_title_1{ overflow: hidden; margin-bottom: 20px;}
.ny_title_1 h2{font-weight: 300; font-size: 36px; line-height: 1.2; color: #000;   }
.ny_title_1 p{text-transform: uppercase; font-size: 26px; color: #009646; position: relative; line-height: 2.8; font-weight: bold;    text-align: center;}
.ny_title_1 em{font-style: normal; font-size: 24px; line-height:1.4; color: #000; padding: 15px 0; display: block;}
.ny_title_2{ overflow: hidden; padding-top: 50px; margin-bottom: 20px;}
.ny_title_2 h2{font-weight: 300; font-size: 36px; line-height: 1.2; color: #fff;}
.ny_title_2 p{text-transform: uppercase; font-size: 26px; color: #fff; position: relative; line-height: 2.8; margin-top: -10px;}
.ny_title_2 p::after{ content: ""; position: absolute; display: block; height: 3px; width: 80px; background: #fff; left: 0; bottom: 0;}
.ny_title_2 em{font-style: normal; font-size: 24px; line-height:1.4; color: #fff; padding: 15px 0; display: block;}
.keyword_light tr td{font-size: 16px;    color: #333;    line-height: 34px;}



/*新闻资讯*/
.ny_news_all{width:100%; height: auto; overflow: hidden; margin: 60px 0 100px; }
.ny_news_all ul{width:100%; height: auto; overflow: hidden;margin-bottom: 40px;}
.ny_news_all ul li{width:100%; height: auto; overflow: hidden; padding: 15px; margin-bottom:20px ;background: #ffffff}
.ny_news_all ul li .ny_time{width:115px;height: auto; float: left;margin-top:40px;}
.ny_news_all ul li .ny_time span{display: block; font-size: 12px; color: #999; text-align: right}
.ny_news_all ul li .ny_time p{font-size: 41px; color: #c8c8c8}
.news_xx{width:60%; height: auto; float: left; margin-left:2%; margin-top:30px;}
.news_xx h3{width:100%; height: 35px; line-height: 35px; font-size: 20px; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_xx p{width:100%; height:75px; line-height: 25px; font-size: 14px; color: #666;  margin: 10px 0; word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden; }
.news_xx span{font-size: 14px; color: #aaaaaa}
.news_pic{width:26%; height: auto; float: right}
.news_pic img{width:100%; height: auto}
.ny_news_all ul li:hover{border: 1px solid #009646;}
.ny_news_all ul li:hover .ny_time p,.ny_news_all ul li:hover .ny_time span,.ny_news_all ul li:hover span{color:#009646}
.ny_news_all ul li:hover h3{font-weight: bold; }
.ysxy{font-size:14px; color:#666; margin-top:20px;}
.ysxy a{color:#ff0101}
.ysxy span{color:#fff}

/*关于我们*/
.ny_banner{width:100%; height:45vw; overflow: hidden; position: relative}
.about_ban{ background: url(../images/about_ban.jpg) no-repeat center; background-size: cover;}
.case_ban{ background: url(../images/case_ban.jpg) no-repeat center; background-size: cover;}
.contact_ban{ background: url(../images/contact_ban.jpg) no-repeat center; background-size: cover;}
.jsys_ban{ background: url(../images/jsys_ban.jpg) no-repeat center; background-size: cover;}
.products_ban{ background: url(../images/products_ban.jpg) no-repeat center; background-size: cover;}
.news_ban{ background: url(../images/news_ban.jpg) no-repeat center; background-size: cover;}

.ny_banner_zi{width:28vw; height: 28vw; position: absolute; top:7vw; left:50%; transform: translate(-50%,0)}
.ny_banner_zi:after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left:0; background: url(../images/ban_yuan.png) no-repeat center; 
	background-size: 100% 100%; animation:circleRoate 25s infinite linear; }

@keyframes circleRoate{  
	 from{transform: rotate(0deg);}  
	to{transform: rotate(360deg);}  
 } 

	
.ny_ban_zi{width:100%; text-align: center}
.ny_ban_zi h4{color:#fff; font-size: 72px; font-weight: bold; opacity: 0.1; text-transform: uppercase; line-height: 80px;}
.ny_ban_zi h3{color:#fff; font-size:50px; font-weight: bold; margin-top: -55px;}
.ny_banner_zi img{width:21px; display: block; margin:3vw auto 0; animation:mymove 2s infinite;}

@keyframes mymove
{
	 0% {
			transform: translate(0px, 0px);
		}
		50% {
			transform: translate(0px, -8px);
		}
		100% {
			transform: translate(0px, 0px);
		}

}



.banner_zi_info{width:100%; position: absolute; top: 50%; left:50%;transform: translate(-50%,-50%)}
.ny_nav{width:100%; height: 62px; background: rgba(255,255,255,0.7); position: absolute; bottom:0; left:0; z-index: 1;backdrop-filter: blur(12px);}
.ny_nav_all{max-width: 1200px; margin: 0px auto; display: flex; justify-content: center}
.ny_nav_all a{font-size: 16px; color: #333; line-height:60px; margin: 0 2vw}
.ny_nav_all a.active,.ny_nav_all a:hover{color:#008730; font-weight: bold; border-bottom: 2px solid #008730}

.ny_about_one{width:100%; height:auto; overflow: hidden; margin: 80px 0 46px}
.ny_about_xx{width:1200px; height: auto; margin: 0px auto; color: #666666; font-size: 16px; line-height: 36px;}
.ny_about_xx p{color: #666666; font-size: 16px; line-height: 36px;}
.ny_about_xx img{max-width:100%}
.ny_about_one ul{width:100%; height: auto; overflow: hidden; margin-top: 55px;}
.ny_about_one ul li{width:24.2%; height: 248px; float:left; border: 1px solid #eeeeee; border-radius:15px; margin-right: 1%; text-align: center; padding:30px 15px 0; transition: all 0.4s ease-in-out;}
.ny_about_one ul li:last-child{margin-right: 0}
.ny_about_one ul li h4{color:#008730; font-size: 18px; font-weight: bold; margin:12px 0 10px}
.ny_about_one ul li p{color:#333333; font-size:15px; line-height:24px;}
.ny_about_one ul li:hover{padding:20px 15px 0;}

.ny_about_video{width:100%; height:37vw; position: relative; background:url(../images/v_bjs.jpg) no-repeat center; background-size:cover;}
.ny_about_video video{width:100%;}
.about_video_tan{width:auto; position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); text-align: center; z-index: 9}
.about_video_tan img{width:73px; display: block; margin: 0px auto;}
.about_video_tan h4{color:#ffffff; font-size: 16px; margin-top: 20px;}
.ny_about_one ul li:hover{border:1px solid #008730}
.ny_about_licheng{width:100%; height: auto; overflow: hidden; margin:50px 0; background: url(../images/licheng_bjs.jpg) no-repeat center; background-size:cover; padding: 88px 0}

.about_licheng_li{width:100%; margin:100px auto 0; position: relative}
.ny_about_licheng .mySwiper{width:1030px; height: auto; overflow: hidden; margin: 0px auto; position: relative}
.ny_about_licheng .mySwiper:after{content: ""; width:80%; height: 1px; background: #eeeeee; position: absolute; bottom:3px; left:50%; transform: translate(-50%,0)}
.ny_about_licheng .mySwiper .swiper-slide p{color: #333333; font-size: 24px; font-weight: bold; text-align: center}
.ny_about_licheng .mySwiper .swiper-slide i{width:7px; height:7px; background: #eeeeee; border-radius: 50%; display: block; margin:22px auto 0;}
.ny_about_licheng .mySwiper2{width:100%; height: auto; overflow: hidden; margin-top: 40px;}
.ny_swiper_lc{width:100%; text-align: center; display:none}
.ny_swiper_lc p{color: #333333; font-size: 18px;  line-height: 30px;}
.ny_swiper_lc img{width:718px; display: block; margin:30px auto 0;}
.about_licheng_li .swiper-button-next,.about_licheng_li .swiper-button-prev{width:14px; height: 24px; margin-top: 0; top:62%}
.about_licheng_li .swiper-button-next{background: url(../images/hh_right.png) no-repeat center; right:25%}
.about_licheng_li .swiper-button-prev{background: url(../images/hh_left.png) no-repeat center; left:25%}
.about_licheng_li .mySwiper .swiper-slide-thumb-active i{background: #009646}
.about_licheng_li .mySwiper .swiper-slide-thumb-active p{color: #009646}





.ab_lcli{width:100%; height: auto; display: block; cursor: pointer}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: ""}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: ""}
.year-bg{width:100%; position: absolute; font-size:300px; text-align: center;  color: #919797;  opacity: .2; font-weight:bold;
    background-image: linear-gradient(180deg, rgba(103, 108, 112, 0.3) 30%, rgba(103, 108, 112, 0) 80%);
    background-image: -moz-linear-gradient(-90deg, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 80%);
    -webkit-background-clip: text;  -webkit-text-fill-color: transparent; line-height: 1; top: 0;  left: 0; z-index: -1;}
.about_licheng_li .item{width:850px; min-height:280px; padding-top:2%}
.ny_about_licheng .swiper-slide-active .ny_swiper_lc{display:block}
.ny_about_ygfc{width:100%; height: auto; overflow: hidden; background: url(../images/ygfc_bjs.jpg) no-repeat center; background-size: cover; padding: 90px 0 160px}
.about_one_title{width:100%; text-align: center;}
.about_one_title h3{color:#333333; font-size:30px;}
.about_one_title h4{color:#333333; font-size:16px;}
.about_one_title hr{width:47px; height: 2px; background: #009646; display: block; margin: 25px auto;}
.ny_about_ygfc .swiper-container{width:100%; height: auto; overflow: hidden; margin-top: 62px; padding-bottom: 90px;}
.ny_about_ygfc .swiper-slide a{width:100%; height: 404px; background: #fff; overflow: hidden;     display: -webkit-flex;
    display: flex;  -webkit-flex-wrap: wrap;  flex-wrap: wrap;}
.about_ygfc_img{width:39.5%; height: 100%; float: left; overflow: hidden}
.about_ygfc_img img{width:100%; display: block; height:100%; object-fit: cover; object-position: center center;}

.about_ygfc_xx{width:60.5%; height: auto; float: left; padding:5% 8%}
.about_ygfc_xx h3{width:100%; height: 40px; line-height: 40px; color: #333333; font-size: 18px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap}
.about_ygfc_xx p{width:100%; height: 90px; line-height: 30px; color: #333333; font-size: 16px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden; margin: 40px 0}
.about_ygfc_xx span{width:160px; height: 50px; background: #009646; border-radius: 30px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; 
	display: block}
.ny_about_ygfc .swiper-pagination-bullet{width:12px; height: 12px; background: none; border: 1px solid #008730; opacity: 1; margin: 0 10px!important}
.ny_about_ygfc .swiper-pagination-bullet-active{background: #008730}
.ny_about_honor{width:100%; height: auto; margin: 80px 0}
.ny_about_honor .swiper-container{width:100%; height: auto; overflow: hidden; margin-top: 50px; padding-bottom:90px;}
.ny_about_honor .swiper-slide a{width:100%; height: auto; display: block; }
.about_honor_pic{width:100%; height: auto; overflow: hidden}
.about_honor_pic img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_about_honor .swiper-slide a h4{width:100%; hieght:58px; background: #eeeeee; line-height: 58px; color:#333333; font-size: 16px; text-overflow: ellipsis;
	overflow: hidden; white-space: nowrap; text-align: center; margin-top: 10px;}
.ny_about_honor .swiper-button-next,.ny_about_honor .swiper-button-prev{width:47px; height: 47px; top: auto; bottom:0}
.ny_about_honor .swiper-button-next{background: url(../images/h_right.png) no-repeat center; right:46%}
.ny_about_honor .swiper-button-prev{background: url(../images/h_left.png) no-repeat center; left:46%}
.ny_about_honor .swiper-slide a:hover h4{background: #008730; color:#fff}
.ny_about_honor .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: ""}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: ""}


/*案例*/
.ny_case_all{width:100%; height: auto; overflow: hidden;  background: #eeeeee; padding: 66px 0}
.ny_case_all ul{width:100%; height: auto; overflow: hidden}
.ny_case_all ul li{width:48%; height: auto; float: left; margin-bottom: 38px; position: relative; overflow: hidden}
.ny_case_all ul li:nth-child(2n){float: right}
.ny_case_all ul li img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_case_hover{width:100%; height: auto; background: #fffffff7; position: absolute; bottom:0; left:0; padding:20px 20px}
.ny_case_hover h4{width:100%; height:auto; line-height:32px; border-bottom: 1px solid #009646; font-size: 20px; color: #000000; text-overflow: ellipsis; 
	overflow: hidden; padding-bottom:20px; }
.case_hover_xx{width:100%; height: auto; overflow: hidden; margin-top: 20px}
.case_hover_xx dl{width:100%; height:auto; line-height:30px; display: flex; justify-content: space-between;}
.case_hover_xx dl dt,.case_hover_xx dl dd{font-size: 16px; color: #666666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.case_hover_xx h5{width:100%; height: 30px; line-height: 30px; font-size: 16px; color: #666666}
.case_hover_xx dd{align-items: center; height:30px; display: flex; }
.case_hover_xx dd img{max-width:100%}
.case_hover_info{width:100%; height:384px; background: url(../images/c_hover.png) no-repeat; background-size: cover; padding:170px 45px 40px; position: absolute; 
	bottom:0; left:0; display: none; align-items: flex-end;}
.case_hover_info p{color:#ffffff; font-size: 16px; line-height:26px;}
.ny_case_all ul li:hover .case_hover_info{display: block}
.ny_case_all ul li:hover .ny_case_hover{display: none}
.ny_case_all ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.case_hover_xx h6{width:100%;line-height:30px; font-size: 16px; color: #666666}



/*联系我们*/
.ny_contact_all{width:100%; height: auto; overflow: hidden; background:url(../images/contact_bjs.jpg) no-repeat; background-size: cover; padding: 166px 0}
.ny_contact_all .w1440{display: flex; justify-content:space-between; padding: 0 3%}
.ny_contact_li{width:30%; height: 272px;  text-align: center; padding-top: 40px; background-size:100% 100%!important}
.cpi1{background: url(../images/cdhs.png) no-repeat center;}
.cpi2{background: url(../images/cdz.png) no-repeat center;}
.cpi3{background: url(../images/cyx.png) no-repeat center;}
.contact_li_xx{width:100%; margin-top: 30px;}
.contact_li_xx p{color:#333333; font-size: 16px; line-height:36px;}



/*技术优势*/
.ny_jsys_one{width:100%; height: auto; overflow: hidden;  padding: 80px 0; background: url(../images/jsys_one.jpg) no-repeat; background-size: cover;}
.jsys_one_xx{width:100%; height: auto; text-align: center; margin-top: 20px;}
.jsys_one_xx img{max-width: 100%}
.ny_jsys_cptx{width:100%; height: auto; overflow: hidden; background: url(../images/txbj.jpg) no-repeat center; padding: 60px 0; background-size:cover;}
.ny_jsys_cptx ul{width:100%; height: auto; overflow: hidden; margin-top: 55px;}
.ny_jsys_cptx ul li{width:23.5%; height:320px; float: left; background: #ffffff; border-radius: 25px; margin-right:2%; margin-bottom: 20px; padding:30px 2%; transition: all 0.4s ease-in-out;}
.ny_jsys_cptx ul li:nth-child(4n){margin-right: 0}
.jsys_cptx_icon{width:100%; height:40px; display: flex; align-items: center}
.jsys_cptx_icon img{max-height: 100%; webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;  transition: transform 0.5s ease-out;}
.ny_jsys_cptx ul li h4{color:#000000; font-size:20px; margin:10px 0 15px; text-transform:Capitalize }
.ny_jsys_cptx ul li p{width:100%; height: auto; color: #666666; font-size:15px; line-height:26px;}
.ny_jsys_cptx ul li:hover{padding:20px 2%; }
.ny_jsys_cptx ul li:hover img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}



/*产品详情*/
.ny_products_one{width:100%; height:997px; overflow: hidden; background: url(../images/pro_bjs.jpg) no-repeat center; padding-top: 130px}
.products_one_left{width:45%; height: auto; float: left; margin-top: 162px}
.products_one_left img{width:100%; display: block}
.products_one_right{width:49%; height: auto; float: right}
.products_one_zi{width:100%; color: #000000; font-size:24px; padding-left: 40px; position: relative; line-height:40px;}
.products_one_zi:after{content: ""; width: 6px; height: 28px; background: #1b8d45; position: absolute; top: 50%; left:0; transform: translate(0,-50%)}

.products_one_info{width:100%; height:555px; background:rgb(255 255 255 / 0.4); border-radius:15px; margin: 40px 0; padding: 46px 0; overflow: hidden;color: #444}
.products_one_xx{width:100%; height: 100%; overflow: hidden; padding: 0 46px}
.products_one_info p{line-height: 1.75; color: #333333; font-size: 18px}
.products_one_info tr{ border-bottom: 1px solid rgba(216, 216, 216, 0.46); font-size: 18px!important;height:auto!important; width:100%}
.products_one_info tr td{border:0!important; width:380px!important;font-size: 16px!important;line-height: 1.75;  padding: 10px 0; }
.products_one_info table{ width: 100%!important; height:auto!important; table-layout:fixed; border-collapse: collapse; }
.products_one_info td:nth-child(1){ width:300px; padding-right: 52px;}
.products_one_info td:nth-child(1) p{ color: #333; }
/*.products_one_info:not(:first-child){ display: none;}
*/
tbody{width:100%;}


/*产品列表*/
.ny_product_one{width:100%; height: auto; overflow: hidden; background: url(../images/pro_one.jpg) no-repeat center; padding: 80px 0 100px; background-size:cover;}
.product_one_title{width:100%; text-align: center}
.product_one_title h4{color:#000000; font-size: 30px; margin-bottom: 20px;}
.product_one_title p{color:#333333; font-size:16px; }
.product_one_li{width:100%; height: auto; overflow: hidden; margin-top: 110px;}
.ny_pro_img{width:100%; height: auto; overflow: hidden; display: flex; justify-content: center; align-items: center}
.ny_pro_img img{max-width:100%}
.product_one_li h4{width:100%; height: 40px; line-height: 40px; color: #333333; font-size: 20px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap; text-align: center; margin-top:30px; display: none;}
.product_one_li .swiper-slide{transition: 300ms; transform: scale(0.6); }
.product_one_li .swiper-slide-active{transform: scale(1);}
.product_one_li .swiper-slide-active h4,.product_one_li .swiper-slide-duplicate-active h4{display: block}
.product_one_li .swiper-button-next,.product_one_li .swiper-button-prev{width:39px; height: 39px; margin-top: 0; top:30%}
.product_one_li .swiper-button-next{background: url(../images/p_right.png) no-repeat center; right:29%}
.product_one_li .swiper-button-prev{background: url(../images/p_left.png) no-repeat center; left:29%}
.ny_pro_img:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}



/*发展历程*/
.timer_shaft_left{float: left;font-size:30px;width: 175px;text-align: center;position: relative; line-height: 42px; margin-top:15px; }
.timer_shaft_left::after{content:"";position: absolute;right: 3px;top:12px;width: 11px;height: 11px;border:1px solid #009646;border-radius:50%;background: #fff;z-index: 2;}
.timer_shaft_right{line-height: 35px;padding-left: 30px; padding-top:10px;color: #666; margin-left:172px; }
.timer_shaft_right > img{ display: block; width: 300px; height: auto; }
.timer_shaft_box{position: relative; width:100%; margin-top:30px;}
.timer_shaft_box::after{content: '';position: absolute;left: 165px;height: 100%;width: 1px;background: #009646;z-index: 1;top: 0;}
.timer_shaft_line .timer_shaft_left{padding: 0 15px;}
.clear_new{clear:both;overflow:hidden;}
.clear_new2:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.exhibition_text{background: #eeeeee;padding: 30px;line-height: 30px;}
.exhibition_text h2{font-size: 24px;font-weight: bold;margin-bottom: 6px;}
.ny_event_tt{color:#009646; font-size:36px; margin-bottom:60px;}
.timer_shaft_left span{background:#009646; color:#fff; font-size:30px; padding:0 15px;}





/*底部*/
.index_footer{width:100%; height: auto; overflow: hidden;  background: #fff;}
.footer_logo{width:100%; height: auto; overflow:hidden; border-bottom: 1px solid #cccccc; padding-bottom: 25px;padding-top: 45px;}
.footer_center{width:100%; height: auto; overflow: hidden; margin-top:48px; display: flex; justify-content: space-between}
.footer_nav{width:65%; height: auto; float: left; display: flex; justify-content: space-between}
.footer_nav dl{width:auto;}
.footer_nav dl dt h4{color:#000000; font-weight: bold; font-size: 18px;}
.footer_nav dl dt hr{width:20px; height:3px; background: #009646; display: block; margin:12px 0}
.footer_nav dl dd a{color:#999999; font-size: 16px; line-height: 30px; display: block}
.footer_nav dl dd a:hover{color:#009646}
.slide_ma{width:21%; display: flex; justify-content: space-between}
.slide_ma dl{width:47%;}
.slide_ma dl dt{width:100%;}
.slide_ma dl dt img{width:100%; border-radius: 8px;}
.slide_ma dl dd{width:100%; color: #666666; font-size: 16px; text-align: center; margin-top: 5px;}
.footer_bottom{width:100%;height: auto; overflow: hidden; margin: 40px 0 10px}
.copy_l{width:auto; height: auto; overflow: hidden; font-size:14px; color: #999999; line-height:40px;  text-transform: uppercase; float: left}
.copy_l a{color:#999999; font-size:14px;}
.copy_l a:hover{color:#009646!important}
.footer_zhichi{width:auto; height:auto; overflow: hidden; margin: 0 20px; float: right}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px; }
.footer_zhichi p:last-child{margin-right: 0}
.footer_zhichi .js{width:82px;height:40px; background: url(../images/wl.png) no-repeat center; }
.footer_zhichi .pt{width:82px;height:40px; background: url(../images/vl.png) no-repeat center; background-size:100% }
.footer_zhichi span{float: left; font-size:14px; color: #999999; line-height:40px;}
.footer_zhichi i{ float: left;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat center}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat center}
.footer_lianjie a{color:#999999; font-size:14px; position: relative; margin-right: 10px;}
.footer_lianjie a:hover{color:#009646}
.footer_lianjie{float: left; line-height: 40px; margin-left: 2%}



/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -125px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#009646;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    position: relative;
    width: 77px; float:left;
}


/*弹出视频*/
.video_bj{width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:888; display:none}
.video_xx{width:600px; height:auto; position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-190px; z-index:999}
.close{width:100%; height:40px; text-align:right; background:rgba(0,0,0,0.5);}
.close img{width:32px; height:32px; margin-top:4px; margin-right:10px;}
.video-box{width:100%; height:auto;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}




@media screen and (max-width:1500px){
	.w1440,.container{width:1200px;}
	.footer_nav{width:60%}
	#menu{width:46%}
	.case_hover_xx dl{display:block; line-height:30px;}
	.case_hover_xx dl dt,.case_hover_xx dl dd{width:100%;}
	.case_hover_xx dd,.case_hover_xx h6{ line-height:30px;}
	.cp_jia img{width:38px;}
	.ny_case_hover h4{font-size:18px; line-height:26px;}
	.case_hover_info{padding:100px 30px 30px;}
	.tabs a h3{font-size:20px;}
	.index_product_li{padding: 115px 8% 0;}
	.bd_cp_xx{line-height:26px;}
	.footer_lianjie a,.copy_l,.copy_l a,.footer_zhichi span{font-size:12px;}
	.ny_contact_li{width:32%}
	.about_one_left{margin-top:10px;}
	
}