@charset "utf-8";
html, body, header, section, footer, ul, ol, li, a, span, em, del, legend, center, strong, var, fieldset, form, label, dl, dt, dd, cite, input, hr, time, mark, code, figcaption, figure, textarea, h1, h2, h3, h4, h5, h6, p { margin: 0; border: 0; padding: 0; font-style: normal; color: #555 }
html, body { height: 100%; min-height: 100%; -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; background-color: #fff; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Microsoft YaHei' }
nav, article, aside, details, main, header, footer, section, fieldset, figcaption, figure { display: block }
a, button, em, del, strong, var, label, cite, small, time, mark, code, textarea { display: inline-block }
header, section, footer { position: relative }
ol, ul { list-style: none }
input, button, textarea, select { border: 0; margin: 0; padding: 0; font-size: 13px; outline: none; resize: none; font-family: 'Microsoft YaHei'; -webkit-appearance: none }
span { display: inline-block }
a:active { outline: 0; text-decoration: none; background-color: #eee }
a { text-decoration: none }
label { word-wrap: break-word; word-break: break-all }
td, th { padding: 0 }
img { padding: 0; margin: 0; vertical-align: middle }

/**/
.page-nav a { border-top: 5px solid #eee; text-align: center; height: 50px; line-height: 50px; position: relative; background: -webkit-linear-gradient(#fff, #fafafa); background: -o-linear-gradient(#fff, #fafafa); background: -moz-linear-gradient(#fff, #fafafa); background: linear-gradient(#fff, #fafafa); }
.page-nav a:active { background: -webkit-linear-gradient(#eee, #fafafa); background: -o-linear-gradient(#eee, #fafafa); background: -moz-linear-gradient(#eee, #fafafa); background: linear-gradient(#eee, #fafafa); }
.page-nav a:after { content: ''; height: 40px; width: 1px; border-left: 1px solid #ddd; -webkit-transform: scaleX(.5); position: absolute; left: 0; top: 5px; }
.page-nav a:first-of-type:after { content: ''; border-left: none; border-width: 0; }
.page-nav a.disabled { display: none; }

/**/
.wrap { padding: 0 0 60px }
.wrap.t { padding-top: 45px }
.wrap.ta { padding-top: 55px }
.wrap.t.ta { padding-top: 100px }
.wrap.nb { padding-bottom: 0 }

/**/
.flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.cell { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block }

/**/
header { height: 45px; line-height: 45px; position: fixed; left: 0; top: 0; right: 0; width: 100%; z-index: 500; background: #000 }
header a.back-icon { position: absolute; left: 0; top: 0; height: 45px; line-height: 45px; background: url('../images/i6.png') no-repeat 10px 15px; background-size: 15px; color: #fff; padding-left: 25px; padding-right: 10px; }
header a.back-icon:active { background-color: #222; }
header .name { font-size: 14px; color: #fff; text-align: left; padding-left: 70px; padding-right: 20px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1 }

/**/
footer { position: fixed; bottom: 0; left: 0; right: 0; height: 60px; width: 100%; z-index: 500; background: #fff; }
footer:after { content: ''; width: 100%; height: 1px; background: #444; position: absolute; left: 0; top: 0; transform: scaleY(0.1); transform-origin: 0 0; }
footer a { text-align: center; color: #555; padding-top: 35px; }
footer a.active { color: #1d4db9 }
footer a.home { background: url('../images/i1.png') no-repeat center 8px; background-size: 25px; }
footer a.home.active { background: url('../images/i1-1.png') no-repeat center 8px; background-size: 25px; }
footer a.product { background: url('../images/i2.png') no-repeat center 8px; background-size: 25px; }
footer a.product.active { background: url('../images/i2-1.png') no-repeat center 8px; background-size: 25px; }
footer a.news { background: url('../images/i3.png') no-repeat center 8px; background-size: 25px; }
footer a.news.active { background: url('../images/i3-1.png') no-repeat center 8px; background-size: 25px; }
footer a.brand { background: url('../images/i4.png') no-repeat center 8px; background-size: 25px; }
footer a.brand.active { background: url('../images/i4-1.png') no-repeat center 8px; background-size: 25px; }
footer a.contact { background: url('../images/i5.png') no-repeat center 8px; background-size: 25px; }
footer a.contact.active { background: url('../images/i5-1.png') no-repeat center 8px; background-size: 25px; }
footer a.case { background: url('../images/i7.png') no-repeat center 8px; background-size: 25px; }
footer a.case.active { background: url('../images/i7-1.png') no-repeat center 8px; background-size: 25px; }
footer a:active { background-color: #eee }

/**/
.index-top-btn { border-bottom: 5px solid #eee; }
.index-top-btn a { text-align: center; height: 70px; line-height: 70px; position: relative; font-size: 20px; }
.index-top-btn a:after { content: ''; height: 50px; width: 1px; border-left: 1px solid #ddd; -webkit-transform: scaleX(.5); position: absolute; left: 0; top: 10px; }
.index-top-btn a:first-of-type:after { content: ''; border-left: none; border-width: 0; }

/**/
.s-title { height: 70px; position: relative; margin: 0 10px; }
.s-title.about { background: url('../images/ab.png') no-repeat center center; background-size: contain }
.s-title.product { background: url('../images/st.png') no-repeat center center; background-size: contain }
.s-title.news { background: url('../images/nt.png') no-repeat center center; background-size: contain; }
.s-title span { z-index: 2; font-weight: bold; padding: 0 5px; font-size: 16px; text-align: center; color: #1d4db9; position: absolute; left: 30px; top: 10px; background: #fff }
.s-title.s { height: 30px; line-height: 30px; }
.s-title.s span { font-size: 12px; padding: 0 10px; }

/**/
.article-header { border-bottom: 5px solid #eee; padding: 20px; }
.article-header .article-title { font-size: 20px; color: #000; }
.article-header .article-info { font-size: 10px; color: #888; margin-top: 10px; }
.article-detail { padding: 20px; line-height: 1.6; color: #333; font-size: 14px; }

/**/
a.more { display: block; width: 130px; margin: 20px auto; height: 35px; line-height: 35px; text-align: center; position: relative; }
a.more:active { background-color: #eee; }
a.more:after { content: ''; width: 1000%; height: 1000%; position: absolute; left: 0; top: 0; border: 1px solid #ccc; transform: scale(0.1); transform-origin: 0 0; }

/**/
.contact-wap { border-top: 5px solid #eee; }
.contact-wap a { position: relative; font-size: 12px; padding: 10px 0; justify-content: center; align-items: center; display: flex; }
.contact-wap a:after { content: ''; width: 200%; height: 1px; background: #ccc; position: absolute; left: 0; bottom: 0; transform: scale(0.5); transform-origin: 0 0; }
.contact-wap a i { width: 30px; height: 40px; display: block; }
.contact-wap a i.tel { background: url('../images/tel.png') no-repeat center center; background-size: 20px; }
.contact-wap a i.mobile { background: url('../images/mobile.png') no-repeat center center; background-size: 20px; }
.contact-wap a i.add { background: url('../images/map.png') no-repeat center center; background-size: 20px; }
.contact-wap a em { width: 30px; height: 40px; display: block; background: url('../images/right.png') no-repeat center center; background-size: 10px; }

/**/
.top-card { position: fixed; top: 0; left: 0; width: 100%; height: 50px; border-bottom: 5px solid #eee; background-color: #fff; }
.top-card.t { top: 45px; }
.top-card .span { text-align: center; height: 50px; line-height: 50px; position: relative; font-size: 14px; }
.top-card .span:after { content: ''; height: 50px; width: 1px; border-left: 1px solid #ddd; -webkit-transform: scaleX(.5); position: absolute; left: 0; top: 0; }
.top-card .span:first-of-type:after { content: ''; border-left: none; border-width: 0; }
.top-card .span em { position: absolute; left: 0; bottom: -5px; height: 5px; background-color: #1d4db9; width: 100%; display: none; }
.top-card .span.active { color: #1d4db9; }
.top-card .span.active em { display: block; }

/**/
.lr_nb { height: 50px; line-height: 50px; width: 100%; position: fixed; top: 40px; left: 0; background: #fff; padding: 0 10px; box-sizing: border-box; z-index: 1; max-width: 1080px; opacity: 1; }
.lr_nb:after { content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background: #ccc; transform: scaleY(0.1) }
.lr_nb .slider_wrap.line { overflow: hidden; overflow-x: scroll; width: 100%; -webkit-overflow-scrolling: touch; }
.lr_nb .slider_wrap.line .item_cell { display: inline-block; overflow: hidden; position: relative; }
.lr_nb .slider_wrap.box { overflow: hidden; width: 100% }
.lr_nb .slider_wrap::-webkit-scrollbar { display: none }
.lr_nb .wx_items { white-space: nowrap }
.lr_nb .wx_items span { padding: 0 10px; color: #666; font-size: 15px; white-space: nowrap; display: block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-align: center; cursor: pointer }
.lr_nb .wx_items .active span { color: #1d4db9 }
.lr_nb .wx_items .item_cell.current span { color: #f00 }
.lr_nb_after { display: block; clear: both; }

/**/
.brand-wrap .txt { font-size: 14px; padding: 20px; }

/**/
.news-list a { display: block; padding: 10px; position: relative; }
.news-list a:after { content: ''; width: 100%; height: 1px; background: #444; position: absolute; left: 0; bottom: 0; transform: scaleY(0.1); transform-origin: 0 0; }
.news-list a .info .tit { font-size: 15px; color: #000; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2 }
.news-list a .info .brief { font-size: 12px; color: #999; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2 }
.news-list a .img { margin-left: 10px; }

/**/
.product-list { overflow: hidden; }
.product-list .product-items { display: block; float: left; width: 48%; padding: 1%; }
.product-list .product-items a { padding: 5px; display: block; border: 1px solid #eee; }
.product-list .product-items a .tit { font-size: 16px; text-align: center; height: 40px; line-height: 40px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1 }

/**/
.case-list { overflow: hidden; }
.case-list .case-items { display: block; float: left; width: 50%; }
.case-list .case-items a { padding: 5px; }
.case-list .case-items a .tit { font-size: 16px; text-align: center; height: 40px; line-height: 40px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1 }

/**/
.hall-list a { display: block; padding: 10px; position: relative; }
.hall-list a:after { content: ''; width: 200%; height: 1px; background: #ccc; position: absolute; left: 0; bottom: 0; transform: scale(0.5); transform-origin: 0 0; }
.hall-list a .info { text-align: center; padding: 10px 0; font-size: 15px; color: #000; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2 }

/**/
.about-us { padding: 10px; line-height: 1.5; font-size: 14px; color: #333; }

/**/
a.more { display: block; width: 160px; margin: 20px auto; height: 35px; line-height: 35px; text-align: center; position: relative; }
a.more:active { background-color: #eee; }
a.more:after { content: ''; width: 200%; height: 200%; position: absolute; left: 0; top: 0; border: 1px solid #ccc; transform: scale(0.5); transform-origin: 0 0; }