*{ box-sizing: border-box; }
.fl{ float: left; }
.fr{ float: right; }
.clr:after{ content: "";display: block; overflow: hidden; clear: both; }
.wrap{ width: 80%; margin: auto; min-width: 1024px; max-width: 1520px;}
.lines{ overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
body,ul,ol,dl,dd,h1,h2,h3,h4,figure{ margin: 0; padding: 0; }
body{ background: #fff; }
a{ text-decoration: none; border:0; outline: 0;}
img{ display: block; max-width: 100%; border:0; }
.topbar{ background: #eee; font-size: 14px; padding: 10px; color: #333; }
.topbar strong{ font-weight: normal; display: inline-block; padding-right: 6px; margin-right: 6px; border-right: 1px solid #999; }
#top{ background: #fcb026;}
#top .fl{ padding: 20px 0; }
#top li{ float: left; position: relative; list-style-type: none; z-index: 5;}
#top li>a{ display: block; padding: 10px 8px; height: 90px; line-height: 70px; font-weight: bold; font-size: 16px; color: #231815; }
#top li:hover>a{ color: #000; }
#top li>div{ position: absolute; background: #fff; width: 100%; min-width: 120px; left: 0; top: 90px; display: none;}
#top li:hover div{ display: block; }
#top li div div{ position: relative; }
#top li div span{ position: absolute; width: 100%; top:-8px; height: 10px; background: url(../images/arr.gif) 35px 1px no-repeat; left: 0; border-bottom: 2px solid #333f47; }
#top li div a{ display: block; padding: 8px 0; font-size: 14px; text-align: center; color:#231815; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #eee; transition: all 0.5s; }
#top li div a:hover{ background: #fcb026; color: #fff; }
.footer{ background: #231815; padding: 30px 0; color: #999; line-height: 1.6em; font-size: 14px; text-align: center;}
.footer a{ color: #ccc; }
.footer a:hover{ color: #fff; text-decoration: underline; }
#kf{ position: fixed; z-index: 66; right: 0; top: 50%; background: #fff; padding: 10px; width: 150px; box-shadow: 0 0 10px rgba(0,0,0,.5); text-align: center;}
#kf .tel{ display: block;  background: #fcb026; color: #231815; padding: 6px 0; margin: 4px 0; font-size: 18px; letter-spacing: -1px;}
#kf .tel:hover{  background: #231815; color: #fcb026;}
#kf .top{ color: #231815; }
#kf .top:hover{ color: #39f; }
#btm{ display: none; }
article.mono{ border-bottom: 1px dashed #ccc; }
/*首页*/
.banner{ overflow: hidden; }
.about{ padding: 60px 0; background: #fff; }
.about .fl{ width: 40%; }
.about .fr{ width: 60%; padding-left: 60px;}
.about h1{ color: #231815; font-size: 48px; padding-bottom: 20px;}
.about p{ text-indent: 2em; font-size: 14px; line-height: 1.4em; color: #666; margin-bottom: 0;}
.bpart{ padding: 60px 0 40px; }
.bg{ background: #ddd; }
.bpart .header{ text-align: center; }
.bpart .header h2{ margin-bottom: 10px;}
.bpart .header p{ margin:0 auto 30px;  color: #666;}
.bpart h2.fl a{ display: block; background: #fcb026; color: #231815; padding: 20px; transition: all 0.5s;}
.bpart h2.fl a:hover{ background: #231815; color: #fcb026; }
.bpart .header p.fl{ margin:6px 0 0 20px; text-align: left; max-width: 700px; font-size: 14px;}
.bpart .cont{ padding-top: 20px; }
.bpart .part,.plist figure{ width: calc((100% - 60px) / 4); float: left; margin: 0 20px 20px 0;}
.bpart .part:nth-child(4n),.plist figure:nth-child(4n){ margin-right: 0; }
.bpart .part>a{ display: block; background: #111; }
.bpart .part a img{ transition: all 0.5s; }
.bpart .part>a:hover img{ opacity: 0.7; }
.bpart .part h3 a{ display: block; color: #231815; font-weight: normal; text-align: center; padding: 10px 0; transition: all 0.5s; }
.bpart .part h3 a:hover{ color: #cd151a; }
#process .i{ display: block; margin: auto; width: 88px; height: 80px; background: url(../images/icon.png) no-repeat; transition: background-position 0.5s;}
#process .a{ background-position: -134px -291px; }
#process .b{ background-position: -267px -291px; }
#process .c{ background-position: 0 -291px; }
#process .d{ background-position: 0 -118px; }
#process .e{ background-position: -134px -118px; }
#process .f{ background-position: -267px -118px; }
#process .g{ background-position: -401px -118px; }
#process .h{ background-position: -401px -291px; }
#process li{ display: inline-block; margin: 0 10px 10px; list-style-type: none; }
#process li:hover{ color: #cd151a; }
#process .a:hover{ background-position: -134px -372px; }
#process .b:hover{ background-position: -267px -372px; }
#process .c:hover{ background-position: 0 -372px; }
#process .d:hover{ background-position: 0 -199px; }
#process .e:hover{ background-position: -134px -199px; }
#process .f:hover{ background-position: -267px -199px; }
#process .g:hover{ background-position: -401px -199px; }
#process .h:hover{ background-position: -401px -372px; }
#process ol{ text-align: center; }
#process li{ font-size: 12px; color: #666;}
#process li h5{ font-size: 18px; font-weight: normal; color: #231815; margin: 10px 0;}
.craft{ overflow: hidden; position: relative; }
.craft .swiper-slide .fl{ width: 50%; }
.craft .swiper-slide .fl img{ width: auto; }
.craft .swiper-slide div.fl{ padding: 20px; }
.craft h5{ font-size: 36px; font-weight: 100; margin: 0; padding-bottom: 10px; border-bottom: 2px solid #cd151a; color: #cd151a;}
.craft p{ font-size: 18px; font-weight: 100; text-indent: 2em; line-height: 1.8em; }
.craft .craft-pagination{ position: absolute; z-index: 9;  bottom: 0; text-align:right;}
.craft .swiper-pagination-bullet{ width: 40px; height: 6px; border-radius: 0; }
.craft .swiper-pagination-bullet-active{ background: #cd151a; }
.news,.body,.newc{width: calc(100% - 320px); overflow: hidden;}
.newc .swiper-pagination-bullet{ width: auto; height: 40px; line-height: 40px; background: #ddd; opacity: 1; border-radius: 0;padding: 0 20px; margin: 0 !important; }
.newc .swiper-pagination-bullet-active{ background: #231815; color: #fcb026; }
.newc li{ list-style: none; padding-top: 20px;}
.newc li h5{ margin: 0; }
.newc li h5 a{ font-size: 18px; font-weight: normal; color: #231815; }
.newc li:hover a{ color: #cd151a; }
.newc li h5 a:hover{ text-decoration: underline; }
.newc li p{ margin: 10px 0; color: #666; font-size: 14px; }
.newc li time{ font-size: 14px; }
.faq{ width: 300px; height: 300px; overflow: hidden; }
.faq dt{ color: #cd151a; margin-bottom: 10px; font-size: 24px;}
.faq dt:before{ content: "A"; display: inline-block; background: #cd151a; color: #fff; border-radius: 3px; font-weight: normal; font-size: 12px; vertical-align: middle; padding: 5px 8px; margin-right: 4px; }
.faq dd{ color: #666; line-height: 1.6em;  }
/*栏目 专题*/
#header{ height: 400px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#header>div{ width: 100%; height: 100%; background: rgba(35,24,21,.9); padding: 30px 0; color: #999;}
#header a{ color: #fff; }
#loc span,#header span{ font-family: "宋体"; display: inline-block; margin: 0 2px; }
#header strong{ font-weight: normal; color: #fcb026; }
#header h1{ text-align: center; color: #fcb026; padding: 40px 0 20px; font-size: 48px;}
#header p{ max-width: 800px; margin: auto; text-align: center; color: #ccc;}
#header form{ width: 400px; margin:30px auto 0; }
#loc input,#header input{ float: left; border:0; outline: 0; }
#header .txt,#loc .txt{ background: #fff; padding: 11px; width: 340px;}
#loc .btn,#header .btn{ background: #fcb026; color: #231815; padding: 10px; font-weight: bold; width: 60px; }
#header form p{ text-align: right; margin-top: 6px; }
#header form p b{ display: inline-block; margin: 0 2px; color: #fcb026; }
.plist figure:hover a{ color: #cd151a; }
.plist figcaption a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 6px 0; color: #231815; }
.plist figcaption a:hover{ text-decoration: underline; }
.pages{ padding: 30px 0; text-align: center; }
.pages a{ display: inline-block; margin: 0 2px; background: #ccc; color: #231815; border-radius: 2px; padding: 5px 8px; }
.pages a:hover{ text-decoration: underline; }
.pages a.on{ background: #fcb026; color: #231815; }
#category a{ display: inline-block; background:#231815; color: #fcb026; margin: 0 5px 5px 0; padding: 5px 10px; border-radius: 3px; transition: all 0.5s;}
#category a:hover{ background: #fcb026; color: #231815; }
.news li{ float: left; width: calc(50% - 20px); margin: 0 20px 20px 0; list-style-type: none;}
.news li:nth-child(2n){ margin-right: 0; }
.news li h5{ margin: 0; }
.news li h5 a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: normal; color: #231815;}
.news li p{ font-size: 14px; color: #999; margin-bottom: 0; height: 57px;}
.news li time{ font-size: 12px; }
.news li:hover p{ color: #333; }
.news li:hover h5 a{ color: #cd151a; }
.news li h5 a:hover{ text-decoration: underline; }
#loc{ background: #ddd; line-height: 40px; font-size: 12px; color: #666;}
#loc a{ color: #231815; }
#loc strong{ color: #cd151a; }
#loc a:hover{ color: #cd151a; text-decoration: underline; }
#loc .fr{ padding-top: 8px; }
#loc .txt{ padding: 5px; width: auto; }
#loc .btn{ padding: 4px 5px; background: #231815; color: #fcb026; }
/*详情*/
#main{ padding-top: 60px; }
#main h1{ text-align: center; font-size: 48px; color: #231815; }
#main p.desc{ text-align: center; color: #999; font-size: 14px;  margin-bottom: 30px;}
#main p.desc strong{ font-weight: normal; color: #cd151a; display: inline-block; padding: 0 3px;}
#main p.desc time{ color: #39f; display: inline-block; padding: 0 3px;}
#main p.desc span{ color: #111; display: inline-block; padding: 0 3px;}
#main .body{ max-width: 900px; }
#main article img{ padding: 10px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); margin: auto; }
#main article p{ text-indent: 2em; line-height: 1.6em; color: #666; }
#pn{ margin: 30px 0; }
#pn p{ margin: 0; color: #999; }
#pn a{ color: #cd151a; }
#pn a:hover{ text-decoration: underline; }
#top a.close,#top a.sw{ display: none; }

@media screen and (max-width: 1024px){
	.wrap{ width:98%; min-width: 98%; }
	#kf,.topbar{ display: none; }
	.menu{ display: none; position: fixed; z-index: 999; width:100%; height: 100%; overflow: auto; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,.85); }
	.menu li{ width:70%; float: none; margin-left: 30%; position: static; background: #fff; }
	#top li>a{ height: 50px; line-height: 50px; padding: 0; }
	#top li>div{ position: static; display: block; }
	#top li div a{ display: inline-block; padding: 8px; border:1px solid #ddd; border-width: 0 1px 1px 0;}
	#top li div span{ top: 38px; }
	#top a.sw{ display: block; float: right; width:40px; margin-top: 30px; cursor: pointer;}
	#top a.sw span{ display: block; height: 3px; background: #231815; margin: 6px 0; width:80%; }
	#top a.sw span:nth-child(2n){ width:50%; margin: 8px 0; }
	#top a.close{ position: fixed; z-index: 1000; left: 0; top: 0; font-size: 64px; font-family: "宋体"; font-weight: 100; cursor: pointer;}
	body{ padding-bottom: 50px; }
	#btm{ display: block; height: 50px; line-height: 50px; background: #111; position: fixed; left: 0; bottom: 0; width:100%;}
	#btm a{ float: left;width:33.333%; text-align: center; color: #fcb026;}
	#btm a.tel{ background: #fcb026; color: #111; }
}
@media screen and (max-width: 640px){
	#loc .fl,#loc .fr,.news li,.faq,.news, .body, .newc,.craft .swiper-slide .fl,.bpart .header h2,.about .fr,.about .fl{ float: none; width:100%; padding: 0;}
	.bpart .header p.fl{ float: none; margin: 0; }
	.bpart .part, .plist figure{ width:calc(50% - 5px); margin: 0 10px 10px 0; }
	.bpart .part:nth-child(2n), .plist figure:nth-child(2n){ margin-right: 0; }
	#loc{ padding-bottom: 10px; }
	#loc .fl{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}