a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin:0; padding:0; border:0; font:inherit; vertical-align:baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:after, blockquote:before, q:after, q:before { content:''; content:none }
table { border-collapse:collapse; border-spacing:0 }
html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% }
body { -webkit-font-smoothing:antialiased; line-height:1.6; color:#333; font-size:15px; background:#fff }
body, button { font-family:"Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif }
a { text-decoration:none }
#logo-container { box-sizing:border-box; height:60px; padding:10px }
#logo-container.text-only { text-align:center }
#logo-container.algin-left { text-align:left }
#logo-container.algin-center, #logo-container.algin-center #company-title, #qtouch-link { text-align:center }
#logo-container a{ display: block;}
#logo-container a img{  height:40px; max-width:100% }
#logo-container.text-only #logo { display:none }
#company-title { display:none; text-align:left; height:100%; line-height:40px; font-size:120% }
#logo-container.text-only #company-title { display:block }
#menu>.menu:after { content:' '; display:block; clear:both }
#menu>.menu>.menuitem { box-sizing:border-box; float:left; width:33.33% }
#menu>.menu>.menuitem>a { display:block; text-align:center; height:40px; line-height:40px; font-size:90%; overflow:hidden; text-overflow:ellipsis; white-space:pre }
#menu.has-nav-menu { position:relative }
#menu.has-nav-menu>.menu>.menuitem { width:22.5% }
#menu>#main-menu>#nav-menu-toggle { display:none }
#menu.has-nav-menu>#main-menu>#nav-menu-toggle { display:block; width:10% }
#menu.has-nav-menu>#main-menu>#nav-menu-toggle>a>.icon { display:inline-block; width:5px; height:5px; background:#fff; border-radius:50%; vertical-align:middle; margin:2px }
#menu.show-nav-menu>#main-menu>#nav-menu-toggle>a>.icon { display:none }
#menu.show-nav-menu>#main-menu>#nav-menu-toggle>a>.icon:first-child { display:block; width:100%; height:100%; background-color:transparent; font-size:200%; line-height:1; margin:0 }
#menu.show-nav-menu>#main-menu>#nav-menu-toggle>a>.icon:first-child:after { content:'\00d7' }
#nav-menu { display:none; position:absolute; left:0; right:0; top:100%; background:#fff; z-index:100 }
#menu.show-nav-menu>#nav-menu { display:block }
#footer { margin-top:10px; padding:10px }
#qtouch-link { padding:10px; background:#000 }
#qtouch-link a { font-size:80%; color:#aaa }
#qtouch-link strong { color:#fff }
.widget>.widget-body:first-child { margin-top:20px }
#body>.widget:first-child>.widget-body:first-child, .widget-links>.widget-body:first-child, .widget-slides>.widget-body:first-child { margin-top:0 }
.widget-video>.widget-body>iframe { display:block; margin:0 auto; width:90%; max-width:400px; min-height:200px }
.widget-textlist>.widget-body>.list>.list-item>a { text-overflow:initial!important; display:-webkit-flex!important; display:flex!important; -webkit-align-items:center; align-items:center }
.widget-textlist>.widget-body>.list>.list-item>a>.title { -webkit-flex:100%; flex:100%; white-space:pre; overflow:hidden; text-overflow:ellipsis }
.widget-textlist>.widget-body>.list>.list-item>a>.pub-date { font-size:80%; margin-left:.5em; -webkit-flex-shrink:0; flex-shrink:0 }
.image-container>img { max-width:100%; max-height:100%; height:100% }
.article-image, .ugc img { display:block; margin:0 auto; max-width:100% }
.ugc:after { display:block; content:' '; clear:both }
.ugc { word-break:break-word }
.ugc * { max-width:100% }
.ugc dl, .ugc ol, .ugc ul { list-style-position:inside }
 
.quick-links .prev-next { color:inherit; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.quick-links a { color:inherit }
.quick-links .back:before { content:''; display:inline-block; width:16px; height:16px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABFUlEQVQ4T7VTy22DQBCd4XMBpDgVZI9IzCGpIE4HKSEdxOnAJcQVhE5MCT7McKaDOBJcmWgsg7CJwZKVPa12dt+8zyzCjQtvfA8XAbIsexORfK7BCCBNUxcEwRcALAHghZmLKZATACJaA8A7ACyOj64DcM4t4jjeIuLjsJuq7hBxPzizfcHMm+7swMBo+75fIOLDnGart227KctyZftegrGIomjteZ5J6FYv4bxe1/V9VVX7kYlEtFTV/Mhm5AERmYy7zuCpGFdN0+TWZSiLiCyV51mAv7wwGUmSfFtNVZ9EZHfCwMwMw/Cikapqxr0CwA8zH6I+n4NO32QYqvohIp8jABtfRHQzUdoc9NP5f5/pmoGyO7+qX2URRygSlgAAAABJRU5ErkJggg==) no-repeat; padding-right:3px }
.pro_cate { width:100% }
.pro_select { color:#363636!important; border:1px solid #BFBFBF!important }
.pro_cate ul a li { display:inline-block; font-size:14px; margin:2%; border-radius:4px; padding:0 6px; color:#666; border:1px solid #DCDCDC }
.page-widget { margin-top:20px }


.bdsharebuttonbox a{ float:none !important;}
 
#company-title, .widget-header { color:#fff; font-weight:700 }
body { background:#f4f4f4 }
#logo-container {   position:relative }
#logo-container a img{ display:block; margin:0 auto;}
#logo-container:after { content:" "; display:block; width:100%; height:100%; top:0; left:0; position:absolute; background:#fff; opacity:.2; z-index:1 }
#menu>.menu { background:-webkit-gradient(linear, 0 0, 0 100%, from(#2EB495), to(#2AAC88)); background-size:100% 100% }
#menu>.menu>.menuitem>a { color:#fff }
 
#footer { background:#1e75c9; text-align:center; color:#fff }
.widget-header:after, .widget-header>h2 { background:#199b77 }
.widget-header { margin-top:2px; line-height:30px; height:32px; font-size:15px; border-bottom:1px solid #199b77; position:relative; margin-bottom:10px; padding-top:8px }
.widget-header>h2 { position:relative; padding:2px 10px; display:inline-block; max-width:100px; white-space:pre; overflow:hidden; text-overflow:ellipsis; top:-1px }
.widget>.widget-body { padding:0 4px }
.widget>.widget-footer { text-align:center }
.widget>.widget-footer>.more { display:block; box-sizing:border-box; margin:15px auto 0; width:150px; height:30px; line-height:30px; border:1px solid #30be9b; border-radius:3px; color:#30be9b; font-size:90%; box-shadow:0 1px 1px 0 gray }
.widget>.widget-footer>.more>.icon { position:relative; display:inline-block; width:18px; height:18px; margin-right:5px; vertical-align:-3px }
.widget>.widget-footer>.more>.icon:after, .widget>.widget-footer>.more>.icon:before { position:absolute; display:block; content:' '; background:#30be9b }
.widget>.widget-footer>.more>.icon:before { left:0; top:50%; width:100%; height:2px; margin-top:-1px }
.widget>.widget-footer>.more>.icon:after { top:0; left:50%; height:100%; width:2px; margin-left:-1px }
.widget-textblock>.widget-body { line-height:2 }
.widget-imagelist>.widget-body:after { content:' '; display:block; clear:both }
.widget-imagelist>.widget-body>.list>.list-item { float:left; width:50% }
.widget-imagelist>.widget-body>.list>.list-item>a { display:block; text-align:center; color:#333; margin-top:10px }
.widget-imagelist>.widget-body>.list>.list-item>a>.image-container { overflow:hidden;   height:120px; margin:5px }
.widget-imagelist>.widget-body>.list>.list-item>a>.image-container img{ height:120px; max-width:100%; display:block; margin:0 auto;}
.widget-imagelist>.widget-body>.list>.list-item>a>.title { margin:5px auto; width:90%; white-space:pre; overflow:hidden; text-overflow:ellipsis }
.widget-mixlist>.widget-body>.list>.list-item.only-text, .widget-textlist>.widget-body>.list>.list-item { position:relative }
.widget-mixlist>.widget-body>.list>.list-item.only-text>a, .widget-textlist>.widget-body>.list>.list-item>a { display:block; color:#333; white-space:pre; overflow:hidden; text-overflow:ellipsis; padding-left:25px; height:40px; line-height:40px; border-bottom:1px solid #d5d5d5 }
.widget-mixlist>.widget-body>.list>.list-item.only-text>a:before, .widget-textlist>.widget-body>.list>.list-item>a:before { position:absolute; display:block; content:' '; left:3px; top:50%; width:5px; height:14px; background:#5ac05a; transform:translate(0, -50%); -webkit-transform:translate(0, -50%) }
.widget-detaillist>.widget-body>.list>.list-item>a, .widget-mixlist>.widget-body>.list>.list-item.with-details>a { display:block; color:#333 }
.widget-detaillist>.widget-body>.list>.list-item>a:after, .widget-mixlist>.widget-body>.list>.list-item.with-details>a:after { content:' '; display:block; clear:both }
.widget-detaillist>.widget-body>.list>.list-item>a>.image-container, .widget-mixlist>.widget-body>.list>.list-item.with-details>a>.image-container { float:left; overflow:hidden; width:75px; height:75px; margin-right:10px; padding-bottom:10px; padding-top:4px }
.widget-detaillist>.widget-body>.list>.list-item>a>.text-container>.title, .widget-mixlist>.widget-body>.list>.list-item.with-details>a>.text-container>.title { font-size:120%; white-space:pre; overflow:hidden; text-overflow:ellipsis; color:#2baf8d }
.widget-detaillist>.widget-body>.list>.list-item>a>.text-container>.content, .widget-mixlist>.widget-body>.list>.list-item.with-details>a>.text-container>.content { height:3em; overflow:hidden; line-height:1.5 }
.widget-article>.widget-body>.article-title { font-size:150%; color:#2baf8d; text-align:center; border-bottom:1px solid #e5e5e5; padding-bottom:10px; margin-bottom:10px; line-height:1.8 }
.widget-article>.widget-body>.ugc { padding:0 10px; line-height:2 }
 

#body{ padding:5px;}

#header { /*background: #1e75c9;*/ }
#footer { background: #1e75c9; }
.widget-header > h2 { background: #1e75c9; }
.widget > .widget-footer > .more > .icon:before, .widget > .widget-footer > .more > .icon:after { background: #1e75c9; }
.widget-textlist > .widget-body > .list > .list-item > a:before, .widget-mixlist > .widget-body > .list > .list-item.only-text > a:before { background: #1e75c9; }
.widget-detaillist > .widget-body > .list > .list-item > a > .text-container > .title, .widget-mixlist > .widget-body > .list > .list-item.with-details > a > .text-container > .title { color: #1e75c9; }
.widget-article > .widget-body > .article-title { color: #1e75c9; }
.widget-header > h2:after { background: #1e75c9; }
.widget-header {; border-bottom: 1px solid #1e75c9; }
.widget > .widget-footer > .more { border: 1px solid #1e75c9; color: #1e75c9; }
#menu > .menu { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e75c9), to(#1e75c9)); }
#logo-container {/* background: #1e75c9;*/ }
#share-mask .tip { background-color:#1e75c9 }

.page { text-align:center; margin:20px 0;}
.page span:first-child,.page span:last-child{ display:none;}
.page span,.page a{ color:#333; margin:2px; border:1px #ddd solid; padding:2px; }