a{ color: #333; transition: all 0.3s;}
a:hover{ color: #f60; }
body{  color: #333; }
nav{ padding: 20px 0; background: #111; }
nav img{ height: 40px; }
nav li>a{ padding:0 20px; height: 40px; line-height: 40px;font-weight: bold;  font-size: 14px; color: #fff; }
nav li:hover>a{ background-color: #f60; color: #fff; text-decoration: none;}
nav li>div{ padding-top: 20px;  }
nav li>div>div{ background-color: #f60;}
nav li div a{ display: block; font-weight: bold; padding: 10px 20px; color: #fff; font-size: 14px;}
nav li div a:hover{background: #111; 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); }
#search{ box-shadow: 0 2px 5px rgba(0,0,0,.2); }
.bpart{ padding: 40px 0;}
.bpart .title{ text-align: center; margin-bottom: 20px; }
.bpart .title h2{font-size: 24px; font-weight: normal;}
.bpart .title div{ display: inline-block; background: #1e87f0; color: #fff; padding: 2px 4px; font-size: 12px; border-radius: 2px; margin: 6px 0 20px;}
#pro{ }
#pro .cate{text-align: center; margin-bottom: 20px;}
#pro .cate a{ display: inline-block; border:1px solid #1e87f0; color: #1e87f0; border-radius: 2px; margin: 2px; font-size: 12px; padding: 6px 10px;}
#pro .cate a:hover{ background: #1e87f0; color: #fff; text-decoration: none;}
#case li,#pro li{ width: calc((100% - 60px) / 4); float: left; margin: 0 20px 20px 0; }
#case li:nth-child(4n),#pro li:nth-child(4n){ margin-right: 0; }
#case li h3 a,#pro li h3 a{ font-size: 14px; text-align: center; padding: 20px 10px 10px; }
#case li .pic,#pro li .pic{ position: relative; }
#case li .pic>div,#pro li .pic>div{ width: 80%; border:1px solid rgba(255,255,255,.9); position: absolute; left: 50%; top: 50%; transform: translate(-50%,0%);padding: 10px; background: rgba(255,255,255,.6); opacity: 0; transition: all 0.5s;}
#case li .pic>div div,#pro li .pic>div div{ font-size: 12px; color: #000; -webkit-line-clamp:5;}
#case li:hover .pic>div,#pro li:hover .pic>div{ opacity: 1; transform: translate(-50%,-50%);}
#yous .fr{ width: 30%; }
#yous .fl{ width: 70%; }
#yous dl{ float: left; width: 50%; padding: 0 20px 20px 20px; background: url(arr.jpg) left 5px no-repeat; font-size: 14px; }
#yous dt{ font-weight: bold; margin-bottom: 10px; }
#yous dd{ color: #666; font-size: 12px; height: 32px; }
#sev .part{ width: 20%; float: left; height: 400px; }
#sev .bg{ background: rgba(0,0,0,.5); height: 100%; transition: all 0.5s;}
#sev .bg>div{ position: absolute; left: 50%; top: 80%; width: 100%; padding: 20px; transform: translate(-50%,-50%); text-align: center; color: #fff; transition: all 0.5s;}
#sev .bg>div div{ opacity: 0.1; transition: all 0.5s; transition-delay: 0.2s; font-size: 14px; }
#sev .bg h3{ margin-bottom: 2em; }
#sev .part:hover .bg{ background: rgba(30,135,240,.9); }
#sev .part:hover .bg>div{ top: 50%; }
#sev .part:hover .bg>div div{ opacity: 1; }
#fty{ background: #333; color: #fff; }
#fty .fr{ display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #eee; color: #111; font-size: 14px;}
#fty .fr:hover{ background: #000; color: #fff; text-decoration: none; }
#fty .fl{ width: calc(100% - 200px); }
#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;}
#about .fl{ width: 40%; }
#about .fr{ width: 60%; padding: 40px 0 0 40px; }
#about .fr{ line-height: 1.6em; -webkit-line-clamp:8;}
#news li{ width: calc((100% - 12px) / 4); margin-right: 4px; float: left; padding: 20px; background-color:#f1f1f1;}
#news li:nth-child(4n){ margin-right: 0; }
#news li a{ font-weight: normal; padding-bottom: 10px; display: block; height: 60px;overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
#news li time{ color: #666; font-size: 14px; display: block;  padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(10,10,10,.1);}
#news li p{ text-indent: 0;overflow: hidden; -webkit-line-clamp: 4; color: #666; font-size: 14px; height: 84px;  }
#news li:hover{ background-color: #1e87f0; }
#news li:hover *{ color: #fff; }
#news li:hover time{ color: #285cb1; }
#news li:hover a:hover{ color: #111; text-decoration: none; }
#btm{ background-color: #1e87f0; color: #fff; padding:20px 0; font-size: 14px; text-align: center;}
#btm a{ padding: 2px 4px; color: #fff; }
#btm a:hover{ color: #111; }
@media screen and (max-width: 1000px){
	a.menu span{ background: #fff; }
	#btm{ display: none; }
}
@media screen and (max-width: 800px){
	#case li .pic > div, #pro li .pic > div,#search .search form div{ display: none; }
	#case li, #pro li{ width: calc(50% - 5px); margin: 0 10px 10px 0; }
	#case li:nth-child(2n), #pro li:nth-child(2n){ margin-right: 0; }
	#news li,#about .fl,#about .fr,#fty li,#fty .fl,#fty .fr,#sev .part,#yous .fr,#yous .fl{ width: 100%; float: none; }
	#yous dt{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	#sev .part{ background-size: cover; height: 200px;}
	#sev .bg > div{ top: 50%; }
	#sev .bg > div div{ opacity: 0.7;}
	#about .fr{ padding: 0; }
}