header{ height: 110px;position: relative;}
.w{width: 74%; margin: 0 auto;}
.top{ width: 95%; margin: 0 auto; justify-content: space-between; align-items: center; }
.top .logo{ width: 28%;align-items: center; height: 110px;}
.top .logo img{width: 100%;}
.top .nav{ width: 40%;justify-content: space-between;}
.top .nav li a{font-size: 0.9vw; transition: all 0.5s;}
.top .nav li a:hover{color: #00970A; }
.top .tel{background: url(../images/tel.jpg) no-repeat;padding-left: 44px;line-height: 36px;font-size:1.8vw; color:#00970a;}
.nav2{display: none; width:10%;   position: absolute; top: 30px; right: 0px; }
.navshide{ display:none; position:absolute; top:100%; left:0; width:100%; z-index:100;}
.navshide ul li a{ display:block; width:100%;padding:3% 0; text-align:center;background:#00970A;opacity:0.95;color:#FFF; border-bottom:1px solid #fff;/* font-size:28px; */} 
.line1{ cursor:pointer; }
.line1 li{ height:4px;  background:#00970A; margin:10%;}
.line1 li:nth-child(1){width:22px;}
.line1 li:nth-child(2){width:36px;}
.line1 li:nth-child(3){width:29px;}

.swiper-slide img{width: 100%;}
.ys{background: #00970a;}
.ys ul{justify-content: space-between; padding: 2.2vw 0; }
.ys ul li{color: #fff;border-right: 1px solid #fff; width: 33.33%; justify-content: center;display: flex;}
.ys ul li:last-child{border-right: none;}
.ys ul li h1{font-size: 1.6vw;display: inline-block;}
.ys ul li i{  display: inline-block; margin-right: 10px;}
.ys ul li:nth-child(1) i{background: url(../images/i2.png) no-repeat;width: 4.1vw; height: 3.6vw;background-size: cover; }
.ys ul li:nth-child(2) i{background: url(../images/i1.png) no-repeat;width: 3.4vw; height: 3.4vw;background-size: cover; }
.ys ul li:nth-child(3) i{background: url(../images/i3.png) no-repeat;width: 3.4vw; height: 3.4vw;background-size: cover; }
.ys ul li h1 span{font-size: 0.8vw; display: block; line-height: 40px;}

.about{background: #f6f6f6; padding: 3.6vw 0;}
.about .cnt{background: #fff; }
.about .cnt .left{width: 48%; float: left; padding:3vw 4.1vw 0 4.1vw;}
.about .cnt .left h1{font-size: 3.5vw; font-weight: bold; color:rgba(37,131,131,0.22);}
.about .cnt .left h2{font-size: 2.1vw;color: #00970A;font-weight: bold; line-height: 60px;}
.about .cnt .left .txt{ margin-top: 1.5vw; font-size: 0.8vw; line-height: 30px;  height: 7.8vw; overflow: hidden;}
.about .cnt .left .shili{margin: 2.6vw 0;}
.about .cnt .left .shili li{font-size: 2.5vw;float: left; width: 50%; text-align: center;position: relative;font-weight: bold;color: #4d4d4d;}
.about .cnt .left .shili li sup{font-size: 1.9vw;}
.about .cnt .left .shili li:nth-child(1)::after{content: ""; width: 1px; height: 44px;background: #aeaeae;position: absolute; top:26px;right: 0;}
.about .cnt .left .shili li span{font-size: 0.8vw; display:block; font-weight: normal;}
.about .cnt .left .more{background: #00970A; color: #fff; padding: 12px 34px;}
.about .cnt .right{width:52% ;float: right;}
.about .cnt .right img{width: 100%;}

.tit{text-align: center; margin-bottom: 2.9vw;}
.tit h1{font-size: 2.6vw;color: #333;font-weight: bold;}
.tit i{width: 73px; height: 5px; background: url(../images/t1.png) no-repeat; display: inline-block; margin-top: 20px;}
.tit span{display:block;color: #888; font-size: 1.9vw; text-transform: uppercase;font-weight: bold;}

.product{margin: 4.2vw 0;}
.product ul{ justify-content: space-between;}
.product ul li{ width:24.5%;}
.product ul li p{font-size: 16px; font-weight: bold; text-align: center; line-height: 50px;background: #f6f6f6;}
.product ul li .tit{font-size: 0.9vw;}

.kuai{padding: 60px 0;background: #00970A;text-align: center; color: #fff;}
.kuai h1{font-size: 2.8vw; font-weight: bold;}
.kuai p{font-size: 1.2vw; margin-top: 20px;}

.case{margin: 4.2vw 0;}
.case ul li {width: 24%; float: left; margin: 0 0.5% 1%;}
.case ul li .imgbox{position: relative; padding-bottom: 74%;overflow: hidden;}
.case ul li .imgbox img{position: absolute;width: 100%;height: 100%; transition: all 0.5s;}
.case ul li p{line-height: 50px; background: #00970A; color: #fff;text-align: center;}
.case ul li:hover .imgbox img{transform: scale(1.1);}

.news{padding: 4.2vw 0; background: #f6f6f6;}
.news ul{justify-content: space-between; }
.news ul li{width: 32.5%; background: #fff; padding:38px 16px 20px; box-sizing: border-box;box-shadow: rgba(0,0,0,0.09) 2px 0 10px;}
.news ul li h1{font-size: 1.25vw; font-weight: bold; white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}
.news ul li .time{font-size: 0.72vw;color: #666666; padding-left: 20px; background:url(../images/time.jpg)no-repeat; margin: 0.9vw 0;}
.news ul li p{font-size: 0.8vw; color: #333; line-height: 24px;}
.news ul li .imgbox{ margin-top: 20px; position: relative;padding-bottom: 66%;}
.news ul li .imgbox img{width: 100%; height: 100%;position: absolute;}
.news ul li:hover  h1{color: #00970A;}


footer{background: #444444; padding: 60px 0;}
footer ul{justify-content: space-between;}
footer .lx{}
footer h1{color: #fff; font-size: 0.9vw; font-weight: bold;position: relative; margin-bottom: 30px;}
footer  h1::after{position: absolute;content: ""; width: 70px; height: 2px; background: #fff; left: 0; bottom: -10px;}
footer .lx p{color: #d4d4d4; font-size: 0.8vw; line-height: 30px;}

footer .fnav a{font-size: 0.8vw; color: #D4D4D4; width: 50%; float: left;line-height: 30px;}
footer .wx p{text-align: center; color: #D4D4D4;line-height: 30px;font-size: 0.8vw;}

.bottom{background: #333; line-height: 50px; color: #D4D4D4; text-align: center;}
.fixed_footer{display: none;}
@media only screen and (max-width: 1200px)
 {
	.w{width: 90%;}
	.about .cnt .left .txt{height: 15vw;}
}
@media only screen and (max-width: 900px)
 {
	 .top .logo{width: 50%;}
	.top .nav{display: none;}
	.top .tel{display: none;}
	.nav2{display: block;}
	.kuai{padding:40px 0;}
	.kuai h1{font-size: 30px;}
	.kuai p{font-size: 16px;}
	.case ul li{ width: 49%; margin-bottom: 14px;}
	.case ul li p{line-height: 40px;}
}
@media only screen and (max-width: 750px){
	body{padding-bottom: 50px;}
	header{height: 80px;}
	.nav2{right: 20px;}
	.top .logo{width: 70%;height: 80px;}
	.ys ul li{display: block; text-align: center;}
	.ys ul li i{display: block; margin: 0 auto;}
	.ys ul li h1{display: block; margin-top: 10px;font-size: 16px;}
	.ys ul li h1 span{display: none;}
	.ys ul li:nth-child(1) i{width: 30px; height: 26px;}
	.ys ul li:nth-child(2) i{width: 26px; height: 26px;}
	.ys ul li:nth-child(3) i{width: 26px; height: 26px;}
	.about .cnt .left{width: 100%;}
	.about .cnt .right{width: 100%;}
	.about .cnt .left{padding: 3vw 4.1vw 3vw 4.1vw;}
	.about .cnt .left h1{font-size: 34px;}
	.about .cnt .left h2{font-size: 28px;line-height: 40px;}
	.about .cnt .left .txt{font-size: 16px; height: auto;}
	.about .cnt .left .shili li{font-size: 7vw;}
	.about .cnt .left .shili li sup{font-size: 4vw;}
	.about .cnt .left .shili li span{font-size: 16px;}
	.about .cnt .left .more{margin: 0 auto; display: block; margin-top: 20px; width: 160px;}
	.tit h1{font-size: 30px;}
	.tit span{font-size: 20px;}
	.tit i{margin-top: 10px;}
	.product ul{display: block;}
	.product ul li{width: 90%; margin: 0 auto 10px;}
	.news ul{display: block;}
	.news ul li{width: 90%;margin: 0 auto 16px;}
	.news ul li h1{font-size: 18px;}
	.news ul li .time{font-size: 16px;}
	.news ul li p{font-size: 16px;}
	footer{display: none;}
	.bottom{display: none;}
	.fixed_footer{height:50px;background:linear-gradient(to right,#159e50,#00970A);position:fixed;bottom:0px;z-index:44;width:96%;border-top-right-radius:20px;border-top-left-radius:20px;margin:auto;left:0;right:0; display: block;}
		.fixed_footer a{float:left;width:33.33%;text-align:center;}
		.fixed_footer img{display:inline-block;height:24px;margin:5px 0 0;}
		.fixed_footer strong{color:#fff;font-size:12px;display:block;height:20px;line-height:20px;}
}