@charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button, textarea, select, form { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; -webkit-text-size-adjust: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html, body { height: 100%; min-height: 100%; } /* 普通文章样式 */ .article-content { overflow: hidden; } .article-content strong, .article-content b { font-weight: bold; } .article-content i, .article-content em { font-style: italic; } .article-content ol, .article-content ul, .article-content li { list-style: inherit; } .article-content table { border-collapse: collapse; width: auto; word-break: break-all; max-width: 100%; table-layout: fixed; } .article-content table td, .article-content table th { word-break: break-all; border: 1px solid #f2f2f2; width: auto; padding: 5px 10px; vertical-align: middle; } .article-content iframe { max-width: 100%; } .article-content video, .article-content audio { max-width: 100%; height: auto; } .article-content p, .article-content span, .article-content div { word-break: break-word; text-align: justify; } .article-content p, .article-content pre { font-size: 14px; color: #333; line-height: 1.5; margin-bottom: 20px; } .article-content p:last-child { margin-bottom: 0; } .article-content h1 { font-size: 20px; } .article-content h2 { font-size: 18px; } .article-content h3 { font-size: 16px; } .article-content h4, .article-content h5, .article-content h6 { font-size: 14px; } .article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6 { padding: 15px 0; font-weight: bold; } .article-content a { color: #0b76ac; text-decoration: underline; } .article-content ol, .article-content ul { padding: 10px 20px; } .article-content blockquote { padding-left: 10px; border-left: 3px solid #dbdbdb; font-size: 14px; } .article-content blockquote p { font-size: 14px; } html { min-height: 100%; height: 100%; } html body { line-height: 1.2; min-height: 100%; font: 16px/1.4286 arial, "PingFang SC", miui, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, sans-serif; color: #333; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } html body .page, html body main { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } html body ol, html body ul, html body li { margin-bottom: 0; list-style: none; } html body a { text-decoration: none; cursor: pointer; } html body blockquote, html body q { quotes: none; } html body blockquote:before, html body blockquote:after, html body q:before, html body q:after { content: none; } html body table { border-collapse: collapse; border-spacing: 0; } html body p { line-height: 1.5; } html body img { max-width: 100%; max-height: 100%; height: auto; -o-object-fit: cover; object-fit: cover; vertical-align: middle; } input, button, textarea, select { border: 0; } input:focus, button:focus, textarea:focus, select:focus { outline: none; } a { color: unset; } button { border: 0; } .text-blue { color: #003686 !important; } .text-orange { color: #fa7b0a !important; } .text-red { color: #ff0d19 !important; } .text-gray { color: #999 !important; } .text-light-black { color: #666 !important; } .text-black { color: #333 !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .margin-center { margin-left: auto; margin-right: auto; } .text-overflow { overflow: hidden !important; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .text-limit2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit4 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit5 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .hidden { display: none !important; } .visibility-hidden { visibility: hidden !important; } .margin-center { margin-left: auto; margin-right: auto; } strong { font-weight: bold; } em { font-style: italic; } i, span { display: inline-block; } .article-content i, .article-content span { display: inline; } .img-scale { overflow: hidden; } .img-scale img { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .img-scale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .area-select { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .area-select .addr-select { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 30% !important; } .btn-group { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .btn-group.btn2 .btn { width: calc(50% - 0.2rem); } .btn-group .btn { margin-left: 0.4rem; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .btn-group .btn:first-child { margin-left: 0; } button[type=submit]:disabled { opacity: 0.6; cursor: default !important; } .mb0 { margin-bottom: 0 !important; } .pb0 { padding-bottom: 0 !important; } body { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; min-height: 100vh; } main { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .text-red { color: #ff0d19 !important; } .text-blue { color: #003686 !important; } .text-light-black { color: #666 !important; } .text-black { color: #333 !important; } .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 35px; font-size: 16px; border-radius: 4px; cursor: pointer; text-align: center; background-color: #f0f4fa; color: gray; padding: 0; } .btn:hover { color: #fa7b0a; } .btn.radius { border-radius: 11px; } .btn.block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; } .btn[disabled] { opacity: 0.6; pointer-events: none; } .text-blue { color: #003686 !important; } .text-orange { color: #fa7b0a !important; } .text-red { color: #ff0d19 !important; } .text-gray { color: #999 !important; } .text-light-black { color: #666 !important; } .text-black { color: #333 !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .margin-center { margin-left: auto; margin-right: auto; } .text-overflow { overflow: hidden !important; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .text-limit2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit4 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit5 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .hidden { display: none !important; } .visibility-hidden { visibility: hidden !important; } .margin-center { margin-left: auto; margin-right: auto; } strong { font-weight: bold; } em { font-style: italic; } i, span { display: inline-block; } .article-content i, .article-content span { display: inline; } .img-scale { overflow: hidden; } .img-scale img { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .img-scale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .area-select { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .area-select .addr-select { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 30% !important; } .btn-group { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .btn-group.btn2 .btn { width: calc(50% - 0.2rem); } .btn-group .btn { margin-left: 0.4rem; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .btn-group .btn:first-child { margin-left: 0; } button[type=submit]:disabled { opacity: 0.6; cursor: default !important; } .mb0 { margin-bottom: 0 !important; } .pb0 { padding-bottom: 0 !important; } .icon-link { background: url("../../../../img/pc/icon/icon-link.png") no-repeat center; width: 13px; height: 14px; background-origin: content-box; background-size: 13px 14px; display: inline-block; } .icon-submit-article { background: url("../../../../img/pc/icon/submit-article.png") no-repeat center; width: 14px; height: 15px; background-origin: content-box; background-size: 14px 15px; display: inline-block; } .icon-y-search { background: url("../../../../img/pc/icon/y-search.png") no-repeat center; width: 15px; height: 16px; background-origin: content-box; background-size: 15px 16px; display: inline-block; } .icon-left { background: url("../../../../img/pc/icon/left.png") no-repeat center; width: 13px; height: 23px; background-origin: content-box; background-size: 13px 23px; display: inline-block; } .icon-right { background: url("../../../../img/pc/icon/right.png") no-repeat center; width: 13px; height: 23px; background-origin: content-box; background-size: 13px 23px; display: inline-block; } .icon-sm-left { background: url("../../../../img/pc/icon/sm-left.png") no-repeat center; width: 8px; height: 13px; background-origin: content-box; background-size: 8px 13px; display: inline-block; } .icon-sm-right { background: url("../../../../img/pc/icon/sm-right.png") no-repeat center; width: 8px; height: 13px; background-origin: content-box; background-size: 8px 13px; display: inline-block; } .icon-close { background: url("../../../../img/pc/icon/icon-close.png") no-repeat center; width: 48px; height: 48px; background-origin: content-box; background-size: 48px 48px; display: inline-block; } .icon-top { background: url("../../../../img/pc/icon/top.png") no-repeat center; width: 21px; height: 13px; background-origin: content-box; background-size: 21px 13px; display: inline-block; } .icon-down { background: url("../../../../img/pc/icon/down.png") no-repeat center; width: 11px; height: 6px; background-origin: content-box; background-size: 11px 6px; display: inline-block; } .icon-loading { background: url("../../../../img/pc/icon/icon-loading.png") no-repeat center; width: 24px; height: 24px; background-origin: content-box; background-size: 24px 24px; display: inline-block; } .text-blue { color: #003686 !important; } .text-orange { color: #fa7b0a !important; } .text-red { color: #ff0d19 !important; } .text-gray { color: #999 !important; } .text-light-black { color: #666 !important; } .text-black { color: #333 !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .margin-center { margin-left: auto; margin-right: auto; } .text-overflow { overflow: hidden !important; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .text-limit2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit4 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit5 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .hidden { display: none !important; } .visibility-hidden { visibility: hidden !important; } .margin-center { margin-left: auto; margin-right: auto; } strong { font-weight: bold; } em { font-style: italic; } i, span { display: inline-block; } .article-content i, .article-content span { display: inline; } .img-scale { overflow: hidden; } .img-scale img { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .img-scale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .area-select { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .area-select .addr-select { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 30% !important; } .btn-group { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .btn-group.btn2 .btn { width: calc(50% - 0.2rem); } .btn-group .btn { margin-left: 0.4rem; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .btn-group .btn:first-child { margin-left: 0; } button[type=submit]:disabled { opacity: 0.6; cursor: default !important; } .mb0 { margin-bottom: 0 !important; } .pb0 { padding-bottom: 0 !important; } .container { width: 1080px; margin: 0 auto; } .sm-container { width: 910px; margin: 0 auto; } .s-tab-switch > a { color: #666; padding-right: 10px; border-right: 1px solid #ededed; } .s-tab-switch > a:last-child { border-right: none; padding-right: 0; padding-left: 10px; } .s-tab-switch > a:hover { color: #003686; } .s-tab-switch > a.active { color: #003686; } .to-link:hover { color: #fa7b0a !important; } .mb40 { margin-bottom: 40px !important; } .flex-center { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .basis-xs { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; } .basis-sm { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; } .basis-df { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .basis-lg { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; } .basis-xl { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; } .flex-sub { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .flex-twice { -webkit-box-flex: 2; -webkit-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; } .flex-treble { -webkit-box-flex: 3; -webkit-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; } .flex-direction { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .align-start { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-end { -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-center { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .align-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .self-start { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .self-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .self-end { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .self-stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .align-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .justify-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .title-desc-item { font-size: 14px; } .not-margin { margin: 0 !important; } .bg-baby-blue { background-color: #f2f4f7; } .fz14 { font-size: 14px; } .mt10 { margin-top: 10px; } .mb50 { margin-bottom: 50px; } .mb30 { margin-bottom: 30px; } .box-shadow { -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 53, 134, 0.1); box-shadow: 0px 1px 6px 0px rgba(0, 53, 134, 0.1); } .text-gold { color: gold; } .flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .test { border-radius: 4px; color: gold; } .text-center { text-align: center; } .page .nav-menu { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 20px; padding-bottom: 26px; } .page .nav-menu.has-y-line { padding-bottom: 17px; } .page .nav-menu .nandu-menu { color: #333; font-size: 18px; -webkit-box-flex: 0; -webkit-flex: 0 0 770px; -moz-box-flex: 0; -ms-flex: 0 0 770px; flex: 0 0 770px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .page .nav-menu .nandu-menu > .menu-item { position: relative; margin-right: 50px; } .page .nav-menu .nandu-menu > .menu-item > a { padding-bottom: 10px; } .page .nav-menu .nandu-menu > .menu-item:last-child { margin-right: 0; } .page .nav-menu .nandu-menu > .menu-item:after { position: absolute; content: ""; width: 0px; opacity: 0; height: 3px; left: 50%; bottom: -10px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fa7b0a; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 2px; } .page .nav-menu .nandu-menu > .menu-item.active, .page .nav-menu .nandu-menu > .menu-item:hover { color: #fa7b0a; } .page .nav-menu .nandu-menu > .menu-item.active:after, .page .nav-menu .nandu-menu > .menu-item:hover:after { width: 16px; opacity: 1; } .page .nav-menu .nandu-menu > .menu-item .child-menu { width: auto; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 32px; border-top: 3px solid #fa7b0a; background-color: #fff; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 53, 134, 0.24); box-shadow: 0px 2px 4px 0px rgba(0, 53, 134, 0.24); display: none; z-index: 9999; } .page .nav-menu .nandu-menu > .menu-item .child-menu > li { padding: 0 10px; } .page .nav-menu .nandu-menu > .menu-item .child-menu > li a { padding: 8px; display: block; width: 100%; white-space: nowrap; font-size: 14px; color: #666; border-bottom: 1px solid #ededed; } .page .nav-menu .nandu-menu > .menu-item .child-menu > li.active > a, .page .nav-menu .nandu-menu > .menu-item .child-menu > li:hover > a { color: #fa7b0a; } .page .nav-menu .nandu-menu > .menu-item .child-menu > li:last-child a { border-bottom: none; } .page .nav-menu .search-box { -webkit-box-flex: 0; -webkit-flex: 0 0 230px; -moz-box-flex: 0; -ms-flex: 0 0 230px; flex: 0 0 230px; } .page .nav-menu .search-box form { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .page .nav-menu .search-box form .search-input { width: 100%; height: 30px; background-color: #f7f8fa; border-radius: 15px; border: solid 1px #ededed; color: #999; padding: 6px 13px; } .page .nav-menu .search-box form button[type=submit] { cursor: pointer; position: absolute; top: 50%; right: 12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .page .nav-menu.has-line { padding-bottom: 17px; margin-bottom: 30px; border-bottom: 3px solid #fa7b0a; } .page .nav-menu.mb-5 { margin-bottom: 5px; } .l-r-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .l-r-wrap .l-box { -webkit-box-flex: 0; -webkit-flex: 0 0 710px; -moz-box-flex: 0; -ms-flex: 0 0 710px; flex: 0 0 710px; width: 710px; } .l-r-wrap .r-box { -webkit-box-flex: 0; -webkit-flex: 0 0 330px; -moz-box-flex: 0; -ms-flex: 0 0 330px; flex: 0 0 330px; width: 330px; } .base-swiper .swiper-slide { display: inline-block; } .base-swiper .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), color-stop(23%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 23%); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 23%); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 23%); } .base-swiper .swiper-button-prev, .base-swiper .swiper-button-next { background-image: none; width: 26px; height: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .base-swiper .swiper-button-prev::after, .base-swiper .swiper-button-next::after { display: none; } .base-swiper .swiper-desc { position: absolute; width: 100%; bottom: 14px; padding-left: 20px; font-size: 22px; color: #fff; z-index: 3; } .base-swiper .swiper-pagination-bullets { text-align: right; padding-right: 23px; bottom: 12px; } .base-swiper .swiper-pagination-bullets .swiper-pagination-bullet { width: 12px; height: 6px; background-color: #ffffff; border-radius: 3px; opacity: 0.6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .base-swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 24px; height: 6px; opacity: 1; } .tags-list .hot-key-words { margin-top: 20px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 16px; } .tags-list .key-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; margin-top: -10px; padding-bottom: 17px; } .tags-list .key-box .item { margin-left: 20px; margin-top: 10px; height: 28px; line-height: 28px; border-radius: 14px; padding: 0 13px; font-size: 14px; color: #333; background-color: #eee; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .tags-list .key-box .item.active, .tags-list .key-box .item:hover { background-color: #fa7b0a; color: #fff; } .tags-list .key-box .item:last-child { margin-right: 0; } .l-img-r-content { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .l-img-r-content .img-wrap { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; width: 230px; height: 130px; overflow: hidden; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0; flex-shrink: 0; } .l-img-r-content .img-wrap > img { width: 100%; } .l-img-r-content .img-wrap > img { width: 100%; } .l-img-r-content > .content { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .l-img-r-content > .content .title { width: 100%; max-width: 100%; } .show-more-data { display: block; width: 100%; text-align: center; font-size: 14px; color: #666; margin-top: 40px; margin-bottom: 60px; } .show-more-data:hover { color: #fa7b0a; } .tag-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .tag-box > .tag { width: auto; padding: 0 8px; height: 22px; background-color: #ededed; border-radius: 2px; font-size: 12px; color: #999; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tag-box > .tag + .tag { margin-left: 14px; } .tag-box > .tag.to-link:hover { color: #fa7b0a; } .news-list { margin-top: 30px; } .news-list-item { padding: 24px 0; border-top: 1px solid #ededed; } .news-list-item:first-child { border: none; } .news-list-item:hover { -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 53, 134, 0.24); box-shadow: 0px 2px 12px 0px rgba(0, 53, 134, 0.24); } .news-list-item:hover .content .title { color: #fa7b0a; } .news-list-item .content { color: #333; padding-right: 18px; } .news-list-item .content .title { font-size: 18px; line-height: 1.7; margin-bottom: 6px; } .news-list-item .content .bottom-box { font-size: 14px; color: #999; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news-list-item .content .bottom-box .l-key-words { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .news-list-item .content .bottom-box .l-key-words > span { margin-right: 20px; } .news-list-item .content .bottom-box .l-key-words > span:last-child { margin-right: 0; } .news-list.activities-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-list.activities-list .news-list-item { width: 48%; } .news-list.activities-list .news-list-item:not(:nth-child(2n)) { margin-right: 4%; } .news-list.activities-list .news-list-item .img-wrap { position: relative; } .news-list.activities-list .news-list-item .img-wrap .img-tag { left: 0; right: unset; } .news-list.activities-list .none-background-tag { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .news-list.activities-list .none-background-tag > .tag { font-size: 14px; color: #999; margin-right: 20px; } .news-list.activities-list .none-background-tag > .tag:last-child { margin-right: 0; } .news-list.activities-list .content .date { font-size: 14px; color: #999; } .news-list.activities-list.not-1-2-border .news-list-item:nth-child(1), .news-list.activities-list.not-1-2-border .news-list-item:nth-child(2) { border-top: none; } .module-title-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px; } .module-title-box .title { font-weight: bold; font-size: 18px; color: #333; padding-left: 20px; position: relative; line-height: 1.2; } .module-title-box .title:before { content: ""; display: inline-block; position: absolute; left: 0; top: 50%; width: 4px; height: 18px; background-color: #fa7b0a; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .module-title-box .s-tab-switch { font-size: 14px; } .module-title-box .to-more { font-size: 14px; width: 74px; height: 22px; } .hot-article { padding-top: 20px; border-top: 1px solid #ededed; } .hot-article .news-title-list { width: 100%; } .hot-article .news-title-list-item { width: 100%; font-size: 14px; color: #333; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 18px; } .hot-article .news-title-list-item .num { color: #666; margin-right: 9px; height: 16px; width: 17px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .hot-article .news-title-list-item .title { width: 300px; } .hot-article .news-title-list-item:nth-child(1) .num, .hot-article .news-title-list-item:nth-child(2) .num, .hot-article .news-title-list-item:nth-child(3) .num { background-size: 17px 16px; color: #fff; } .hot-article .news-title-list-item:nth-child(1) .num { background-image: url("../../../../img/pc/rect-orange.png"); } .hot-article .news-title-list-item:nth-child(2) .num { background-image: url("../../../../img/pc/rect-yellow.png"); } .hot-article .news-title-list-item:nth-child(3) .num { background-image: url("../../../../img/pc/rect-grey.png"); } .hot-article .news-title-list-item:hover { color: #fa7b0a; } .sidebar-swiper-1, .n-sidebar-swiper-1 { margin-bottom: 24px; } .sidebar-swiper-1 .swiper-slide, .n-sidebar-swiper-1 .swiper-slide { height: 240px; } .sidebar-swiper-1 .swiper-slide > .img-box, .n-sidebar-swiper-1 .swiper-slide > .img-box { width: 100%; height: 186px; overflow: hidden; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .sidebar-swiper-1 .swiper-slide > .img-box > img, .n-sidebar-swiper-1 .swiper-slide > .img-box > img { width: 100%; } .sidebar-swiper-1 .swiper-desc, .n-sidebar-swiper-1 .swiper-desc { font-size: 16px; color: #333; bottom: 0; left: 0; padding: 16px 0; width: 100%; border-bottom: 1px solid #ededed; } .sidebar-swiper-1 .swiper-pagination-bullets, .n-sidebar-swiper-1 .swiper-pagination-bullets { bottom: 60px; } .sidebar-swiper-2, .n-sidebar-swiper-2 { margin-top: 25px; } .sidebar-swiper-2 .swiper-button-prev, .sidebar-swiper-2 .swiper-button-next, .n-sidebar-swiper-2 .swiper-button-prev, .n-sidebar-swiper-2 .swiper-button-next { width: 18px; height: 34px; } .sidebar-swiper-2 .swiper-slide, .n-sidebar-swiper-2 .swiper-slide { height: 186px; border: solid 1px #ededed; } .sidebar-swiper-2 .swiper-slide > .img-box, .n-sidebar-swiper-2 .swiper-slide > .img-box { width: 100%; height: 100%; overflow: hidden; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .sidebar-swiper-2 .swiper-slide > .img-box > img, .n-sidebar-swiper-2 .swiper-slide > .img-box > img { width: 100%; } .sidebar-swiper-2 .swiper-slide .swiper-tag, .n-sidebar-swiper-2 .swiper-slide .swiper-tag { padding: 4px 8px; color: #fff; position: absolute; right: 0; top: 0; font-size: 14px; background-color: #fa7b0a; } .rss-bg { margin-bottom: 24px; border-radius: 2px; height: 72px; width: 100%; background-image: url("../../../../img/pc/sidebar-rss-bg.jpg"); background-size: cover; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 26px 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .rss-bg .rss-item { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .rss-bg .rss-item > span { font-size: 14px; color: #fff; } .rss-bg .rss-item.email > img { width: 28px; height: 20px; } .rss-bg .rss-item.email > span { line-height: 20px; margin-left: 10px; } .rss-bg .rss-item.rss > img { width: 24px; height: 22px; } .rss-bg .rss-item.rss > span { line-height: 22px; margin-left: 10px; } .attention-box .attention-us { width: 100%; background-color: #fcfcfc; border: solid 1px #ededed; padding: 22px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; } .attention-box .attention-us-item { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-right: 37px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 70px; } .attention-box .attention-us-item .icon-box { border-radius: 50%; width: 54px; height: 54px; background-color: #ffffff; border: solid 1px #dbdbdb; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 8px; } .attention-box .attention-us-item .desc { font-size: 14px; color: #666; max-width: 74px; text-align: center; } .attention-box .attention-us-item .qrcode-box { display: none; position: absolute; left: 33%; top: -34px; padding: 12px; padding-bottom: 8px; background-color: #ffffff; -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 53, 134, 0.24); box-shadow: 0px 2px 8px 0px rgba(0, 53, 134, 0.24); border: solid 1px #ededed; } .attention-box .attention-us-item .qrcode-box > img { width: 88px; height: auto; margin-bottom: 6px; } .attention-box .attention-us-item .qrcode-box .code-desc { max-width: 88px; text-align: center; font-size: 14px; color: #999; width: 100%; text-align: center; } .attention-box .attention-us-item:nth-child(2) .qrcode-box { left: 66%; } .attention-box .attention-us-item:nth-child(3) .qrcode-box { left: 33%; } .attention-box .attention-us-item:last-child { margin-right: 0; } footer { margin-top: 60px; background-color: #fff; border-top: 1px solid #ededed; } footer .footer-bg { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 0 14px 0; } footer .footer-bg .footer-menu { margin-bottom: 12px; } footer .footer-bg .footer-menu > .item { font-size: 14px; color: #333; padding-right: 21px; margin-right: 21px; border-right: 1px solid #ededed; } footer .footer-bg .footer-menu > .item:last-child { margin-right: 0; padding-right: 0; border-right: 0; } footer .footer-bg .footer-menu > .item:hover { color: #fa7b0a; } footer .footer-bg .footer-friend-links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: #808080; font-size: 14px; margin-bottom: 16px; } footer .footer-bg .footer-friend-links .field { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } footer .footer-bg .footer-friend-links .right-links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer .footer-bg .footer-friend-links-item { padding-right: 24px; } footer .footer-bg .footer-friend-links-item:last-child { padding-right: 0; } footer .footer-bg .footer-friend-links-item:hover { color: #fa7b0a; text-decoration: underline; } footer .footer-bg .copy-right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 14px; color: #808080; } footer .footer-bg .copy-right .r-text { margin-left: 24px; } header { padding: 12px 0 12px 0; background-color: #ffffff; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 53, 134, 0.1); box-shadow: 0px 3px 5px 0px rgba(0, 53, 134, 0.1); left: 0; top: 0; width: 100%; z-index: 999; } header .header-bg { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header .header-bg .left-logo-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } header .header-bg .left-logo-box > .logo { display: inline-block; font-size: 28px; font-weight: bold; color: #222; } header .header-bg .left-logo-box > .logo img { height: 48px; width: auto; } header .header-bg .left-logo-box .h1 { font-size: 18px; display: inline-block; color: #003686; line-height: 54px; height: 54px; position: relative; } header .header-bg .left-logo-box .h1 .h1-bg { position: absolute; left: 20px; bottom: -12px; width: 152px; height: 58px; } header .header-bg > .right-menu > a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #222; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } header .header-bg > .right-menu > a .iconfont { font-size: 18px; margin-right: 6px; } header .header-bg > .right-menu > a.active, header .header-bg > .right-menu > a:hover { color: #fa7b0a; } .popup-wrapper { width: 598px; } .popup-wrapper .icon-close { right: 0px; top: -60px; } .popup-wrapper .opera-popup__content { width: 100%; padding: 30px 20px; } .page-search .search-module { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .page-search .search-module .form-wrap-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 31px 0; } .page-search .search-module .form-wrap-container .form-wrap { width: 460px; height: 34px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .page-search .search-module .form-wrap-container .form-wrap input { color: #333; line-height: 34px; font-size: 16px; width: 100%; height: 100%; border: 1px solid #EDEDED; border-radius: 17px; padding-left: 13px; background-color: #fff; } .page-search .search-module .form-wrap-container .form-wrap .cu-btn { background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; line-height: 34px; cursor: pointer; padding: 0 14px; background-color: transparent; position: absolute; right: 0; top: 0; } .page-search .search-result { width: 950px; } .page-search .search-result .count-box { padding-left: 20px; font-size: 12px; color: #333; margin-bottom: 10px; } .page-search .search-result .count-box > span { color: #fa7b0a; } .page-search .search-result .search-result-list-item { padding: 20px 20px; border-bottom: 1px solid #ededed; width: 100%; display: block; } .page-search .search-result .search-result-list-item:hover { -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 53, 134, 0.24); box-shadow: 0px 2px 12px 0px rgba(0, 53, 134, 0.24); } .page-search .search-result .search-result-list-item:hover > .title { color: #fa7b0a; } .page-search .search-result .search-result-list-item .title { font-size: 18px; color: #333; margin-bottom: 10px; } .page-search .search-result .search-result-list-item .desc { font-size: 14px; line-height: 1.7; margin-bottom: 12px; } .page-search .search-result .search-result-list-item .title > span, .page-search .search-result .search-result-list-item .desc > span { color: #fa7b0a; } .page-search .search-result .search-result-list-item .bottom-box { font-size: 14px; color: #999; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .page-search .search-result .search-result-list-item .bottom-box .source { margin-right: 40px; } .page-search .search-result .search-result-list-item .bottom-box .date .s-text-orange { color: #999; } .page-search .search-result .search-result-list-item .s-text-orange { color: #fa7b0a; } .fly-up-box { display: none; } .fly-up-box .fly-inner { width: 52px; height: 52px; background-color: #fa7b0a; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; bottom: 5%; right: 10%; z-index: 999; } .fly-up-box .fly-inner .text { font-size: 14px; color: #fff; margin-top: 8px; } .l-article-box > .title { font-size: 26px; color: #333; margin-bottom: 12px; } .l-article-box > .bottom-box { font-size: 14px; color: #999; margin-bottom: 22px; } .l-article-box > .bottom-box .author-div { margin-bottom: 14px; } .l-article-box > .bottom-box .time_in_and_start { margin-bottom: 14px; font-size: 14px; color: #999; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .l-article-box > .bottom-box .time_in_and_start .item + .item { margin-left: 30px; } .l-article-box > .bottom-box .tags_container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 16px; } .l-article-box > .bottom-box .tags_container .tag-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -10px; margin-left: -10px; } .l-article-box > .bottom-box .tags_container .tag-box .tag { height: 24px; line-height: 24px; padding: 0 12px; border: 1px solid #fa7b0a; margin-top: 10px; margin-left: 10px; border-radius: 12px; background-color: #fff; color: #fa7b0a; } .l-article-box > .bottom-box .link_and_shank_container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .l-article-box > .bottom-box .link_and_shank_container .a_blank { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100px; height: 24px; background-color: #fa7b0a; border-radius: 12px; color: #fff; line-height: 24px; } .l-article-box > .bottom-box .link_and_shank_container .a_blank .icon-link { margin-right: 3px; } .l-article-box > .bottom-box .link_and_shank_container .icon_list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-left: 20px; } .l-article-box > .bottom-box .link_and_shank_container .icon_list .icon_list_item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; color: #222; font-size: 16px; } .l-article-box > .bottom-box .link_and_shank_container .icon_list .icon_list_item .iconfont { font-size: 20px; margin-right: 5px; color: #fa7b0a; } .l-article-box > .bottom-box .link_and_shank_container .icon_list .icon_list_item + .icon_list_item { margin-left: 20px; } .l-article-box > .bottom-box .link_and_shank_container .icon_list .icon_list_item.share_container { position: relative; } .l-article-box > .bottom-box .link_and_shank_container .icon_list .icon_list_item.share_container .popup { -webkit-box-shadow: 3px 6px 20px 7px rgba(0, 53, 134, 0.1); box-shadow: 3px 6px 20px 7px rgba(0, 53, 134, 0.1); display: none; position: absolute; top: calc(100% + 15px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 192px; height: auto; padding: 15px; background-color: #fff; } .l-article-box > .bottom-box .link_and_shank_container .icon_list .icon_list_item.share_container .popup > span { margin-top: 16px; font-size: 16px; color: #222; } .l-article-box > .bottom-box .link_and_shank_container .icon_list .icon_list_item:hover { color: #fa7b0a; } .l-article-box > .bottom-box .link_and_shank_container .icon_list .icon_list_item:hover .popup { display: block; } .l-article-box .article_desc { border: solid 1px #fa7b0a; padding: 30px; margin-bottom: 36px; font-size: 16px; color: #333; } .l-article-box .article_desc .title_desc { color: #fa7b0a; margin-bottom: 18px; } .key-word-box { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .key-word-box .field { font-size: 14px; margin-right: 5px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #333; } .key-word-box .key-word-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .key-word-box .key-word-list > .item { font-size: 14px; color: #999; margin-right: 20px; } .key-word-box .key-word-list > .item:last-child { margin-right: 0; } .topic-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .topic-list-item { width: 31%; border-bottom: 1px solid #ededed; margin-bottom: 24px; } .topic-list-item .top-result { width: 100%; background-size: cover; height: 188px; position: relative; display: block; } .topic-list-item .top-result .bottom-box { width: 100%; padding: 0 12px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 0px; height: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(132, 132, 132, 0.5)), color-stop(27%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(bottom, rgba(132, 132, 132, 0.5) 0%, rgba(255, 255, 255, 0) 27%); background-image: -o-linear-gradient(bottom, rgba(132, 132, 132, 0.5) 0%, rgba(255, 255, 255, 0) 27%); background-image: linear-gradient(0deg, rgba(132, 132, 132, 0.5) 0%, rgba(255, 255, 255, 0) 27%); } .topic-list-item .top-result .bottom-box .desc { font-size: 18px; color: #fff; width: 100%; padding-left: 12px; position: absolute; left: 0; bottom: 6px; } .topic-list-item .top-result .bottom-box .to-more { font-size: 14px; color: #fff; } .topic-list-item .topic-child-list { margin-top: 20px; } .topic-list-item .topic-child-list-item { font-size: 14px; color: #333; display: block; padding-left: 15px; width: calc(100% - 15px); position: relative; margin-bottom: 18px; } .topic-list-item .topic-child-list-item:before { content: ""; display: inline-block; position: absolute; left: 0; top: 3px; width: 4px; height: 14px; background-color: #cccccc; } .topic-list-item .topic-child-list-item:hover:before { background-color: #fa7b0a; } .topic-list-item:not(:nth-child(3n)) { margin-right: 3.5%; } .img-tag { background-color: #fa7b0a; color: #fff; position: absolute; right: 0; top: 0; padding: 6px 10px; font-size: 14px; z-index: 3; } .topic-detail-box .desc { font-size: 22px; color: #000; margin-bottom: 12px; } .topic-detail-box .topic-cover-box { width: 100%; height: 320px; position: relative; margin-bottom: 20px; } .topic-detail-box .topic-cover-box .desc { font-size: 22px; color: #fff; padding: 0 19px; position: absolute; bottom: 14px; left: 0; z-index: 3; margin-bottom: 0; } .topic-detail-box .topic-desc { font-size: 16px; color: #666; line-height: 1.75; margin-bottom: 34px; } .top-banner { margin-bottom: 30px; width: 100%; height: 144px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-size: cover; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .top-banner .top-field { margin-bottom: 16px; line-height: 1.1; } .top-banner .top-field > span { font-size: 24px; color: #fff; padding-right: 20px; margin-right: 20px; border-right: 2px solid #fff; } .top-banner .top-field > span:last-child { border-right: none; padding-right: 0; margin-right: 0; } .top-banner .bottom-desc { font-size: 22px; color: #fff; } .org-section-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 33px; border-bottom: 1px solid #ededed; margin-bottom: 40px; } .org-section-box > .desc { font-size: 14px; color: #666; } .org-section-box:last-child { border-bottom: none; } .about-us-page { padding: 0 20px; } .org-cooperation-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .org-cooperation-list-item { width: 18%; height: 88px; padding: 8px; } .org-cooperation-list-item:not(:nth-child(5n)) { margin-right: 2.5%; } .org-cooperation-list-item > img { display: block; } .about-us-child-page { padding: 40px; padding-top: 46px; } .about-us-child-page > h2 { font-size: 18px; color: #1a1a1a; font-weight: bold; width: 100%; text-align: center; margin-bottom: 26px; } .about-us-child-page.sm-padding { padding: 32px 20px; } .contact-us-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-top: 20px; padding-bottom: 36px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .contact-us-list-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .contact-us-list-item .icon.city { width: 22px; height: 30px; margin-bottom: 20px; } .contact-us-list-item .icon.email { width: 28px; height: 20px; margin-bottom: 29px; } .contact-us-list-item .icon.phone { width: 25px; height: 25px; margin-bottom: 24px; } .contact-us-list-item .desc { font-size: 16px; color: #666; max-width: 100%; } .contact-us-list-item:nth-child(1) { -webkit-box-flex: 0; -webkit-flex: 0 0 330px; -moz-box-flex: 0; -ms-flex: 0 0 330px; flex: 0 0 330px; } .map-box { width: 100%; height: 360px; } .map-box img { max-width: unset; max-height: unset; } .join-article-list { margin-top: 26px; } .join-article-list-item { padding: 19px 0; border-bottom: 1px solid #ededed; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .join-article-list-item .title { width: 80%; font-size: 16px; color: #333; } .join-article-list-item .date { font-size: 14px; color: #999; } .join-article-list-item:first-child { padding-top: 0; } @-webkit-keyframes loading { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .show-more-data .loading { display: none; } .show-more-data .loading .icon-loading { -webkit-animation: loading 0.5s infinite linear; animation: loading 0.5s infinite linear; margin: 5px; vertical-align: middle; } .base-mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), color-stop(23%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 23%); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 23%); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 23%); } .article-aboutus-page .left { width: calc(100% - 250px - 44px); } .article-aboutus-page .left .article-title { font-size: 26px; color: #333; margin-bottom: 34px; } .article-aboutus-page .right-aboutus .aboutus-list-item .a-link-title { width: 250px; padding: 14px 0; font-size: 20px; color: #222; text-align: center; background-color: #f9f9f9; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .article-aboutus-page .right-aboutus .aboutus-list-item:hover .a-link-title, .article-aboutus-page .right-aboutus .aboutus-list-item.active .a-link-title { background-color: #fa7b0a; color: #fff; } .article-aboutus-page .right-aboutus .aboutus-list-item + .aboutus-list-item { margin-top: 10px; } .r_sort { margin-bottom: 20px; padding-bottom: 17px; border-bottom: 1px solid #ededed; } .r_sort .sort_title_all { margin-bottom: 0; } .r_sort .sort_list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; } .r_sort .sort_list > a { margin-top: 16px; display: block; min-width: calc((100% - 40px) / 2); margin-left: 20px; } .r_sort .sort_list > a .sort_title { font-size: 16px; color: #222; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .r_sort .sort_list > a .sort_title::before { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; display: block; content: ""; width: 6px; height: 6px; border: solid 1px #333333; margin-right: 12px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .r_sort .sort_list > a .sort_title.active, .r_sort .sort_list > a .sort_title:hover { color: #fa7b0a; } .r_sort .sort_list > a .sort_title.active::before, .r_sort .sort_list > a .sort_title:hover::before { border-color: #fa7b0a; } .sort_or_keyword_title { font-size: 20px; } /*# sourceMappingURL=style.css.map */