a{ color: #111;}
a:hover{ color: #009248; }
#top .topbar{ height: 30px; line-height: 30px; background-color: #eee; color: #666; font-size: 12px; }
#top div.clr{ padding: 10px 0; }
#top img{ height: 40px; display: block; }
#top a.fr{ padding-left: 26px; background: url(tel.png) left center no-repeat; background-size:contain; margin-top: 10px;}
#top a.fr b{ color: #009248; }
nav{ background-color: #009248; }
nav .fr{ float: none; }
nav a{ color: #fff; }
nav li>a{ padding: 0 20px; height: 68px; line-height: 68px; font-weight: bold; border-bottom: 3px solid transparent; transition: all 0.3s;}
nav li:hover>a{ background:#f60; color: #fff; text-decoration: none; }
nav li>div{ padding-top: 1px; }
nav li>div>div{ background-color: #009248; }
nav li div a{ display: block; padding: 0 20px; height: 36px; line-height: 36px; }
nav li div a:hover{ background-color: #f60;color: #fff; text-decoration: none; }
.swiper-button-next, .swiper-button-prev{ }
#banner .swiper-pagination-bullets .swiper-pagination-bullet{ width: 60px; height: 4px; border-radius: 0; background-color: rgba(255,255,255,1); }
#search{ border-bottom: 1px solid #ddd; background: #f1f1f1; }
.bpart{ margin: 60px 0; position: relative;}
.bpart .title{ text-align: center; color: #666; margin-bottom: 30px;}
.bpart .title h2{font-size: 26px; font-weight: normal;}
.bpart .title span{ display: block; text-transform: uppercase; margin: 20px auto; }
.bpart .title span:before,.bpart .title span:after{ content: ""; display: inline-block; height: 1px; overflow: hidden; background: #999; width: 100px; vertical-align: middle; }
.bpart .title span:before{ margin-right: 20px; }
.bpart .title span:after{ margin-left: 20px; }
#case .plist{ overflow: hidden; padding-bottom: 60px;}
#case .plist .swiper-slide{ padding: 10px; border:1px solid #ddd; }
#case .plist h3 a{ display: block; font-weight: normal; padding: 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#case .swiper-pagination-bullet-active{ background: #009248; }
#pro{ background: #009248; padding: 60px 0; }
#pro .title *{ color: #fff; }
#pro li{ width: calc((100% - 40px) / 3); float: left; margin: 0 20px 20px 0; background: #fff; padding: 10px;}
#pro li:nth-child(3n){ margin-right: 0; }
#pro .pic{ display: block; background: #111; }
#pro li img{ width: 100%; display: block; transition: all 0.5s;}
#pro li:hover img{ opacity: 0.5; }
#pro li h3 a{ display: block; font-weight: normal; padding: 20px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#about .fl{ width: 500px; }
#about .fr{ width: calc(100% - 560px); }
#about .lines{ color: #666; line-clamp:6;-webkit-line-clamp:6; font-size: 14px; line-height: 1.6em;}
#why{ background-size: cover; padding: 60px 0; }
#why *{ color: #fff; }
#why dl{ float: left; width: calc(50% - 101px); margin: 50px; padding-left: 120px; background-repeat: no-repeat; background-position: left top;}
#why dt{ font-size: 24px; color: #009248; border-bottom: 2px dotted #009248; padding-bottom: 20px; margin-bottom: 20px; }
#why dd{ padding: 2px 0; }
#why .a{ background-image: url(i1.png); }
#why .b{ background-image: url(i2.png); }
#why .c{ background-image: url(i3.png); }
#why .d{ background-image: url(i4.png); }
#news li{ width: calc(50% - 20px); margin: 0 20px 20px 0; float: left; padding: 10px;}
#news li:nth-child(2n){ margin-right: 0; }
#news li .fl{ width: 120px; }
#news li .fr{ width: calc(100% - 130px); }
#news li h3 a{ display: block; font-weight: normal; padding-bottom: 6px; }
#news li time{ color: #666; font-size: 12px;}
#news li p{ text-indent: 0; font-size: 14px; height: 42px; color: #666; }
#news li:hover{ background-color: #eee; }
#btm{ background-color: #009248; color: rgba(255,255,255,.85); padding: 20px 0; }
#btm .fr{ width: 150px; }
#btm .fl{ width: calc(100% - 170px); padding:10px 20px 10px 0; border-right:1px solid rgba(255,255,255,.5); line-height: 2.4em; }
#btm .fl div{ line-height: 1.5em; width: 80%; }
#link{ text-align: center; border-top: 1px solid rgba(255,255,255,.5); margin-top: 10px; padding: 10px 0; }
#link a{ color: rgba(255,255,255,.7); transition: all 0.5s;}
#link a:hover{ color: #fff; }
@media screen and (max-width: 1000px){
	#top a.fr{ display: none; }
	#about .fl{ width: 40%; }
	#about .fr{ width: calc(60% - 20px); }
}
@media screen and (max-width: 640px){
	#pro li{ width: calc(50% - 10px); margin: 0 10px 10px 0; }
	#pro li:nth-child(3n){ margin-right: 10px; }
	#pro li:nth-child(2n){ margin-right: 0; }
	#btm .fl,#news li .fr,#news li,#why dl,#about .fl,#about .fr{ width: 100%; float: none; }
	#about .fl img{ width: 100%; margin-bottom: 20px; }
	#why dl{ margin: 20px 0; }
	#btm .fr,#news li .fl{ display: none; }
	#btm .fl{ line-height: 1.4em; }
	#btm .fl div{ display: none; }
}