@charset "UTF-8"; /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */ html { color: #333; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: grayscale; } /* 如果你的项目仅支持 IE9+ | Chrome | Firefox 等，推荐在 中添加 .borderbox 这个 class */ html.borderbox *, html.borderbox *:before, html.borderbox *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section { margin: 0; padding: 0; } /* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */ article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } /* HTML5 媒体文件跟 img 保持一致 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* 要注意表单元素并不继承父级 font 的问题 */ body, button, input, select, textarea { font: 400 1em/1.8 Avenir, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; } /* 去除 IE6 input/button 多余的空白 */ button, input { *width: auto; *overflow: visible; /* 让 input 和 button 一样高 */ line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } /* 去掉各Table cell 的边距并让其边重合 */ table { border-collapse: collapse; border-spacing: 0; } /* IE bug fixed: th 不继承 text-align */ th { text-align: inherit; } /* 去除默认边框 */ fieldset, img { border: 0; } /* 解决 IE6-7 图片缩放锯齿问题 */ img { -ms-interpolation-mode: bicubic; } /* ie6 7 8(q) bug 显示为行内表现 */ iframe { display: block; } /* 块/段落引用 */ blockquote { position: relative; color: #999; font-weight: 300; font-family: Avenir, 'Helvetica Neue', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif; border-left: 1px solid #1abc9c; padding-left: 1em; margin: 1em 3em 1em 2em; } @media only screen and (max-width: 640px) { blockquote { margin: 1em 0; } } /* Firefox 以外，元素没有下划线，需添加 */ acronym, abbr { border-bottom: 1px dotted; font-variant: normal; } /* 添加鼠标问号，进一步确保应用的语义是正确的（要知道，交互他们也有洁癖，如果你不去掉，那得多花点口舌） */ abbr { cursor: help; } /* 一致的 del 样式 */ del { text-decoration: line-through; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; } /* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */ ul, ol { list-style: none; } /* 对齐是排版最重要的因素, 别让什么都居中 */ caption, th { text-align: left; } q:before, q:after { content: ''; } /* 统一上标和下标 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } :root sub, :root sup { vertical-align: baseline; /* for ie9 and other modern browsers */ } sup { top: -0.5em; } sub { bottom: -0.25em; } /* 让链接在 hover 状态下显示下划线 */ a { color: #1abc9c; } a:hover { text-decoration: underline; } .typo a { border-bottom: 1px solid #1abc9c; } .typo a:hover { border-bottom-color: #555; color: #555; text-decoration: none; } /* 默认不显示下划线，保持页面简洁 */ ins, a { text-decoration: none; } /* 专名号：虽然 u 已经重回 html5 Draft，但在所有浏览器中都是可以使用的， * 要做到更好，向后兼容的话，添加 class="typo-u" 来显示专名号 * 关于 标签：http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-u-element * 被放弃的是 4，之前一直搞错 http://www.w3.org/TR/html401/appendix/changes.html#idx-deprecated * 一篇关于 标签的很好文章：http://html5doctor.com/u-element/ */ u, .typo-u { text-decoration: underline; } /* 标记，类似于手写的荧光笔的作用 */ mark { background: #fffdd1; border-bottom: 1px solid #ffedce; padding: 2px; margin: 0 5px; } /* 代码片断 */ pre, code, pre tt { font-family: Courier, 'Courier New', monospace; } pre { background: #f8f8f8; border: 1px solid #ddd; padding: 1em 1.5em; display: block; -webkit-overflow-scrolling: touch; } /* 一致化 horizontal rule */ hr { border: none; border-bottom: 1px solid #cfcfcf; margin-bottom: 10px; *color: pink; *filter: chroma(color=pink); height: 10px; *margin: -7px 0 2px; } /* 底部印刷体、版本等标记 */ small, .typo-small, figcaption { font-size: 0.9em; color: #888; } strong, b { font-weight: bold; color: #000; } /* 可拖动文件添加拖动手势 */ [draggable] { cursor: move; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* 强制文本换行 */ .textwrap, .textwrap td, .textwrap th { word-wrap: break-word; word-break: break-all; } .textwrap-table { table-layout: fixed; } /* 提供 serif 版本的字体设置: iOS 下中文自动 fallback 到 sans-serif */ .serif { font-family: Palatino, Optima, Georgia, serif; } /* 保证块/段落之间的空白隔行 */ .typo p, .typo pre, .typo ul, .typo ol, .typo dl, .typo form, .typo hr, .typo table, .typo-p, .typo-pre, .typo-ul, .typo-ol, .typo-dl, .typo-form, .typo-hr, .typo-table, blockquote { margin-bottom: 1.8em; } h1, h2, h3, h4, h5, h6 { font-family: 'Helvetica Neue', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif; font-weight: 200; color: #000; } /* 标题应该更贴紧内容，并与其他块区分，margin 值要相应做优化 */ .typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6, .typo-h1, .typo-h2, .typo-h3, .typo-h4, .typo-h5, .typo-h6 { margin-bottom: 0.4em; line-height: 1.5; } .typo h1, .typo-h1 { font-size: 2em; } .typo h2, .typo-h2 { font-size: 1.8em; } .typo h3, .typo-h3 { font-size: 1.6em; } .typo h4, .typo-h4 { font-size: 1.4em; } .typo h5, .typo h6, .typo-h5, .typo-h6 { font-size: 1.2em; } /* 在文章中，应该还原 ul 和 ol 的样式 */ .typo ul, .typo-ul { margin-left: 1.3em; list-style: disc; } .typo ol, .typo-ol { list-style: decimal; margin-left: 1.9em; } .typo li ul, .typo li ol, .typo-ul ul, .typo-ul ol, .typo-ol ul, .typo-ol ol { margin-top: 0; margin-bottom: 0; margin-left: 2em; } .typo li ul, .typo-ul ul, .typo-ol ul { list-style: circle; } /* 同 ul/ol，在文章中应用 table 基本格式 */ .typo table th, .typo table td, .typo-table th, .typo-table td .typo table caption { border: 1px solid #ddd; padding: 0.5em 1em; color: #666; } .typo table th, .typo-table th { background: #fbfbfb; } .typo table thead th, .typo-table thead th { background: #f1f1f1; } .typo table caption { border-bottom: none; } /* 去除 webkit 中 input 和 textarea 的默认样式 */ .typo-input, .typo-textarea { -webkit-appearance: none; border-radius: 0; } /* 高亮选中 */ ::-moz-selection { background: #08c; color: #fff; } ::selection { background: #08c; color: #fff; } .typo-em, .typo em, legend, caption { color: #000; font-weight: inherit; } /* 着重号，只能在少量（少于100个字符）且全是全角字符的情况下使用 */ .typo-em { position: relative; } .typo-em:after { position: absolute; top: 0.65em; left: 0; width: 100%; overflow: hidden; content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・"; } /* Responsive images */ .typo img { max-width: 100%; } /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat white; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { float: left; background: url(../images/ico_square.png); text-indent: -9999px; display: block; width: 16px; height: 16px; margin-right: 5px; outline: 0; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #FFF; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(../images/ico_square.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(../images/ico_square.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } body { background: white url(../images/bg3.jpg) top center no-repeat; } /* Link */ a { color: #4d4b4b; text-decoration: none; } a:hover { text-decoration: underline; } a.more { color: #cb010f; font-size: 12px; } .notice { color: #cb010f; } .text-center { text-align: center; } .icon { background: url(../images/com10.png) 0 0 no-repeat; display: inline-block; } .icon.icon-map { background-position: 0px 0px; height: 33px; width: 32px; } .wrapper { width: 100%; background-color: #868686; } .wrapper.wrapper-nav { background-color: #1a9adb; height: 0px; margin-top: 184px; } .wrapper.wrapper-nav .container { position: relative; } .wrapper.wrapper-nav .poster { width: 397px; height: 395px; background: url(../images/ico_poster.png) 0 0 no-repeat; position: absolute; top: 102px; right: -50px; } .wrapper.wrapper-nav .btn { display: inline-block; margin-left: 15px; width: 181px; height: 58px; background: url(../images/btn_post.png) 0 0 no-repeat; text-indent: -9999px; } .wrapper.wrapper-nav .btn.hidden { display: none; } .container { width: 960px; margin: 0 auto; } .header { zoom: 1; text-align: left; } .header:before, .header:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .header:after { clear: both; } .nav { float: left; } .nav li { display: inline-block; } .nav a { font-size: 12px; color: #FFF; font-family: 'MicrosoftYaHei'; line-height: 26px; padding-right: 2em; text-decoration: none; } .nav a:hover, .nav a .focus { font-weight: bold; } .nav.right { float: right; } .nav.right a { padding-left: 2em; padding-right: 0; } .slideshow { margin-top: 30px; width: 605px; height: 320px; overflow: hidden; position: relative; /* override slide */ /* pager bubbles */ } .slideshow .bx-pager { position: absolute; text-align: right; bottom: 10px; right: 0; z-index: 10; } .slideshow .bx-wrapper .bx-pager.bx-default-pager a { text-indent: 9999px; } .slideshow .sy-caption-wrap { left: 0px; bottom: 0px; width: 100%; } .slideshow .sy-caption-wrap .sy-caption { display: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; left: 0px; } .slideshow .sy-pager { zoom: 1; position: absolute; z-index: 100; height: 16px; right: 0px; bottom: 10px; display: block; width: 100%; margin: 0 0 0; padding: 0; list-style: none; text-align: right; } .slideshow .sy-pager:before, .slideshow .sy-pager:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .slideshow .sy-pager:after { clear: both; } .slideshow .sy-pager li { display: inline-block; width: 16px; height: 16px; margin: 0 9px 0 0; } .slideshow .sy-pager li.sy-active a { background-position: left; background: #FFF; } .slideshow .sy-pager li a { width: 16px; height: 16px; display: block; background: url(../images/ico_square.png) 0 0 no-repeat; background-position: right; text-indent: 9999px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .slideshow .sy-pager li a:link, .slideshow .sy-pager li a:visited { opacity: 1.0; } .slideshow .sy-pager li a:hover, .slideshow .sy-pager li a:focus { opacity: 0.8; } .worklist-box { width: 950px; height: 223px; overflow: hidden; } .worklist-box .bx-wrapper .bx-viewport { background: none; } #slider-next .bx-next { position: absolute; right: 0px; bottom: 0px; font-size: 12px; color: #cb010f; } .info-home-list { width: 600px; } .info-home-list h3 { font-size: 14px; color: #000; } .info-home-list h3 a { color: #000; } .info-home-list .desc { font-size: 12px; color: #777; line-height: 24px; } .info-home-list .publish-date { text-align: right; font-size: 12px; color: #CCC; } .info-home-list li { border-bottom: 1px dotted #777; padding-top: 10px; padding-bottom: 15px; } div.pagination a:hover, div.pagination a:active { border: 1px solid #e4393c; background-image: none; } div.pagination { padding: 3px; margin: 3px; margin-top: 20px; text-align: right; font-size: .85em; } div.pagination a { border: 1px solid #ccdbe4; margin-right: 3px; padding: 2px 8px; background-position: bottom; text-decoration: none; color: #777777; } div.pagination a.next { border: 1px solid #ccdbe4; margin: 0 0 0 10px; } div.pagination a.next:hover { border: 1px solid #e4393c; } div.pagination a.prev { border: 1px solid #ccdbe4; margin: 0 10px 0 0; } div.pagination a.prev:hover { border: 1px solid #e4393c; } div.pagination span.current { margin-right: 3px; padding: 2px 6px; font-weight: bold; color: #e4393c; } div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; } .subnav { zoom: 1; } .subnav:before, .subnav:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .subnav:after { clear: both; } .subnav li { float: left; } .subnav li a { line-height: 58px; display: block; text-decoration: none; height: 58px; padding-left: 1.2em; padding-right: 1.2em; color: #FFF; } .subnav li a:hover { color: #02397b; background-color: #96dbfe; } .subnav li.focus a { color: #02397b; background-color: #96dbfe; } .more-box { position: relative; height: 15px; } .more-box .more { position: absolute; right: 0px; top: 0px; } .box { margin-bottom: 0px; margin-top: 20px; } .box .hd { line-height: 30px; padding-right: 10px; position: relative; background: url(../images/line.png) left bottom no-repeat; } .box .hd .more { position: absolute; right: 10px; bottom: 0px; } .box .hd h3 { height: 33px; color: #0099cc; font-size: 18px; display: inline-block; padding-right: 5px; font-weight: bold; } .box .bd { padding: 10px; padding-left: 0; } .box .row { margin-top: 10px; } .box .row .grid-50-left, .box .row .grid-50-right { width: 49%; } .box .row .grid-50-right { margin-right: -2px; } .row { zoom: 1; } .row:before, .row:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .row:after { clear: both; } .grid-100 { width: 100%; } .grid-50-left { width: 50%; float: left; } .grid-50-right { width: 50%; float: right; } .side-banner { margin-bottom: 10px; } .side-banner img { border: 1px solid #dadada; width: 312px; display: block; } .footer-nav { background-color: #f2f2f2; padding: 20px 30px; } .footer-nav .footer > li { float: left; width: 213px; } .footer-nav strong { font-size: 12px; } .footer-nav a { color: #868686; font-size: 12px; } .footer-nav .wechat, .footer-nav .weibo { margin-left: 10px; margin-bottom: -4px; display: inline-block; width: 24px; height: 19px; background: url(../images/ico_weixin_weibo.png) 0 0 no-repeat; } .footer-nav .weibo { background-position: right; } .footer-nav .qrcode { margin-top: 8px; } .footer-nav .qrcode img { display: block; } .copyright { text-align: center; font-size: 12px; background-color: #868686; color: #FFF; } .grid { zoom: 1; min-height: 300px; margin-top: 0px; } .grid:before, .grid:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .grid:after { clear: both; } .grid .maintext { width: 650px; float: left; } .grid .sidebar { width: 280px; float: right; } .grid .sidebar .block { margin-top: 22px; margin-bottom: 14px; padding-bottom: 10px; } .grid .sidebar .block .hd { line-height: 30px; width: 300px; margin: 0 auto; line-height: 30px; background: url(../images/line.png) -80px bottom no-repeat; } .grid .sidebar .block .hd h3 { line-height: 30px; color: #0099cc; font-size: 18px; display: inline-block; padding-right: 5px; font-weight: bold; } .grid .sidebar .block .bd { width: 300px; margin: 0 auto; } .article-list { zoom: 1; } .article-list:before, .article-list:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .article-list:after { clear: both; } .article-list li { list-style-type: disc; list-style-position: inside; width: 50%; float: left; } .article-list li a { line-height: 30px; font-size: 14px; } .article-list.full { height: 180px; overflow: hidden; } .article-list.full li { width: 100%; } .main-content { margin-top: 20px; } .main-content.introduction { width: 600px; } .main-content h2 { color: #000; } .main-content p { font-size: 14px; line-height: 30px; margin-bottom: 1em; color: #000; } .main-content ul { margin-bottom: 1em; } .main-content li { list-style-type: disc; list-style-position: inside; font-size: 14px; } .report-list li { zoom: 1; margin-bottom: 30px; } .report-list li:before, .report-list li:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .report-list li:after { clear: both; } .report-list li .v { width: 120px; float: left; margin-right: 20px; } .report-list li .v img { display: block; } .report-list li .desc { width: 500px; float: left; } .report-list li .desc a { font-size: 15px; color: #000; } .report-list li .desc p { font-size: 14px; } .work-list { margin-right: -50px; zoom: 1; } .work-list:before, .work-list:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .work-list:after { clear: both; } .work-list li { width: 200px; float: left; margin-right: 50px; font-size: 14px; } .work-list .caption { line-height: 1.3em; } .form-query textarea { width: 100%; height: 70px; border: 1px solid #CCC; text-align: left; background: none; margin-top: 10px; } .form-query button { background-color: #00aef1; border: 0; color: #FFF; padding: 5px 15px; float: right; font-size: 12px; } .weibo-block { min-height: 300px; } .query-list { font-size: 12px; margin-top: 10px; } .query-list li { border-bottom: 1px dotted #CCC; margin-bottom: 20px; } .query-list .title a { color: #00aef1; } .query-list .extra { position: relative; margin-top: 1em; } .query-list .extra .right { position: absolute; right: 0; top: 0; }