a{ color: #333; transition: all 0.3s;}
a:hover{ color: #ce0000; }
body{  color: #333; line-height: 1.6em; font-size: 14px; }
nav{}
nav img{ height: 40px; margin-top: 4px;}
nav li>a{ padding:0 20px; height: 48px; line-height: 48px;font-weight: bold;  font-size: 12px; }
nav li:hover>a{ background-color: #ce0000; color: #fff; text-decoration: none;}
nav li>div{ }
nav li>div>div{ background-color: #333;}
nav li div a{ display: block; font-size: 12px; padding: 10px 20px; color: #fff;}
nav li div a:hover{background: #ce0000; color: #fff; text-decoration: none; }
.swiper-button-next, .swiper-button-prev{ display: none; }
#banner .swiper-pagination-bullets .swiper-pagination-bullet{ width: 60px; height: 4px; border-radius: 0; background-color: rgba(255,255,255,1); }
.bpart{}
.bpart .title{ text-align: center; margin-bottom: 20px; }
.bpart .title h2{font-size: 24px; font-weight: normal; color: #ce0000;}
.bpart .title span{ color: #ccc; font-size: 12px; display: block;}
#about .c{ overflow: hidden; }
#about .fl{ width: 260px;  }
#about .fl .real{ height: 450px; }
#about .fr{ width: calc(100% - 260px); padding: 80px 0 80px 80px; }
#about .th{ height: 260px; }
#about .title{ position: absolute; background: #ce0000; width: 100%; padding-top: 80px; height: 260px; left: 0; top: 0;  z-index: 2;}
#about .title h2{ color: #fff; }
#about .title i{ display: block;width: 40px; height: 50px; background: url(i.png) top center no-repeat; margin: 0 auto;}
#about .title span{ color: rgba(255,255,255,.5); }
#fty h2,#about h3{ color: #ce0000; font-size: 18px; margin-bottom: 30px; }
#fty h2:after,#about h3:after{ content: ""; display: block; width: 60px; height: 3px; background: #ccc; margin-top: 10px;}
#about .lines{ -webkit-line-clamp:8; }
#about .fr a{ display: inline-block; margin-top: 30px; border:1px solid #ddd; padding: 6px 12px; color: #ce0000; transition: all 0.5s; }
#about .fr a:hover{ background: #ce0000; border-color: #ce0000; color: #fff; text-decoration: none; }
#about .bg{ position: absolute; width: calc(50vw - 240px); top: 0; right: 0; height: 450px; background-position: top left; background-repeat: no-repeat; background-size: cover; z-index: 1; }
#fty,#about .c2{ background: #eee; }
#about .c2 h3{ margin-bottom: 60px; }
#about .c2 li{ float: left;width: 50%; padding:0 20px 0 50px; height: 45px; line-height: 45px; background: url(i1.png) left center no-repeat; font-size: 18px; margin-bottom: 20px;}
#about .c2 .b{ background-image: url(i2.png); }
#about .c2 .c{ background-image: url(i3.png); }
#about .c2 .d{ background-image: url(i4.png); }
#news,#fty,#pro{ padding: 40px 0; }
#pro .cate{text-align: center; margin-bottom: 20px;}
#pro .cate a{ display: inline-block; border:1px solid #ccc; color: #ce0000; border-radius: 2px; margin: 2px; font-size: 12px; padding: 6px 10px;}
#pro .cate a:hover{ background: #ce0000; border-color: #ce0000; color: #fff; text-decoration: none;}
#pro li{ width: calc((100% - 60px) / 4); float: left; margin: 0 20px 20px 0; }
#pro li:nth-child(4n){ margin-right: 0; }
#pro li h3 a{ font-size: 14px; text-align: center; padding: 10px; }
#pro li img{ transition: all 0.2s; }
#pro li:hover img{ transform: scale(1.2); }
#pro li:hover h3 a{ background: #111; color: #fff; }
#pro li h3 a:hover{ color: #ce0000; }
#fty .fr{ width: 500px; }
#fty .fl{ width: calc(100% - 500px); -webkit-line-clamp:6; padding-right: 40px; }
#fty h2{ margin-bottom: 20px; }
#fty ul{ margin-top: 20px; }
#fty li{ width: 33.333%; float: left; padding: 0 10px 5px 0; font-size: 12px; list-style-type: decimal; list-style-position:inside; color: #ccc;}
#news div.fl{ width: 480px; }
#news ul.fr{ width: calc(100% - 500px); }
#news div.fl .pic{ height: 360px; overflow: hidden; background: #111; }
#news div.fl .info{ padding: 20px; }
#news div.fl .info h3{ color: #111; font-weight: normal; }
#news div.fl .info p{overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; font-size: 14px; color: #666;}
#news div.fl a:hover{ text-decoration: none; }
#news div.fl a:hover .info{ background-color: #eee;}
#news li{ padding: 20px;border-bottom: 1px solid #ddd; }
#news li:hover{ background:#eee; }
#news li h3{ float: left; font-weight: normal;}
#news li time{ float: right; color: #999; font-size: 14px; }
#news li p{ font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2;margin-bottom: 0; transition: all 0.5s;}
#news li:hover p{ color: #666; }
#case{ background: url(bg.jpg) top center repeat-x; padding-bottom: 20px; }
#case .wrap{ padding: 40px 0; }
#case .title h2{ color: #fff; }
#case .case{ overflow: hidden; }
#case li{ width: calc((100% - 60px) / 4); float: left; margin: 0 20px 20px 0; }
#case li:nth-child(4n){ margin-right: 0; }
#case img{ display: block; }
#btm{ background-color: #eee; border-top: 1px solid #ddd; padding:20px 0; font-size: 14px; text-align: center;}
.search form div{ display: inline; }
#btm a{ padding: 2px 4px; }
#btm a:hover{ color: #111; }
@media screen and (max-width: 1000px){
	#btm{ display: none; }
	#news div.fl,#fty .fr{ width: 40%; }
	#news ul.fr,#fty .fl{ width: 60%; }
}
@media screen and (max-width: 800px){
	#about{ padding-top: 10px; }
	#about .fl .real{ height: auto;}
	#news div.fl,#news ul.fr,#fty .fr, #fty .fl,#about .c2 li,#about .fl,#about .fr{ width: 100%; float: none; }
	#about .c2 .fl,#about .fr a,#about .bg{ display: none; }
	#about .title{ position: static; }
	#fty .fr,#about .fr{ padding: 10px; }
	#pro li{ width: calc(50% - 5px); margin: 0 10px 10px 0; }
	#pro li:nth-child(2n){ margin-right: 0; }
}