a{ color: #333; transition: all 0.3s;}
a:hover{ color: #d00f16; }
body{  color: #555; font-size: 14px; }
#top .top{ font-size: 12px; color: #666; background: #eee; height: 30px; line-height: 30px; }
#top .pad{ padding: 20px 0; }
	#top div.fl{ color: #333; font-size: 28px; padding:0 20px; border-right: 1px solid #eee; margin-right: 20px;}
	#top ul.fl li{ font-size: 14px; color: #666; }
	#top div.fl span{ color: #d00f16; font-size: 16px; display: block; }
	#top .fr{ padding-left: 30px; background: url(tel.png) left top no-repeat; color: #666; }
	#top .fr a{ color: #d00f16; font-weight: bold; display: block; font-size: 24px; }
nav{ background:url(navbg.png);}
nav .fr{ float: none; }
nav li>a{ padding:0 20px; height: 58px; line-height: 58px; color: #fff; font-size: 14px; font-weight: bold;}
nav li:hover>a{ background-color: #0158a7; color: #fff; text-decoration: none;}
nav li>div{ padding-top: 0;  }
nav li>div>div{ background-color: #d00f16;}
nav li div a{ display: block; 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); }
.bpart{ padding: 40px 0;}
.bpart .title{ text-align: center; margin-bottom: 20px; }
.bpart .title h2{font-size: 36px; color: #d00f16; display: inline-block; margin-bottom: 10px;}
.bpart .title div:after{ color: #333; content: ""; display: block; width: 40px; height: 2px; margin:10px auto 20px; background: #d00f16;  }
#zouj .intro{ line-height: 1.6em; }
#zouj .imgs{ margin: 20px 0; }
#zouj .imgs>div{ float: left; width: 50%; padding-right: 10px;}
#zouj .imgs>div:last-child{ padding: 0 0 0 10px; }
#zouj dl{ width: calc((100% - 60px) / 3); float: left; margin-right: 30px; background: #eee; box-shadow: 10px 10px 0 #ddd; padding: 20px; }
#zouj dl:last-child{ margin-right: 0; }
#zouj dd{ color: #d00f16; font-size: 20px; font-weight: bold; text-align: center; padding-bottom: 20px;}
#zouj dt{ line-height: 1.6em; }
#pro{ background: #111; }
	#pro .title div.edit{ color: #fff; }
	#pro .cate{ background: #fff; padding: 10px; width: 220px; overflow: hidden;}
	#pro .cate div{ background: #d00f16; color: #fff; padding: 20px; border-radius:12px; font-size: 18px; text-transform: uppercase;margin-bottom: 10px }
	#pro .cate div strong{ display: block; }
	#pro .cate li{ padding: 10px 10px 0 10px; }
	#pro .cate li a{ display: block;  padding-left: 30px; height: 30px; line-height: 30px;  background: url(arr.png) 10px center no-repeat #eee; font-size: 14px;}
	#pro ul.fr{ width: calc(100% - 220px); }
	#pro ul.fr li{ width:25%; float: left; padding:0 0 10px 10px;}
	#pro ul.fr li img{ transition: all 0.5s; }
	#pro ul.fr li:hover img{ transform: scale(1.1); }
	#pro ul.fr li h3 a{ font-weight: normal; color: #fff; text-align: center; padding: 10px;  font-size: 14px;}
#yous .part{ padding: 20px; border-radius:30px; background: #eee; margin-bottom: 30px; }
#yous .real{ float: left; width: 50%; padding-right: 50px; border-radius:30px; overflow: hidden;}
#yous .info{ float: right; width: 50%; }
#yous .info span{ float: left; font-size: 96px; color: #e7c1c2; }
#yous .info .clr{ text-transform: uppercase; color: #999;}
#yous .info h3{ color: #d00f16; font-weight: normal; font-size: 24px; }
#yous .info .clr div{ padding-top: 50px; margin-left: 120px; }
#yous .info .edit{ line-height: 1.6em; }
#yous .part:nth-child(2n) .real{ float: right; padding: 0 0 0 50px; }
#yous .part:nth-child(2n) .info{ float: left; }
#fty{ background: url(bg.jpg) center no-repeat; background-size: cover; }
	#fty .fr{ width: 480px; }
	#fty .fl{ width: calc(100% - 500px); color: #fff; font-size: 24px; line-height: 1.6em; }
	#fty .fl strong{ color: #d00f16; text-transform: uppercase; }
	#fty .fl h2{ padding: 10px 0 30px; }
#case a{ display: block; position: relative; float: left; width: calc(25% - 10px); margin: 10px 0 0 10px; overflow: hidden;color: #fff; font-size: 14px;}
#case a>div{ position: absolute; width: 100%; height: 100%; left: 0; top: 100%; background: rgba(0,0,0,.5);  transition: all 0.5s;}
#case a>div>div{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#case a:hover>div{ top: 0; }
#case a:first-child{width: calc(50% - 10px); font-size: 24px;}
#sev{ background: url(bg2.jpg) top center no-repeat #000; }
	#sev .title div{ color: #fff; }
	#sev .part{ width: calc(50% - 10px); margin: 0 20px 20px 0; float: left; background: #fff; padding: 20px 30px;}
	#sev .part:nth-child(2n){ margin-right: 0 }
	#sev .part h3{ font-size: 24px; color: #d00f16; margin-bottom: 20px; font-weight: normal; }
	#sev .part .lines{ -webkit-line-clamp:6; line-height: 1.6em; }
#news h2{ height: 60px; line-height: 60px; color: #fff; background: #eee; margin-bottom: 10px;}
	#news h2 span{ background: #d00f16; display: inline-block; height: 60px; padding: 0 20px; }
	#news div.fl{ width: calc(100% - 320px); }
		#news .fst{ margin-bottom: 10px; }
		#news .fst .fl{ width: 200px; }
		#news .fst div{ margin-left: 210px; }
		#news .fst h3 a{ color: #d00f16; font-size: 16px; }
		#news .fst time{ font-size: 12px; color: #666; }
		#news div.fl li{ width: calc(50% - 5px); float: left; margin-right: 10px; border-bottom: 1px dashed #ccc; height: 40px; line-height: 40px; padding-left: 20px; background: url(arr.png) left center no-repeat; }
		#news div.fl li:nth-child(2n){ margin-right: 0; }
		#news div.fl li time{ float: right; color: #999; }
		#news div.fl li a{ display: block; float: left; width: calc(100% - 50px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
	#news .faqs { width:300px;overflow: hidden;}
    	#news .swiper-slide { padding: 20px; background-color: #eee; }
    	#news .faqs h3 a{ color: #d00f16; padding-bottom: 10px; }
#btm{ background: #111; color: #ccc; padding: 20px 0; text-align: center; }
#btm a{ color: #fff; padding: 0 5px; }
@media screen and (max-width: 1000px){
	#btm,#top ul.fl,#top .fr{ display: none; }
	#fty .fr{ width: 360px; }
	#fty .fl{ width: calc(100% - 370px); }
}
@media screen and (max-width: 800px){
	#search .search div,#top div.fl,#top .top{ display: none; }
	#news div.fl li,#news .fst .fl,#news .fst div,#news div.fl,#news .faqs,#sev .part,#fty .fl,#fty .fr,#yous .real,#yous .info,#pro ul.fr,#pro .cate,#zouj dl{ width: 100%; float: none; box-shadow: none; padding: 0; margin: 0; }
	#pro .cate{ margin-bottom: 10px; }
	#case a,#pro ul.fr li{ width: calc(50% - 5px); padding: 0; margin: 0 10px 10px 0; }
	#case a:nth-child(2n+1),#pro ul.fr li:nth-child(2n){ margin-right: 0; }
	#yous .info span{ font-size: 48px; }
	#yous .info .clr div{ margin-left: 60px; padding: 0; font-size: 12px; white-space: nowrap; overflow: hidden; }
	#case a:first-child{ width: 100%; }
	#case a > div,#case a > div > div{ position: static; }
	#case a > div > div{transform:translate(0,0); padding: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	#zouj dl,#sev .part{ padding: 10px; margin-bottom: 10px; }
	#news div.fl li{ padding-left: 12px; }
}