/* https://www.jxky.net/jxky/template/cssandimages/reset.css */ 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 { margin: 0; padding: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; } .clearfix::before, .clearfix::after { content: ""; display: table; /* ?dispaly:block？ */ } .clearfix::after { clear: both; height: 0; } img { vertical-align: bottom; } i { font-style: normal; } input { outline: none; border: 0px; border-color: #aaa; width: 240px; } } a:link{ text-decoration:none; /* 指正常的未被访问过的链接*/ } a:visited{ text-decoration:none; /*指已经访问过的链接*/ }a:hover{ text-decoration:none; /*指鼠标在链接*/ } a:active{ text-decoration:none; /* 指正在点的链接*/ } button { border: none; } /* 取消a标签在移动端点击时的蓝色 */ a{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } a,button,label,input[type="submit"]{cursor:pointer;-webkit-appearance:none;} /* https://www.jxky.net/jxky/template/cssandimages/swiper.css */ /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* https://www.jxky.net/jxky/template/cssandimages/font-awesome.min.css */ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* https://www.jxky.net/jxky/template/cssandimages/common.css */ /* 头部header 开始 */ .header_box .top_box { padding-top: 10px; /*font-size: 14px;*/ font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #0059a7; display: flex; justify-content: space-between; } .bothide { display: none; } .mobilehide { display: block; } .header_box .top_box a { /*color: #0059a7;*/ color: #14406f; } .header_box .top_box .header_left { display: flex; } .header_box .top_box .header_left .tody_time { margin-right: 34px; } .header_box .top_box .header_right { display: flex; align-items: center; } .hot_box a:first-of-type{ margin-left: -35px; } .header_box .top_box .header_right .zzms_btn { margin-left: 13px; display: flex; justify-content: center; align-items: center; width: 118px; height: 30px; background-color: #d1160e; border-radius: 15px; font-size: 16px; font-weight: bold; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; } .header_box .top_box .header_right .zzms_btn img { margin-right: 8px; } .header_box .middle_box { height: 400px; margin-top: 17px; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 50px; } .header_box .middle_box .search_box { margin-top: 20px; position: relative; } .header_box .middle_box .search_box .input_box { box-sizing: border-box; padding-left: 20px; width: 537px; height: 54px; background-color: #ffffff; box-shadow: 3px 3px 9px 0px #b3d5ed; border-radius: 6px; } .header_box .middle_box .search_box .search_btn { position: absolute; top: 0; right: 0; width: 111px; height: 54px; background-color: #0a5aa1; display: flex; justify-content: center; align-items: center; font-family: MicrosoftYaHei; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 48px; letter-spacing: 0px; color: #ffffff; border-radius: 0 6px 6px 0; } .header_box .middle_box .search_box .search_btn img { margin-right: 10px; } .header_box .middle_box .hot_box { margin-top: 20px; font-size: 16px; line-height: 23px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; display: flex; width: 426px; justify-content: space-between; } .header_box .middle_box .hot_box span { color: #1658a0; margin-right:15px; } .header_box .middle_box .hot_box a { color: #333333; } /* 头部header 结束 */ /* 底部footer 开始 */ .footer { padding: 0px 0 15px; line-height: 22px; font-size: 14px; background-color: #005298; } .footer .links { border-bottom: 1px solid #e4e4e4; padding: 15px 0; } .footer .links>ul { justify-content: space-between; display: flex; flex-wrap: wrap; } .footer .links>ul>li { position: relative; line-height: 40px; font-size: 16px; float: left; text-align: left; border: 1px solid #ededed; width: 24%; box-sizing: border-box; } .footer .links>ul>li>a { padding-left: 35px; display: block; background: #ffffff; position: relative; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 42px; letter-spacing: 0px; color: #333333; } .footer .links>ul>li>a:after { width: 0; margin-left: -4px; content: ''; position: absolute; right: 24px; bottom: 14px; border-style: solid; border-color: #201f1f transparent transparent transparent; border-width: 7px 6px 1px 6px; transition: all 0.3s; } .footer .links li ul { z-index: -1; position: absolute; left: 10px; right: 10px; bottom: 40px; max-height: 200px; overflow-x: hidden; overflow-y: auto; border: 1px solid #ddd; background-color: #fff; opacity: 0; transform: translate(0, 3px); transition: opacity, transform 0.3s; } .footer .links li ul li { border-top: 1px solid #ddd; line-height: 39px; text-align: center; transition: all 0.3s; } .footer .links li ul li a { display: block; overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; color: #333; } .footer .links>ul>li:hover>a:after { transform: rotate(94deg); bottom: 16px; } .footer .links>ul>li:hover ul { z-index: 9; opacity: 1; transform: translate(0, 0); } .footer .copyright { position: relative; margin: 20px auto 10px; text-align: left; font-size: 15px; /*line-height: 36px;*/ line-height: 26px; letter-spacing: 0.05em; } .footer .copyright span { color: #fff; } .footer .copyright span:not(:last-child) { margin-right: 35px; } .footer .copyright .p1 span { position: relative; } .footer .copyright .p1 span:not(:last-child)::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 80px; width: 1px; height: 16px; background-color: #fff; } .footer .copyright .p1 span a { color: #fff; } .footer .copyright img { vertical-align: text-bottom; margin-left: 10px; } .footer .gov { float: right; position: absolute; right: 0; top: 0px; display: flex; justify-content: space-around; } .wx_dy_code { width: 25%; height: 100%; } .jubao { width: 100%; } /* 底部footer 结束 */ /* nav 开始 */ .nav_box { background-color: #005298; display: flex; align-items: center; } .nav_box .nav_content { display: flex; /* flex-wrap: wrap; */ align-items: center; } .nav_box .nav_content a { margin: 5px 0; height: 64px; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #ffffff; padding-left: 24.4px; padding-right: 24.4px; box-sizing: border-box; overflow: hidden; width: 10%; } .nav_box .nav_content a:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.13); } .nav_box .nav_content a img { margin-right: 12px; transform: translateY(0); } .nav_box .nav_content a span { display: block; white-space: nowrap; } .nav_box .nav_content a:hover{background:#0c4b80;} .nav_box .nav_content a:hover img { animation: rotate180 0.3s; } /* nav 结束 */ /* 高级菜单 开始*/ .mask { visibility: hidden; position: fixed; z-index: 596; right: 0; bottom: 0; top: 20px; left: 0; background: rgba(0, 0, 0, 0); } .mask.on { visibility: visible; } .mask:after { content: ''; display: block; position: fixed; z-index: 597; right: 0; top: 0; width: 4px; height: 4px; background: rgba(0, 0, 0, 0.85); opacity: 0; border-radius: 50%; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.85); transition: all 0.3s ease-in; } .mask.on:after { opacity: 1; box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.85); } .menu { position: fixed; z-index: 598; top: 0; right: 20%; bottom: 0; width: 60%; margin-right: -200% \9; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); -webkit-transition: transform 0.3s; transition: transform 0.3s; padding-top: 70px; } .menu { display: none; } .menu.on { display: block; margin-right: 0\9; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: block; } .menu img { display: block; width: 60%; max-width: 210px; margin: 60px auto; } .menu>ul>li { float: left; width: 39.5%; min-height: 240px; margin: 2%; padding: 20px; background-color: #ffffffe0; /* color: #fff; */ border-radius: 4px; animation-duration: 0.3s; } .menu>ul>li>a { display: block; line-height: 40px; font-weight: bold; font-size: 16px; color: #333; padding-left: 10px; } .menu>ul>li.home { display: none; } .menu li li { float: left; width: 50%; } .menu li ul { margin-top: 10px; } .menu>ul>li>a { display: block; line-height: 40px; font-weight: bold; font-size: 16px; /* color: #fff; */ padding-left: 10px; } .menu>ul>li.current a { color: #2597fd; } .menu li li a { position: relative; display: block; margin: 0 10px; padding: 0 15px 0 25px; line-height: 50px; font-size: 16px; color: #fff; border-radius: 4px; transition: opacity 0.3s; } .menu li ul:hover li:not(:hover) a { opacity: 0.5; } .menu li li a:after { content: ' '; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: absolute; top: 50%; margin-top: -2px; left: 10px; } .menu>ul>li:nth-child(1) { animation-delay: 0.4s; } .menu>ul>li:nth-child(2) { animation-delay: 0.5s; } .menu>ul>li:nth-child(3) { animation-delay: 0.6s; } .menu>ul>li:nth-child(4) { animation-delay: 0.7s; } .menu>ul>li:nth-child(5) { animation-delay: 0.8s; } .menu>ul>li:nth-child(6) { animation-delay: 0.9s; } .menu>ul>li:nth-child(7) { animation-delay: 1s; } .menu>ul>li:nth-child(8) { animation-delay: 1.1s; } .menu>ul>li:nth-child(9) { animation-delay: 1.2s; /* width: 96%;*/ } .menu>ul>li:nth-child(10) { animation-delay: 1.3s; } .menu-btn { display: none; position: fixed; bottom: 60px; right: 60px; z-index: 599; width: 50px; height: 88px; line-height: 20px; text-align: center; cursor: pointer; background: url(menu.png) center no-repeat; color: #fff; } .menu-btn>b { display: block; width: 40px; height: 40px; transition: transform 0.3s; } .menu-btn>span { display: none; position: absolute; left: 0; right: 0; width: 22px; height: 2px; margin: 0 auto; background: #0054a7; border-radius: 2px; transition: 0.25s; } .menu-btn>span:nth-child(1) { top: 36px; } .menu-btn>span:nth-child(2) { top: 42px; } .menu-btn>span:nth-child(3) { top: 48px; } .menu-btn.on span, .hd+.menu-btn>span { background: #fff; } .menu-btn.on b { line-height: 0; font-size: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA5LTE3VDE1OjMzOjM0KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wOS0xN1QxNTozNDowNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wOS0xN1QxNTozNDowNCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MDY1NzE0My1hZGIwLTBmNDctOTI3OC1mNzA3MTE3NmZjZTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzA2NTcxNDMtYWRiMC0wZjQ3LTkyNzgtZjcwNzExNzZmY2U3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzA2NTcxNDMtYWRiMC0wZjQ3LTkyNzgtZjcwNzExNzZmY2U3Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MDY1NzE0My1hZGIwLTBmNDctOTI3OC1mNzA3MTE3NmZjZTciIHN0RXZ0OndoZW49IjIwMTktMDktMTdUMTU6MzM6MzQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5/rxV8AAABA0lEQVRIibWUsW3DMBBFv7SCiiDxMCo1RJLGExiwVtE0LlS7DBAD8QL2AE7/UuSYEIIkXkjngIMI8u49ENKpAvSfUdvzVdJBUnsHZmusZ0kSIOCd7/gAGtvLycYYAG/Aj2DHb5wzJY31htjFAgH7AskUvg9n08IcySJ8TvBXySp8SeCVJOFrgpTEBU8J5iS1pQvuEUwlR0sX3CsQsAVuEfhme8neCtz/ooukR1tfJT15mup0iRpJpwguW5/sbD0SV5x+LS+W8YtfHcbcCXUPY/aEeiW5cLekBO6SlMKTklCwKYAvSTaxYCyEz0nGWDAAn0BfAA/ZG2uIBQ9Adwd4yM6Y+gIsJSD6TQ2Y9QAAAABJRU5ErkJggg==) center no-repeat; transform: rotateZ(180deg); } .menu-btn.on span:nth-child(1) { top: 42px; transform: rotate(45deg); } .menu-btn.on span:nth-child(2) { opacity: 0; transform: rotate(90deg); } .menu-btn.on span:nth-child(3) { top: 42px; transform: rotate(135deg); } .menu-btn { position: absolute; bottom: auto; top: 0px; right: 0px; background: none; display: block; margin-top: -0.5rem; } .nav { display: none; } .menu { width: 90%; right: 5%; display: none; } .menu img { margin: 60px 0; } .modal-open .header h1 { background: none; } .menu>ul>li.home { display: block; width: 96%; text-align: center; } .menu>ul>li { min-height: inherit; padding: 10px; } .menu li ul { display: none; } .menu-btn>b { display: none; } .menu-btn>span { display: block; } } /* 高级菜单 结束*/ .sec2_body { background: url(sec2_bg.png) top center no-repeat; } #section2 { position: relative; } .pubCon { width: 1300px; margin: 0 auto; } .pubCon_1240 { /* width: 1240px;*/ margin: auto; margin-bottom: 5px; /*height:115px;*/ } .pubCon_1240 img { width: 100%; height: 100%; object-fit: cover; } @keyframes rotate180 { 0% { transform: translateY(-50px); } 100% { transform: translateY(0); } } /*搜索框*/ .search-area { width: 339px; height: 42px; position: absolute; right: 36.5%; bottom: -50px; background: url(ssframe.png) no-repeat; } .search-area .searchtext { float: left; width: 287px; height: 42px; padding-left: 15px; font-family: '微软雅黑'; font-size: 15px; color: #666666; background-color: transparent; border: 0; } .search-area .searchbutton { float: right; margin: 10px 14px 0 0; width: 22px; height: 22px; background: url(ssbutton.png) no-repeat; border: none; outline: none; } .search-area1 { width: 339px; /* height: 42px;*/ position: relative; /* right: 0%; bottom: 0px; background: url(ssframe.png) no-repeat; background-size: 90% 100%; background-position: center;*/ } .search-area1 .searchtext { float: left; width: 220px; height: 42px; padding-left: 25px; font-family: '微软雅黑'; font-size: 15px; color: #666666; background-color: transparent; border: 0; } .search-area1 .searchbutton { /* float: right; margin: 10px 30px 0 0;*/ width: 22px; height: 22px; background: url(ssbutton.png) no-repeat; border: none; outline: none; cursor: pointer; } /*头条新闻*/ /*.xw-scrollnew {position: relative; background-color: rgb(255, 255, 255); overflow:hidden; padding:20px 20px 5px 20px;}*/ .xw-scrollnew { display: table-cell; vertical-align: middle; position: relative; overflow:hidden; padding:0px 20px 0px 20px; height: 80px; color: red; text-align: center; width: 1260px; } .xw-scrollnew a { text-decoration: none; } .xw-scrollnew a:hover { color: #1658a0; transform: translateX(4px); } .xw-scrollnew .flexslider { background-position: right top; width: 1280px; height: 90px; margin:0 auto; position: relative; background-image: url("/img/toutiao.png"); background-repeat: no-repeat; } .xw-scrollnew .slides { position: relative; z-index: 1; } .xw-scrollnew .slides li {position: relative;vertical-align: middle; display: inline; } /*.xw-scrollnew .slides li a { color: rgb(51, 51, 51); display: block; }*/ .xw-scrollnew .slides li a {width: 100%; height: 50px; text-align: center; color: rgb(218, 15, 16); line-height: 50px; overflow: hidden; padding-top: 0px; padding-bottom: 10px; font-size: 32px; font-weight: bold; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;} .xw-scrollnew .slides li a:hover {color:#1f2484; display: block; } .xw-scrollnew .slides li .p-con { width: 850px; height: 50px; text-align: center; display:inline-block; margin-left:5px;} .xw-scrollnew .slides li .tttp {display: inline-block; vertical-align: middle; margin-bottom: 60px; margin: 15px 0 60px 180px;} .xw-scrollnew .slides li .p-con p { width: 100%; color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 18px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; } .xw-scrollnew .flex-control-nav { left: -35px; top: 25px; width: 10px; text-align: center; vertical-align: middle; position: absolute; z-index: 999; } .xw-scrollnew .flex-control-nav li { margin: 3px 0px; display: inline-block; -ms-zoom: 1; } .xw-scrollnew .flex-control-nav a { border-radius: 14px; width: 10px; height: 10px; line-height: 40px; text-indent: -9999px; overflow: hidden; display: inline-block; cursor: pointer; background-color: rgb(204, 204, 204); } .xw-scrollnew .flex-control-nav .flex-active { width: 10px; height: 20px; background-color: rgb(32, 82, 145); } .flex-direction-nav{ display:none} /*头条底部横滚新闻*/ .txtScroll-left { width: 1240px; position: relative; margin: auto;/*margin-left: 80px; margin: -20px 0 30px 0; padding-left: 10px;*/} .txtScroll-left .hd { overflow: hidden; height: 30px; padding: 0 30px; position: absolute; top: 7px;width: 1300px; margin-left: -40px;} .txtScroll-left .hd_p { overflow: hidden; height: 30px; padding: 0 30px; position: absolute; top: 7px; /*width: 1300px; margin-left: -40px; */left: -10px;}/*控制左箭头位置*/ .txtScroll-left .hd_n { overflow: hidden; height: 30px; padding: 0 30px; position: absolute; top: 7px; /*width: 1300px; margin-left: -40px;*/right: -40px;}/*控制右箭头位置*/ .txtScroll-left .hd .prev, .txtScroll-left .hd .next { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("ttarrow.png") no-repeat; background-position-x: -60px; } .txtScroll-left .hd .next { background-position: -60px -50px; } .txtScroll-left .hd .prevStop { background-position: -60px 0; } .txtScroll-left .hd .nextStop { background-position: -60px -50px; } .txtScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; } .txtScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("icoCircle.gif") 0 -9px no-repeat; } .txtScroll-left .hd ul li.on { background-position: 0 0; } .txtScroll-left .bd { padding: 10px; width: 1240px; overflow: hidden; -webkit-margin-start: -8px; -ms-margin-strat: -8px; -moz-margin-start: 0px; } .txtScroll-left .bd ul { overflow: hidden; zoom: 1; } .txtScroll-left .bd ul li { margin-right: 20px; float: left; height: 24px; line-height: 24px; text-align: left; _display: inline; } .txtScroll-left .bd ul li a { font-size: 14px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .txtScroll-left .bd ul li span { font-size: 14px;color: #999; float: right; } .txtScroll-left .hd .prev { float: left; } .txtScroll-left .bd ul li a:hover { color: #1974A1; } .p-con { margin: auto; font-size: 32px; font-weight: bold; max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p-con a { text-decoration: none; color: red; } .p-con a:link { text-decoration: none; } .p-con a:visited { text-decoration: none; } .p-con a:hover { color: #1658a0; transform: translateX(4px); } .span990 { color: red; } /*新闻图片轮播及右侧*/ .focus_box{width:50%;overflow:hidden;} .focus_scroll{position:relative;overflow:hidden; margin-top: 10px;} .focus_scroll .swiper-pagination-bullets{width:auto!important;right:10px!important;left:auto!important;bottom:15px!important;margin-right: 15px;} .focus_scroll .swiper-pagination-bullet{width:8px;height:8px;background:#fff;border-radius:50%;opacity:1;} .focus_scroll .swiper-pagination-bullet-active{background:#cb0013;} .focus_name{position:absolute;left:0;bottom:0;width:100%;height:55px;line-height:55px;padding:0 20px;font-size:16px;color:#fff;box-sizing:border-box;background:rgba(0, 0, 0, .75);} .bqnews_box{width:45%;} .common_hd2{position:relative;border-bottom:1px solid #cacaca;height:44px;line-height:1.1;margin-bottom: 10px;} .common_hd2 li{float: left;height:44px;margin:0 18px;position: relative;} .common_hd2 li:first-child{margin-left:0;} .common_hd2 li+li:before{content:"";width:1px;height:24px;background:#cacaca;position: absolute;left:-18px;top: 3px;} .common_hd2 li a{font-size: 24px;display:inline-block;height: 100%;position: relative;} .common_hd2 li a:after, .common_hd2.hl li a:before{content:"";width:0;height: 4px;background: #005293;position: absolute;left:0;bottom:0;} .common_hd2 li.on a{font-weight: bold;} .common_hd2 li.on a:after{width: 100%;} .common_hd2.noline{border-bottom: none;} .common_hd2.hl li a:before{background: #f95700;z-index: 1;} /* .common_hd2.hl li+li:before{display: none;} */ .common_hd2.hl li.on a:before{width: 23px;} .more_plus{font-size:15px;line-height:30px;position:absolute;right:0;top:0;} .more_plus a{color:#999;} .more_plus a:hover{color:#005293; } .newsmes_list.news_tt{margin-bottom: 3px; border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;margin-left: -20px;} .newsmes_list.news_tt li{border-bottom: 1px solid #cacaca;padding-bottom: 12px;} .newsmes_list.news_tt li h4 a{font-size: 26px;} .newsmes_list.news_tt li p{margin: 5px 0;-webkit-line-clamp:3;height: 78px;} .home_col_r{width: 41.33%;float: right;} .text_nowrap, .text_nowrap p, .text_nowrap a, .text_nowrap span, .text_nowrap font{display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} .text_nowrap a{display: inline-block; max-width: 100%;} .hover_shade:hover{box-shadow:0 0 40px 3px rgba(50,56,70,.18); -webkit-box-shadow:0 0 40px 3px rgba(50,56,70,.18);} /* 多行省略号 */ .ellipsis{display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;text-indent: 2em;} /* newslist */ .newslist li{line-height:40px;height:40px;} .newslist li span.time{position:absolute;right:0;top:0;color:#999;font-size: 16px;} .newslist li h4{position:relative;font-weight: normal;} .newslist li a{display:inline-block;vertical-align: top; max-width:100%;font-size: 16px; white-space:nowrap;line-height:38px;text-overflow:ellipsis;overflow:hidden;word-break:break-all;} .newslist li i{font-style:normal;color:#005293;} .newslist.MD li h4{padding-right:80px;} .newslist.YMD li h4{padding-right:8em;} .newslist.ZYMD li h4{padding-right:180px;} .newslist.dot li h4{padding-left:20px;} .newslist.dot li h4:before {content:'';position:absolute;left:0;top:50%;margin-top:-2.5px;width:5px;height:5px;background:#999;} .newslist.tag .type{ display: inline-block;color: #999;border: 1px solid #c0c0c0;padding: 0 9px;height: 22px;line-height: 22px;text-align: center; margin-right: 9px;font-size: 14px;vertical-align: middle;margin-top: -3px;border-radius: 2px; } .newslist.tag.blue .type{border-color:#a9d1f8;color:#396e9f;} .newsmes_list li{border-bottom:1px dashed #DCDCDC;margin-top:23px;padding-bottom:23px;font-size: 16px;position: relative;} .newsmes_list li:last-child{border-bottom:none;padding-bottom: 13px;} .newsmes_list li h4 a{font-size: 18px;line-height:1.1;} .newsmes_list li p{line-height:26px;color:#666;margin:10px 0 9px;-webkit-line-clamp:2;height: 52px;} .newsmes_list li .time{display:block;text-align:right;color:#999;line-height:20px;} .newsmes_list.dot li{padding-left: 20px;} .newsmes_list.dot li:before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;background:#999;} .newsmes_list.xq li{border-bottom:1px solid #DCDCDC;padding-right: 145px;} .newsmes_list.xq li .xq{position: absolute;right:0;top: 50%;margin-top: -30.5px; display: block;width: 94px;height: 36px;line-height: 36px;border: 1px solid #e8f1f4; background: #e8f1f4;color:#005298;text-align: center;} .newsmes_list.xq li .xq:after{content:"";display: inline-block;vertical-align: middle;width: 9px;height: 12px;margin-left: 10px;background: url(../images/public/icon_arrow_blue.png) no-repeat left center;} .newsmes_list.xq li .xq:hover{border-color:#005298;border-radius: 3px;} .newsmes_list.date li{border-bottom: none;padding-bottom: 0;margin-top: 25px;} .newsmes_list.date li .date{position: absolute;left:0;top:0;height: 90px;width: 90px;line-height: 90px;text-align: center; background: #EAF4FF;} .newsmes_list.date li .date span{display: inline-block;line-height: 1.4;vertical-align: middle;margin-top: -5px;} .newsmes_list.date li .date b{display: block;color:#005298;font-size: 28px;} .newsmes_list.date li .date i{font-weight: bold;font-style: normal;} .newsmes_list.date li .txtbox{margin-left: 110px;min-height: 90px;overflow: hidden;} .newsmes_list.date li .txtbox h4{margin: 5px 0;} .newsmes_list.date li .txtbox p{margin: 0;} .newsmes_list li{border-bottom:1px dashed #DCDCDC;margin-top:23px;padding-bottom:23px;font-size: 16px;position: relative;} .newsmes_list li:last-child{border-bottom:none;padding-bottom: 13px;} .newsmes_list li h4 a{font-size: 18px;line-height:1.1;} .newsmes_list li p{line-height:26px;color:#666;margin:10px 0 9px;-webkit-line-clamp:2;height: 52px;} .newsmes_list li .time{display:block;text-align:right;color:#999;line-height:20px;} .newsmes_list.dot li{padding-left: 20px;} .newsmes_list.dot li:before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;background:#999;} .newsmes_list.xq li{border-bottom:1px solid #DCDCDC;padding-right: 145px;} .newsmes_list.xq li .xq{position: absolute;right:0;top: 50%;margin-top: -30.5px; display: block;width: 94px;height: 36px;line-height: 36px;border: 1px solid #e8f1f4; background: #e8f1f4;color:#005298;text-align: center;} .newsmes_list.xq li .xq:after{content:"";display: inline-block;vertical-align: middle;width: 9px;height: 12px;margin-left: 10px;background: url(../images/public/icon_arrow_blue.png) no-repeat left center;} .newsmes_list.xq li .xq:hover{border-color:#005298;border-radius: 3px;} .newsmes_list.date li{border-bottom: none;padding-bottom: 0;margin-top: 25px;} .newsmes_list.date li .date{position: absolute;left:0;top:0;height: 90px;width: 90px;line-height: 90px;text-align: center; background: #EAF4FF;} .newsmes_list.date li .date span{display: inline-block;line-height: 1.4;vertical-align: middle;margin-top: -5px;} .newsmes_list.date li .date b{display: block;color:#005298;font-size: 28px;} .newsmes_list.date li .date i{font-weight: bold;font-style: normal;} .newsmes_list.date li .txtbox{margin-left: 110px;min-height: 90px;overflow: hidden;} .newsmes_list.date li .txtbox h4{margin: 5px 0;} .newsmes_list.date li .txtbox p{margin: 0;} .bqnews_tit{height:44px;position:relative;margin-bottom:20px;border-bottom:#ddd solid 2px;} .bqnews_tit>a{width:140px;line-height:46px;float:left;font-size:18px;position:relative;} .bqnews_tit>a:hover::after{content:"";position:absolute;left:50%;bottom:-20px;margin-left:-10px;border:transparent solid 10px;border-top:#005298 solid 10px;} .bqnews_tit>a:hover{background:#005298;color:#fff;} .bqnews_tit>.on::after{content:"";position:absolute;left:50%;bottom:-20px;margin-left:-10px;border:transparent solid 10px;border-top:#005298 solid 10px;} .bqnews_tit>.on{background:#005298;color:#fff;} .bqnews_tit_more{margin-top:3px;} .bqnews_con>div{display:none;} .bqnews_list01{height:159px;overflow:hidden;} .bqnews_list01 li{height:45px;line-height:45px;padding:0 12px;font-size:16px;font-weight:bold;background:#f5f5f5;margin-bottom:8px;} .bqnews_list01 li a{display:block;} .bqnews_list01 li a:hover{color:#cb0013;} .bqnews_list02{height:225px;} .bqnews_list02 li{height:38px;line-height:32px;position:relative;padding-left:15px;font-size:16px;} .bqnews_list02 li .fr{float: right; margin-right: 10px;} .bqnews_list02 li::before{content:"";position:absolute;left:0;top:13px;width:4px;height:4px;border-radius:50%;background:#979797;} .bqnews_list02 li a:hover{color:#cb0013;} .bqnews_date{color:#b0b0b0;} .cl { clear: both; } .tc { text-align: center; } .fr { float: right; } .fl { float: left; } .mar20 { margin: auto; width: 1240px; } /*中间滚动横幅*/ .hfmain { margin: 25px auto; width: 1240px; height: 150px; } .hfbanner { height: 150px; } .hfimg { width: 100%; } .hfcontainer { text-align: center; width: 100%; /*height: 150px;*/ position: relative; margin: auto; margin-bottom: 15px; /*padding: 0 2.3077% 0 2.3077%;*/ } .HFslideshow { position: relative; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; list-style: none; margin: 0; padding: 0; } .HFslideshow li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0; z-index: 0; animation: imageAnimation 50s linear infinite; } @keyframes imageAnimation { 0% { opacity: 0; animation-timing-function: ease-in; } 10% { opacity: 1; animation-timing-function: ease-out; } 20% { opacity: 1 } 30% { opacity: 0 } } /*整屏滚动 .hf_box { /* 我们不想看到超出盒子范围的图片，因此需要overflow：hidden；进行隐藏 overflow: hidden; position: relative; 此处宽度等于图片宽度乘以3*/ /* width: 3720px; height: 150px; border: 0px solid #000; margin-bottom:30px; } .hf_box:hover ul { /* 当鼠标放在图片上的时候能够暂停动画 */ /* animation-play-state:paused ; } .hf_box ul { position: absolute; top: 0; left: 0; /*此处宽度等于图片宽度乘以图片数量*/ /* width: 7440px; height: 150px; animation: run 180s infinite linear; } .hf_box li { float: left; /*宽度等于图片宽度*/ /* width: 1240px; height: 150px; list-style: none; } .hf_box img { /* 设置一张图片的宽度高度 */ /* width: 1240px; height: 150px; } @keyframes run { 0% { transform: translate(0); } 100% { /* 轮播宽度等于图片宽度乘以（图片数量-3）*/ /* transform: translate(-3720px); } }/*整屏滚动结束*/ /*中间图片特效*/ .container-a4{ width: 760px; max-width: 760px; margin: 10px auto; } .caption-style-4{ list-style-type: none; margin: 0px; padding: 0px; } .caption-style-4 li{ float: left; padding: 0px; position: relative; overflow: hidden; } .caption-style-4 li:hover .caption{ opacity: 1; } .caption-style-4 li:hover img{ opacity: 1; transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15); } .caption-style-4 img{ margin: 0px; padding: 0px; float: left; z-index: 4; width: 380px; height: 285px; } .caption-style-4 .caption{ cursor: pointer; position: absolute; opacity: 0; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; } .caption-style-4 img{ -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .caption-style-4 .blur{ background-color: rgba(0,0,0,0.65); height: 300px; width: 400px; z-index: 5; position: absolute; } .caption-style-4 .caption-text h1{ text-transform: uppercase; font-size: 24px; } .caption-style-4 .caption-text{ z-index: 10; color: #fff; position: absolute; width: 400px; height: 300px; text-align: center; top:100px; } /*视讯新闻*/ .index-wrap6-zt { height: 40px; background: url(ztzl_line.png) center no-repeat; text-align: center; position: relative; margin: 30px 0 15px 0; } .index-wrap6-zt a { color: #1658a0; font-size: 24px; font-weight: bold; line-height: 40px; position: relative; z-index: 999; } .index-wrap6-zt a, span { vertical-align: top; } .index-wrap6-zt span { color: #f1f3f7; font-size: 30px; display: inline-block; position: absolute; left: 50%; width: 180px; margin-left: -90px; } /*中间四图特效*/ .zjcard { border-radius: 8px; margin: 10px 0 10px 0; width: 32%; max-width: 33%; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); overflow: hidden; background-size: cover; height: 50%; } .zjinfo { position: relative; width: 100%; height: 500px; background-color: #fff; transform: translateY(100%) translateY(-88px) translateZ(0); transition: transform 0.5s ease-out; opacity: 0.8; } .zjinfo:before { z-index: -1; display: block; position: absolute; content: " "; width: 100%; height: 100%; overflow: hidden; filter: blur(10px); background-size: cover; opacity: 0.25; transform: translateY(-100%) translateY(88px) translateZ(0); transition: transform 0.5s ease-out; } .zjcard:hover .zjinfo, .zjcard:hover .zjinfo:before { transform: translateY(0) translateZ(0); cursor:pointer; } .zjtitle { margin: 0; padding: 24px; font-size: 22px; line-height: 1; color: rgb(0, 82, 152); } .zjdescription { margin: 0; padding: 0 24px 24px; font-size: 16px; line-height: 1.5; } /*中间轮播图五*/ .my-LunBoSwiper { position: relative; width: 1240px; height: 150px; margin: 10px auto; overflow: hidden; } .my-LunBoSwiper img { width: 1240px; height: 150px; } .LunBoSwiper-list { position: absolute; top: 0; left: 0; width: 3720px; height: 100%; overflow: hidden; animation: LunBoSwiper 20s steps(1, end) infinite; transition: left 1s linear; } .LunBoSwiper-slide { width: 1240px; height: 100%; float: left; overflow: hidden; } .LunBoSwiper-slide a { display: block; height: 100%; } .LunBoSwiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } /* 分页 */ .pagination { position: absolute; bottom: 0; left: 0; right: 0; /*line-height: 45px;*/ /*background: rgba(255, 255, 255, 0.3);*/ text-align: center; } .LunBoDot { display: inline-block; width: 10px; height: 10px; margin: 0 2px; background: #fff; border-radius: 50%; margin-top: 4px; } /* 橙色小圆点 */ .LunBoDot.active { position: absolute; left: 356px; top: 4.5px; width: 14px; height: 14px; margin: 0; background: tomato; animation: LunBoSwiper-LunBoDot 20s steps(1, end) infinite; transition: left 1s linear; margin: -1.5px 217px auto; } @keyframes LunBoSwiper { 0%, 100% { left: 0; } 33.33% { left: -1240px; } 66.66% { left: -2480px; } 99.99% { left: -3720px; } /* 80% { left: -4960px; }*/ /* 100% { left: -3200px; } */ } @keyframes LunBoSwiper-LunBoDot { 0%, 100% { left: 358px; } 20% { left: 376px; } 40% { left: 395px; } 60% { left: 413px; } 80% { left: 432px; } } /* 横幅轮播效果CSS开始 */ .mBan2 { overflow: hidden; height: 150px; margin-bottom: 20px;} .mBan2 .slideBox{ width:100%; height:auto; position:relative; } .mBan2 .slideBox .hd{ height: 20px; overflow: hidden; position: absolute; top:128px; z-index: 1; width: 100px; left: 50%; padding: 4px 0px 0px 0px; } .mBan2 .slideBox .switch{ height: 10px; overflow: hidden; position: absolute; top: 4px; z-index: 1; width: 100px; margin-left: -46px; left: 50%; padding: 4px 0px 0px 11px; } .mBan2 .slideBox .hd ul{ zoom: 1; } .mBan2 .slideBox .hd ul li{ float: left; width: 10px; height: 10px; background: url(btn1.png) no-repeat; cursor: pointer; margin-right: 10px; } .mBan2 .slideBox .hd ul li.on{ background: url(btn2.png) no-repeat; } .mBan2 .slideBox .bd{ position:relative; height:100%; z-index:1;top:10px; } .mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important} .mBan2 .slideBox .bd img{ width: 1240px; height:150px; display:block; } .switch{ overflow: hidden; z-index: 99; left: 50%;cursor:pointer;position:fixed; bottom:0;margin-left:-215px } /* 效果CSS结束 */ /*矿工报图片大小*/ .kgb_img { width: 100%; } .kgb_m_hide { display:block; } /*新华轮播*/ .focus { margin-top:0px; width: 53%; float: left; } .focus .focus-newsMedia { width:657px; } .focus .focus-newsMedia .scroll { width:100%; height:400px; cursor:pointer; position:relative } .focus .focus-newsMedia .scroll .scroll-tips { position:absolute; left:0; right:0; bottom:0; z-index:99; font-size:14px; line-height:34px; text-align:center; color:#fff; white-space:nowrap; background:#083b90 } .focus .focus-newsMedia .scroll .scroll-tips .scroll-tips-close { width:13px; height:13px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAqUlEQVQokY2S0Q3CMAxEHxHqOt2ALAE7wACFHcoC8JcBYAcYgXX6hQ45UkhMy0mRkviefLK8SikBdMDEsj6+YJcXEBeQaL4uWIcDcJsBo9X3uZP0AHY/wAxsgac+QlH0wAaooRocPEBaO/kFjnaGGvA6SRvgaOdk71lIhrtFPFs0vb/AEioBRZQUrQEzpCmpIEMGshowb8TFm5IDXuXX9LQR/R+7J7AHpjfZSy4jngpSewAAAABJRU5ErkJggg==) 0 0 no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100%; background-size:100%; position:absolute; right:15px; top:10px; border:1px solid #ccc; cursor:pointer } .focus .focus-newsMedia .scroll .media-box { position:absolute; left:0; top:0; z-index:10 } .focus .focus-newsMedia .scroll .swiper-pagination { width:auto; right:10px; left:auto; bottom:22px } .focus .focus-newsMedia .scroll .swiper-pagination .swiper-pagination-bullet { margin-right:0; opacity:1; background:#d3d3d3; -webkit-transition:width .5s; -moz-transition:width .5s; transition:width .5s; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .focus .focus-newsMedia .scroll .swiper-pagination .swiper-pagination-bullet-active { width:20px; background:#3494f0 } .focus .focus-newsMedia .scroll .swiper-button-prev { display:none; width:34px; height:73px; left:0; margin-top:-52px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABJCAYAAABYdPRbAAADLUlEQVRoge3az0vTcRzH8fd36GrFN1ALvkRuLDaSUc6DBgW76kEh+O4keHCHgd9JV/+Rcjp2mAdBL3rSg95qp5iYyxjGRJllfCE12RdcTvl+46UF8SVoP776/hLfF+y47x6ML9uT7SMYhpGi690pEe0TUY6I3hLROV695ZoR2A0ievjr8ZyIXhPRsYsB8uc6iegl3hBuCPaAiCJ2gGBP7QLx2gVii3vkYg7EPAdingMxz4GY939CdnZ2bsuy/GJiYuIZKySZTIYFQTDGx8fzbJDl5eX7xWJRGhgY2PL5fCcsEE3TWubn57s7Ojq00dHR7UauYQkknU53lctlTywW23C73ToLpFAo3Mlms4FwOPw5Eol8a/Q6TUF0Xafp6eme1tbW80Qi8bGZazUFWVxc9JZKpbtDQ0MFSZJ+sECOjo7cCwsLTyRJOh4ZGdltBtEUZGpqKlSpVNzxePy9y+UyWCDr6+ttuVzO39fXt9vb2/u9WURDEF3XhVQq1ePxeKqKohSsQDQEmZ2d9auq2ibL8mZ7e3uVBaKq6s2lpaWQ1+s9iEaje1Yh6oYkk8nHZ2dnLYqibLhc1hZEzVfLZrP38vl8ZyQS2Q6FQmVLFbVCqtWqK5PJ9IiiWInH41tWI2qGZDKZ4OHhoTg8PPxBFMVzFkipVLq1urr6KBAIqIODg1+vAlETZHJyMmwYhpBIJOquLkshvycIwlU6/g1RFCWPDkWPskL8fv9Jf3//J/QoupQNgsVisSJ6dG5urht9ygZBh6JHNU3zoE/ZIBh6FF2KPkWnskEwdCn6FJ2KXmWDoEvRp+hU9CobBEOfolPRq+hWNgj6FJ2KXkW3skEwdCp6Fd26trbWxgahy0/cAro1nU7jxm36879hCHo1Go1uol/RsWwQTJblPZ/Pd4CORc+yQdCtY2NjG+hY9CwbBEO/omPRs+haNgiGjkXPomvRt2wQdCx6Fl07MzMTYINg6NlgMKiurKx0oXPZIHT5pZhH36Jz630uxx/Qf53zE7h5DsQ8B2KeAzHPgZh2ahfIvl0gOTtAvuD0FTcEiFc4AsZx/Avn0FQiekdEby7OoRHRTxZxRi0nu0IrAAAAAElFTkSuQmCC) 0 0 no-repeat } .focus .focus-newsMedia .scroll .swiper-button-next { display:none; width:34px; height:73px; right:0; margin-top:-52px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABJCAYAAABYdPRbAAADH0lEQVRoge3aQWvTABjG8TdhrVbJcJtCUNZSWHGUaXdoFQ/R2y4bCO1psEsPha3zvC8i61Z6yA6DnrrTduiO9tgxV5WiVDbqRAKuUwys0o1GHq0iQViXpHsr5Lkn+dOG9EdbwTAM6myAiB4TUYyI7hDRFbrEDXQudYOInhHR6GVe/O+JnRjWCOqEKNwRv0MecEdQJ8TfBx1/7hH2if0QQW7IP+aGmOeGmOeGmPf/hiwtLT2Kx+NP9/f3r7OGLC4uVgRBMDKZTIQ1JBAInExNTb2r1Wry1tbWbbYQLJlM1kZGRvR8Pn9f13VHPr0thXi93nYymdzTdd2Xy+XG2UIwRVE+RyKRw1KpNFatVgfZQrB0Ov3G4/Gcra6uTrbbbb4QWZa/z8zMVOv1+s2NjQ1b5LT9QJubmzuQZflroVC4d3x87GULEUXRSKVSL5vNpndlZSXMFoJFo9EvsVjsoFwuB3d3d4fYQrCFhYWqz+drZbNZ3LgCW8jw8HArkUi81jRtaH19PcgWgsXj8Q9+v/9oc3MzrGnaVbYQURTxFu2dnp4OZDKZCbYQLBwOf1MU5X2lUhktlUq32EKwVCr1VpKkpqqqkVar1dU1ehIiSdLZ7Ozsq0ajMbi2tjbGFoJNT09/CoVCWrFYHK/X69fYQujXs6ViGIawvLx8ruZ6GiII3T/XehoC18K3eGXYQuBZuBa+DQaDJywhcCw8C9fCt90c05MQOBaehWvhW5YQ+BWOhWfh2m6PczQEboVf4Vh49iLHOhoCt8KvcCw8yxICr8Kt8Csce9HjHQuBV+FW+BWOZQnZ2dkZglfhVvjVyjlsh8CnuVxuEl6FW62ex3YIfAqnwqtwK0sIXAqfBgKBI3jVzrlshcCl8On8/PwevMoSAo/CpfApnGqrwmoIHKqq6iRcCp/ajbAcoqpqqNFoSHApfMoSAn9ub2/fhUfhUiciLIXAn3BoOp0+V10XGX6Azjp5QqtzvwI3zw0xzw0xzw0xr69CHPnQsjuE2JKVkyHlPuj4GfKCiD72QwjukedEdMgZYv4f2hMieoifYi71f2hE9AOXzT+BgEqniAAAAABJRU5ErkJggg==) 0 0 no-repeat } .focus .focus-newsMedia .scroll .swiper-container { width:100%; height:100% } .focus .focus-newsMedia .scroll .swiper-container:hover .swiper-button-next, .focus .focus-newsMedia .scroll .swiper-container:hover .swiper-button-prev { display:block } .focus .focus-newsMedia .scroll .swiper-slide { position:relative; overflow:hidden; cursor:pointer } .focus .focus-newsMedia .scroll .swiper-slide .img { position:relative; z-index:1; width:100%; height:100% } .focus .focus-newsMedia .scroll .swiper-slide .img img { width:100%; height:100% } .focus .focus-newsMedia .scroll .swiper-slide .tit { position:absolute; left:0; right:0; bottom:0; z-index:3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; font-size:22px; font-weight:400; line-height:32px; padding:10px 10px 10px 10px; color:#fff; background:rgba(0,0,0,.65); background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.65))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%) } .focus .focus-newsMedia .scroll .swiper-slide .tit a { color:#fff } .focus .focus-newsMedia .scroll .swiper-slide .tit .btn { display:inline-block; margin-right:10px; margin-top:-6px; vertical-align:middle; width:46px; height:46px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAEO0lEQVRogc2aX4jVRRTHP2vbrsKWZbu2WZsV1AbrUoKyEkXQH6KHHt1MhCiJDIJIFEF8qIcgwQdfRN/yz/pSoNuTQRAYsgtB1lKKBUKkSVLEbiuoW+6Rs5xZzk73yu/3m7nd+4Vhhju/Oec75ze/M2fO3DYRoQFoA+4CbgB/N0JBewYZK4AXgGeBAeAx4G7Xr+T/As4B3wFngRPArylKq1q8A9gIvAE8YxYugwngyRTiZS2uz78F7AQeqNGvVvwJuARccUvmHuAJoNeeuxSN08n3A0eBq4WYqMULliER+V4WYkZERkVko4jcV0DOUhF5XEQ63G9PicisSR0pyqfIQ7qcthrJgCkR+VBElpeYeL2yyckdz0W8XUQ+iax8RETuzUA4lMUiclhEvjHrJxNX0sciKw9nJJxUbrU8RhzpiyKyqlVI34r4Nkf6goisbCXSWmr58SHga/PVuus9DfxQ0m02HIsiBeqnDxhpzGe3HGlqEH/b7Wi6GXzaBE4eS4CDwBjQt6DHrZsO+wiDB+ltgbW8yn1rp/3G5S2+Cbjf2vuA3ytYSLf3nhymNpwBRqy9Ghie73GzO2kzuy4iPRUttF9E/hSRVzJa/UER+ce4nYrdYZ+LF44nKDlqMlTWXhHpzER+1Mnt80vlZReafpbhFaus94Bxi89TcdzJfQnnVdaFlQN8mUFRgK7Lb4HXE+V84dprccQHrP4F+CNRSYwuc2lHgDsqyrgM/GbtQRzxfqvPZaW8EOq11PprKo4/Y/UcVyV+G7DUfoxPJrnxKHAK2FJB7mWrl+laXxS9visNJq7oBN6tMG7Kte+Mt/z/Az8u2EiK41/35JzFp90PXQ0mfsC8wtkKY/3KmG63vMe0dazISNJjEtgMHEuQEbhpqH0jLJXzVvfXGZSCMUtNpJDGbWRzXAPxCasfzhgkzQIfWYYrKWtlnB6x9hzXQHzMat1Sn09UgrnVF4Fd0UdVFc+5kGTcEz9h273i1QQFp4FRO4x8lYFwwAarxbjWDWu7W+AQEUqPcRLj+J+DxCGr9by5NaO1UvG+OwMfmpflZtbpjm6TLXJ06zUuIbdT8+h2HfjY2hq77GkBa+9xcZRym5nviWbYHmVkm5lyG3Y8JozbfH+tAUMuM6uvabAJpAfdElEu6+Jn6g3c3sQU3ErTGbC91nP1Bjcr6TngHIQYh7YyxLEv+PMozby+gaTXm46A0ejmojBxLbdb0t3jYOYNqttkehw23XXHFRGsr2pHdJWiH84HiRPoNhmTTu6M6aq5PMoSD2XI3JLHNbu12FDwekWfec2STtciWROmoxCfsvecevB4B9jh8owemt74Gbjozq9ddrWo8fRDNcZo2mE3sL9UJFnxNWt48KYFPbNSHrM2dnPVNF2Ou/w+i5fDlXi/26YDpuziVnMjJy3kvZCitFF/QtAYKJBX0noaygfgJsI00YX19pVQAAAAAElFTkSuQmCC) 0 0 } .focus .focus-newsMedia .scroll .swiper-slide .tit .btn.hide { display:none } .focus .focus-newsMedia .focus-newsMedia-bottom { margin-top:12px } .focus .focus-newsMedia .focus-newsMedia-bottom .live { position:relative; width:285px; background:#fff } .focus .focus-newsMedia .focus-newsMedia-bottom .live .live-ing { position:relative; z-index:1; overflow:hidden } .focus .focus-newsMedia .focus-newsMedia-bottom .live .btn { z-index:3; position:absolute; left:10px; bottom:10px; width:30px; height:30px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAEO0lEQVRogc2aX4jVRRTHP2vbrsKWZbu2WZsV1AbrUoKyEkXQH6KHHt1MhCiJDIJIFEF8qIcgwQdfRN/yz/pSoNuTQRAYsgtB1lKKBUKkSVLEbiuoW+6Rs5xZzk73yu/3m7nd+4Vhhju/Oec75ze/M2fO3DYRoQFoA+4CbgB/N0JBewYZK4AXgGeBAeAx4G7Xr+T/As4B3wFngRPArylKq1q8A9gIvAE8YxYugwngyRTiZS2uz78F7AQeqNGvVvwJuARccUvmHuAJoNeeuxSN08n3A0eBq4WYqMULliER+V4WYkZERkVko4jcV0DOUhF5XEQ63G9PicisSR0pyqfIQ7qcthrJgCkR+VBElpeYeL2yyckdz0W8XUQ+iax8RETuzUA4lMUiclhEvjHrJxNX0sciKw9nJJxUbrU8RhzpiyKyqlVI34r4Nkf6goisbCXSWmr58SHga/PVuus9DfxQ0m02HIsiBeqnDxhpzGe3HGlqEH/b7Wi6GXzaBE4eS4CDwBjQt6DHrZsO+wiDB+ltgbW8yn1rp/3G5S2+Cbjf2vuA3ytYSLf3nhymNpwBRqy9Ghie73GzO2kzuy4iPRUttF9E/hSRVzJa/UER+ce4nYrdYZ+LF44nKDlqMlTWXhHpzER+1Mnt80vlZReafpbhFaus94Bxi89TcdzJfQnnVdaFlQN8mUFRgK7Lb4HXE+V84dprccQHrP4F+CNRSYwuc2lHgDsqyrgM/GbtQRzxfqvPZaW8EOq11PprKo4/Y/UcVyV+G7DUfoxPJrnxKHAK2FJB7mWrl+laXxS9visNJq7oBN6tMG7Kte+Mt/z/Az8u2EiK41/35JzFp90PXQ0mfsC8wtkKY/3KmG63vMe0dazISNJjEtgMHEuQEbhpqH0jLJXzVvfXGZSCMUtNpJDGbWRzXAPxCasfzhgkzQIfWYYrKWtlnB6x9hzXQHzMat1Sn09UgrnVF4Fd0UdVFc+5kGTcEz9h273i1QQFp4FRO4x8lYFwwAarxbjWDWu7W+AQEUqPcRLj+J+DxCGr9by5NaO1UvG+OwMfmpflZtbpjm6TLXJ06zUuIbdT8+h2HfjY2hq77GkBa+9xcZRym5nviWbYHmVkm5lyG3Y8JozbfH+tAUMuM6uvabAJpAfdElEu6+Jn6g3c3sQU3ErTGbC91nP1Bjcr6TngHIQYh7YyxLEv+PMozby+gaTXm46A0ejmojBxLbdb0t3jYOYNqttkehw23XXHFRGsr2pHdJWiH84HiRPoNhmTTu6M6aq5PMoSD2XI3JLHNbu12FDwekWfec2STtciWROmoxCfsvecevB4B9jh8owemt74Gbjozq9ddrWo8fRDNcZo2mE3sL9UJFnxNWt48KYFPbNSHrM2dnPVNF2Ou/w+i5fDlXi/26YDpuziVnMjJy3kvZCitFF/QtAYKJBX0noaygfgJsI00YX19pVQAAAAAElFTkSuQmCC) 0 0 no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100% } .focus .focus-newsMedia .focus-newsMedia-bottom .live .img { width:100%; height:160px; position:relative; overflow:hidden } .focus .focus-newsMedia .focus-newsMedia-bottom .live .img .qiantag { position:absolute; z-index:9; right:0; top:0; height:22px; color:#fff; line-height:22px; font-size:12px; padding:0 5px 0 30px } .focus .focus-newsMedia .focus-newsMedia-bottom .live .img .qiantag.qiantag-live { background:url(http://www.news.cn/2023homepro/images/icon-live-status.png) 0 0 no-repeat } .focus .focus-newsMedia .focus-newsMedia-bottom .live .img .qiantag.qiantag-back { background:url(http://www.news.cn/2023homepro/images/icon-live-status.png) 0 -33px no-repeat } .focus .focus-newsMedia .focus-newsMedia-bottom .live .img .qiantag.qiantag-notice { background:url(http://www.news.cn/2023homepro/images/icon-live-status.png) 0 -67px no-repeat } .focus .focus-newsMedia .focus-newsMedia-bottom .live .img img { position:relative; z-index:1; width:100%; height:100% } .focus .focus-newsMedia .focus-newsMedia-bottom .live .tit { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:14px; font-size:16px; line-height:32px; height:90px; overflow:hidden; color:#333 } .focus .focus-newsMedia .focus-newsMedia-bottom .live .tit a { color:#333 } .focus .focus-newsMedia .focus-newsMedia-bottom .products { width:580px } .focus .focus-newsMedia .focus-newsMedia-bottom .products .list { width:590px } .focus .focus-newsMedia .focus-newsMedia-bottom .products li { background:#fff; margin-right:10px; width:285px; overflow:hidden; cursor:pointer } .focus .focus-newsMedia .focus-newsMedia-bottom .products li .img { width:100%; height:160px; overflow:hidden; position:relative } .focus .focus-newsMedia .focus-newsMedia-bottom .products li .img img { position:relative; z-index:1; width:100%; height:100% } .focus .focus-newsMedia .focus-newsMedia-bottom .products li .img .btn { z-index:3; position:absolute; left:10px; bottom:10px; width:30px; height:30px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAEO0lEQVRogc2aX4jVRRTHP2vbrsKWZbu2WZsV1AbrUoKyEkXQH6KHHt1MhCiJDIJIFEF8qIcgwQdfRN/yz/pSoNuTQRAYsgtB1lKKBUKkSVLEbiuoW+6Rs5xZzk73yu/3m7nd+4Vhhju/Oec75ze/M2fO3DYRoQFoA+4CbgB/N0JBewYZK4AXgGeBAeAx4G7Xr+T/As4B3wFngRPArylKq1q8A9gIvAE8YxYugwngyRTiZS2uz78F7AQeqNGvVvwJuARccUvmHuAJoNeeuxSN08n3A0eBq4WYqMULliER+V4WYkZERkVko4jcV0DOUhF5XEQ63G9PicisSR0pyqfIQ7qcthrJgCkR+VBElpeYeL2yyckdz0W8XUQ+iax8RETuzUA4lMUiclhEvjHrJxNX0sciKw9nJJxUbrU8RhzpiyKyqlVI34r4Nkf6goisbCXSWmr58SHga/PVuus9DfxQ0m02HIsiBeqnDxhpzGe3HGlqEH/b7Wi6GXzaBE4eS4CDwBjQt6DHrZsO+wiDB+ltgbW8yn1rp/3G5S2+Cbjf2vuA3ytYSLf3nhymNpwBRqy9Ghie73GzO2kzuy4iPRUttF9E/hSRVzJa/UER+ce4nYrdYZ+LF44nKDlqMlTWXhHpzER+1Mnt80vlZReafpbhFaus94Bxi89TcdzJfQnnVdaFlQN8mUFRgK7Lb4HXE+V84dprccQHrP4F+CNRSYwuc2lHgDsqyrgM/GbtQRzxfqvPZaW8EOq11PprKo4/Y/UcVyV+G7DUfoxPJrnxKHAK2FJB7mWrl+laXxS9visNJq7oBN6tMG7Kte+Mt/z/Az8u2EiK41/35JzFp90PXQ0mfsC8wtkKY/3KmG63vMe0dazISNJjEtgMHEuQEbhpqH0jLJXzVvfXGZSCMUtNpJDGbWRzXAPxCasfzhgkzQIfWYYrKWtlnB6x9hzXQHzMat1Sn09UgrnVF4Fd0UdVFc+5kGTcEz9h273i1QQFp4FRO4x8lYFwwAarxbjWDWu7W+AQEUqPcRLj+J+DxCGr9by5NaO1UvG+OwMfmpflZtbpjm6TLXJ06zUuIbdT8+h2HfjY2hq77GkBa+9xcZRym5nviWbYHmVkm5lyG3Y8JozbfH+tAUMuM6uvabAJpAfdElEu6+Jn6g3c3sQU3ErTGbC91nP1Bjcr6TngHIQYh7YyxLEv+PMozby+gaTXm46A0ejmojBxLbdb0t3jYOYNqttkehw23XXHFRGsr2pHdJWiH84HiRPoNhmTTu6M6aq5PMoSD2XI3JLHNbu12FDwekWfec2STtciWROmoxCfsvecevB4B9jh8owemt74Gbjozq9ddrWo8fRDNcZo2mE3sL9UJFnxNWt48KYFPbNSHrM2dnPVNF2Ou/w+i5fDlXi/26YDpuziVnMjJy3kvZCitFF/QtAYKJBX0noaygfgJsI00YX19pVQAAAAAElFTkSuQmCC) 0 0 no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-size:100% 100% } .focus .focus-newsMedia .focus-newsMedia-bottom .products li .img .btn.hide { display:none } .focus .focus-newsMedia .focus-newsMedia-bottom .products li .tit { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:14px; font-size:16px; line-height:32px; height:90px; overflow:hidden; color:#333 } .focus .focus-newsMedia .focus-newsMedia-bottom .products li .tit a { color:#333 } .focus .focus-newsText { width:390px } .focus .focus-newsText .list { width:100%; height:754px; overflow:hidden } .focus .focus-newsText .list li { 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-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:63px; color:#333; border-bottom:1px solid #ebf0fa; background:#fff; -webkit-transition:all .2s; -moz-transition:all .2s; transition:all .2s } .focus .focus-newsText .list li span { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; padding:0 10px; display:block } .focus .focus-newsText .list li a { color:#333; font-size:16px; line-height:24px; -webkit-transition:all 0s; -moz-transition:all 0s; transition:all 0s } .focus .focus-newsText .list li.active { font-weight:500; color:#fff; background:#3494f0 } .focus .focus-newsText .list li.active a { color:#fff } .focus .focus-newsText .list li.active a:hover { text-decoration:underline; color:#fff!important } .hide { display: none; } .video_width { width:837px; } .stroke{ text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white; } .pchide { /*display: none !important;*/ display: none; } .head_qh_bg { background: url(part1_nav_bg.png) center bottom no-repeat; height: 235px; z-index: 999; position: relative; margin-top: -145px; width: 100%; background-size: 100% 100%; } .head_sec_logo { width: 1240px; position: relative; margin:auto; } .head_logo_bg { background: url(sy_logo_new4.png) center bottom no-repeat; height: 100px; z-index: 9999; position: absolute; width: 450px; left: 0%; /*top: 160px;*/ } .nav_sec { height: 58px; /*margin: 0 auto 13px;*/ display: flex; justify-content: center; width: 100%; background: url(xhx.png) center bottom no-repeat; background-size: 100% 1px; align-items: center; } .nav_sec_bg img{ vertical-align: middle; } .nav_sec_bg ul { margin:auto; width: 100%; letter-spacing: -4px; } .head_sec_nav { width: 1240px; /*margin-bottom: 10px;*/ display:flex; } .head_sec_nav h2 { font-size: 26px; font-family: "Microsoft YaHei"; font-weight: normal; } .head_sec_nav a { color: #005298; } .head_sec_nav a:hover { color: #1658a0; font-weight: bold; } .head_sec_nav li { /*float: left;*/ display: inline-block; /*padding-left: 20px;*/ position: relative; z-index: 2; width: 9.85%; text-align: center; letter-spacing: 2px; } .search-line { position: absolute; left: 40px; bottom: 6px; width: 0px; height: 2px; background-color: rgb(251, 121, 0); transition: 0.3s; } .search-box { position: relative; /* bottom: 30px; left: 30px;*/ background-color: white; box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.1); height: 40px; /*padding: 10px;*/ border-radius: 40px; display: flex; z-index: 9999; } .search-txt { border: none; background: none; outline: none; padding: 0; color: #222; font-size: 16px; line-height: 40px; width: 0; transition: 0.4s; } .search-btn { color: #888888; font-size: 24px; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: 0.4s; } .search-box:hover .search-txt { width: 200px; padding: 0 12px; } .search-box:hover .search-btn { background-color: #fff; animation: rotate 0.4s linear; } .search-txt:focus { width: 200px; padding: 0 12px; } .search-txt:focus + .search-line { width: 180px; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .m_1080_hide { display: block; } .m_1080_hide_search { display: flex; } .m_1080_show { display: none !important; } .mb1024_show { display: none; } .zt_headtitle_content { width: 1200px; height: 174px; } .tt_mb { width: 100%; /* background: url(xxtt_s.png) no-repeat; background-position-y: 25%; background-position-x: 6%;*/ display: flex; justify-content: center; align-items: center; flex-direction: column; } .mt_5 { margin-top: 5px; } .h_27em { height: 2.7rem; } .yc_ddd { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tt_span { vertical-align: middle; color: red; width: 100%; display: block; text-align: center; } .sj_lb_tt { height: 115px; display:flex; flex-direction: column; } /*企业党建*/ .zt_banner { width:100%; height:778px; background:url(#/n10/images/zt_xxxjpsx_20230421_06.jpg) no-repeat top center; } .minitop { width:100%; height:299px; background:url(#/n10/images/zt_xxxjpsx_20230421_08.jpg) no-repeat top center; display:none;} .zt_headtitle { width:100%; height:174px; background:url(/jxky/template/qydj_cssandimages/zt_xxxjpsx_20230421_07.png) no-repeat center; margin:10px 0 10px 0;padding:35px;background-size: cover;} .zt_headtitle_content { width:1200px; height:174px; } .zt_headtitle_content .title_content { width:1000px; margin:0 0 0 100px; } .zt_headtitle_content .title_content h2 { font-size:50px; color:#c62420; margin:0; padding:24px 30px 0 40px; line-height:1.2; text-align:center; } .zt_headtitle_content .title_content h2 a { color:#c62420; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: block; } .mobi_headtitle h2 { font-size:0.6rem; line-height:1.2; margin:0.2rem; } .mobi_headtitle h2 a { color:#c62420; } .v10_tuwen03 .text h2 a { color:#06273a; } .v10_tuwen03:hover .text h2 a { color:#c62420; } .v10_tuwen03 span { color:#999; } .v10_tuwen03 span a { color:#b02a1e; } .v10_title03 h2 a { color:#06273a; } .v10_title03:hover h2 a { color:#c62420; } .v10_title03 span { color:#999; } .v10_title03 span a { color:#b02a1e; } .v10_title03:first-child { border-top:none; } .v10_title07 h2 a { color:#06273a; } .v10_title07:hover h2 a { color:#c62420; } .tltw02 { position: relative; margin: 0 0 30px; overflow: hidden; } .tltw02 .pic img { width: 384px; height: 216px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .tltw02 .text { position: absolute; bottom: 0; height: 40px; background: url(${ResBase}qydj_cssandimages/d6_zhengzhi_1229_01.png); width: 100%; } .tltw02 .text span { display: block; text-align: center; font-size: 16px; line-height: 40px; font-weight: bold; color: #fff; max-height: 40px; overflow: hidden; } .tltw02 .text span a { color: #fff; } .tltw02 .text span a:hover { color: #fff; } .tltw02:hover .pic img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .tjyd { display:flex;flex-flow:row wrap; justify-content:space-between; } .tjyd-content {} .ysk_banner { width: 100%; } .ysk_banner img { width: 100%; } .yskban_marg { margin: 0 0 30px; } .yskban_marg2 { margin: 0; } .headtitle { display: flex; align-items: center; justify-content: center; text-align: center; height:120px; } .swiper-dj_container1 .swiper-slide .backpic { display:flex; justify-content:center; align-items:center; text-align:left; } .mt_50 { margin-top: 50px; } /* https://www.jxky.net/jxky/template/cssandimages/LunBostyle.css */ html{ scroll-behavior: smooth; } body{ margin: 0;padding: 0;/*font-family: cursive;*/ } .h4 { font-size: 30px; font-weight: bold; margin-bottom: 15px; } .hide1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: white; } .t_t { margin: 40px 0 30px 0; } .t_t .hide1 { width: 360px; } .t_t_l { font-weight: bold; border-right: 1px solid #ccc; font-size: 32px; padding-right: 20px; margin-right: 5px; line-height: 1.1; color: white; font-style: italic; margin-top: 4px; margin-left: 15px; } .t_t_l p { font-size: 14px; } .t_r_r h5 { font-size: 16px; height: 1.5em; line-height: 1.3em; margin-top: 3.5%; } .t_r_r p { color: #666; margin-top: 3px; } .t_r_r a { color: white; font-size: 18px; text-decoration: none; } .r_cell { width: 90%; } .t_d { color: #888; font-size: 14px; } .t_d1 { color: #fff; font-size: 14px; } .t_d11 { color: #fff; font-size: 16px; } .t_d11 p { line-height: 190%; display: block; margin-top: 15px; margin-bottom: 15px; } .t_d p { margin-bottom: 10px; } .d_btn { margin-top: 30px; } .fl { float: left; _display: inline; display: inline; } .LunBocontainer{ display: flex; justify-content: center; width:53%; height:400px; position: relative; overflow: hidden; } .LunBocontainer .slider{ position: absolute; top: 0; left: 0; width: 600%; /*添加图片时要调整值为图片数加1乘以100*/ height: 100%; float: left; animation: animate 20s linear infinite; } .LunBocontainer .slider .slide{ position: relative; width: 16.666667%; /*添加图片要调整数值为100除以图片数加1*/ height: 100%; float: left; } .LunBocontainer .slider .slide .caption{ position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 0px; box-sizing: border-box; height: 16%; } } .LunBocontainer .slider .slide h2{ margin: 0 0 20px;padding: 0; color: #fff; font-size: 48px; } .LunBocontainer .slider .slide p{ margin: 0;padding: 0; color: #fff; font-size: 18px; } @keyframes animate{ /* 0%{ left: 0; } 20%{ left: 0; } 25%{ left: -100%; } 45%{ left: -100%; } 50%{ left: -200%; } 70%{ left: -200%; } 75%{ left: -300%; } 95%{ left: -300%; } 100%{ left: -400%; }*/ 0%{ left: 0; } 16.666667%{ /*添加图片要调整，数值为100除以图片数加1*/ left: 0; } 19.999967%{ left: -100%; } 36.666634%{ left: -100%; } 39.999964%{ left: -200%; } 56.666631%{ left: -200%; } 59.999961%{ left: -300%; } 76.666628%{ left: -300%; } 79.999958%{ left: -400%; } 96.666625%{ left: -400%; } 100%{ left: -500%; } } @media (max-width: 768px){ /* .LunBocontainer .slider .slide .caption{ position: absolute; bottom: 20px; left: 20px; right: 20px; padding: 20px; transition: 0.5s; }*/ .LunBocontainer .slider .slide h2{ margin: 0 0 10px; font-size: 30px; transition: 0.5s; } .LunBocontainer .slider .slide p{ font-size: 16px; transition: 0.5s; } .LunBocontainer .slider .slide.slide1{ /*background: url(BG/501.jpg);*/ background-size: cover; background-position: center; } .LunBocontainer .slider .slide.slide2{ /*background: url(BG/502.jpg);*/ background-size: cover; background-position: center; } .LunBocontainer .slider .slide.slide3{ /*background: url(BG/503.jpg);*/ background-size: cover; background-position: center; } .LunBocontainer .slider .slide.slide4{ /*background: url(BG/504.jpg);*/ background-size: cover; background-position: center; } @keyframes animate{ 0%{ left: 0; } 20%{ left: 0; } 25%{ left: -100%; } 45%{ left: -100%; } 50%{ left: -200%; } 70%{ left: -200%; } 75%{ left: -300%; } 95%{ left: -300%; } 100%{ left: -400%; } } } /* https://www.jxky.net/jxky/template/cssandimages/hover-effects.css */ /*= Reset CSS ============= */ html, body {border: 0; margin: 0; padding: 0;} .leaf_container{margin: 0 auto; max-width: 733px;} .leaf_container h2{color: #fff; float: left; width: 100%; font-size: 24px; font-weight: 400; text-align: center; padding: 50px 0 40px; position: relative; z-index: 50;} .leaf_container h2 span{position: relative; padding-bottom: 10px;} .leaf_container h2 span:after{content: ""; width: 50%; height: 3px; background-color: #fff; position: absolute; left: 25%; bottom: 0;} *{margin: 0; padding: 0; box-sizing: border-box;} .leaf_container img{max-width: 100%; vertical-align: middle;} .full-length{width: 100%; float: left; } .leaf_container ul{margin: 0 -1.5%;} .leaf_container li{float: left; width: 48%; margin: 10px 1%; list-style: none;} .leaf_h3{font-size: 20px; margin: 5px 0 10px;} .leaf_p{font-weight: 300; line-height: 20px; font-size: 14px; margin-bottom: 15px;} .btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #4d92d9; background-color: #4d92d9; text-decoration: none; transition: 0.4s;} .btn:hover{background-color: transparent; color: #4d92d9; transition: 0.4s;} .text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding: 20px;} /*= Reset CSS End ================= */ /* effect-1 css */ .port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9);} .port-1 .text-desc{opacity: 0.9; top: -100%; transition: 0.5s; color: #000; padding: 45px 20px 20px;} .port-1 img{transition: 0.5s;} .port-1:hover img{transform: scale(1.2);} .port-1.effect-1:hover .text-desc{top: 0;} .port-1.effect-2 .text-desc{top: auto; bottom: -100%;} .port-1.effect-2:hover .text-desc{bottom: 0;} .port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;} .port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; padding: 45px 20px 20px;} /* effect-1 css end */ /* effect-2 css */ .port-2{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9); perspective: 800px;} .port-2 .text-desc{z-index: -1; transition: 0.6s;} .port-2 .image-box{transition: 0.4s;} .port-2:hover .image-box{transform: rotateX(80deg); transform-origin: center bottom 0; transition: 0.4s;} .port-2.effect-1:hover .text-desc{opacity: 1;} .port-2.effect-2 .text-desc{opacity: 1; top: -100%;} .port-2.effect-2:hover .text-desc{top: 0;} .port-2.effect-3 .text-desc{opacity: 1; top: auto; bottom: -100%;} .port-2.effect-3:hover .text-desc{bottom: 0;} /* effect-2 css end */ /* effect-3 css */ .port-3{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9); perspective: 500px;} .port-3 img{transition: 0.5s;} .port-3.effect-1 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(80deg); transform-origin: center top 0; padding: 45px 20px 20px; opacity: 1;} .port-3.effect-1:hover .text-desc{transform: none;} .port-3.effect-1:hover img{opacity: 0; transform: scale(1.2)} .port-3.effect-2 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(80deg); transform-origin: center bottom 0; top: auto; bottom: 0; padding: 45px 20px 20px;} .port-3.effect-2:hover .text-desc{transform: none; opacity: 1;} .port-3.effect-2:hover img{transform: translateY(-100%)} .port-3.effect-3 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(80deg); transform-origin: center top 0; padding: 45px 20px 20px;} .port-3.effect-3:hover .text-desc{transform: none; opacity: 1;} .port-3.effect-3:hover img{transform: translateY(100%)} /* effect-3 css end */ /* effect-4 css */ .port-4{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9); z-index: 10;} .port-4.effect-1 img{transition: 0.5s; transform: rotateY(360deg) scale(1, 1);} .port-4.effect-1 .text-desc{transform: rotateY(0deg) scale(0, 0); transition: 0.5s; opacity: 0; padding: 45px 20px 20px;} .port-4.effect-1:hover .text-desc{transform: rotateY(360deg) scale(1, 1); opacity: 1;} .port-4.effect-1:hover img{transform: rotateY(0deg) scale(0, 0);} .port-4.effect-2{z-index: 12;} .port-4.effect-2 img{transition: 0.5s; transform: rotateX(360deg) scale(1, 1);} .port-4.effect-2 .text-desc{transform: rotateX(0deg) scale(0, 0); transition: 0.5s; opacity: 0; padding: 45px 20px 20px;} .port-4.effect-2:hover .text-desc{transform: rotateX(360deg) scale(1, 1); opacity: 1;} .port-4.effect-2:hover img{transform: rotateX(0deg) scale(0, 0);} .port-4.effect-3 img{transition: 0.5s; transform: rotate(360deg) scale(1, 1);} .port-4.effect-3 .text-desc{transform: rotate(0deg) scale(0, 0); transition: 0.5s; opacity: 0; padding: 45px 20px 20px;} .port-4.effect-3:hover .text-desc{transform: rotate(360deg) scale(1, 1); opacity: 1;} .port-4.effect-3:hover img{transform: rotate(0deg) scale(0, 0);} /* effect-4 css end */ /* effect-5 css */ .port-5{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9); overflow: visible;} .port-5.effect-1{z-index: 9;} .port-5.effect-1 img{transition: 0.5s;} .port-5.effect-1:hover img{transform: scale(0.5) translateX(-100%); position: relative; z-index: 9; border: 6px solid rgba(255, 255, 255, 0.9);} .port-5.effect-1 .text-desc{transform: translateX(100%); opacity: 0; padding: 40px 20px 20px 90px; transition: 0.5s;} .port-5.effect-1:hover .text-desc{transform: translateX(0px); opacity: 1;} .port-5.effect-2{z-index: 10;} .port-5.effect-2 img{transition: 0.5s; transform: none);} .port-5.effect-2:hover img{transform: scale(0.5) translateY(100%); position: relative; z-index: 9; border: 6px solid rgba(255, 255, 255, 0.9);} .port-5.effect-2 .text-desc{transform: translateY(-100%); opacity: 0; padding: 20px; transition: 0.5s;} .port-5.effect-2:hover .text-desc{transform: translateY(0px); opacity: 1;} .port-5.effect-3 img{transition: 0.5s;} .port-5.effect-3:hover img{transform: scale(0.5) translateX(100%); position: relative; z-index: 9; border: 6px solid rgba(255, 255, 255, 0.9);} .port-5.effect-3 .text-desc{transform: translateX(-100%); opacity: 0; padding: 40px 90px 20px 20px; transition: 0.5s;} .port-5.effect-3:hover .text-desc{transform: translateX(0px); opacity: 1;} /* effect-5 css end */ /* effect-6 css */ .port-6{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9); overflow: visible;} .port-6.effect-1{z-index: 8;} .port-6.effect-1 img{transition: 0.5s;} .port-6.effect-1:hover img{transform: scale(0.3) translateY(110%); position: relative; z-index: 9;} .port-6.effect-1 .text-desc{transform: translateY(-100%); opacity: 0; padding: 10px 20px; transition: 0.5s;} .port-6.effect-1:hover .text-desc{transform: translateY(0px); opacity: 1;} .port-6.effect-2{z-index: 7;} .port-6.effect-2 img{transition: 0.6s; z-index: 1;} .port-6.effect-2:hover img{transform: scale(0.3) translateX(110%); position: relative; z-index: 9;} .port-6.effect-2 .text-desc{transform: translateX(-100%); opacity: 0; padding: 40px 120px 20px 20px; transition: 0.6s;} .port-6.effect-2:hover .text-desc{transform: translateX(0px); opacity: 1;} .port-6.effect-3 img{transition: 0.5s;} .port-6.effect-3:hover img{transform: scale(0.3) translateY(-110%); position: relative; z-index: 9;} .port-6.effect-3 .text-desc{transform: translateY(100%); opacity: 0; padding: 85px 20px 10px; transition: 0.5s;} .port-6.effect-3:hover .text-desc{transform: translateY(0px); opacity: 1;} /* effect-6 css end */ /* effect-7 css */ .port-7{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9); overflow: hidden;} .port-7 .text-desc{opacity: 0; transition: 0.5s; color: #000;} .port-7.effect-1 img{transition: 0.5s; position: relative; width: 100%; left: 0;} .port-7.effect-1:hover img{left: 50%;} .port-7.effect-1 .text-desc{transform: perspective(600px) rotateY(90deg); transform-origin: left center 0; width: 50%; position: absolute; left: 0; top: 0; padding: 18px 10px;} .port-7.effect-1:hover .text-desc{opacity: 1; transform: perspective(600px) rotateY(0deg); z-index: 99;} .port-7.effect-2 img{transition: 0.5s; position: relative; width: 100%; top: 0;} .port-7.effect-2:hover img{top: 50%;} .port-7.effect-2 .text-desc{transform: perspective(600px) rotateX(90deg); transform-origin: top center 0; width: 100%; position: absolute; left: 0; top: 0; height: 50%; padding: 5px 10px;} .port-7.effect-2:hover .text-desc{opacity: 1; transform: perspective(600px) rotateX(0deg); z-index: 99;} .port-7.effect-3 img{transition: 0.5s; position: relative; width: 100%; right: 0; height: 250px;} .port-7.effect-3:hover img{right: 50%;} .port-7.effect-3 .text-desc{transform: perspective(600px) rotateY(-90deg); transform-origin: right center 0; width: 50%; position: absolute; left: auto; right: 0; top: 0; padding: 18px 10px;} .port-7.effect-3:hover .text-desc{opacity: 1; transform: perspective(600px) rotateY(0deg); z-index: 99;} /* effect-7 css end */ /* effect-8 css */ .port-8{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9); overflow: hidden;} .port-8 .text-desc{opacity: 0; transition: 0.5s; color: #000; padding: 45px 20px 20px;} .port-8.effect-1 img{transition: 0.5s;} .port-8.effect-1:hover img{transform: scale(1.1);} .port-8.effect-1 .text-desc{left: 0; position: absolute; top: 0; width: 100%; height: 100%; transform: scale(0); backface-visibility: hidden;} .port-8.effect-1:hover .text-desc{opacity: 1; transform: scale(1); border-radius: 20%;} .port-8.effect-2 img{transition: 0.5s;} .port-8.effect-2:hover img{transform: scale(1.1);} .port-8.effect-2 .text-desc{left: 0; position: absolute; top: 0; width: 100%; height: 100%; transform: scale(0); backface-visibility: hidden;} .port-8.effect-2:hover .text-desc{opacity: 1; transform: scale(1); border-radius: 50% 0 50% 0;} .port-8.effect-2 img{transition: 0.5s;} .port-8.effect-2:hover img{transform: scale(1.1);} .port-8.effect-2 .text-desc{left: 0; position: absolute; top: 0; width: 100%; height: 100%; transform: scale(0); backface-visibility: hidden;} .port-8.effect-2:hover .text-desc{opacity: 1; transform: scale(1); border-radius: 50% 0 50% 0;} .port-8.effect-3 img{transition: 0.5s;} .port-8.effect-3:hover img{transform: scale(1.1);} .port-8.effect-3 .text-desc{left: 0; position: absolute; top: 0; width: 100%; height: 100%; transform: scale(0); backface-visibility: hidden; background: none; padding: 40px 70px 20px;} .port-8.effect-3 .text-desc:before, .port-8.effect-3 .text-desc:after{background-color: #fff; border-radius: 50% 50% 0 0; content: ""; height: 100%; left: 50%; position: absolute; top: 0; transform: rotate(-50deg); transform-origin: 0 100% 0; width: 50%; z-index: -1;} .port-8.effect-3 .text-desc:after {left: 0; transform: rotate(50deg); transform-origin: 100% 100% 0;} .port-8.effect-3:hover .text-desc{opacity: 1; transform: scale(1);} /* effect-8 css end */ @media (max-width: 1240px) { .leaf_container { /* margin: 0 auto; */ max-width: 85%; margin-left: 8.5%; } } @media (max-width: 1080px){ .port-7.effect-3 img { transition: 0.5s; position: relative; width: 100%; right: 0; height: 200px; } } /*= Media Screen CSS ==================== */ /* @media only screen and (max-width: 1090px){ ul{width: 340px; margin: 0 auto;} li{width: 100%; margin: 20px 0;} .port-5.effect-1 {z-index: 19;} } @media only screen and (max-width: 360px){ ul{width: 300px;} .port-1 .text-desc, .port-1.effect-3:hover .text-desc, .port-3.effect-1 .text-desc, .port-3.effect-3 .text-desc, .port-4.effect-1 .text-desc, .port-4.effect-2 .text-desc, .port-4.effect-3 .text-desc, .port-8 .text-desc{padding: 20px;} .text-desc{padding: 7px;} .port-5.effect-1 .text-desc{padding: 13px 20px 20px 90px;} .port-5.effect-2 .text-desc{padding: 10px;} .port-5.effect-3 .text-desc{padding: 16px 90px 20px 20px;} .port-6.effect-1 .text-desc .btn, .port-6.effect-2 .text-desc .btn, .port-6.effect-3 .text-desc .btn, .port-7.effect-1 .text-desc .btn, .port-7.effect-2 .text-desc .btn, .port-7.effect-3 .text-desc .btn, .port-8.effect-3 .text-desc .btn{display: none;} .port-6.effect-2 .text-desc{padding: 20px 120px 20px 20px;} .port-6.effect-3 .text-desc{padding: 75px 20px 10px;} .port-7.effect-1 .text-desc{padding: 12px 10px;} .port-8.effect-3 .text-desc{padding: 28px 70px 20px;} } /*= Media Screen CSS End ======================== */ /* https://www.jxky.net/jxky/template/cssandimages/jx_2023_index.css */ html, body { position: relative; height: 100%; padding: 0; margin: 0; font-size: 14px; font-family: MicrosoftYaHei; } .button { background-color: #005298; border: none; color: white; padding: 5px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin: 4px 2px; cursor: pointer; border-radius: 8px; } .more_600_div { width: 100%; text-align: center; margin-top: 15px; } .more_600_hide { display: none; } .mb0 a::before { margin-bottom: 0 !important; } @keyframes rotate180 { 0% { transform: translateY(-80px); } 100% { transform: translateY(0); } } .swiper-container1 { width: 100%; height: 100%; overflow: hidden; } .sec2 { position: relative; z-index: 3; /* height: 100vh; */ background: #fff; overflow: auto; } .sec1 { position: relative; z-index: 3; height: 100%; background: #fff; overflow: hidden; } .sec1 .bg { position: absolute; z-index: 1; } .sec1 .home-content { height: 100vh; position: relative; width: 100%; margin: 0 auto; z-index: 2; text-align: center; } .sec1 .home-logo { float: left; } .sec1 .home-top { position: relative; margin: 0 auto; width: 68%; height: 78px; float: right; } .sec1 .home-top-bg { width: 100%; height: 100%; position: absolute; background-color: #00123c; border-radius: 0px 0px 10px 10px; opacity: 0.2; z-index: 3; } .sec1 .home-top-content { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; display: flex; justify-content: space-between; z-index: 4; } .sec1 .home-top-content li { display: flex; justify-content: center; align-items: center; flex: 1; width: 12.5%; } .sec1 .home-top-content li a { display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: bold; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #ffffff; } @media(max-width:1550px) { .sec1 .home-top { position: relative; margin: 0 auto; width: 74%; height: 78px; float: right; } .sec1 .home-logo { width: 26%; object-fit: fill; } } @media (max-width: 1400px) { .sec1 .home-top-content li a { display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: bold; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #ffffff; } } .sec1 .home-top-content li a img { vertical-align: middle; margin-right: 6px; } .sec1 .home-top-content li:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.13); } .sec1 .home-top-content li:hover a img { animation: rotate180 0.4s; } .sec1 .home-middle { position: absolute; height: fit-content; top: 0; transform: translateY(-25%); left: 0; right: 0; bottom: 0; margin: auto; } .sec1 .home-middle .home-logo { width: 1000px; margin: 0 auto; } .sec1 .home-middle .home-logo img { width: 100%; } .sec1 .home-search { margin: 0 auto; margin-top: 20px; position: relative; width: 597px; height: 54px; } .sec1 .home-search .search_input { width: 100%; height: 100%; background-color: #ffffff; border-radius: 5px; opacity: 0.85; padding-left: 33px; box-sizing: border-box; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 48px; color: #333; } .sec1 .home-search .search_box { position: absolute; top: 0; right: 0; width: 114px; height: 54px; background-color: #0a5aa1; border-radius: 0px 5px 5px 0px; font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 48px; letter-spacing: 0px; color: #ffffff; display: flex; justify-content: center; align-items: center; } .sec1 .home-search .search_box img { margin-right: 8px; } .home-footer { width: 100%; text-align: center; position: absolute; left: 0; bottom: 35px; color: #fff; font-size: 14px; z-index: 2; } .home-footer .mouse { position: relative; margin-top: 25px; font-size: 16px; -webkit-animation: TopBots 1.2s ease-in-out infinite both; -moz-animation: TopBots 1.2s ease-in-out infinite both; -ms-animation: TopBots 1.2s ease-in-out infinite both; animation: TopBots 1.2s ease-in-out infinite both; } .home-footer .mouse img { height: 31px; } videoBg::-webkit-media-controls { display: none !important; } #videoBg { object-fit: fill; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url('login-mp4-img.jpg') no-repeat center/cover; -moz-background-size:100% 100%; background-size:100% 100%; source { width: 100%; height: 100%; } } videoBg_s::-webkit-media-controls { display: none !important; } #videoBg_s { object-fit: fill; width: 100%; height: 100%; position: relative; left: 0; top: 0; background: url('login-mp4-img.jpg') no-repeat center/cover; -moz-background-size:100% 100%; background-size:100% 100%; source { width: 100%; height: 100%; } } .sec2_main { padding-top: 20px; } .main_box .main_content { box-sizing: border-box; width: 100%; background-color: #fff; } .main_box .main_content .news_box { padding: 0 30px 56px; display: flex; justify-content: space-between; padding-top: 24px; } .main_box .main_content .news_box .right_list_box { width: 550px; } .main_box .main_content .news_box .right_list_box .bottom_link { display: flex; margin-top: 13px; } .main_box .main_content .news_box .right_list_box .bottom_link li:not(:last-child) { margin-right: 29px; } .main_box .main_content .news_box .right_list_box .bottom_link li a { display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 30px !important; letter-spacing: 0px; color: #333333; transition: all 0.3s; } .main_box .main_content .news_box .right_list_box .bottom_link li a img { margin-right: 16px; } .main_box .main_content .news_box .right_list_box .bottom_link li:hover a { transform: translateX(4px); color: #1658a0; } .hot_swiper .dot.swiper-pagination-bullets { text-align: center; } .hot_swiper .dot.swiper-pagination-bullets .swiper-pagination-bullet { width: 9px; height: 9px; background-color: #dcdcdc; } .hot_swiper .dot.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #1658a0; } .hot_swiper .hot_content { padding-top: 35px; padding-bottom: 0px; } .hot_swiper .hot_content a { display: block; text-align: center; } .hot_swiper .hot_content a h3 { font-size: 32px; font-weight: bold; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #333333; } .hot_swiper .hot_content a h3:hover { color: #1658a0; } .hot_swiper .hot_content a p { padding: 0 30px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 43px; letter-spacing: 1px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 焦点轮播图css */ .left_focus_box { width: 660px; } .left_focus_box_height { height: 400px; } .left_focus_box .focus, .left_focus_box .focus .pic { position: relative; width: 100%; } .left_focus_box .focus_m, .left_focus_box .focus_m .pic { position: relative; width: 100%; } .left_focus_box .focus img, .left_focus_box .focus .pic img { width: 100%; /*height: 450px !important;*/ } .left_focus_box .focus_m img, .left_focus_box .focus_m .pic img { width: 100%; /*height: 450px !important;*/ } .left_focus_box .focus .pic>.swiper-slide { position: relative; overflow: hidden; width: 100%; } .left_focus_box .focus_m .pic>.swiper-slide { position: relative; overflow: hidden; width: 100%; } .left_focus_box .focus .pic img { height: 100%; } .left_focus_box .focus_m .pic img { height: 100%; } .left_focus_box .focus .pic span { display: block; position: absolute; bottom: 0; width: 100%; box-sizing: border-box; padding: 20px 0 17px 25px; line-height: 16px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*background-color: rgba(49, 49, 49, .5);*/ background:linear-gradient(0grad, #3B4D5F00 0%, #03080C 0%, #FFF0 80%); /* opacity: 0.5; */ color: #fff; } .left_focus_box .focus_m .pic span { display: block; position: absolute; bottom: 0; width: 100%; box-sizing: border-box; padding: 20px 0 17px 25px; line-height: 16px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*background-color: rgba(49, 49, 49, .5);*/ background:linear-gradient(0grad, #3B4D5F00 0%, #03080C 0%, #FFF0 80%); /* opacity: 0.5; */ color: #fff; } .left_focus_box .swiper-button-prev { border-radius: 0px 6px 6px 0px; right: 0; } .left_focus_box .swiper-button-next { border-radius: 6px 0px 0px 6px; right: 0; } .left_focus_box .focus .focus-prev, .left_focus_box .focus .focus-next { position: absolute; top: 50%; z-index: 3; display: block; width: 30px; height: 60px; margin-top: -30px; line-height: 60px; text-align: center; font-size: 18px; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); background-size: 14px auto; color: #fff; opacity: 0; transition: all 0.3s; } .left_focus_box .focus_m .focus-prev, .left_focus_box .focus_m .focus-next { position: absolute; top: 50%; z-index: 3; display: block; width: 30px; height: 60px; margin-top: -30px; line-height: 60px; text-align: center; font-size: 18px; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); background-size: 14px auto; color: #fff; opacity: 0; transition: all 0.3s; } .left_focus_box .focus .focus-prev { transform: translate(-50px, 0); left: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); background-image: url(focs_leftArrow.png); } .left_focus_box .focus_m .focus-prev { transform: translate(-50px, 0); left: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); background-image: url(focs_leftArrow.png); } .left_focus_box .focus .focus-next { transform: translate(50px, 0); right: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); background-image: url(focs_rightArrow.png); } .left_focus_box .focus_m .focus-next { transform: translate(50px, 0); right: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); background-image: url(focs_rightArrow.png); } .left_focus_box .focus:hover .focus-prev, .left_focus_box .focus:hover .focus-next { opacity: 1; transform: translate(0, 0); } .left_focus_box .focus_m:hover .focus-prev, .left_focus_box .focus_m:hover .focus-next { opacity: 1; transform: translate(0, 0); } .left_focus_box .focus .navi { width: 100%; height: 36px; box-sizing: border-box; position: absolute; bottom: 0; right: 0; z-index: 9; text-align: right; /* display: flex; justify-content: right; align-items: center; */ padding-right: 22px; } .left_focus_box .focus_m .navi { width: 100%; height: 36px; box-sizing: border-box; position: absolute; bottom: 0; right: 0; z-index: 9; text-align: right; /* display: flex; justify-content: right; align-items: center; */ padding-right: 22px; } /*.left_focus_box .focus .navi li { width: 10px; height: 10px; border: 0; color: transparent; border-radius: 10px; }*/ .left_focus_box .focus .navi li.on { background-color: #fff; } .left_focus_box .focus_m .navi li.on { background-color: #fff; } .left_focus_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; } .left_focus_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child) { margin-right: 9px; } /* .left_focus_box .focus .swiper-pagination-bullet { background: #ffffff; margin-right: 9px; opacity: 1; } .left_focus_box .focus .swiper-pagination-bullet-active { background-color: #82ccff; } */ .left_focus_box .focus .swiper-pagination-bullet { margin-right:0; opacity:1; background:#d3d3d3; -webkit-transition:width .5s; -moz-transition:width .5s; transition:width .5s; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .left_focus_box .focus_m .swiper-pagination-bullet { margin-right:0; opacity:1; background:#d3d3d3; -webkit-transition:width .5s; -moz-transition:width .5s; transition:width .5s; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .left_focus_box .focus .swiper-pagination-bullet-active { width:20px; background:#3494f0 } .left_focus_box .focus_m .swiper-pagination-bullet-active { width:20px; background:#3494f0 } .w1240 { width: 1240px; margin: 0 auto; } .sec3_tab_box { width: 100%; height: 100px; background-color: #015293; } .sec3_tab { display: flex; justify-content: space-between; height: 100%; } .sec3_tab a { height: 100%; display: flex; justify-content: center; align-items: center; width: 25%; font-size: 30px; font-weight: normal; font-stretch: normal; line-height: 42px; letter-spacing: 0px; color: #ffffff; } .sec3_tab a img { margin-right: 25px; } .sec3_tab>a:hover img { animation: rotate180 0.4s; } .sec3_tab>a:nth-child(even) { background-color: #3f8dcb; } .sec3_tab>a:nth-child(odd) { background-color: #2e7cbb; } .sec3_tab a.current { position: relative; background-color: #5face9; } .sec3_tab a.current::after { position: absolute; bottom: 1px; content: ""; display: block; width: 0; height: 0; left: 50%; transform: translate(-50%, 100%); border: 12px solid transparent; border-width: 11px 12px; border-top-color: #5face9; } .sec3_content { background-color: #f6fbff; padding-top: 20px; padding-bottom: 20px; } .sec3new_content { padding-top: 45px; background-color: #fff; padding-bottom: 35px; } .sec32_tab_box { width: 100%; height: 100px; background-color: #015293; } .sec32_tab { display: flex; justify-content: space-between; height: 100%; } .sec32_tab a { height: 100%; display: flex; justify-content: center; align-items: center; width: 25%; font-size: 30px; font-weight: normal; font-stretch: normal; line-height: 42px; letter-spacing: 0px; color: #ffffff; } .sec32_tab a img { margin-right: 25px; } .sec32_tab>a:hover img { animation: rotate180 0.4s; } .sec32_tab>a:nth-child(even) { background-color: #3f8dcb; } .sec32_tab>a:nth-child(odd) { background-color: #2e7cbb; } .sec32_tab a.current { position: relative; background-color: #5face9; } .sec32_tab a.current::after { position: absolute; bottom: 1px; content: ""; display: block; width: 0; height: 0; left: 50%; transform: translate(-50%, 100%); border: 12px solid transparent; border-width: 11px 12px; border-top-color: #5face9; } .sec32_content { background-color: #f6fbff; padding-top: 20px; padding-bottom: 20px; } .sec32new_content { padding-top: 45px; background-color: #fff; padding-bottom: 35px; } .sec33_tab_box { width: 100%; height: 100px; background-color: #015293; } .sec33_tab { display: flex; justify-content: space-between; height: 100%; } .sec33_tab a { height: 100%; display: flex; justify-content: center; align-items: center; width: 25%; font-size: 30px; font-weight: normal; font-stretch: normal; line-height: 42px; letter-spacing: 0px; color: #ffffff; } .sec33_tab a img { margin-right: 25px; } .sec33_tab>a:hover img { animation: rotate180 0.4s; } .sec33_tab>a:nth-child(even) { background-color: #3f8dcb; } .sec33_tab>a:nth-child(odd) { background-color: #2e7cbb; } .sec33_tab a.current { position: relative; background-color: #5face9; } .sec33_tab a.current::after { position: absolute; bottom: 1px; content: ""; display: block; width: 0; height: 0; left: 50%; transform: translate(-50%, 100%); border: 12px solid transparent; border-width: 11px 12px; border-top-color: #5face9; } .sec33_content { background-color: #f6fbff; padding-top: 20px; padding-bottom: 20px; } .sec33new_content { padding-top: 45px; background-color: #fff; padding-bottom: 35px; } .secVideo_content { padding-top: 5px; background-color: #fff; padding-bottom: 10px; } .sxxw_bg { background: url(sxxw_bg.jpg) no-repeat center; width: 100%; height: 25%; } .sxxw_nrjj { position: relative; /*top: 10%; left: 3%;*/ width: 90%; /*height: 10%;*/ } .sxxw_nr_more { display: flex; padding: 10px 0 4px 0; } .sxxw_nrjj h5 { font-size: 14px; color:#1658a0; margin-left: 5%; } .sxxw_nrjj_l { position: relative; left: 5%; width: 90%; max-height: 65px; min-height: 65px; overflow: hidden; } .sxxw_nrjj_l span { font-size: 14px; line-height: 22px; letter-spacing: 1px; } .sxxw_more{ position: relative; /*left: 86%; top: -6%;*/ width:12%; } .sxxw_more img { vertical-align: middle; /*margin-bottom: 9px;*/ } .mobile_more { display: inline-block; position: absolute; right: 0px; top: 5px; vertical-align: middle; } .mobile_more img { display: inline-block; vertical-align: middle; } .gd_more { font-size: 12px; color:#1658a0; vertical-align: middle; display: inline-block; } .sec3_card { display: none; padding: 32px 30px; box-sizing: border-box; background-color: #ffffff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; } .sec3_card.current_510 { height: 510px; } .sec3_card.current { display: block; height: 655px; } .sec3_card_qyc .qyc_top { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 22px; } .sec3_card_qyc .qyc_left_box { width: 612px; } .sec3_card_qyc .qyc_left_box .qyc_left_tab .more { padding-top: 5px; } .sec3_card_qyc .qyc_left_box .gljd-t .gljd_box { display: flex; } .sec3_card_qyc .qyc_left_box .gljd-t .gljd_box .list_text { width: 70%; } .sec3_card_qyc .qyc_left_box .gljd-t .gljd_box .gljd_link { display: inline-block; width: 100px; color: #5e89bc; } .sec3_card_qyc .qyc_right_box { width: 504px; } .sec3_card_qyc .qyc_right_box .tab { margin-bottom: 0; } .sec3_card_qyc .qyc_right_box .openInfoList li { float: left; width: 242px; box-sizing: border-box; padding-left: 9px; } .sec3_card_qyc .qyc_right_box .openInfoList li:not(:nth-last-child(-n+2)) { line-height: 100px; border-bottom: 1px dashed #c6c6c6; } .sec3_card_qyc .qyc_right_box .openInfoList li:nth-last-child(-n+2) { padding-top: 27px; padding-bottom: 13px; } .sec3_card_qyc .qyc_right_box .openInfoList li:nth-child(odd) { margin-right: 10px; } .sec3_card_qyc .qyc_right_box .openInfoList li a.list_text { display: flex; justify-content: flex-start; align-items: center; font-size: 18px; font-weight: bold; font-stretch: normal; letter-spacing: 0px; color: #333333; } .sec3_card_qyc .qyc_right_box .openInfoList li a.list_text img { vertical-align: middle; margin-right: 16px; } .sec3_card_qyc .qyc_right_box .openInfoList li a.list_text:hover img { -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); } .sec3_card_qyc .qyc_bottom { display: flex; flex-wrap: wrap; padding-top: 18px; align-items: center; box-sizing: border-box; padding-left: 30px; padding-right: 30px; width: 1180px; background-color: #f6f6f6; border-radius: 5px; } .sec3_card_qyc .qyc_bottom .search_zc, .sec3_card_qyc .qyc_bottom .range, .sec3_card_qyc .qyc_bottom .radio_range, .sec3_card_qyc .qyc_bottom .input_box, .sec3_card_qyc .qyc_bottom .search_box { margin-bottom: 30px; } .sec3_card_qyc .qyc_bottom .search_zc { margin-right: 30px; } .sec3_card_qyc .qyc_bottom .range { margin-right: 30px; } .sec3_card_qyc .qyc_bottom .range::before { display: inline-block; content: ""; border: 14px solid transparent; border-width: 7px 9px; border-left-color: #4885c9; margin-right: 8px; } .sec3_card_qyc .qyc_bottom .input_box { box-sizing: border-box; padding-left: 17px; width: 333px; height: 45px; background-color: #ffffff; border-radius: 5px; border: solid 1px #b1cfed; font-size: 15px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #333; } .sec3_card_qyc .qyc_bottom .radio_range input { margin-right: 12px; } .sec3_card_qyc .qyc_bottom .radio_range.all { margin-right: 30px; } .sec3_card_qyc .qyc_bottom .radio_range.title { margin-right: 40px; } .sec3_card_qyc .qyc_bottom .search_box { display: flex; justify-content: center; align-items: center; width: 114px; height: 45px; background-color: #4785c9; border-radius: 5px; color: #fff; font-size: 18px; margin-left: 30px; cursor: pointer; } .sec3_card_qyc .qyc_bottom .search_box img { margin-right: 14px; } .sec3_card_qyc .qyc_bottom .f18 { font-size: 18px; color: #666; } .sec3_card_qyb .ehb { position: relative; } .sec3_card_qyb .ehb .ehb_code { position: absolute; bottom: -18px; left: 50%; transform: translate(-50%, 100%); padding: 10px; opacity: 1; transition: opacity 0.3s; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: none; } .sec3_card_qyb .ehb .ehb_code::before { position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); display: block; content: ""; border: 1px solid transparent; border-width: 11px 6px; border-bottom-color: #fff; z-index: 99; } .sec3_card_qyb .ehb:hover .ehb_code { display: block !important; } .sec3_card_qyb .top { display: flex; justify-content: space-between; } .sec3_card_qyb .top a { width: 358px; height: 126px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .sec3_card_qyb .top a p { font-size: 22px; font-weight: blod; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #1658a0; margin-left: 20px; } .sec3_card_qyb .top a:first-child { background-image: url(../images/sec3_jqb_top01-bg.png); background-size: 100% 100%; background-repeat: no-repeat; } .sec3_card_qyb .top a:first-child img:last-child { margin-left: 28px; } .sec3_card_qyb .top a:not(:first-child) { background-color: #f0f6ff; } .sec3_card_qyb .top .card_qyb_top_a01 { width: 400px; } .sec3_card_qyb .top .card_qyb_top_a02 img { width: 70px; } .sec3_card_qyb .top .card_qyb_top_a02 p { font-weight: bold; } .sec3_card_qyb .top .card_qyb_top_a03 img { width: 63px; } .sec3_card_qyb .top .card_qyb_top_a03 p { font-weight: bold; margin-left: 55px; } .sec3_card_qyb .sec3_card_bottom { display: flex; justify-content: space-between; margin-top: 47px; flex-wrap: wrap; } .sec3_card_qyb .pubCon-tab-pane .grbs_tab { margin-bottom: 17px; } .sec3_card_qyb .pubCon-tab-pane .ztfw_tab { margin-bottom: 0; } .sec3_card_qyb .grbs_box { width: 400px; } .sec3_card_qyb .grbs_box .grbs_pane .grbs_list_div { display: none; width: 100%; background-color: #4285cf; padding: 21px 37px 18px 30px; box-sizing: border-box; } .sec3_card_qyb .grbs_box .grbs_pane .grbs_list_div .grbs_title_box { display: flex; justify-content: space-between; align-items: center; } .sec3_card_qyb .grbs_box .grbs_pane .grbs_list_div .grbs_title { display: flex; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #ffffff; } .sec3_card_qyb .grbs_box .grbs_pane .grbs_list_div .grbs_title img { margin-right: 8px; } .sec3_card_qyb .grbs_box .grbs_pane .grbs_list_div .more { display: inline-block; } .sec3_card_qyb .grbs_box .grbs_pane .grbs_list_div:first-child { background-color: #4285cf; } .sec3_card_qyb .grbs_box .grbs_pane .grbs_list_div:nth-child(2) { background-color: #449be5; } .sec3_card_qyb .grbs_box .grbs_pane .grbs_list_div:last-child { background-color: #1a70ba; } .sec3_card_qyb .grbs_box .grbs_pane .grbs_list_div.current { display: block; } .sec3_card_qyb .grbs_box .grbs_list { width: 100%; margin-top: 12px; } .sec3_card_qyb .grbs_box .grbs_list li { padding-left: 10px; float: left; width: 30%; min-width: 80px; } .sec3_card_qyb .grbs_box .grbs_list li a { width: 100%; transition: all 0.3s; } .sec3_card_qyb .grbs_box .grbs_list li:hover a { transform: translateX(4px); } .sec3_card_qyb .grbs_box .grbs_list li a::before { display: inline-block; content: ""; width: 4px; height: 4px; background-color: #fff; margin-right: 9px; } .sec3_card_qyb .grbs_box .grbs_list a { display: flex; align-items: center; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #ffffff; } .sec3_card_qyb .ztfw_box { width: 726px; } .sec3_card_qyb .ztfw_list { display: none; } .sec3_card_qyb .ztfw_list li { float: left; height: 98px; width: 20%; display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap; } .sec3_card_qyb .ztfw_list a { height: 70px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; font-size: 17px; font-weight: normal; font-stretch: normal; line-height: 18px; letter-spacing: 0px; color: #333333; } .sec3_card_qyb .ztfw_list a:hover img { -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); } .sec3_card_qyb .ztfw_list.current { display: block; } .sec3_card_qyb .tszq_list { margin-left: -22px; margin-top: 21px; margin-bottom: -23px; } .sec3_card_qyb .tszq_list li { width: 30%; height: 81px; background-color: #ffffff; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); margin-left: 24px; margin-bottom: 23px; } .sec3_card_qyb .tszq_list li a { display: flex; flex-direction: row; width: 100%; height: 100%; justify-content: center; align-items: center; } .sec3_card_qyb .tszq_list li a img { margin-right: 22px; } .sec3_card_qyb .tszq_list li a span { font-size: 17px; font-weight: normal; font-stretch: normal; line-height: 17px; letter-spacing: 0px; color: #333333; } .sec3_card_qyw { padding: 32px 30px; } .sec3_card_qyw .qyw_content { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 10px; } .sec3_card_qyw .qyw_content2 { display: flex; justify-content: space-between; flex-wrap: wrap; } .sec3_card_qyw .qyw_left { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 500px; } .sec3_card_qyw .qyw_left2 { width: 733px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 100%; /* margin-top: 26px;*/ } .sec3_card_qyw .new_qyw_left { width: 733px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 500px; margin-top: -43px; } .sec3_card_qyw .qyw_left .zxft_box { width: 100%; } .sec3_card_qyw .qyw_left .zxft_list_div { box-sizing: border-box; padding: 25px 25px 23px; height: auto; min-height: 278px; background-image: linear-gradient(0deg, #ffffff 0%, #f2f9ff 100%); border: solid 1px #e6e6e6; border-top: 4px #1658a0 solid; display: flex; justify-content: space-between; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_left a { display: inline-block; width: 316px; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_left a img { width: 100%; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_right { width: 348px; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_right h3 a { display: inline-block; font-size: 18px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li { position: relative; display: flex; margin-top: 21px; height: 33px; align-items: center; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li .frame_detial { width: 88px; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 33px; letter-spacing: 0px; color: #0068b7; padding-left: 12px; box-sizing: border-box; background-image: url(../images/ifame.png); background-size: 100% 100%; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li p { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #333333; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li p:last-child { position: absolute; left: 100px; top: 3px; width: 252px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .sec3_card_qyw .qyw_left .zxft_list_div { display: none; } .sec3_card_qyw .qyw_left .zxft_list_div.current { display: flex; } .sec3_card_qyw .qyw_left .ddxx_box { width: 100%; margin-top: 26px; } .sec3_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #1658a0; border-bottom: 1px solid #e8e8e8; } .sec3_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 a { position: relative; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #333333; margin: 0 22px; } .sec3_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 a+a::before { position: absolute; top: 0; bottom: 0; left: -22px; margin: auto; content: ""; width: 1px; height: 16px; background-color: #afafaf; } .sec3_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 .tab_item_right a.current { color: #1658a0; font-weight: bold; } .sec3_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 .tab_left { padding-bottom: 20px; border-bottom: 4px solid #1658a0; } .sec3_card_qyw .qyw_left .ddxx_table { margin-top: 16px; width: 100%; } .sec3_card_qyw .qyw_left .ddxx_table tbody { width: 100%; } .sec3_card_qyw .qyw_left .ddxx_table .th { width: 100%; height: 45px; background-color: #f2f2f2; font-size: 16px; font-weight: bold; font-stretch: normal; line-height: 47px; letter-spacing: 0px; color: #333333; } .sec3_card_qyw .qyw_left .ddxx_table .th th:nth-child(1) { width: 31%; } .sec3_card_qyw .qyw_left .ddxx_table .th th:nth-child(2) { width: 22%; min-width: 80px; } .sec3_card_qyw .qyw_left .ddxx_table .th th:nth-child(3) { width: 17%; min-width: 70px; } .sec3_card_qyw .qyw_left .ddxx_table .th th:nth-child(4) { min-width: 80px; width: 20%; } .sec3_card_qyw .qyw_left .ddxx_table tr:not(:last-child, .th) { border-bottom: dashed 1px #d2d2d2; } .sec3_card_qyw .qyw_left .ddxx_table tr td:nth-child(1) { display: flex; align-items: center; } .sec3_card_qyw .qyw_left .ddxx_table tr td:nth-child(1) span { width: 2.4rem; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec3_card_qyw .qyw_left .ddxx_table .text { text-align: center; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 47px; letter-spacing: 0px; color: #333333; } .sec3_card_qyw .qyw_left .ddxx_table .text td:first-child { text-align: left; } .sec3_card_qyw .qyw_left .ddxx_table .text td:first-child .square { display: inline-block; line-height: 47px; margin-bottom: 4px; margin-right: 6px; width: 4px; height: 4px; background-color: #cccccc; } .sec3_card_qyw .qyw_left .ddxx_table .text .red { color: #ed4747; } .sec3_card_qyw .qyw_left .ddxx_table .text .green { color: #55b773; } .sec3_card_qyw .qyw_left .ddxx_table { display: none; } .sec3_card_qyw .qyw_left .ddxx_table.current { display: block; } .sec3_card_qyw .qyw_right { width: 35%; } .sec3_card_qyw .qyw_right_tv { width: 35%; } .sec3_card_qyw .qyw_right .mydc_box { margin-bottom: 3px; } .sec3_card_qyw .qyw_right .mydc_list a { display: flex; justify-content: space-between; height: 44px; align-items: center; width: 550px; } .sec3_card_qyw .qyw_right .mydc_list a .left { width: 99%; display: inline-block; flex-direction: column; justify-content: flex-start; } .sec3_card_qyw .qyw_right .mydc_list a h3 { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .sec3_card_qyw .qyw_right .mydc_list a p { font-size: 14px; font-weight: normal; letter-spacing: 0px; color: #888888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec3_card_qyw .qyw_right .mydc_list a .btn { width: 67px; height: 23px; border-radius: 11px; font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; justify-content: center; align-items: center; display: flex; } .sec3_card_qyw .qyw_right .mydc_list a .going { background-color: #6bb9f7; } .sec3_card_qyw .qyw_right .mydc_list a .ending { background-color: #8ab5d7; } .sec3_card_qyw .qyw_right .mydc_list li { border-bottom: dashed 1px #e5e5e5; } .sec3_card_qyw .qyw_right .mydc_list { display: none; } .sec3_card_qyw .qyw_right .mydc_list.current { display: block; } .sec3_card_qyw .qyw_right .xjcx_box .top { padding-top: 29px; padding-bottom: 22px; border-bottom: 1px solid #e8e8e8; display: flex; align-items: center; flex-wrap: wrap; } .sec3_card_qyw .qyw_right .xjcx_box .top img { margin-right: 9px; } .sec3_card_qyw .qyw_right .xjcx_box label { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #333333; } .sec3_card_qyw .qyw_right .xjcx_box input { display: inline-block; box-sizing: border-box; font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #999999; padding-left: 8px; height: 28px; border-radius: 5px; border: solid 1px #bababa; } .sec3_card_qyw .qyw_right .xjcx_box .password { width: 86px; margin-right: 9px; } .sec3_card_qyw .qyw_right .xjcx_box .code { width: 114px; margin-right: 9px; } .sec3_card_qyw .qyw_right .xjcx_box .btn { font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; width: 52px; height: 28px; background-color: #1a87d9; border-radius: 5px; display: flex; justify-content: center; align-items: center; } .sec3_card_qyw .qyw_right .xjcx_box .bttom { margin-top: 15px; display: flex; justify-content: space-between; flex-wrap: wrap; } .sec3_card_qyw .qyw_right .xjcx_box .bttom .img_box { display: flex; justify-content: center; align-items: center; width: 187px; height: 105px; padding-top: 25px; padding-bottom: 20px; box-sizing: border-box; background-image: linear-gradient(0deg, #edf7ff 0%, #f4faff 100%); border-radius: 10px; } .sec3_card_qyw .qyw_right .xjcx_box .bttom .img_box:hover img { -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); } .sec3_card_qyw .qyw_right .xjcx_box .bttom .img_box:nth-child(1), .sec3_card_qyw .qyw_right .xjcx_box .bttom .img_box:nth-child(2) { margin-bottom: 20px; } .sec3_card_qyw .qyw_right .xjcx_box .bttom .img_box a { display: block; width: fit-content; height: fit-content; text-align: center; } .sec3_card_qyw .qyw_right .xjcx_box .bttom .img_box img { margin-bottom: 16px; transform: all 0.3s; } .sec3_card_qyw .qyw_right .xjcx_box .bttom .img_box span { display: block; font-size: 16px; font-weight: normal; font-stretch: bold; line-height: 16px; letter-spacing: 0px; color: #333333; } .sec3_card_qycha { padding: 33px 30px 42px; } .sec3_card_qycha .sec3_card_qycha_content { display: flex; flex-wrap: wrap; justify-content: space-between; } .sec3_card_qycha .card { text-align: center; box-sizing: border-box; padding-top: 33px; padding-left: 30px; padding-right: 30px; width: 368px; height: auto; padding-bottom: 20px; background-image: linear-gradient(0deg, #ffffff 0%, #f2f9ff 100%); border: solid 1px #e6e6e6; } .sec3_card_qycha .card .title { text-align: center; font-size: 22px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #1658a0; margin-top: 21px; margin-bottom: 32px; } .sec3_card_qycha .card .radio_box { display: flex; justify-content: space-between; margin-bottom: 32px; } .sec3_card_qycha .card .radio_box div input { margin-right: 12px; } .sec3_card_qycha .card .radio_box div label { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #666666; } .sec3_card_qycha .card .input_search { margin-bottom: 20px; display: block; box-sizing: border-box; padding-left: 19px; font-size: 15px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #999999; width: 100%; height: 45px; background-color: #ffffff; border-radius: 5px; border: solid 1px #b1cfed; } .sec3_card_qycha .card .btn_box { height: 45px; background-color: #4785c9; border-radius: 5px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .sec3_card_qycha .card .btn_box img { margin-right: 14px; } .sec3_card_qycha .card .btn_box span { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 45px; letter-spacing: 0px; color: #ffffff; } .sec3_card_qycha .card_img_rote { display: inline-block; cursor: pointer; transition: all 0.3s; position: relative; box-sizing: content-box; border: 6px solid transparent; margin: 0 auto 10px; background-color: transparent; border-radius: 105px; } .sec3_card_qycha .card_img_rote::before { content: ''; position: absolute; top: -14px; left: -14px; right: -14px; bottom: -14px; display: block; border: 1px solid rgba(0, 0, 0, 0.05); background-color: rgba(255, 255, 255, 0.1); transform: scale(0, 0); opacity: 0; border-radius: 105px; transition: all 0.3s; } .sec3_card_qycha .card_img_rote:hover::before { transform: scale(1, 1); opacity: 1; } .sec3_card_qycha .card_img_rote:hover { box-shadow: 0 0 0 6px #ecf5ff; border-color: #eef6ff; background-color: #eef6ff; } .sec3_card_qycha .card2 title { margin-bottom: 26px; } .sec3_card_qycha .card_list { display: flex; justify-content: space-between; flex-wrap: wrap; } .sec3_card_qycha .card_list li { width: 33.3%; } .sec3_card_qycha .card_list li:hover a { color: #1658a0; } .sec3_card_qycha .card_list a { display: flex; justify-content: flex-start; align-items: center; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #333333; } .sec3_card_qycha .card_list a::before { display: inline-block; content: ""; width: 4px; height: 4px; background-color: #1658a0; margin-right: 9px; margin-bottom: 4px; } .sec3_card_qycha .card3 { padding-left: 27px; } .sec3_card_qycha .card3 .card_list { flex-wrap: wrap; justify-content: flex-start; } .sec3_card_qycha .card3 .card_list li { text-align: left; } .sec3_card_qycha .card3 .card_list li:nth-child(even) { width: 46%; } .sec3_card_qycha .card3 .card_list li:nth-child(even) a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec3_card_qycha .card3 .card_list li:nth-child(odd) { width: 52%; } .sec3_card_qycha .card3 .card_list li:nth-child(odd) a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*sec32 start*/ .sec32_card { display: none; padding: 32px 30px; box-sizing: border-box; background-color: #ffffff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; } .sec32_card.current_510 { height: 510px; } .sec32_card.current { display: block; height: 510px; } .sec32_card_qyc .qyc_top { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 22px; } .sec32_card_qyc .qyc_left_box { width: 612px; } .sec32_card_qyc .qyc_left_box .qyc_left_tab .more { padding-top: 5px; } .sec32_card_qyc .qyc_left_box .gljd-t .gljd_box { display: flex; } .sec32_card_qyc .qyc_left_box .gljd-t .gljd_box .list_text { width: 70%; } .sec32_card_qyc .qyc_left_box .gljd-t .gljd_box .gljd_link { display: inline-block; width: 100px; color: #5e89bc; } .sec32_card_qyc .qyc_right_box { width: 504px; } .sec32_card_qyc .qyc_right_box .tab { margin-bottom: 0; } .sec32_card_qyc .qyc_right_box .openInfoList li { float: left; width: 242px; box-sizing: border-box; padding-left: 9px; } .sec32_card_qyc .qyc_right_box .openInfoList li:not(:nth-last-child(-n+2)) { line-height: 100px; border-bottom: 1px dashed #c6c6c6; } .sec32_card_qyc .qyc_right_box .openInfoList li:nth-last-child(-n+2) { padding-top: 27px; padding-bottom: 13px; } .sec32_card_qyc .qyc_right_box .openInfoList li:nth-child(odd) { margin-right: 10px; } .sec32_card_qyc .qyc_right_box .openInfoList li a.list_text { display: flex; justify-content: flex-start; align-items: center; font-size: 18px; font-weight: bold; font-stretch: normal; letter-spacing: 0px; color: #333333; } .sec32_card_qyc .qyc_right_box .openInfoList li a.list_text img { vertical-align: middle; margin-right: 16px; } .sec32_card_qyc .qyc_right_box .openInfoList li a.list_text:hover img { -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); } .sec32_card_qyc .qyc_bottom { display: flex; flex-wrap: wrap; padding-top: 18px; align-items: center; box-sizing: border-box; padding-left: 30px; padding-right: 30px; width: 1180px; background-color: #f6f6f6; border-radius: 5px; } .sec32_card_qyc .qyc_bottom .search_zc, .sec32_card_qyc .qyc_bottom .range, .sec32_card_qyc .qyc_bottom .radio_range, .sec32_card_qyc .qyc_bottom .input_box, .sec32_card_qyc .qyc_bottom .search_box { margin-bottom: 30px; } .sec32_card_qyc .qyc_bottom .search_zc { margin-right: 30px; } .sec32_card_qyc .qyc_bottom .range { margin-right: 30px; } .sec32_card_qyc .qyc_bottom .range::before { display: inline-block; content: ""; border: 14px solid transparent; border-width: 7px 9px; border-left-color: #4885c9; margin-right: 8px; } .sec32_card_qyc .qyc_bottom .input_box { box-sizing: border-box; padding-left: 17px; width: 333px; height: 45px; background-color: #ffffff; border-radius: 5px; border: solid 1px #b1cfed; font-size: 15px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #333; } .sec32_card_qyc .qyc_bottom .radio_range input { margin-right: 12px; } .sec32_card_qyc .qyc_bottom .radio_range.all { margin-right: 30px; } .sec32_card_qyc .qyc_bottom .radio_range.title { margin-right: 40px; } .sec32_card_qyc .qyc_bottom .search_box { display: flex; justify-content: center; align-items: center; width: 114px; height: 45px; background-color: #4785c9; border-radius: 5px; color: #fff; font-size: 18px; margin-left: 30px; cursor: pointer; } .sec32_card_qyc .qyc_bottom .search_box img { margin-right: 14px; } .sec32_card_qyc .qyc_bottom .f18 { font-size: 18px; color: #666; } .sec32_card_qyb .ehb { position: relative; } .sec32_card_qyb .ehb .ehb_code { position: absolute; bottom: -18px; left: 50%; transform: translate(-50%, 100%); padding: 10px; opacity: 1; transition: opacity 0.3s; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: none; } .sec32_card_qyb .ehb .ehb_code::before { position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); display: block; content: ""; border: 1px solid transparent; border-width: 11px 6px; border-bottom-color: #fff; z-index: 99; } .sec32_card_qyb .ehb:hover .ehb_code { display: block !important; } .sec32_card_qyb .top { display: flex; justify-content: space-between; } .sec32_card_qyb .top a { width: 358px; height: 126px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .sec32_card_qyb .top a p { font-size: 22px; font-weight: blod; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #1658a0; margin-left: 20px; } .sec32_card_qyb .top a:first-child { background-image: url(../images/sec3_jqb_top01-bg.png); background-size: 100% 100%; background-repeat: no-repeat; } .sec32_card_qyb .top a:first-child img:last-child { margin-left: 28px; } .sec32_card_qyb .top a:not(:first-child) { background-color: #f0f6ff; } .sec32_card_qyb .top .card_qyb_top_a01 { width: 400px; } .sec32_card_qyb .top .card_qyb_top_a02 img { width: 70px; } .sec32_card_qyb .top .card_qyb_top_a02 p { font-weight: bold; } .sec32_card_qyb .top .card_qyb_top_a03 img { width: 63px; } .sec32_card_qyb .top .card_qyb_top_a03 p { font-weight: bold; margin-left: 55px; } .sec32_card_qyb .sec32_card_bottom { display: flex; justify-content: space-between; margin-top: 47px; flex-wrap: wrap; } .sec32_card_qyb .pubCon-tab-pane .grbs_tab { margin-bottom: 17px; } .sec32_card_qyb .pubCon-tab-pane .ztfw_tab { margin-bottom: 0; } .sec32_card_qyb .grbs_box { width: 400px; } .sec32_card_qyb .grbs_box .grbs_pane .grbs_list_div { display: none; width: 100%; background-color: #4285cf; padding: 21px 37px 18px 30px; box-sizing: border-box; } .sec32_card_qyb .grbs_box .grbs_pane .grbs_list_div .grbs_title_box { display: flex; justify-content: space-between; align-items: center; } .sec32_card_qyb .grbs_box .grbs_pane .grbs_list_div .grbs_title { display: flex; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #ffffff; } .sec32_card_qyb .grbs_box .grbs_pane .grbs_list_div .grbs_title img { margin-right: 8px; } .sec32_card_qyb .grbs_box .grbs_pane .grbs_list_div .more { display: inline-block; } .sec32_card_qyb .grbs_box .grbs_pane .grbs_list_div:first-child { background-color: #4285cf; } .sec32_card_qyb .grbs_box .grbs_pane .grbs_list_div:nth-child(2) { background-color: #449be5; } .sec32_card_qyb .grbs_box .grbs_pane .grbs_list_div:last-child { background-color: #1a70ba; } .sec32_card_qyb .grbs_box .grbs_pane .grbs_list_div.current { display: block; } .sec32_card_qyb .grbs_box .grbs_list { width: 100%; margin-top: 12px; } .sec32_card_qyb .grbs_box .grbs_list li { padding-left: 10px; float: left; width: 30%; min-width: 80px; } .sec32_card_qyb .grbs_box .grbs_list li a { width: 100%; transition: all 0.3s; } .sec32_card_qyb .grbs_box .grbs_list li:hover a { transform: translateX(4px); } .sec32_card_qyb .grbs_box .grbs_list li a::before { display: inline-block; content: ""; width: 4px; height: 4px; background-color: #fff; margin-right: 9px; } .sec32_card_qyb .grbs_box .grbs_list a { display: flex; align-items: center; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #ffffff; } .sec32_card_qyb .ztfw_box { width: 726px; } .sec32_card_qyb .ztfw_list { display: none; } .sec32_card_qyb .ztfw_list li { float: left; height: 98px; width: 20%; display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap; } .sec32_card_qyb .ztfw_list a { height: 70px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; font-size: 17px; font-weight: normal; font-stretch: normal; line-height: 18px; letter-spacing: 0px; color: #333333; } .sec32_card_qyb .ztfw_list a:hover img { -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); } .sec32_card_qyb .ztfw_list.current { display: block; } .sec32_card_qyb .tszq_list { margin-left: -22px; margin-top: 21px; margin-bottom: -23px; } .sec32_card_qyb .tszq_list li { width: 30%; height: 81px; background-color: #ffffff; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); margin-left: 24px; margin-bottom: 23px; } .sec32_card_qyb .tszq_list li a { display: flex; flex-direction: row; width: 100%; height: 100%; justify-content: center; align-items: center; } .sec32_card_qyb .tszq_list li a img { margin-right: 22px; } .sec32_card_qyb .tszq_list li a span { font-size: 17px; font-weight: normal; font-stretch: normal; line-height: 17px; letter-spacing: 0px; color: #333333; } .sec32_card_qyw { padding: 32px 30px; } .sec32_card_qyw .qyw_content { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 10px; } .sec32_card_qyw .qyw_content2 { display: flex; justify-content: space-between; flex-wrap: wrap; } .sec32_card_qyw .qyw_left { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 500px; } .sec32_card_qyw .qyw_left2 { width: 733px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 100%; /* margin-top: 26px;*/ } .sec32_card_qyw .new_qyw_left { width: 733px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 500px; margin-top: -43px; } .sec32_card_qyw .qyw_left .zxft_box { width: 100%; } .sec32_card_qyw .qyw_left .zxft_list_div { box-sizing: border-box; padding: 25px 25px 23px; height: auto; min-height: 278px; background-image: linear-gradient(0deg, #ffffff 0%, #f2f9ff 100%); border: solid 1px #e6e6e6; border-top: 4px #1658a0 solid; display: flex; justify-content: space-between; } .sec32_card_qyw .qyw_left .zxft_list_div .zxft_list_left a { display: inline-block; width: 316px; } .sec32_card_qyw .qyw_left .zxft_list_div .zxft_list_left a img { width: 100%; } .sec32_card_qyw .qyw_left .zxft_list_div .zxft_list_right { width: 348px; } .sec32_card_qyw .qyw_left .zxft_list_div .zxft_list_right h3 a { display: inline-block; font-size: 18px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec32_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li { position: relative; display: flex; margin-top: 21px; height: 33px; align-items: center; } .sec32_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li .frame_detial { width: 88px; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 33px; letter-spacing: 0px; color: #0068b7; padding-left: 12px; box-sizing: border-box; background-image: url(../images/ifame.png); background-size: 100% 100%; } .sec32_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li p { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #333333; } .sec32_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li p:last-child { position: absolute; left: 100px; top: 3px; width: 252px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .sec32_card_qyw .qyw_left .zxft_list_div { display: none; } .sec32_card_qyw .qyw_left .zxft_list_div.current { display: flex; } .sec32_card_qyw .qyw_left .ddxx_box { width: 100%; margin-top: 26px; } .sec32_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #1658a0; border-bottom: 1px solid #e8e8e8; } .sec32_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 a { position: relative; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #333333; margin: 0 22px; } .sec32_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 a+a::before { position: absolute; top: 0; bottom: 0; left: -22px; margin: auto; content: ""; width: 1px; height: 16px; background-color: #afafaf; } .sec32_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 .tab_item_right a.current { color: #1658a0; font-weight: bold; } .sec32_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 .tab_left { padding-bottom: 20px; border-bottom: 4px solid #1658a0; } .sec32_card_qyw .qyw_left .ddxx_table { margin-top: 16px; width: 100%; } .sec32_card_qyw .qyw_left .ddxx_table tbody { width: 100%; } .sec32_card_qyw .qyw_left .ddxx_table .th { width: 100%; height: 45px; background-color: #f2f2f2; font-size: 16px; font-weight: bold; font-stretch: normal; line-height: 47px; letter-spacing: 0px; color: #333333; } .sec32_card_qyw .qyw_left .ddxx_table .th th:nth-child(1) { width: 31%; } .sec32_card_qyw .qyw_left .ddxx_table .th th:nth-child(2) { width: 22%; min-width: 80px; } .sec32_card_qyw .qyw_left .ddxx_table .th th:nth-child(3) { width: 17%; min-width: 70px; } .sec32_card_qyw .qyw_left .ddxx_table .th th:nth-child(4) { min-width: 80px; width: 20%; } .sec32_card_qyw .qyw_left .ddxx_table tr:not(:last-child, .th) { border-bottom: dashed 1px #d2d2d2; } .sec32_card_qyw .qyw_left .ddxx_table tr td:nth-child(1) { display: flex; align-items: center; } .sec32_card_qyw .qyw_left .ddxx_table tr td:nth-child(1) span { width: 2.4rem; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec32_card_qyw .qyw_left .ddxx_table .text { text-align: center; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 47px; letter-spacing: 0px; color: #333333; } .sec32_card_qyw .qyw_left .ddxx_table .text td:first-child { text-align: left; } .sec32_card_qyw .qyw_left .ddxx_table .text td:first-child .square { display: inline-block; line-height: 47px; margin-bottom: 4px; margin-right: 6px; width: 4px; height: 4px; background-color: #cccccc; } .sec32_card_qyw .qyw_left .ddxx_table .text .red { color: #ed4747; } .sec32_card_qyw .qyw_left .ddxx_table .text .green { color: #55b773; } .sec32_card_qyw .qyw_left .ddxx_table { display: none; } .sec32_card_qyw .qyw_left .ddxx_table.current { display: block; } .sec32_card_qyw .qyw_right { width: 35%; } .sec32_card_qyw .qyw_right_tv { width: 35%; } .sec32_card_qyw .qyw_right .mydc_box { margin-bottom: 3px; } .sec32_card_qyw .qyw_right .mydc_list a { display: flex; justify-content: space-between; height: 44px; align-items: center; width: 550px; } .sec32_card_qyw .qyw_right .mydc_list a .left { width: 99%; display: inline-block; flex-direction: column; justify-content: flex-start; } .sec32_card_qyw .qyw_right .mydc_list a h3 { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .sec32_card_qyw .qyw_right .mydc_list a p { font-size: 14px; font-weight: normal; letter-spacing: 0px; color: #888888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec32_card_qyw .qyw_right .mydc_list a .btn { width: 67px; height: 23px; border-radius: 11px; font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; justify-content: center; align-items: center; display: flex; } .sec32_card_qyw .qyw_right .mydc_list a .going { background-color: #6bb9f7; } .sec32_card_qyw .qyw_right .mydc_list a .ending { background-color: #8ab5d7; } .sec32_card_qyw .qyw_right .mydc_list li { border-bottom: dashed 1px #e5e5e5; } .sec32_card_qyw .qyw_right .mydc_list { display: none; } .sec32_card_qyw .qyw_right .mydc_list.current { display: block; } .sec32_card_qyw .qyw_right .xjcx_box .top { padding-top: 29px; padding-bottom: 22px; border-bottom: 1px solid #e8e8e8; display: flex; align-items: center; flex-wrap: wrap; } .sec32_card_qyw .qyw_right .xjcx_box .top img { margin-right: 9px; } .sec32_card_qyw .qyw_right .xjcx_box label { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #333333; } .sec32_card_qyw .qyw_right .xjcx_box input { display: inline-block; box-sizing: border-box; font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #999999; padding-left: 8px; height: 28px; border-radius: 5px; border: solid 1px #bababa; } .sec32_card_qyw .qyw_right .xjcx_box .password { width: 86px; margin-right: 9px; } .sec32_card_qyw .qyw_right .xjcx_box .code { width: 114px; margin-right: 9px; } .sec32_card_qyw .qyw_right .xjcx_box .btn { font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; width: 52px; height: 28px; background-color: #1a87d9; border-radius: 5px; display: flex; justify-content: center; align-items: center; } .sec32_card_qyw .qyw_right .xjcx_box .bttom { margin-top: 15px; display: flex; justify-content: space-between; flex-wrap: wrap; } .sec32_card_qyw .qyw_right .xjcx_box .bttom .img_box { display: flex; justify-content: center; align-items: center; width: 187px; height: 105px; padding-top: 25px; padding-bottom: 20px; box-sizing: border-box; background-image: linear-gradient(0deg, #edf7ff 0%, #f4faff 100%); border-radius: 10px; } .sec32_card_qyw .qyw_right .xjcx_box .bttom .img_box:hover img { -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); } .sec32_card_qyw .qyw_right .xjcx_box .bttom .img_box:nth-child(1), .sec32_card_qyw .qyw_right .xjcx_box .bttom .img_box:nth-child(2) { margin-bottom: 20px; } .sec32_card_qyw .qyw_right .xjcx_box .bttom .img_box a { display: block; width: fit-content; height: fit-content; text-align: center; } .sec32_card_qyw .qyw_right .xjcx_box .bttom .img_box img { margin-bottom: 16px; transform: all 0.3s; } .sec32_card_qyw .qyw_right .xjcx_box .bttom .img_box span { display: block; font-size: 16px; font-weight: normal; font-stretch: bold; line-height: 16px; letter-spacing: 0px; color: #333333; } .sec32_card_qycha { padding: 33px 30px 42px; } .sec32_card_qycha .sec32_card_qycha_content { display: flex; flex-wrap: wrap; justify-content: space-between; } .sec32_card_qycha .card { text-align: center; box-sizing: border-box; padding-top: 33px; padding-left: 30px; padding-right: 30px; width: 368px; height: auto; padding-bottom: 20px; background-image: linear-gradient(0deg, #ffffff 0%, #f2f9ff 100%); border: solid 1px #e6e6e6; } .sec32_card_qycha .card .title { text-align: center; font-size: 22px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #1658a0; margin-top: 21px; margin-bottom: 32px; } .sec32_card_qycha .card .radio_box { display: flex; justify-content: space-between; margin-bottom: 32px; } .sec32_card_qycha .card .radio_box div input { margin-right: 12px; } .sec32_card_qycha .card .radio_box div label { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #666666; } .sec32_card_qycha .card .input_search { margin-bottom: 20px; display: block; box-sizing: border-box; padding-left: 19px; font-size: 15px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #999999; width: 100%; height: 45px; background-color: #ffffff; border-radius: 5px; border: solid 1px #b1cfed; } .sec32_card_qycha .card .btn_box { height: 45px; background-color: #4785c9; border-radius: 5px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .sec32_card_qycha .card .btn_box img { margin-right: 14px; } .sec32_card_qycha .card .btn_box span { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 45px; letter-spacing: 0px; color: #ffffff; } .sec32_card_qycha .card_img_rote { display: inline-block; cursor: pointer; transition: all 0.3s; position: relative; box-sizing: content-box; border: 6px solid transparent; margin: 0 auto 10px; background-color: transparent; border-radius: 105px; } .sec32_card_qycha .card_img_rote::before { content: ''; position: absolute; top: -14px; left: -14px; right: -14px; bottom: -14px; display: block; border: 1px solid rgba(0, 0, 0, 0.05); background-color: rgba(255, 255, 255, 0.1); transform: scale(0, 0); opacity: 0; border-radius: 105px; transition: all 0.3s; } .sec32_card_qycha .card_img_rote:hover::before { transform: scale(1, 1); opacity: 1; } .sec32_card_qycha .card_img_rote:hover { box-shadow: 0 0 0 6px #ecf5ff; border-color: #eef6ff; background-color: #eef6ff; } .sec32_card_qycha .card2 title { margin-bottom: 26px; } .sec32_card_qycha .card_list { display: flex; justify-content: space-between; flex-wrap: wrap; } .sec32_card_qycha .card_list li { width: 33.3%; } .sec32_card_qycha .card_list li:hover a { color: #1658a0; } .sec32_card_qycha .card_list a { display: flex; justify-content: flex-start; align-items: center; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #333333; } .sec32_card_qycha .card_list a::before { display: inline-block; content: ""; width: 4px; height: 4px; background-color: #1658a0; margin-right: 9px; margin-bottom: 4px; } .sec32_card_qycha .card3 { padding-left: 27px; } .sec32_card_qycha .card3 .card_list { flex-wrap: wrap; justify-content: flex-start; } .sec32_card_qycha .card3 .card_list li { text-align: left; } .sec32_card_qycha .card3 .card_list li:nth-child(even) { width: 46%; } .sec32_card_qycha .card3 .card_list li:nth-child(even) a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec32_card_qycha .card3 .card_list li:nth-child(odd) { width: 52%; } .sec32_card_qycha .card3 .card_list li:nth-child(odd) a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*sec32 end*/ /*sec33 start*/ .sec33_card { display: none; padding: 32px 30px; box-sizing: border-box; background-color: #ffffff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; } .sec33_card.current_510 { height: 510px; } .sec33_card.current { display: block; height: 510px; } .sec33_card_qyc .qyc_top { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 22px; } .sec33_card_qyc .qyc_left_box { width: 612px; } .sec33_card_qyc .qyc_left_box .qyc_left_tab .more { padding-top: 5px; } .sec33_card_qyc .qyc_left_box .gljd-t .gljd_box { display: flex; } .sec33_card_qyc .qyc_left_box .gljd-t .gljd_box .list_text { width: 70%; } .sec33_card_qyc .qyc_left_box .gljd-t .gljd_box .gljd_link { display: inline-block; width: 100px; color: #5e89bc; } .sec33_card_qyc .qyc_right_box { width: 504px; } .sec33_card_qyc .qyc_right_box .tab { margin-bottom: 0; } .sec33_card_qyc .qyc_right_box .openInfoList li { float: left; width: 242px; box-sizing: border-box; padding-left: 9px; } .sec33_card_qyc .qyc_right_box .openInfoList li:not(:nth-last-child(-n+2)) { line-height: 100px; border-bottom: 1px dashed #c6c6c6; } .sec33_card_qyc .qyc_right_box .openInfoList li:nth-last-child(-n+2) { padding-top: 27px; padding-bottom: 13px; } .sec33_card_qyc .qyc_right_box .openInfoList li:nth-child(odd) { margin-right: 10px; } .sec33_card_qyc .qyc_right_box .openInfoList li a.list_text { display: flex; justify-content: flex-start; align-items: center; font-size: 18px; font-weight: bold; font-stretch: normal; letter-spacing: 0px; color: #333333; } .sec33_card_qyc .qyc_right_box .openInfoList li a.list_text img { vertical-align: middle; margin-right: 16px; } .sec33_card_qyc .qyc_right_box .openInfoList li a.list_text:hover img { -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); } .sec33_card_qyc .qyc_bottom { display: flex; flex-wrap: wrap; padding-top: 18px; align-items: center; box-sizing: border-box; padding-left: 30px; padding-right: 30px; width: 1180px; background-color: #f6f6f6; border-radius: 5px; } .sec33_card_qyc .qyc_bottom .search_zc, .sec33_card_qyc .qyc_bottom .range, .sec33_card_qyc .qyc_bottom .radio_range, .sec33_card_qyc .qyc_bottom .input_box, .sec33_card_qyc .qyc_bottom .search_box { margin-bottom: 30px; } .sec33_card_qyc .qyc_bottom .search_zc { margin-right: 30px; } .sec33_card_qyc .qyc_bottom .range { margin-right: 30px; } .sec33_card_qyc .qyc_bottom .range::before { display: inline-block; content: ""; border: 14px solid transparent; border-width: 7px 9px; border-left-color: #4885c9; margin-right: 8px; } .sec33_card_qyc .qyc_bottom .input_box { box-sizing: border-box; padding-left: 17px; width: 333px; height: 45px; background-color: #ffffff; border-radius: 5px; border: solid 1px #b1cfed; font-size: 15px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #333; } .sec33_card_qyc .qyc_bottom .radio_range input { margin-right: 12px; } .sec33_card_qyc .qyc_bottom .radio_range.all { margin-right: 30px; } .sec33_card_qyc .qyc_bottom .radio_range.title { margin-right: 40px; } .sec33_card_qyc .qyc_bottom .search_box { display: flex; justify-content: center; align-items: center; width: 114px; height: 45px; background-color: #4785c9; border-radius: 5px; color: #fff; font-size: 18px; margin-left: 30px; cursor: pointer; } .sec33_card_qyc .qyc_bottom .search_box img { margin-right: 14px; } .sec33_card_qyc .qyc_bottom .f18 { font-size: 18px; color: #666; } .sec33_card_qyb .ehb { position: relative; } .sec33_card_qyb .ehb .ehb_code { position: absolute; bottom: -18px; left: 50%; transform: translate(-50%, 100%); padding: 10px; opacity: 1; transition: opacity 0.3s; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: none; } .sec33_card_qyb .ehb .ehb_code::before { position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); display: block; content: ""; border: 1px solid transparent; border-width: 11px 6px; border-bottom-color: #fff; z-index: 99; } .sec33_card_qyb .ehb:hover .ehb_code { display: block !important; } .sec33_card_qyb .top { display: flex; justify-content: space-between; } .sec33_card_qyb .top a { width: 358px; height: 126px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .sec33_card_qyb .top a p { font-size: 22px; font-weight: blod; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #1658a0; margin-left: 20px; } .sec33_card_qyb .top a:first-child { background-image: url(../images/sec3_jqb_top01-bg.png); background-size: 100% 100%; background-repeat: no-repeat; } .sec33_card_qyb .top a:first-child img:last-child { margin-left: 28px; } .sec33_card_qyb .top a:not(:first-child) { background-color: #f0f6ff; } .sec33_card_qyb .top .card_qyb_top_a01 { width: 400px; } .sec33_card_qyb .top .card_qyb_top_a02 img { width: 70px; } .sec33_card_qyb .top .card_qyb_top_a02 p { font-weight: bold; } .sec33_card_qyb .top .card_qyb_top_a03 img { width: 63px; } .sec33_card_qyb .top .card_qyb_top_a03 p { font-weight: bold; margin-left: 55px; } .sec33_card_qyb .sec33_card_bottom { display: flex; justify-content: space-between; margin-top: 47px; flex-wrap: wrap; } .sec33_card_qyb .pubCon-tab-pane .grbs_tab { margin-bottom: 17px; } .sec33_card_qyb .pubCon-tab-pane .ztfw_tab { margin-bottom: 0; } .sec33_card_qyb .grbs_box { width: 400px; } .sec33_card_qyb .grbs_box .grbs_pane .grbs_list_div { display: none; width: 100%; background-color: #4285cf; padding: 21px 37px 18px 30px; box-sizing: border-box; } .sec33_card_qyb .grbs_box .grbs_pane .grbs_list_div .grbs_title_box { display: flex; justify-content: space-between; align-items: center; } .sec33_card_qyb .grbs_box .grbs_pane .grbs_list_div .grbs_title { display: flex; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #ffffff; } .sec33_card_qyb .grbs_box .grbs_pane .grbs_list_div .grbs_title img { margin-right: 8px; } .sec33_card_qyb .grbs_box .grbs_pane .grbs_list_div .more { display: inline-block; } .sec33_card_qyb .grbs_box .grbs_pane .grbs_list_div:first-child { background-color: #4285cf; } .sec33_card_qyb .grbs_box .grbs_pane .grbs_list_div:nth-child(2) { background-color: #449be5; } .sec33_card_qyb .grbs_box .grbs_pane .grbs_list_div:last-child { background-color: #1a70ba; } .sec33_card_qyb .grbs_box .grbs_pane .grbs_list_div.current { display: block; } .sec33_card_qyb .grbs_box .grbs_list { width: 100%; margin-top: 12px; } .sec33_card_qyb .grbs_box .grbs_list li { padding-left: 10px; float: left; width: 30%; min-width: 80px; } .sec33_card_qyb .grbs_box .grbs_list li a { width: 100%; transition: all 0.3s; } .sec33_card_qyb .grbs_box .grbs_list li:hover a { transform: translateX(4px); } .sec33_card_qyb .grbs_box .grbs_list li a::before { display: inline-block; content: ""; width: 4px; height: 4px; background-color: #fff; margin-right: 9px; } .sec33_card_qyb .grbs_box .grbs_list a { display: flex; align-items: center; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #ffffff; } .sec33_card_qyb .ztfw_box { width: 726px; } .sec33_card_qyb .ztfw_list { display: none; } .sec33_card_qyb .ztfw_list li { float: left; height: 98px; width: 20%; display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap; } .sec33_card_qyb .ztfw_list a { height: 70px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; font-size: 17px; font-weight: normal; font-stretch: normal; line-height: 18px; letter-spacing: 0px; color: #333333; } .sec33_card_qyb .ztfw_list a:hover img { -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); } .sec33_card_qyb .ztfw_list.current { display: block; } .sec33_card_qyb .tszq_list { margin-left: -22px; margin-top: 21px; margin-bottom: -23px; } .sec33_card_qyb .tszq_list li { width: 30%; height: 81px; background-color: #ffffff; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); margin-left: 24px; margin-bottom: 23px; } .sec33_card_qyb .tszq_list li a { display: flex; flex-direction: row; width: 100%; height: 100%; justify-content: center; align-items: center; } .sec33_card_qyb .tszq_list li a img { margin-right: 22px; } .sec33_card_qyb .tszq_list li a span { font-size: 17px; font-weight: normal; font-stretch: normal; line-height: 17px; letter-spacing: 0px; color: #333333; } .sec33_card_qyw { padding: 32px 30px; } .sec33_card_qyw .qyw_content { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 10px; } .sec33_card_qyw .qyw_content2 { display: flex; justify-content: space-between; flex-wrap: wrap; } .sec33_card_qyw .qyw_left { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 500px; } .sec33_card_qyw .qyw_left2 { width: 733px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 100%; /* margin-top: 26px;*/ } .sec33_card_qyw .new_qyw_left { width: 733px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 500px; margin-top: -43px; } .sec33_card_qyw .qyw_left .zxft_box { width: 100%; } .sec33_card_qyw .qyw_left .zxft_list_div { box-sizing: border-box; padding: 25px 25px 23px; height: auto; min-height: 278px; background-image: linear-gradient(0deg, #ffffff 0%, #f2f9ff 100%); border: solid 1px #e6e6e6; border-top: 4px #1658a0 solid; display: flex; justify-content: space-between; } .sec33_card_qyw .qyw_left .zxft_list_div .zxft_list_left a { display: inline-block; width: 316px; } .sec33_card_qyw .qyw_left .zxft_list_div .zxft_list_left a img { width: 100%; } .sec33_card_qyw .qyw_left .zxft_list_div .zxft_list_right { width: 348px; } .sec33_card_qyw .qyw_left .zxft_list_div .zxft_list_right h3 a { display: inline-block; font-size: 18px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec33_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li { position: relative; display: flex; margin-top: 21px; height: 33px; align-items: center; } .sec33_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li .frame_detial { width: 88px; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 33px; letter-spacing: 0px; color: #0068b7; padding-left: 12px; box-sizing: border-box; background-image: url(../images/ifame.png); background-size: 100% 100%; } .sec33_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li p { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #333333; } .sec33_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li p:last-child { position: absolute; left: 100px; top: 3px; width: 252px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .sec33_card_qyw .qyw_left .zxft_list_div { display: none; } .sec33_card_qyw .qyw_left .zxft_list_div.current { display: flex; } .sec33_card_qyw .qyw_left .ddxx_box { width: 100%; margin-top: 26px; } .sec33_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #1658a0; border-bottom: 1px solid #e8e8e8; } .sec33_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 a { position: relative; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #333333; margin: 0 22px; } .sec33_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 a+a::before { position: absolute; top: 0; bottom: 0; left: -22px; margin: auto; content: ""; width: 1px; height: 16px; background-color: #afafaf; } .sec33_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 .tab_item_right a.current { color: #1658a0; font-weight: bold; } .sec33_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 .tab_left { padding-bottom: 20px; border-bottom: 4px solid #1658a0; } .sec33_card_qyw .qyw_left .ddxx_table { margin-top: 16px; width: 100%; } .sec33_card_qyw .qyw_left .ddxx_table tbody { width: 100%; } .sec33_card_qyw .qyw_left .ddxx_table .th { width: 100%; height: 45px; background-color: #f2f2f2; font-size: 16px; font-weight: bold; font-stretch: normal; line-height: 47px; letter-spacing: 0px; color: #333333; } .sec33_card_qyw .qyw_left .ddxx_table .th th:nth-child(1) { width: 31%; } .sec33_card_qyw .qyw_left .ddxx_table .th th:nth-child(2) { width: 22%; min-width: 80px; } .sec33_card_qyw .qyw_left .ddxx_table .th th:nth-child(3) { width: 17%; min-width: 70px; } .sec33_card_qyw .qyw_left .ddxx_table .th th:nth-child(4) { min-width: 80px; width: 20%; } .sec33_card_qyw .qyw_left .ddxx_table tr:not(:last-child, .th) { border-bottom: dashed 1px #d2d2d2; } .sec33_card_qyw .qyw_left .ddxx_table tr td:nth-child(1) { display: flex; align-items: center; } .sec33_card_qyw .qyw_left .ddxx_table tr td:nth-child(1) span { width: 2.4rem; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec33_card_qyw .qyw_left .ddxx_table .text { text-align: center; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 47px; letter-spacing: 0px; color: #333333; } .sec33_card_qyw .qyw_left .ddxx_table .text td:first-child { text-align: left; } .sec33_card_qyw .qyw_left .ddxx_table .text td:first-child .square { display: inline-block; line-height: 47px; margin-bottom: 4px; margin-right: 6px; width: 4px; height: 4px; background-color: #cccccc; } .sec33_card_qyw .qyw_left .ddxx_table .text .red { color: #ed4747; } .sec33_card_qyw .qyw_left .ddxx_table .text .green { color: #55b773; } .sec33_card_qyw .qyw_left .ddxx_table { display: none; } .sec33_card_qyw .qyw_left .ddxx_table.current { display: block; } .sec33_card_qyw .qyw_right { width: 35%; } .sec33_card_qyw .qyw_right_tv { width: 35%; /*margin-top: 15px;*/ } .sec33_card_qyw .qyw_right .mydc_box { margin-bottom: 3px; } .sec33_card_qyw .qyw_right .mydc_list a { display: flex; justify-content: space-between; height: 44px; align-items: center; width: 550px; } .sec33_card_qyw .qyw_right .mydc_list a .left { width: 99%; display: inline-block; flex-direction: column; justify-content: flex-start; } .sec33_card_qyw .qyw_right .mydc_list a h3 { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .sec33_card_qyw .qyw_right .mydc_list a p { font-size: 14px; font-weight: normal; letter-spacing: 0px; color: #888888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec33_card_qyw .qyw_right .mydc_list a .btn { width: 67px; height: 23px; border-radius: 11px; font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; justify-content: center; align-items: center; display: flex; } .sec33_card_qyw .qyw_right .mydc_list a .going { background-color: #6bb9f7; } .sec33_card_qyw .qyw_right .mydc_list a .ending { background-color: #8ab5d7; } .sec33_card_qyw .qyw_right .mydc_list li { border-bottom: dashed 1px #e5e5e5; } .sec33_card_qyw .qyw_right .mydc_list { display: none; } .sec33_card_qyw .qyw_right .mydc_list.current { display: block; } .sec33_card_qyw .qyw_right .xjcx_box .top { padding-top: 29px; padding-bottom: 22px; border-bottom: 1px solid #e8e8e8; display: flex; align-items: center; flex-wrap: wrap; } .sec33_card_qyw .qyw_right .xjcx_box .top img { margin-right: 9px; } .sec33_card_qyw .qyw_right .xjcx_box label { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #333333; } .sec33_card_qyw .qyw_right .xjcx_box input { display: inline-block; box-sizing: border-box; font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #999999; padding-left: 8px; height: 28px; border-radius: 5px; border: solid 1px #bababa; } .sec33_card_qyw .qyw_right .xjcx_box .password { width: 86px; margin-right: 9px; } .sec33_card_qyw .qyw_right .xjcx_box .code { width: 114px; margin-right: 9px; } .sec33_card_qyw .qyw_right .xjcx_box .btn { font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; width: 52px; height: 28px; background-color: #1a87d9; border-radius: 5px; display: flex; justify-content: center; align-items: center; } .sec33_card_qyw .qyw_right .xjcx_box .bttom { margin-top: 15px; display: flex; justify-content: space-between; flex-wrap: wrap; } .sec33_card_qyw .qyw_right .xjcx_box .bttom .img_box { display: flex; justify-content: center; align-items: center; width: 187px; height: 105px; padding-top: 25px; padding-bottom: 20px; box-sizing: border-box; background-image: linear-gradient(0deg, #edf7ff 0%, #f4faff 100%); border-radius: 10px; } .sec33_card_qyw .qyw_right .xjcx_box .bttom .img_box:hover img { -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); } .sec33_card_qyw .qyw_right .xjcx_box .bttom .img_box:nth-child(1), .sec33_card_qyw .qyw_right .xjcx_box .bttom .img_box:nth-child(2) { margin-bottom: 20px; } .sec33_card_qyw .qyw_right .xjcx_box .bttom .img_box a { display: block; width: fit-content; height: fit-content; text-align: center; } .sec33_card_qyw .qyw_right .xjcx_box .bttom .img_box img { margin-bottom: 16px; transform: all 0.3s; } .sec33_card_qyw .qyw_right .xjcx_box .bttom .img_box span { display: block; font-size: 16px; font-weight: normal; font-stretch: bold; line-height: 16px; letter-spacing: 0px; color: #333333; } .sec33_card_qycha { padding: 33px 30px 42px; } .sec33_card_qycha .sec33_card_qycha_content { display: flex; flex-wrap: wrap; justify-content: space-between; } .sec33_card_qycha .card { text-align: center; box-sizing: border-box; padding-top: 33px; padding-left: 30px; padding-right: 30px; width: 368px; height: auto; padding-bottom: 20px; background-image: linear-gradient(0deg, #ffffff 0%, #f2f9ff 100%); border: solid 1px #e6e6e6; } .sec33_card_qycha .card .title { text-align: center; font-size: 22px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #1658a0; margin-top: 21px; margin-bottom: 32px; } .sec33_card_qycha .card .radio_box { display: flex; justify-content: space-between; margin-bottom: 32px; } .sec33_card_qycha .card .radio_box div input { margin-right: 12px; } .sec33_card_qycha .card .radio_box div label { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #666666; } .sec33_card_qycha .card .input_search { margin-bottom: 20px; display: block; box-sizing: border-box; padding-left: 19px; font-size: 15px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #999999; width: 100%; height: 45px; background-color: #ffffff; border-radius: 5px; border: solid 1px #b1cfed; } .sec33_card_qycha .card .btn_box { height: 45px; background-color: #4785c9; border-radius: 5px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .sec33_card_qycha .card .btn_box img { margin-right: 14px; } .sec33_card_qycha .card .btn_box span { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 45px; letter-spacing: 0px; color: #ffffff; } .sec33_card_qycha .card_img_rote { display: inline-block; cursor: pointer; transition: all 0.3s; position: relative; box-sizing: content-box; border: 6px solid transparent; margin: 0 auto 10px; background-color: transparent; border-radius: 105px; } .sec33_card_qycha .card_img_rote::before { content: ''; position: absolute; top: -14px; left: -14px; right: -14px; bottom: -14px; display: block; border: 1px solid rgba(0, 0, 0, 0.05); background-color: rgba(255, 255, 255, 0.1); transform: scale(0, 0); opacity: 0; border-radius: 105px; transition: all 0.3s; } .sec33_card_qycha .card_img_rote:hover::before { transform: scale(1, 1); opacity: 1; } .sec33_card_qycha .card_img_rote:hover { box-shadow: 0 0 0 6px #ecf5ff; border-color: #eef6ff; background-color: #eef6ff; } .sec33_card_qycha .card2 title { margin-bottom: 26px; } .sec33_card_qycha .card_list { display: flex; justify-content: space-between; flex-wrap: wrap; } .sec33_card_qycha .card_list li { width: 33.3%; } .sec33_card_qycha .card_list li:hover a { color: #1658a0; } .sec33_card_qycha .card_list a { display: flex; justify-content: flex-start; align-items: center; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #333333; } .sec33_card_qycha .card_list a::before { display: inline-block; content: ""; width: 4px; height: 4px; background-color: #1658a0; margin-right: 9px; margin-bottom: 4px; } .sec33_card_qycha .card3 { padding-left: 27px; } .sec33_card_qycha .card3 .card_list { flex-wrap: wrap; justify-content: flex-start; } .sec33_card_qycha .card3 .card_list li { text-align: left; } .sec33_card_qycha .card3 .card_list li:nth-child(even) { width: 46%; } .sec33_card_qycha .card3 .card_list li:nth-child(even) a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec33_card_qycha .card3 .card_list li:nth-child(odd) { width: 52%; } .sec33_card_qycha .card3 .card_list li:nth-child(odd) a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*sec33 end*/ a { color: #333; } .clearfix::before, .clearfix::after { content: ""; display: table; } .clearfix::after { clear: both; height: 0; } /*第四屏*/ .sec4_box { background-color: #f6fbff; padding-top: 40px; padding-bottom: 0px; } .sec4_box .sec4_nav { padding-top: 30px; box-sizing: border-box; background-color: #ffffff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; display: flex; align-items: flex-end; margin-bottom: 55px; flex-wrap: wrap; justify-content: center; } .sec4_box .sec4_nav a { position: relative; width: 15%; height: fit-content; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 30px; } .sec4_box .sec4_nav a:hover img { -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); } .sec4_box .sec4_nav a img { padding-bottom: 28px; } .sec4_box .sec4_nav a span { text-align: center; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 20px; letter-spacing: 0px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec4_box .sec4_nav a+a::before { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; display: block; content: ""; width: 1px; height: 56px; border-left: dashed 1px #c6c6c6; } /*矿区掠影和专题专栏*/ .sec4_box .kqly_box { margin-bottom: 40px; } .sec34_box .ztzl_box { margin-bottom: 30px; margin-top: 10px; } .sec4_box .kqly_box .kqly_content { display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #e8e8e8; margin-bottom: 25px; } .sec34_box .ztzl_box .ztzl_content { display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #e8e8e8; margin-bottom: 25px; } .sec4_box .kqly_box .kqly_title { font-size: 22px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #1658a0; padding-bottom: 20px; border-bottom: 4px solid #1658a0; } /* .sec3_box .ztzl_box .ztzl_title { font-size: 22px; font-weight: bold; font-stretch: normal; line-height: 23px; letter-spacing: 0px; color: #1658a0; padding-bottom: 20px; border-bottom: 4px solid #1658a0; } */ .sec4_box .kqly_box .more { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #1658a0; padding-bottom: 20px; } .sec34_box .ztzl_box .more { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #1658a0; padding-bottom: 20px; } .sec4_box .kqly_box .more img { vertical-align: middle; margin-bottom: 0px; } .sec34_box .ztzl_box .more img { vertical-align: middle; margin-bottom: 0px; } .sec34_box .ztzl_box .ztzl_title { position: relative; text-align: center; margin-bottom: 20px; } .sec34_box .ztzl_box .ztzl_title:before, .ztzl_title:after { content: ""; width: 100%; height: 2px; background: #d5d5d5; position: absolute; left: 0; top: 50%; margin-top: -1px; } .sec34_box .ztzl_box .ztzl_title a { color: #1658a0; } .sec34_box .ztzl_box .ztzl_title:after { width: 50%; left: 25%; background: #005293; } .sec34_box .ztzl_box .ztzl_title span { position: relative; z-index: 2; display: inline-block; background: #fff; font-size: 24px; font-weight: bold; padding: 10px 28px; } .sec34_box .ztzl_box .ztzl_title span:before, .sec34_box .ztzl_box .ztzl_title span:after { content: ""; display: block; width: 7px; height: 7px; background: #005293; border-radius: 50%; position: absolute; left: -7px; top: 50%; margin-top: -3.5px; } .sec34_box .ztzl_box .ztzl_title span:after { left: 100%; } /** Mozilla Firefox */ @-moz-document url-prefix() { .sec4_box .kqly_box .more img { /*margin-left: 5px;*/ vertical-align: middle; margin-bottom: 2px; } .sec34_box .ztzl_box .more img { /*margin-left: 5px;*/ vertical-align: middle; margin-bottom: 2px; } } /* Chrome version 29 and above @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { .sec4_box .kqly_box .more img { vertical-align: middle; margin-bottom: 2px; } }*/ /* @supports (-ms-ime-align: auto) { .sec4_box .kqly_box .more img { vertical-align: middle; margin-bottom: 0px; } }*/ .sec4_box .kqly_box .kqly_swiper_box { position: relative; } .sec34_box .ztzl_box .ztzl_swiper_box { position: relative; } .sec4_box .kqly_box .kqly_swiper_box .kqly_swiper { width: 1240px; margin: 0 auto; } .sec34_box .ztzl_box .ztzl_swiper_box .ztzl_swiper { width: 1240px; margin: 0 auto; } .sec4_box .kqly_box .kqly_swiper_box .kqly_swiper .swiper-wrapper .swiper-slide { width: 23.5%; } .sec34_box .ztzl_box .ztzl_swiper_box .ztzl_swiper .swiper-wrapper .swiper-slide { width: 23.5%; } .sec4_box .kqly_box .kqly_swiper_box .kqly_swiper .swiper-wrapper .kqly_slide_a { display: block; height: 192px; background-color: #e0e0e0; border-radius: 10px; overflow: hidden; position: relative; } .sec34_box .ztzl_box .ztzl_swiper_box .ztzl_swiper .swiper-wrapper .ztzl_slide_a { display: block; height: 142px; background-color: #e0e0e0; /*border-radius: 10px;*/ overflow: hidden; position: relative; } .sec4_box .kqly_box .kqly_swiper_box .kqly_swiper .swiper-wrapper .kqly_slide_a:hover img { scale: 1.1; } .sec34_box .ztzl_box .ztzl_swiper_box .ztzl_swiper .swiper-wrapper .ztzl_slide_a:hover img { scale: 1.1; } .sec4_box .kqly_box .kqly_swiper_box .kqly_swiper .swiper-wrapper .kqly_slide_a img { width: 100%; height: 100%; transition: all 0.3s; } .sec34_box .ztzl_box .ztzl_swiper_box .ztzl_swiper .swiper-wrapper .ztzl_slide_a img { width: 100%; height: 100%; transition: all 0.3s; } .sec4_box .kqly_box .kqly_swiper_box .kqly_swiper .swiper-wrapper .kqly_slide_a .bg_title { width: 100%; height: 30px; position: absolute; bottom: 0; left: 0; z-index: 2; display: block; background-color: #000000; border-radius: 0px 0px 10px 10px; opacity: 0.4; } .sec34_box .ztzl_box .ztzl_swiper_box .ztzl_swiper .swiper-wrapper .ztzl_slide_a .bg_title { width: 100%; height: 30px; position: absolute; bottom: 0; left: 0; z-index: 2; display: block; background-color: #000000; border-radius: 0px 0px 10px 10px; opacity: 0.4; } .sec4_box .kqly_box .kqly_swiper_box .kqly_swiper .swiper-wrapper .kqly_slide_a .bg_text { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 3; font-size: 16px; font-weight: bold; font-stretch: normal; line-height: 30px; letter-spacing: 1px; color: #ffffff; /*padding-left: 12px;*/ text-align: center; } .sec34_box .ztzl_box .ztzl_swiper_box .ztzl_swiper .swiper-wrapper .ztzl_slide_a .bg_text { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 3; font-size: 16px; font-weight: bold; font-stretch: normal; line-height: 30px; letter-spacing: 1px; color: #ffffff; /*padding-left: 12px;*/ text-align: center; } .sec4_box .kqly_box .kqly_swiper_box .swiper-button-next, .sec4_box .kqly_box .kqly_swiper_box .swiper-button-prev { position: absolute; top: 0; bottom: 0; margin: auto; width: 25px; height: 44px; background-color: #3e80c9; border-radius: 0px 5px 5px 0px; opacity: 0.5; background-size: 11px auto; } .sec34_box .ztzl_box .ztzl_swiper_box .swiper-button-next, .sec34_box .ztzl_box .ztzl_swiper_box .swiper-button-prev { position: absolute; top: 0; bottom: 0; margin: auto; width: 25px; height: 44px; background-color: #3e80c9; border-radius: 0px 5px 5px 0px; opacity: 0.5; background-size: 11px auto; } .sec4_box .kqly_box .kqly_swiper_box .swiper-button-next { border-radius: 5px 0px 0px 5px; right: 0; background-image: url(ztzl_rightArrow.png); } .sec34_box .ztzl_box .ztzl_swiper_box .swiper-button-next { border-radius: 5px 0px 0px 5px; right: 0; background-image: url(ztzl_rightArrow.png); } .sec4_box .kqly_box .kqly_swiper_box .swiper-button-prev { left: 0; background-image: url(ztzl_leftArrow.png); } .sec34_box .ztzl_box .ztzl_swiper_box .swiper-button-prev { left: 0; background-image: url(ztzl_leftArrow.png); } @keyframes TopBots { 0% { transform: translateY(-8px); } 50% { transform: translateY(0px); } 100% { transform: translateY(-8px); } } @-webkit-keyframes TopBots { 0% { transform: translateY(-8px); } 50% { transform: translateY(0px); } 100% { transform: translateY(-8px); } } @-moz-keyframes TopBots { 0% { transform: translateY(-8px); } 50% { transform: translateY(0px); } 100% { transform: translateY(-8px); } } @-ms-keyframes TopBots { 0% { transform: translateY(-8px); } 50% { transform: translateY(0px); } 100% { transform: translateY(-8px); } } /* 左侧边栏 */ .aside_box { width: fit-content; height: fit-content; position: fixed; right: 100px; bottom: 100px; z-index: 10; display: none; } .aside_box.show { display: block; } .aside_box .zzwd { display: block; text-align: center; position: relative; height: 92px; margin-bottom: 9px; } .aside_box .zzwd img { position: absolute; bottom: 0; left: -7px; display: inline-block; } /*侧边栏*/ .aside_content { width: 65px; height: 336px; /* 左侧边栏-鄂汇办 */ /*智能推荐*/ } .aside_content .aside_content_a { width: 100%; height: 100%; background-color: #ffffff; box-shadow: 0px -3px 9px 0px rgba(0, 0, 0, 0.15); border-radius: 30px; display: flex; justify-content: space-around; flex-direction: column; align-items: center; } .aside_content .aside_content_a>div { cursor: pointer; width: 54px; height: 54px; border-radius: 54px; } .aside_content .aside_content_a>div, .aside_content .aside_content_a>div>a, .aside_content .aside_content_a>div>a.ehb { display: flex; justify-content: center; align-items: center; } .aside_content .aside_content_a>div p, .aside_content .aside_content_a>div>a p, .aside_content .aside_content_a>div>a.ehb p { display: none; flex-direction: column; justify-content: center; align-items: center; font-family: MicrosoftYaHei; font-size: 13px; font-weight: normal; font-stretch: normal; line-height: 16px; letter-spacing: 0px; color: #fff; word-break: break-all; transition: all 0.3s; } .aside_content .aside_content_a>div:hover { background-color: #1658a0; } .aside_content .aside_content_a>div:hover .imgbz { display: none; } .aside_content .aside_content_a>div:hover p { display: flex !important; } .aside_content .aside_content_a>div:hover .ehb_code { display: block !important; } .aside_content .aside_content_a .ehb { position: relative; width: 100%; display: block; } .aside_content .aside_content_a .ehb .ehb_code { position: absolute; left: -30px; top: 0; transform: translate(-100%, -40%); padding: 10px; opacity: 1; transition: opacity 0.3s; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: none; } .aside_content .aside_content_a .ehb .ehb_code img:last-child { position: absolute; top: 50%; right: 0; transform: translate(100%, -50%); } .aside_content .zntj_aside { position: relative; } .aside_content .zntj_content { display: none; width: 490px; height: 400px; box-sizing: border-box; position: absolute; left: 0; bottom: -56px; background-color: transparent; transform: translate(-100%, 0); } .aside_content .zntj_content_inner { width: 480px; height: 400px; box-sizing: border-box; margin-right: 20px; padding: 18px 22px; background-color: #ffffff; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.15); border-radius: 10px; } .aside_content .zntj_title { font-size: 17px; font-weight: bold; font-stretch: normal; line-height: 18px; letter-spacing: 0px; color: #1658a0; border-bottom: 1px solid #e8e8e8; } .aside_content .zntj_title span { display: inline-block; padding-bottom: 16px; border-bottom: 4px solid #1658a0; } .aside_content .zntj_list { margin-top: 5px; } .aside_content .zntj_list a { display: block; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #333333; } .aside_content .zntj_list a .mark { display: inline-block; width: 76px; height: 22px; line-height: 22px; background-color: #e4f3ff; border-radius: 5px; color: #0068b7; text-align: center; margin-right: 10px; } .aside_content .changeBtn { margin-top: 7px; display: flex; justify-content: center; align-items: center; width: 444px; height: 40px; background-color: #f6f6f6; border-radius: 8px; user-select: none; } .aside_content .changeBtn img { margin-right: 6px; } .aside_content .code_ewm { width: 105px; height: 105px; } .elp1 { display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .hot_box_swiper { position: relative; /* border: 1px solid red; */ } .hot_box_swiper .dot { z-index: 999; position: absolute; bottom: 0px; width: 100%; } .hot_box_swiper .swiper-wrapper, .hot_box_swiper .swiper-slide { height: 140px; } .main_content .hot_swiper .hot_content { display: flex; justify-content: center; padding-top: 35px; width: 100%; box-sizing: border-box; } .main_content .hot_swiper .hot_content a { width: 100%; box-sizing: border-box; } .main_content .hot_swiper .hot_content .left { height: 100%; line-height: 80px; } .main_content .hot_swiper .hot_content .left img { vertical-align: middle; } .hot_box_swiper { position: relative; } .hot_box_swiper>.left { position: absolute; top: 50%; transform: translateY(-50%); left: .6rem; } .hot_box_swiper>.right { width: calc(100% - 350px); margin: 0 auto; } .hot_swiper .hot_content a h3, .hot_swiper .hot_content a p { /* padding: 0 30px; */ margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 8px; } @media(max-width:750px) { .hot_box_swiper>.left { width: 15%; } .hot_box_swiper>.left img { width: 100%; } .hot_box_swiper>.right { width: calc(100% - 30% - 50px); } } .top-news-left { display: flex; height: 40px; margin-bottom: 20px; background: url(tzgg.png) no-repeat 26px center; border: 1px solid #eaeff3; border-radius: 7px; box-shadow: 2px 1px 8px 1px rgb(228, 232, 235); } .top-news-left marquee { /*width: 990px;*/ width: 80%; margin-left: 160px; line-height: 40px; } .top-news-left marquee a { padding-right: 100px; padding-left: 20px; background: url(tz_dian.png) no-repeat 6px center; } /* .main_content .hot_swiper .hot_content a .right { width: calc(100% - 110px); } */ /* .main_content .hot_swiper .hot_content a .right h3, .main_content .hot_swiper .hot_content a .right p { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 10px; padding: 0; } */ .txtScroll-new { width: 1150px !important; height: 30px; margin: auto; font-size: 14px; /* border: 1px solid #eaeff3; border-radius: 7px; box-shadow: 2px 1px 8px 1px rgb(228, 232, 235);*/ margin-bottom: 10px; font-size: 14px !important; } .txtScroll-new ul { padding: 0; margin: 0; line-height: 30px;} .txtScroll-new a { text-decoration: none; transition: all ease 0.3s; } .txtScroll-new a:hover { color: #1658a0; transform: translateX(4px); } .txtScroll-new span { } .txtScroll-new li { padding: 0; margin: 0; list-style: none; width: 100%; } .txtScroll-new .span1 { display: inline-block; width: 278px; margin-left: 10px; margin-right:0px; text-align: left; } .txtScroll-new .span2 { display: inline-block; width:50px; margin-right: 5px; text-align: center; margin-left: 5px; } .txtScroll-new .span_x { color:#bbb6b6; } .pane_r ul { height: 225px; } .pane_l ul { height: 370px; } .sb { background: url(search_bg.png) no-repeat 10% 60%; border: 0; width: 40px; _width: 41px; height: 40px; cursor: pointer; } .mb1240_hide{ display:block; } .mb1240_show{ display:none; } .mbtt500_show { display:none; } .spzl_right { height: 100%; width: 35%; float: right; display: flex; justify-content: space-between; flex-direction: column; } .spzl_right_c { width: 100%; height: 49%; overflow: hidden; } .spzl_left { width: 64%; height: 100%; float: left; } .spzl_img { width: 100%; height: 100%; object-fit: cover; transition: all 1s; transform: scale(1, 1); border: none; display: inline-block; vertical-align: middle; } .spzl_p { position: relative; left: 0; bottom: 40px; width: 100%; height: 40px; background: linear-gradient(0grad, #3B4D5F00 0%, #03080C 0%, #FFF0 79%); /*background: rgba(0, 0, 0, 0.7);*/ text-align: center; color: #fff; font-size: 20px; line-height: 40px; } .spzl_bfan { width: 60px; height: 60px; position: relative; left: 42%; top: -70%; z-index: 200; display: inline-block; } .spzl_bfan_m { width: 60px; height: 60px; position: relative; left: 42%; top: -90%; z-index: 200; display: inline-block; } .spzl_bfan_m_new { width: 60px; height: 60px; position: relative; left: 40%; top: -80%; z-index: 200; display: inline-block; } .spzl_bfan_r { width: 60px; height: 60px; position: relative; left: 42%; top: -80%; z-index: 200; display: inline-block; } .spzl_left_up { width: 100%; height: 65%; display: flex; justify-content: space-between; } .spzl_left_up_new { width: 100%; height: 50%; display: flex; justify-content: space-between; } .spzl_left_up_c { width: 49.3%; height: 98%; overflow: hidden; } .spzl_left_down { width: 100%; height: 35%; display: flex; justify-content: space-between; } .spzl_left_down_new { width: 100%; height: 49%; display: flex; justify-content: space-between; margin-top: 1%; } .spzl_left_down_c { width: 32.5%; height: 100%; overflow: hidden; } .spzl_right_c:hover img, .spzl_left_up_c:hover img, .spzl_left_down_c:hover img { transform: scale(1.2, 1.2); } .gwsq_right { width: 30%; } .zt_p { margin: 0 0 5px auto; } .div_fc { display:flex; align-items: center; } .t_more { width: 5%; text-align: right; } .t_more_z { width: 90%; } .tt_ul { position: relative; line-height: 60px; font-size: 32px; letter-spacing: 1px; font-weight: bold; } .bdd { font-weight: bold;line-height: 60px;height:60px;white-space: nowrap; } .mBan2d { overflow: hidden; height: 75px; margin-bottom: 5px; } .mBan2d .slideBoxd { width: 100%; height: auto; position: relative; } .mBan2d .slideBoxd .bdd { position: relative; height: 100%; z-index: 1; top: 10px; } .mBan2d .slideBod .bdd ul, .slideBoxd .bdd ul li { width: 100% !important; } .spzl { height: 520px; } .mgt-30 { margin-top: 30px; } /* https://www.jxky.net/jxky/template/cssandimages/jx_2023_tab_pane.css */ /* 公共-文字列表基础 */ .right_list_box, .pubCon_tab_box { /* 图片列表基础样式 */ width: 100%; } .right_list_box .list_text, .pubCon_tab_box .list_text { color: #333333; text-align: left; } .right_list_box .list-t, .pubCon_tab_box .list-t { display: none; } .right_list_box .list-t.current, .pubCon_tab_box .list-t.current { display: block; } .right_list_box .list-t li, .pubCon_tab_box .list-t li { position: relative; padding-left: 20px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 38px; letter-spacing: 0px; color: #333333; } .right_list_box .list-t li a, .pubCon_tab_box .list-t li a { width: calc(100% - 80px); display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all ease 0.3s; } .right_list_box .list-t li:before, .pubCon_tab_box .list-t li:before { content: ""; position: absolute; top: 50%; left: 0; width: 4px; height: 4px; margin-top: -2px; background-color: #b9c3cb; } .right_list_box .list-t li:hover:before, .pubCon_tab_box .list-t li:hover:before { background-color: #1658a0; } .right_list_box .list-t li:hover a, .pubCon_tab_box .list-t li:hover a { color: #1658a0; transform: translateX(4px); } .right_list_box .list-t li .date, .pubCon_tab_box .list-t li .date { font-size: 14px; position: absolute; top: 0; right: 0; color: #bbb; } .right_list_box .list-p li a, .pubCon_tab_box .list-p li a { display: block; margin: 10px; text-align: center; } .right_list_box .list-p li h4, .pubCon_tab_box .list-p li h4 { height: 20px; margin: 10px 0; line-height: 22px; font-size: 14px; overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; } .right_list_box .list-p li p, .pubCon_tab_box .list-p li p { line-height: 22px; color: #797979; } .right_list_box .tab-pane, .pubCon_tab_box .tab-pane { position: relative; overflow: hidden; } .right_list_box .tab-pane .pane > ul, .pubCon_tab_box .tab-pane .pane > ul, .right_list_box .tab-pane .pane > div, .pubCon_tab_box .tab-pane .pane > div { animation-duration: 0.3s; } .pubCon_tab_box .tab { border-bottom: 1px solid #dcdcdc; margin-bottom: 21px; display: flex; } .pubCon_tab_box .tab a:not(.more) { font-weight: normal; } .pubCon_tab_box .tab a:not(.more) { display: inline-block; font-size: 20px; text-align: center; border-bottom: 2px solid #fff0; position: relative; padding-top: 5px; padding-bottom: 16px; color: #333333; display: flex; align-items: flex-end; } .hot_box a:first-of-type{ margin-left: -35px; } .pubCon_tab_box .tab a + a:not(.more) { margin-left: 57px !important; } .right_list_box .list-t li, .pubCon_tab_box .list-t li { font-size: 16px; } .pubCon_tab_box .tab a + a:not(.more)::before { display: block; content: ""; position: absolute; top: 10px; margin: auto; left: -30px; width: 1px; height: 18px; background: #dcdcdc; margin-bottom: -4px; } .pubCon_tab_box .tab a.current { border-bottom: 4px solid; color: #005298; font-weight: bold; } .pubCon-tab-pane .tab { margin-bottom: 15px; width: 100%; position: relative; } .pubCon-tab-pane .tab .tab_item { width: 100%; display: flex; flex-wrap: nowrap; } .pubCon-tab-pane .tab .tab_item.w100 { width: 100%; } .pubCon-tab-pane .tab .more { position: absolute; right: 0; width: 60px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #1658a0; padding-top: 5px; } .pubCon-tab-pane .tab .more img { vertical-align: middle; margin-bottom: 0px; } /** Mozilla Firefox */ @-moz-document url-prefix() { .pubCon-tab-pane .tab .more img { vertical-align: middle; margin-bottom: 2px; } } /* @supports (-ms-ime-align: auto) { .pubCon-tab-pane .tab .more img { vertical-align: middle; margin-bottom: 0px; } } */ /* Chrome version 29 and above @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { .pubCon-tab-pane .tab .more img { vertical-align: middle; margin-bottom: 2px; } } */ .szyw-tab-pne .szyw-tab { display: flex; width: 100%; } .szyw-tab-pne .szyw-tab a { margin-top: 5px; min-width: 90px; display: flex; box-sizing: border-box; justify-content: space-between; align-items: flex-start; width: 28%; line-height: 22px; font-size: 22px; /*border-bottom: 1px solid #dcdcdc;*/ } .szyw-tab-pne .szyw-tab a span { white-space: nowrap; padding-bottom: 16px; } .szyw-tab-pne .szyw-tab a:first-child, .szyw-tab-pne .szyw-tab a:last-child { width: 22%; } .szyw-tab-pne .szyw-tab a:last-child { justify-content: flex-end; } .szyw-tab-pne .szyw-tab a:nth-child(2):after, .szyw-tab-pne .szyw-tab a:nth-child(2)::before { display: inline-block; content: ""; width: 1px; height: 18px; background: #dcdcdc; margin-bottom: -4px; } .szyw-tab-pne .szyw-tab a.current { color: #1658a0; font-weight: bold; } .szyw-tab-pne .szyw-tab a.current span { display: inline-block; border-bottom: 4px solid; } .szyw-tab2-pne2 .szyw-tab2 { display: flex; width: 100%; } .szyw-tab2-pne2 .szyw-tab2 a { margin-top: 5px; min-width: 90px; display: flex; box-sizing: border-box; justify-content: space-between; align-items: flex-start; width: 28%; line-height: 22px; font-size: 22px; /*border-bottom: 1px solid #dcdcdc;*/ } .szyw-tab2-pne2 .szyw-tab2 a span { white-space: nowrap; padding-bottom: 16px; } .szyw-tab2-pne2 .szyw-tab2 a:first-child, .szyw-tab2-pne2 .szyw-tab2 a:last-child { width: 22%; } .szyw-tab2-pne2 .szyw-tab2 a:last-child { justify-content: flex-end; } .szyw-tab2-pne2 .szyw-tab2 a:nth-child(2):after, .szyw-tab2-pne2 .szyw-tab2 a:nth-child(2)::before { display: inline-block; content: ""; width: 1px; height: 18px; background: #dcdcdc; margin-bottom: -4px; } .szyw-tab2-pne2 .szyw-tab2 a:nth-child(3):after, .szyw-tab2-pne2 .szyw-tab2 a:nth-child(3)::before { display: inline-block; content: ""; width: 1px; height: 18px; background: #dcdcdc; } .szyw-tab2-pne2 .szyw-tab2 a.current { color: #1658a0; font-weight: bold; } .szyw-tab2-pne2 .szyw-tab2 a.current span { display: inline-block; border-bottom: 4px solid; } .main_content { border-radius: 10px 10px 0px 0px; } .main_box { border-radius: 10px 10px 0px 0px; background-color: #fff; } .inlink { display: inline-block; } .bl_a { display: block; } .rl_box { margin-top: 44px; width: 100%; padding: 0; } .rl_box .rl_content { padding-left: 20px; padding-right: 20px; padding-bottom: 26px; } .rl_title { font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 60px; letter-spacing: 0px; color: #1658a0; text-align: center; background-color: #daecff; height: 60px; display: flex; justify-content: space-between; align-items: center; padding-left: 20px; padding-right: 20px; } .rl_title::before, .rl_title::after { display: inline-block; content: ""; width: 12px; height: 12px; border-radius: 12px; background-color: #bad1e8; } .choice p { color: #333; font-size: 18px; } .choice .button { padding: 0; } .ldzc_pubTitle { border-bottom: 2px solid #e8e8e8; display: flex; justify-content: space-between; align-items: flex-end; } .ldzc_pubTitle .title { padding-bottom: 15px; border-bottom: 4px solid #1658a0; } .ldzc_pubTitle .title a { display: inline-block; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 21px; letter-spacing: 0px; color: #1658a0; } .ldzc_pubTitle .more { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; margin-bottom: 6px; } .ldzc_pubTitle .more a { display: block; color: #1658a0; } .ldzc_pubTitle .more img { vertical-align: middle; margin-bottom: 4px; } .pubMore { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; margin-bottom: 6px; } .pubMore a { display: block; color: #1658a0; } .pubMore img { vertical-align: middle; margin-bottom: 4px; } .mt58 { margin-top: 58px; } .line_1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mt60 { margin-top: 60px; } .mt22 { margin-top: 22px; } .w189 { width: 189px; border-radius: 10px; } .hoverImg { overflow: hidden; } .hoverImg img { transition: all 0.3s; } .hoverImg:hover img { transform: scale(1.1); } .hover_list li:hover a { color: #246dbd !important; } .hover_a:hover a { color: #246dbd !important; } .boxsize { box-sizing: border-box; } .pane-u ul { display: none; } .pane-u ul.current { display: block; } .where { display: flex; align-items: center; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 18px; letter-spacing: 0px; } .where a { color: #666666; } @media (max-width: 750px) { .aside_box { display: none !important; } } @media (max-width: 660px) { /* 公共-文字列表基础 */ .pubCon_tab_box .tab { flex-wrap: nowrap; } .pubCon_tab_box .tab .tab_item { overflow-y: scroll; } .pubCon_tab_box .tab a { width: 33.33%; justify-content: unset; /*min-width: 120px;*/ } .pubCon_tab_box .tab a.w160 { min-width: 165px; } .pubCon_tab_box .tab a.w175 { min-width: 175px; } .pubCon_tab_box .tab a.w206 { min-width: 206px; } .pubCon_tab_box.f22 .tab a + a:before { left: 0; } .pubCon-tab-pane .tab { margin-bottom: 0.15rem; } .pubCon-tab-pane .tab .tab_item { /* width: calc(100% - 70px);*/ overflow-y: scroll; } .pubCon-tab-pane .tab .tab_item.w100 { width: 100%; } .pubCon-tab-pane .tab .tab_item a + a::before { display: none; } .pubCon-tab-pane .tab .more { float: right; min-width: 60px; width: 60px; } } /* https://www.jxky.net/jxky/template/cssandimages/jxky-header.css */ @charset "utf-8"; /*Css Document */ /* 头部 */ .jxky-header { height: 75px; } /* logo */ .jxky-logo { float: left; width: 600px; height: auto; margin: 8px 0 8px 0; } .logo-inbox, .logo-inbox img { width: 80%; height: auto; } .logo-inbox a, .logo-inbox img { display: block; } /* 导航 */ .swiper-container { /* z-index: -1;*/ } .sino-hea { /*background: url(xhx.png) no-repeat 100% 2px;*/ } #wrap { width: 1100px; height: 62px; position: absolute; line-height: 62px; right: 0px; transform: translateX(-14%) translateY(0%); background-color: black; opacity: 0.8; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #wrap>ul { width: 100%; height: 62px; } #wrap>ul>li { position: relative; float: left; transition: 0.8s; width: auto; height: 58px; font-size: 16px; padding: 0px 2.2%; line-height: 62px; text-align: center; cursor: pointer; user-select: none; /* padding-bottom: 4px; */ } #wrap>ul>li>a { color: #2b2b2b; text-decoration: none; transition: 0.1s; display: inline-block; } #wrap span { display: block; color: #666666; font-size: 12px; } #wrap>ul>li.on { /* background: #d12b35; */ } #wrap>ul>li:hover{ background: #008cd7; color: #fff; transition: 1s; } #wrap>ul>li>a:hover{ color: #fff; } .img2 .left_item { float: left; width: 30%; padding: 39px 38px; } .img2 .right_item { float: right; width: 49%; padding: 32px 29px 0px 0px; } .img5{ width: 534px!important; } .img5 .ierm_wrap{ width: 534px; } .img5 .left_item { float: left; width: 30%; padding: 50px 28px; } .img5 .right_item { float: right; width: 54%; padding: 32px 29px 0px 0px; } .img6{ width: 490px!important; } .img6 .ierm_wrap{ width: 490px; } .img6 .left_item { float: left; width: 19%; padding: 50px 23px; } .img6 .right_item { float: right; width: 65%; padding: 32px 29px 0px 0px; } .img7{ width: 490px!important; } .img7 .ierm_wrap{ width: 490px; } .img7 .left_item { float: left; width: 19%; padding: 50px 23px; } .img7 .right_item { float: right; width: 65%; padding: 32px 29px 0px 0px; } #wrap>ul>li.on>a { /* color: #fff; */ } #wrap>ul>li.on>a>span { color: #fff; } #wrap>ul>li:not(:first-of-type):hover { background: #008cd7; color: #fff; transition: 1s; } #wrap>ul>li:not(:first-of-type):hover>a { color: #fff; transition: 0.1s; } #wrap>ul>li:not(:first-of-type):hover>a>span{ color: #fff; } #wrap #img { position: absolute; display: none; top: 62px; left: 0; width: 634px; height: 235px; background-color: rgb(255, 255, 255, 0.8); box-shadow: 0px 4px 16px 0px rgb(0 0 0 / 8%); background: url(../image/dhbj.png) no-repeat 58% 16%; } .right_2x{ height: auto; float: right; margin-top: 2px; } @media screen and (max-width:1280px) { .img7{left: -391px!important; top: 60px!important;} .img6{left: -256px!important;top: 60px!important;} .img5{left: -191px!important;top: 60px!important;} .img4{left: -169px!important;top: 60px!important;} .img3{left: -191px!important;top: 60px!important;} .img2{top: 60px!important;} .img1{top: 60px!important;} } .sc_wrap{width: 160px;height: 100%;right: 257px;position: absolute;top: 0;border-left: 1px solid #ccc;} .sc_wrap a{ font-size: 18px; font-weight: bold; font-stretch: normal; letter-spacing: 0px; color: #333333; line-height: 100px; padding: 0px 0px 0px 64px; margin: 0 auto; background: url(../image/sc.png) no-repeat 30px; } .ierm_wrap{ width: 634px; height: 235px; background-color: rgb(255, 255, 255, 0.8); box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08); /* opacity: 0.94; */ /* background: url(../image/dhbj.png) no-repeat 58% 16%; */ } .left_item ul{margin-left: 0px;} .left_item{float: left;width: 37%;padding: 15px 28px;} .right_item{float: right;width: 49%;padding: 32px 29px 0px 0px;} .right_item img{width: 100%;} .left_item a{ color:#333333; font-size: 16px; font-weight: 100; } .left_item a:hover{ color:#d12b35; } .left_item ul li{ line-height:40px; text-align: left; } .img1 .left_item ul li{ line-height:35px; } .jxky-navbox { float: right; position: relative; width: 600px; margin-top: 60px; } .jxky-hbreadnav { /* padding-top: 10px; margin-bottom: 3px;*/ } .hbreadnav-right, .hbreadnav-left { float: right; } .hbreadnav-right { width: 105px; padding-right: 15px; } .hbreadnav-wzq, .hbreadnav-search, .hbreadnav-wzq-link, .hbreadnav-wzq-icon { float: left; } .hbreadnav-wzq { width: 85px; height: 15px; line-height: 15px; } .hbreadnav-wzq-link { width: 50px; font-size: 14px; } .hbreadnav-wzq-link a { color: #32649f; } .hbreadnav-wzq-icon { padding-top: 3px; width: 12px; height: 9px; } .hbreadnav-wzq-icon img { display: block; width: 100%; height: 100%; } .hbreadnav-search { width: 15px; height: 15px; } .hbreadnav-search img { display: block; width: 100%; height: 100%; } .hbreadnav-left { width: 380px; } .hbreadnav-left span { float: left; display: block; height: 15px; line-height: 15px; font-size: 14px; padding: 0 10px; border-right: 1px solid rgba(53, 53, 53, .55); } .hbreadnav-left span:nth-child(2) a{ display: block!important; } .hbreadnav-left span:last-child { border-right: none; } .hbreadnav-left span a { color: rgba(53, 53, 53, .55); } .hbreadnav-left span:hover a { color: #32649f; } .hnav-li { float: left; width: auto; padding-left: 2%; padding-right: 2%; height: 62px; line-height: 58px; font-size: 16px; } .hnav-li a { position: relative; color: #2b2b2b; } /* .hnav-li a:after { content: ""; display: block; height: 3px; background: transparent; position: absolute; right: 51%; bottom: -10px; left: 51%; transition-property: left, right; transition-duration: 0.3s; z-index: -1; } */ .hnav-li:hover{ background:#016cb2; } .hnav-li:hover a { color: #fff; } .hnav-li:hover a:after { background: #32649f; left: 30%; right: 30%; } .hnav-li-active a { color: #32649f; } .hnav-li-active a:after { background: #32649f; left: 30%; right: 30%; } @media screen and (min-width:1280px) and (max-width:1441px) { /* logo */ .jxky-logo { width: 21.14%; margin-left: 3% !important; } .jxky-logo{ margin: 14px 0 0 0; } .jxky-navbox { width: 64.57%; margin-right: 5%; } .hbreadnav-right{ width: 10.9375%; padding-right: 1.5625%; } .hbreadnav-left{ width: 45%; } .hbreadnav-left span{ padding: 0 2.6%; font-size: 12px; } .hnav-li{ /* margin-left: 4.6%; */ /* padding-left: 4%; */ font-size: 14px; } .daohangtiao-navbar-item li a { font-size: 14px!important; } .hbreadnav-wzq{ width: 80.95%; } .hbreadnav-wzq-link{ width: 58.8%; font-size: 12px; word-break: keep-all; } .hbreadnav-wzq-icon{ width: 14%; } .hbreadnav-search{ width: 14.2857%; height: auto; margin-top: 3%; } } .show-t { /* text-align: right; */ font-size: 14px; background: url(/portals/0/skins/zq-home/images/btn-hwzq.png) no-repeat 50px; padding-right: 20px; } .show-t a { font-size: 14px; color: #32649f; } .show-t a:hover { /*color: #1B508E;*/ text-decoration: underline; } .hwzq_bot { border-radius: 5px; background: rgb(255, 255, 255); box-shadow: 0px 3px 7px 1px rgba(0, 0, 0, 0.1); position: absolute; right: 0; top: 44px; z-index: 99; display: none; } .show-chengyuan { padding: 16px 16px 21px 23px; } .ff { margin-left: 0; font-size: 14px; color: #999999; width: 560px; background-color: #ffffff; } .ff li { list-style: none; float: left; width: 46%; line-height: 1.3; padding: 6px 0 6px 20px; padding-left: 18px; background: url(../images/zzz.png) no-repeat 6px center; } .ff li a { color: #666; font-size: 14px; } .ff li a:hover { text-decoration: underline; } .ff li:first-child{ width: 100%; text-align: center; background: none; line-height: 1.6; padding: 5px 0 10px; } .ff li:first-child a{ font-size: 18px; font-weight: bold; } .hwzq_top { padding-bottom: 20px; position: absolute; } .jxky-body{ width:100%; margin:0 auto; font-family:"Microsoft YaHei"; font-size:16px; line-height:2em; } .jxky-header{width:1300px;margin:0 auto;} .header-logo{ width:500px; float:left; display:inline; padding:12px 0px 14px;} .header-logo a{ width:500px;} .header-logo a img{ border:0 none;} .header-search{ /*width:650px;*/ float:right; padding-top:20px;} .jxky-nav{ width:100%; margin:0 auto; position:relative;} .jxky-daohangtiao{ width:100%; height:44px; margin:0 auto; background:#0081cc;} .daohangtiao-title{ width:100%; height:44px; margin:0 auto; background:#0081cc;} .daohangtiao-title-item{ width:1200px; height:44px; font-family:"Microsoft Yahei"; margin:0 auto; background:#0081cc;} .daohangtiao-title-item li{ height:44px; line-height:44px; float:left; text-align:center;} .daohangtiao-title-item li a{ font-size:18px; color:#fff; display:block; text-decoration:none;} .daohangtiao-title-item li a:hover{ background:url(images/nav-li-hbg.png) center 39px no-repeat;} .daohangtiaoactive{ background:url(images/nav-li-hbg.png) center 39px no-repeat;} .daohangtiao-title-item li a span{ padding:0 40px; background:url(images/nav-li-bg.png) 0px 12px no-repeat; display:inline-block;} #daohangtiao-home-title a span{ background:none;} .daohangtiao-navbar{width:100%;height: 150px;margin:0 auto;position: absolute;margin-top: 0px;/* top: 27%; */z-index:9;} .daohangtiao-navbar-item{width:100%;min-width:1200px;height:150px;margin:0 auto; *zoom:1;display:none;background: url(/Portals/0/Skins/Gone-second/images/second-navbg.png);} .daohangtiao-navbar ul{width:1200px;margin:0 auto;padding-left:5px;padding-top: 15px;} .daohangtiao-navbar-item li{ width:125px; height:42px; line-height:42px; padding-right:15px; float:left;} .daohangtiao-navbar-item li a{font-size: 16px;color:#1a1a1a;text-decoration:none;padding-left:10px;background: url(/Portals/0/Skins/Gone-second/images/nav-icon-link.png) no-repeat 0px center;} .daohangtiao-navbar-item li a:hover{color:#0081cc;background: url(/Portals/0/Skins/Gone-second/images/nav-icon-active.png) no-repeat 0px center;} .gyzq{width:560px !important;left: 38%;position:absolute;} .xwzx{width:560px !important;left: 44.4%;position:absolute;} .ywycp{width:280px !important;left: 50.6%;position:absolute;} .zqwh{width:420px !important;left: 56.9%;position:absolute;} .kjcx{width:280px !important;left: 63.2%;position:absolute;} .rlzy{width:280px !important;right: 15.5%;position:absolute;} .dqgz{width:280px !important;right: 9.2%;position:absolute;} .hwzq_top1{ position: relative; } .hwzq_bot1 { position: absolute; right: 201px; top: 25px; z-index: 999; display: none; } .menubox { position:absolute; height:96px; background:url(sy_logo_new.png) no-repeat; z-index:99; left:0; right:0; } .menubox_ul { width:1240px; margin:0 auto; position:relative;float: right; } .menubox_ul_li_l { float:left; display:inline-block; width:200px; height:96px; } .menubox_ul_li_l img { display:block; margin-top:27px; } .menubox_ul_li_r { float:right; display:inline-block; } .menubox_link { float:right; display:inline-block; height:50px; overflow:hidden; margin-top:20px; } .menubox_link dt,.menubox_link dd { float:right; display:inline-block; width:40px; height:40px; margin-top:5px; background-position:center center; background-repeat:no-repeat; margin-left:0px; cursor:pointer } .menubox_link dt,.menubox_link dd a { display:block; width:40px; height:40px; } .menubox_link dt { background-image:url(menubgl2.png) } .menubox_link dd { background-image:url(menubgl1.png) } .menubox_sch { float:right; display:inline-block; width:223px; height:38px; background:url(menu_schbg.png) top left no-repeat; margin-top:70px; right:-7px; position:absolute; display:none; overflow:hidden; z-index:999 } .menubox_sch_inp { width:150px; height:24px; margin-left:17px; background:none; border:0; outline:none; font-size:14px; color:#bce3ff; line-height:24px; margin-top:6px; float:left; display:inline-block; } .menubox_sch_btn { float:right; display:inline-block; border:0; background:0; width:50px; height:38px; cursor:pointer; outline:none } .menu_m { float:left; display:inline-block; margin-top:30px;} .menu_m dt { float:left; display:inline-block; font-size:18px; color:#003f7e; font-weight:bold; padding-left:34px; line-height:30px; position:relative; background:url(npic3.png) 17px 4px no-repeat;letter-spacing: 5px; } .menu_m dt a { color:#003f7e; } .menu_m dt:hover { color:#0167cd; } .menu_m dt:hover a { color:#0167cd; } .menu_m dt.now { color:#0167cd; } .menu_m dt.now a { color:#0167cd; } .menu_m dt ul { display:none; width:170px; position:absolute; padding-top:10px; margin-left:-53px; opacity:0.9 ; } .menu_m dt ul li { background:#f3f3f3; padding:8px 0px 6px 0px; font-weight:normal; } .menu_m dt ul a { display:block; text-align:center; font-size:15px; color:#333; line-height:34px; } .menu_m dt ul b { display:block; text-align:center; font-size:15px; color:#333; line-height:34px; font-weight:normal; } .menu_m dt ul p { background:url(menubg2.png) center top no-repeat; padding:8px 0px 6px; } .menu_m dt ul p a { line-height:30px; } .menu_m dt:hover ul li a { color:#333; } .menu_m dt:hover ul li a:hover { color:#257ad1; } .menu_m dt ul.mpos0 { border:0; background:none; } .menuboxtopr { float:right; display:inline-block; /*margin-left:30px;*/ margin-top:13px; } .con_w{ min-width: 1200px;width: 1240px;margin: 0 auto;} .con_w .logo { margin: auto; } .head_nav { width: 1300px; margin-bottom: 10px; } .head_nav h2 { font-size: 18px; font-family: "Microsoft YaHei"; font-weight: normal; } .head_nav a { color: #005298; } .head_nav a:hover { color: #1658a0; font-weight: bold; } .head_nav li { float: left; display: inline-block; padding-left: 20px; position: relative; z-index: 2; } .top { position: relative; height: 40px; width: 500px; float: right; margin-top: 40px; } .m_search { display: flex; justify-content: center; background: #e0e8f6; /*margin-bottom: 10px;*/ } .header { padding: 10px 0; position: relative; z-index: 30; } /* https://www.jxky.net/jxky/template/cssandimages/jxky-home.css?=ver1.0 */ @charset "utf-8"; /*Css Document */ /* banner˛ż·Ö */ .banner{ width: 100%; /*height: 580px;*/ height: 680px; } .banner .swiper-slide .news-title{ display: none; } .banner-image{ width: 100%; height: 100%; position: relative; } .banner-text{ position: absolute; } .banner-text img{ display: block; width: 100%; height: 100%; } .banner-text1{ width: 420px; height: 190px; top: 160px; right: 16%; } .banner-text2{ width: 522px; height: 75px; top: 316px; right: 19.5%; } .banner-text3{ width: 480px; height: 161px; top: 140px; left: 23%; } .banner-by1{ width: 1600px; height: 100px; top: 300px; position: relative; margin: auto; } @media (max-width: 1600px) { .banner-by1{ width: 1450px; height: 91px; top: 290px; } } @media (max-width: 1440px) { .banner-by1{ width: 1300px; height: 91px; top: 280px; } } @media (max-width: 1360px) { .banner-by1{ width: 1200px; height: 75px; top: 270px; } } @media (max-width: 1280px) { .banner-by1{ width: 1180px; height: 75px; top: 270px; } } .banner-by2{ width: 1650px; height: 100px; top: 300px; position: relative; margin: auto; } @media (max-width: 1600px) { .banner-by2{ width: 1450px; height: 88px; top: 290px; } } @media (max-width: 1440px) { .banner-by2{ width: 1300px; height: 79px; top: 280px; } } @media (max-width: 1360px) { .banner-by2{ width: 1200px; height: 73px; top: 270px; } } @media (max-width: 1280px) { .banner-by2{ width: 1180px; height: 72px; top: 270px; } } .banner-text4{ width: 527px; height: 73px; top: 175px; left: 22%; } .banner-text5{ width: 836px; height: 169px; top: 160px; right: 9%; } .banner-text6 { width: 495px; height: 174px; top: 165px; right: 16%; } .banner-text7{ width: 361px; height: 142px; top: 140px; left: 23%; } .banner-text8{ width: 418px; height: 189px; top: 140px; left: 23%; } /* ÖĐÇáĐÂÎĹÓëĘÓƵ */ .sinolight-news-video{ padding-top: 57px; } .sinolight-news{ float: left; width: 1075px; } /* ĐÂÎĹÂÖ˛Ą */ .sinolight-news-lunbo{ float: left; width: 445px; } .news-lb{ width: 100%; height: 330px; } .news-lb .swiper-slide{ position: relative; } .news-lb-date{ width: 68px; height: 68px; background: #f14948; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; line-height: 68px; text-align: center; font-size: 16px; color: #fff; position: absolute; top: 0; left: 26px; } .news-lb-image,.news-lb-image img{ width: 100%; height: 100%; } .news-lb-text{ width: 100%; height: 55px; line-height: 55px; background: rgba(0, 0, 0, .65); position: absolute; bottom: 0; left: 0; z-index: 2; } .news-lb-text-content{ width: 320px; margin-left: 80px; font-size: 16px; } .news-lb-text-content a{ color: #fff; } .news-lb-pagination{ width: 45px; left: 20px; font-size: 16px; color: #fff; bottom: 15px; } .news-lb-pagination .swiper-pagination-current{ font-size: 30px; font-style: italic; color: #f14948; } /* ĐÂÎĹÇĐ»» */ .sinolight-news-tabbox{ float: right; width: 595px; } /* ĐÂÎĹÇĐ»»±ęĚâ */ .news-tab-title-inbox{ border-bottom: 1px solid #e5e5e5; margin-bottom: 12px; } .news-tab-title-content{ float: left; width: auto; margin-right: 45px; height: 36px; line-height: 36px; padding-bottom: 12px; border-bottom: 2px solid transparent; font-size: 16px; color: rgba(43, 43, 43, .7); cursor: pointer; } .news-tab-title-content:last-child{ margin-right: 0; } .news-tab-title-content.active{ font-size: 20px; color: #104f8c; border-bottom-color: #104f8c; } /* ĐÂÎĹÇĐ»»ÄÚČÝ */ .sinolight-news-tab-content .DnnModule-GTModulesCMS{ display: none; } .sinolight-news-tab-content .DnnModule-GTModulesCMS:first-child{ display: block; } .news-tab-content-box{ width: 100%; position: relative; } .news-tab-content-lifirst{ padding-bottom: 13px; border-bottom: 1px dashed #e9e9e9; } .news-tab-content-lifirst-text{ float: left; width: 72.27%; height: 56px; line-height: 28px; font-size: 16px; font-weight: bold; } .news-tab-content-lifirst-text a{ color: #f14948; } .news-tab-content-lifirst-date{ float: right; width: 16.8%; height: 56px; line-height: 28px; font-size: 14px; color: rgba(43, 43, 43, .45); } .news-tab-content-li{ border-bottom: 1px dashed #e9e9e9; } .news-tab-content-li-text{ padding-left: 3.36%; float: left; width: 68.91%; height: 48px; line-height: 48px; font-size: 14px; position: relative; } .news-tab-content-li-text:before{ content: ""; display: block; width: 6px; height: 10px; background: url(../images/bg-list.png) no-repeat center center / cover; margin: auto 0; position: absolute; top: 0; bottom: 0; left: 0; } .news-tab-content-li-text a{ color: #333; } .news-tab-content-li-text:hover a{ color: #104f8c; } .news-tab-content-li-date{ float: right; width: 16.8%; height: 48px; line-height: 48px; font-size: 14px; color: rgba(43, 43, 43, .45); } .news-tab-content-more{ width: 52px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; padding-bottom: 13px; position: absolute; top: -62px; right: 0; } .news-tab-content-more a{ color: #32649f; } /* ĘÓƵ */ .sinolight-video{ float: right; width: 298px; } .video-title{ border-bottom: 1px solid #e9e9e9; margin-bottom: 22px; } .video-title-content{ float: left; width: auto; height: 36px; line-height: 36px; padding-bottom: 12px; border-bottom: 2px solid #104f8c; font-size: 16px; color: #104f8c; } .video-more{ float: right; width: 50px; height: 36px; line-height: 36px; padding-bottom: 12px; font-size: 14px; } .video-more a{ color: #32649f; } .video-content{ width: 100%; height: 255px; position: relative; } .video-content-image,.video-content-image img{ width: 100%; height: 100%; } .video-content-btn-text{ width: 100%; height: 100%; background: rgba(0, 0, 0, .09); cursor: pointer; position: absolute; top: 0; left: 0; } .video-content-btn{ margin: 0 auto; width: 50px; height: 50px; margin-top: 90px; margin-bottom: 20px; } .video-content-btn img{ display: block; width: 100%; height: 100%; cursor: pointer; } .video-content-text{ text-align: center; line-height: 1; font-size: 16px; font-weight: bold; color: #fff; } /* ÖĐÇáҵÎń */ .yewu-title-content{ float: left; height: 121px; line-height: 121px; font-size: 30px; font-weight: bold; color: #32649f; } .yewu-title-more{ float: right; width: 60px; height: 121px; line-height: 121px; font-size: 14px; } .yewu-title-more a{ color: #32649f; } .yewu-inbox{ display: flex; } .yewu-inbox-list{ float: left; width: 20%; height: 372px; overflow: hidden; position: relative; transition-duration: 1s; transform-origin: center; } .yewu-inbox-list:hover{ width: 62%; /* width: 44.3%; */ } .yewu-list-image{ height: 100%; } .yewu-list-image img{ display: block; height: 100%; } .yewu-list-text{ line-height: 35px; font-size: 18px; position: absolute; top: 13%; left: 17px; transition-duration: 1.5s; } .yewu-list-text a{ color: #fff; } .yewu-inbox-list:hover .yewu-list-text{ width: 100%; height: 65px; line-height: 65px; background: rgba(0, 0, 0, .65); font-weight: bold; text-indent: 30px; top: 83%; left: 0; } /* ÖĐÇáĆäËű */ .sinolight-other{ padding-top: 49px; margin-bottom: 59px; } .sinolight-ztzl,.sinolight-tzzgx,.sinolight-shzr,.sinolight-zqpp{ float: left; width: 25%; } /* ĆäËű±ęĚâ */ .other-title{ padding-left: 70px; margin-bottom: 22px; } .other-cntitle{ height: 26px; line-height: 26px; font-size: 18px; font-weight: #333; } .other-entitle{ height: 22px; line-height: 22px; font-size: 14px; color: rgba(68, 68, 68, .6); } .ztzl-title{ background: url(../images/other-ztzl.png) no-repeat left center / 41px auto; } .tzzgx-title{ background: url(../images/other-tzzgx.png) no-repeat left center / 41px auto; } .shzr-title{ background: url(../images/other-shzr.png) no-repeat left center / 37px auto; } .zqpp-title{ background: url(../images/other-zqpp.png) no-repeat left center / 39px auto; } /* ĆäËűÁбí */ #Content-11030 .other-list-li:first-child{ width:400px; line-height:20px; } .other-list-li{ float: left; width: calc(50% - 15px); padding-left: 15px; height: 39px; line-height: 39px; font-size: 16px; background: url(../images/bg-list.png) no-repeat left center / 6px auto; } .other-list-li a{ color: #333; } .other-list-li:hover a{ color: #104f8c; } /* Ͷ×ĘŐßąŘϵ */ .tzzgx-content p{ line-height: 39px; font-size: 16px; color: #333; } .tzzgx-content p span{ color: #2166cc; } /* ÖĐÇáĆ·ĹĆ */ .zqpp-content p{ line-height: 26px; font-size: 14px; color: #333; } @media screen and (min-width: 1280px) and (max-width: 1441px) { .banner-text img{ height: auto; } .banner-text1,.banner-text2{ height: auto; } .banner-text1{ width: 17.3958%; top: 34.48%; right: 32.08% } .banner-text2{ width: 27.1875%; top: 54.48%; right: 19.58%; } .sinolight-news{ width: 76.78%; } /* ĐÂÎĹÂÖ˛Ą */ .sinolight-news-lunbo{ width: 41.395%; } .news-lb{ height: 240px; } .news-lb-date{ width: 15.28%; height: 20%; line-height: 3; } .news-lb-text{ height: 16.67%; line-height: 2.5; } .news-lb-text-content{ width: 71.9%; margin-left: 17.98%; } .news-lb-pagination{ width: 14%; left: 2%; bottom: 4%; font-size: 12px; } .news-lb-pagination .swiper-pagination-current{ font-size: 26px; } /* ĐÂÎĹÇĐ»» */ .sinolight-news-tabbox{ width: 55.35%; } .news-tab-title-content{ margin-right: 6%; font-size: 14px; } .news-tab-title-content.active{ font-size: 18px; } .news-tab-content-lifirst{ padding-bottom: 5px; } .news-tab-content-lifirst-text,.news-tab-content-lifirst-date{ height: 40px; line-height: 20px; } .news-tab-content-lifirst-text{ font-size: 14px; } .news-tab-content-lifirst-date{ font-size: 12px; } .news-tab-content-li-text,.news-tab-content-li-date{ height: 32px; line-height: 32px; font-size: 12px; } /* ĘÓƵ */ .sinolight-video{ width: 21.28%; } .video-title{ margin-bottom: 5px; } .video-content{ height: 185px; } .video-content-btn{ margin-top: 60px; } /* ÖĐÇáҵÎń */ .yewu-inbox-list{ height: 350px; } .yewu-inbox-list:hover .yewu-list-text{ top: 82%; } } /* https://www.jxky.net/jxky/template/cssandimages/liMarquee.css */ /*Plugin CSS*/ .str_wrap { overflow:hidden; //zoom:1; width:100%; font-size:12px; line-height:16px; position:relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; /*background:#f6f6f6;*/ white-space:nowrap; } .str_wrap.str_active { /*background:#f1f1f1;*/ } .str_move { white-space:nowrap; position:absolute; top:0; left:0; cursor:move; } .str_move_clone { display:inline-block; //display:inline; //zoom:1; vertical-align:top; position:absolute; left:100%; top:0; } .str_vertical .str_move_clone { left:0; top:100%; } .str_down .str_move_clone { left:0; bottom:100%; } .str_vertical .str_move, .str_down .str_move { white-space:normal; width:100%; } .str_static .str_move, .no_drag .str_move, .noStop .str_move{ cursor:inherit; } .str_wrap img { max-width:none !important; } .dowebok { width: 80%; height: 30px; margin:5px 0 0 160px; font-size: 16px;} .dowebok ul { margin: 0; line-height: 30px;} .dowebok a { text-decoration: none;} .dowebok a:hover { text-decoration: none;} .dowebok span { margin-left:15px; margin-right:15px; } /* https://www.jxky.net/jxky/template/cssandimages/jx_2023_index_mobile.css */ .mb700_hide{ display: block; } .mb700_show{ display: none; } @media (max-width: 1400px) { .sxxw_bg { height: 26%; } .sxxw_more { top: -5%; } .1366_hide { display: none; } .xjcx_box { width: 100%; float: right; margin-top: -10px; } .pubCon { width: 98%; } .header_content .header_logo { width: 28.85%; } .main_box .main_content .news_box .left_focus_box { width: 50.46%; } .main_box .main_content .news_box .right_list_box { width: 42.31%; } .sec3_card_qyc .qyc_left_box { width: 51.86%; } .sec3_card_qyc .qyc_right_box { width: 42.71%; padding-left: 1.47%; } .sec3_card_qyc .qyc_right_box .openInfoList li { width: 48.01%; } .sec3_card_qyc .qyc_right_box .openInfoList li a img { width: 22.31%; } .sec3_card_qyc .qyc_right_box .openInfoList li a span { width: calc(100% - 23%); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec3_card_qyc .qyc_bottom { display: flex; justify-content: space-around; padding-left: 0; padding-right: 0; width: 100%; } .sec3_card_qyb .top { display: flex; justify-content: space-between; } .sec3_card_qyb .top a { width: 30.8%; } .sec3_card_qyb .grbs_box { width: 34.42%; } .sec3_card_qyb .ztfw_box { width: 62.48%; } .sec3_card_qyw .qyw_left { width: 100%; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_left a { width: 100%; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_right { width: 47.48%; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li p:last-child { width: 72.41%; } .sec3_card_qyw .qyw_right { width: 33.48%; } .sec3_card_qyw .qyw_right_tv { width: 33.48%; } .sec3_card_qyw .qyw_right .mydc_list a .left { width: 70%; } .sec3_card_qyw .qyw_right .xjcx_box .top { padding-top: 29px; padding-bottom: 22px; } .sec3_card_qyw .qyw_right .xjcx_box .top img { margin-right: 2.31%; } .sec3_card_qyw .qyw_right .xjcx_box label { min-width: 90px; } .sec3_card_qyw .qyw_right .xjcx_box .password { min-width: 78px; width: 22.1%; margin-right: 2.31%; } .sec3_card_qyw .qyw_right .xjcx_box .code { min-width: 108px; width: 29.31%; margin-right: 2.31%; } .sec3_card_qyw .qyw_right .xjcx_box .btn { min-width: 50px; width: 13.37%; } .sec3_card_qyw .qyw_right .xjcx_box .bttom .img_box { width: 48.07%; } /*第四屏*/ .sec4_box .ztzl_box .ztzl_swiper_box .ztzl_swiper { width: 95.38%; } .sec4_box .ztzl_box .ztzl_swiper_box .ztzl_swiper .swiper-wrapper .swiper-slide { width: 100%; } .sec3_card_qycha .card { width: 31.67%; } } @media (max-width: 1300px) { .pubCon { width: 100%; } .sec2_main { padding-top: 0px !important; } .footer .gov { top: 0px; } .footer .copyright #_ideConac { margin-right: 0px; } .links { display: none; } .hot_swiper .hot_content a h3 { font-size: 25px !important; } .nav_box .nav_content a { padding-left: 1.88%; padding-right: 1.88%; width: 20%; font-size: 24px; } .nav_box .nav_content a img { width: 15.6%; min-width: 16px; } .footer .links>ul .links, .footer .copyright { width: 100%; } } @media (max-width: 1280px) { .focus_box { width: 50%; /*height: 440px;*/ overflow: hidden; } .pubCon { width: 98%; } .header_content .header_logo { width: 28.85%; } .main_box .main_content .news_box .left_focus_box { width: 50.46%; } .main_box .main_content .news_box .right_list_box { width: 42.31%; } .sec3_card_qyc .qyc_left_box { width: 51.86%; } .sec3_card_qyc .qyc_right_box { width: 42.71%; padding-left: 1.47%; } .sec3_card_qyc .qyc_right_box .openInfoList li { width: 48.01%; } .sec3_card_qyc .qyc_right_box .openInfoList li a img { width: 22.31%; } .sec3_card_qyc .qyc_right_box .openInfoList li a span { width: calc(100% - 23%); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec3_card_qyc .qyc_bottom { display: flex; justify-content: space-around; padding-left: 0; padding-right: 0; width: 100%; } .sec3_card_qyb .top { display: flex; justify-content: space-between; } .sec3_card_qyb .top a { width: 30.8%; } .sec3_card_qyb .grbs_box { width: 34.42%; } .sec3_card_qyb .ztfw_box { width: 62.48%; } /*.sec3_card_qyw .qyw_left { width: 63.08%; }*/ .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_left a { width: 100%; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_right { width: 47.48%; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li p:last-child { width: 72.41%; } /* .sec3_card_qyw .qyw_right { width: 33.48%; }*/ .sec3_card_qyw .qyw_right .mydc_list a .left { width: 70%; } .sec3_card_qyw .qyw_right .xjcx_box .top { padding-top: 29px; padding-bottom: 22px; } .sec3_card_qyw .qyw_right .xjcx_box .top img { margin-right: 2.31%; } .sec3_card_qyw .qyw_right .xjcx_box label { min-width: 90px; } .sec3_card_qyw .qyw_right .xjcx_box .password { min-width: 78px; width: 22.1%; margin-right: 2.31%; } .sec3_card_qyw .qyw_right .xjcx_box .code { min-width: 108px; width: 29.31%; margin-right: 2.31%; } .sec3_card_qyw .qyw_right .xjcx_box .btn { min-width: 50px; width: 13.37%; } .sec3_card_qyw .qyw_right .xjcx_box .bttom .img_box { width: 48.07%; } /*第四屏*/ .sec4_box .ztzl_box .ztzl_swiper_box .ztzl_swiper { width: 95.38%; } .sec4_box .ztzl_box .ztzl_swiper_box .ztzl_swiper .swiper-wrapper .swiper-slide { width: 100%; } .sec3_card_qycha .card { width: 31.67%; } } @media (max-width: 1240px) { .sec33_card_box { height: 1180px; } .sec33_card_qyw .qyw_right_tv { width: 100%; } .ul_f { width: 95%; } .ul_r { width: 5%; } .LunBocontainer { width: 53%; height: 390px; } .mBan2 .slideBox .bd img { width: 1220px; height: 130px; } .mBan2 .slideBox .hd { top: 105px; } .pubCon_tab_box .tab a:not(.more) { font-size: 18px; } .hfmain { margin: 25px auto; width: 1150px; } .swiper-container1 { overflow: auto; width: 100%; height: 100%; } element.style { height: 100%; } .xw-scrollnew .flexslider { background-position: right top; width: 100%; height: 90px; margin: 0 auto; position: relative; background-image: url(/img/toutiao.png); background-repeat: no-repeat; float: left; } .xw-scrollnew .slides { position: relative; z-index: 1; width: 100%; } .xw-scrollnew .slides li .p-con { width: 70%; height: 90px; text-align: center; display: inline-block; margin-left: 25px; } .xw-scrollnew .slides li .tttp { display: inline-block; vertical-align: middle; margin-bottom: 60px; margin: 15px 0 60px 100px; } .txtScroll-left { display: none; } /* .fl { float: left; margin-left: 15%; }*/ .bqnews_box { width: 41%; margin-right: 35px; } .bqnews_box2 { width: 45%; } .bqnews_con1>div{display:none;} .bqnews_tit1{height:44px;position:relative;margin-bottom:20px;border-bottom:#ddd solid 2px;} .bqnews_tit1>a{width:120px;line-height:46px;float:left;font-size:18px;position:relative;} .bqnews_tit1>a:hover::after{content:"";position:absolute;left:50%;bottom:-20px;margin-left:-10px;border:transparent solid 10px;border-top:#005298 solid 10px;} .bqnews_tit1>a:hover{background:#005298;color:#fff;} .bqnews_tit1>.on::after{content:"";position:absolute;left:50%;bottom:-20px;margin-left:-10px;border:transparent solid 10px;border-top:#005298 solid 10px;} .bqnews_tit1>.on{background:#005298;color:#fff;} .bqnews_tit1_more{margin-top:3px;} .bqnews_con2>div{display:none;} .bqnews_tit2{height:44px;position:relative;margin-bottom:20px;border-bottom:#ddd solid 2px;} .bqnews_tit2>a{width:140px;line-height:46px;float:left;font-size:18px;position:relative;} .bqnews_tit2>a:hover::after{content:"";position:absolute;left:50%;bottom:-20px;margin-left:-10px;border:transparent solid 10px;border-top:#005298 solid 10px;} .bqnews_tit2>a:hover{background:#005298;color:#fff;} .bqnews_tit2>.on::after{content:"";position:absolute;left:50%;bottom:-20px;margin-left:-10px;border:transparent solid 10px;border-top:#005298 solid 10px;} .bqnews_tit2>.on{background:#005298;color:#fff;} .bqnews_tit2_more{margin-top:3px;} /*ul { width: 100%; } /* .sec3_card_qyw .qyw_right { display: none; }*/ /* .sec3_card_qyw .qyw_left { width: 100%; }*/ .fl_ml { float: left; margin-left: 0%; } /* .xjcx_box { width: 49%; float: right; margin-top: -10px; }*/ .xjcx_box .bttom { /*float: right;*/ margin-top: 15px; display: flex; justify-content: space-between; flex-wrap: wrap; /*margin-right: 60px;*/ } .xjcx_box .bttom .img_box { display: flex; justify-content: center; align-items: center; width: 20%; height: 105px; padding-top: 25px; padding-bottom: 20px; box-sizing: border-box; background-image: linear-gradient(0deg, #edf7ff 0%, #f4faff 100%); border-radius: 10px; } .xjcx_box .bttom .img_box a { display: block; width: fit-content; height: fit-content; text-align: center; } .xjcx_box .bttom .img_box img { margin-bottom: 16px; transform: all 0.3s; } .xjcx_box .bttom .img_box span { display: block; font-size: 16px; font-weight: normal; font-stretch: bold; line-height: 16px; letter-spacing: 0px; color: #333333; } /*手机版隐藏式菜单样式表开始*/ .bothhide { display: none; } .fl_pc { float: none; display: block; } .fr_pc { float: none; display: block; } .mhide { display: none; } .mhider { display: none !important; } .padhide { display: none; } .width_pc { width: 100%; min-width: 100%; } .height_pc { height: auto !important; } .maxcontainer { min-width: 100%; } .container { width: auto; } .hover-mask { display: none; } .sxszf-banner, .sxszf-banner-box { background-position: center center !important; height: 14rem; } .mobile-toggle-center { /*position: absolute; height: 3rem; width: calc(100% - 2rem);*/ height: 74px; width: 5%; top: 1.25rem; left: 1rem; display: flex; justify-content: flex-end; } .mobile-tool-toggle { position: absolute; z-index: 8; top: 1rem; left: 1rem; box-sizing: border-box; width: 3.25rem; height: 2rem; transition: transform 0.4s; } .mobile-tool-toggle span { position: absolute; display: block; width: 100%; height: 5px; margin-top: 0; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background-color: #fff; border-radius: 5px; } .mobile-tool-toggle span:first-child { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .mobile-tool-toggle span { -webkit-transform: translate(0, 15px); -moz-transform: translate(0, 15px); -ms-transform: translate(0, 15px); -o-transform: translate(0, 15px); transform: translate(0, 15px); } .mobile-tool-toggle span:last-child { -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); -ms-transform: translate(0, 30px); -o-transform: translate(0, 30px); transform: translate(0, 30px); } .is-showNavMob .mobile-tool-toggle { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); height: 2.5rem; width: 2.5rem; border-radius: 100%; border: 3px solid #fff; top: 1rem; } .is-showNavMob .mobile-tool-toggle span { background-color: #fff; top: 1rem; height: 0.25rem; width: 80%; left: 0.25rem; } .is-showNavMob .mobile-tool-toggle span:first-child { -webkit-transform: rotate(45deg) translate(0, 0); -moz-transform: rotate(45deg) translate(0, 0); -ms-transform: rotate(45deg) translate(0, 0); -o-transform: rotate(45deg) translate(0, 0); transform: rotate(45deg) translate(0, 0); } .is-showNavMob .mobile-tool-toggle span:last-child { -webkit-transform: rotate(-45deg) translate(0, 0); -moz-transform: rotate(-45deg) translate(0, 0); -ms-transform: rotate(-45deg) translate(0, 0); -o-transform: rotate(-45deg) translate(0, 0); transform: rotate(-45deg) translate(0, 0); } .is-showNavMob .mobile-tool-toggle span:nth-child(2) { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } .mobile-toggle-center .icon-menu { display: flex; width: 3rem; height: 100%; z-index: 2; position: relative; display: flex; align-items: center; cursor: pointer; /*padding: 0.6rem; top: 8.1rem;*/ transition: top ease 0.3s; float: left; } .mobile-toggle-center .icon-menu span { background-color: #fff; width: 100%; height: 10px; position: absolute; transition: all 0.2s ease; left: 0; border-radius: 0.3rem; } .mobile-toggle-center .icon-menu span:after, .mobile-toggle-center .icon-menu span:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: #fff; border-radius: 0.3rem; } .mobile-toggle-center .icon-menu span:before { width: 80%; height: 100%; transform: translateY(-0.15rem); transition: all 0.3s 0.1s ease; left: 0; left: 0; } .mobile-toggle-center .icon-menu span:after { width: 50%; height: 100%; transform: translateY(0.15rem); transition: all 0.3s 0.2s ease; left: 0; left: 0; } .is-showNavMob .mobile-toggle-center .icon-menu { justify-content: center; transition: top ease 0.3s; top: 8.1rem; } .is-showNavMob .mobile-toggle-center .icon-menu span { background-color: #1c5fb0; justify-content: center; width: 0; right: initial; opacity: 0.8; transition: all 0.6s ease; } .is-showNavMob .mobile-toggle-center .icon-menu span:after, .is-showNavMob .mobile-toggle-center .icon-menu span:before { width: 2.5rem; background-color: #fff; } .is-showNavMob .mobile-toggle-center .icon-menu span:before { transform: rotate(45deg); } .is-showNavMob .mobile-toggle-center .icon-menu span:after { transform: rotate(-45deg); } .is-showNavMob .mobile-toggle-center .icon-menu:hover span { width: 0; opacity: 1; } .is-showNavMob .mobile-toggle-center .icon-menu:hover span:before { transform: rotate(45deg); } .is-showNavMob .mobile-toggle-center .icon-menu:hover span:after { transform: rotate(-45deg); } .is-showNavMob.sxszf-banner-box { position: fixed; z-index: 99; } .is-showNavMob + .bg-news { margin-top: 14rem; } .mobile-nav { display: none; position: fixed; z-index: 999; top: 14rem; right: 0; left: 0; box-sizing: border-box; height: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); color: #fff; background: rgba(11, 13, 25, 0.9); will-change: transform; transition: transform ease 0.35s; overflow: auto; overflow-x: hidden; } .is-showNavMob .mobile-nav { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); display: block; } .is-showNavMob .nav-drawer-box { position: absolute; top: 0; left: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; width: 80%; background-color: #f7f4f3; overflow-y: auto; position: fixed; z-index: 9; height: calc(100% - 14rem); font-size: 14px; line-height: 40px; overflow: auto; overflow-x: hidden; } .nav-drawer-items li { margin-bottom: 0.5rem; border-top: 1px #e9e6e4 solid; margin-left: 1.5rem; margin-right: 1.5rem; position: relative; line-height: 2.4; list-style: none; margin-top: 0.5rem; } .nav-drawer-items > li { font-size: 2rem; } .nav-drawer-items > li > ul { padding-left: 0.75rem; display: none; } .nav-drawer-items > li > a { color: #313130; width: 80%; } .nav-drawer-items > li > a.sub_on { color: #1f4e83; } .nav-drawer-items > li > ul > li a { color: #666; display: block; text-align: left; } .nav-drawer-items > li > ul > li { font-size: 1.75rem; } .nav-drawer-items > li > i.icon { position: absolute; top: 2.25rem; right: 0; border: 0.75rem solid transparent; border-left-color: #d0ccca; transition: all ease 0.35s; } .nav-drawer-items > li > i.icon_on { transform: rotate(90deg); right: 0.5rem; border-left-color: #1f4e83; } .nav-drawer-items > li > i:hover svg { transform: rotate(0); fill: #c9141e; } .nav-drawer-items > li > ul > li { list-style-type: disc; color: #dcd5d3; } .nav-drawer-items li a, .nav-drawer-items li em { display: inline; padding: 0.25rem; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .is-showUserMob.sxszf-banner-box { position: fixed; z-index: 99; } .is-showUserMob + .bg-news { margin-top: 14rem; } .is-showUserMob .mobile-toggle-center .icon-center { justify-content: center; transition: top ease 0.3s; top: 8.1rem; } .mobile-toggle-center .icon-center { width: 2.75rem; height: 2.75rem; float: right; top: 0.75rem; top: 8.1rem; position: relative; z-index: 3; transition: top ease 0.3s; } .mobile-toggle-center .icon-center img { width: 100%; height: 100%; filter: invert(100%) sepia(0) saturate(7500%) hue-rotate(349deg) brightness(100%) contrast(100%); } .mobile-user { display: none; position: fixed; z-index: 999; top: 14rem; right: 0; left: 0; box-sizing: border-box; height: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); color: #fff; background: rgba(11, 13, 25, 0.9); will-change: transform; transition: transform ease 0.35s; overflow: auto; overflow-x: hidden; } .is-showUserMob .mobile-user { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); display: block; } .is-showUserMob .nav-drawer-box { position: absolute; top: 0; right: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; width: 80%; background-color: #f7f4f3; overflow-y: auto; position: fixed; z-index: 9; height: calc(100% - 14rem); font-size: 14px; line-height: 40px; overflow: auto; overflow-x: hidden; } .sxszf-logo, .sxszf-logo-fix { position: relative; height: 14rem; padding-top: 2.5rem; } .sxszf-logo > dt, .sxszf-logo-fix > dt { display: block; width: 36rem; width: 44rem; overflow: hidden; height: 6rem; position: absolute; top: -5rem; left: 0; right: 0; bottom: 0; margin: auto; } .sxszf-logo > dt img, .sxszf-logo-fix > dt img { height: 6rem; float: left; margin-left: 1rem; margin-right: 1rem; } .sxszf-logo > dt h1, .sxszf-logo-fix > dt h1 { font-size: 3.25rem; letter-spacing: 0.25rem; line-height: 4rem; float: left; text-align: left; } .sxszf-logo > dt h4, .sxszf-logo-fix > dt h4 { font-size: 1.25rem; float: left; } .footer-bg { height: 6rem; } .footer-copyright-box { background-color: #0457b7; } .footer-copyright-items { width: 100%; margin: 0 auto 1.25rem; } .footer-copyright-infos { font-size: 1.5rem; line-height: 1.8; margin-top: 1rem; -webkit-text-size-adjust: none; } .footer-copyright-infos p { width: 100%; justify-content: space-around; flex-wrap: nowrap; align-items: center; text-align: center; color: #edf5ff; } .footer-copyright-infos p a[href]:not([class]) { color: #edf5ff; } .footer-copyright-infos p a:not(:last-child):after { height: 1rem; top: 0.5rem; } .footer-copyright-infos p a { padding-right: 1rem; } .footer-copyright-infos p a img { width: 1.5rem; margin-right: 0.25rem; } .sxszf-intraclist-content .common-textnews-list > li > em > i, .sxszf-intraclist-content .common-textnews-list > li > em > span { width: 6rem; height: 2.5rem; font-size: 1.75rem; line-height: 2.5rem; border-radius: 0.25rem; -webkit-text-size-adjust: none; } .sxszf-intraclist-content .common-textnews-list > li > em { vertical-align: top; } .sxszf-logo > dd, .sxszf-logo-fix > dd { width: 70%; margin: 6.75rem auto 0; float: none; } .sxszf-logo > dd form, .sxszf-logo-fix > dd form { height: 3rem; } .sxszf-logo > dd .search-input, .sxszf-logo-fix > dd .search-input { width: 80%; height: 3rem; border-radius: 0.5rem; } .sxszf-logo > dd .search-input-inner, .sxszf-logo-fix > dd .search-input-inner { line-height: 2rem; width: calc(100% - 1rem); height: 2rem; margin: 0.5rem; font-size: 1.25rem; color: #ced2da; } .search-layer.search-focus { display: none; } .sxszf-logo > dd .search-input-btn, .sxszf-logo-fix > dd .search-input-btn { width: 18%; height: 3rem; } .is-showUserMob .nav-drawer-box { overflow: auto; overflow-x: hidden; transition: right ease 0.35s; } .is-showUserMob .nav-drawer-box > ul > li.funs { overflow: hidden; border-top: 0; } .is-showUserMob .nav-drawer-box > ul > li.funs > a { float: left; width: auto; } .is-showUserMob .nav-drawer-box > ul > li.funs div.fs { float: right; width: auto; overflow: hidden; line-height: 5rem; } .is-showUserMob .nav-drawer-box > ul > li.funs div.fs a { width: auto; float: left; border-left: 1px #ddd solid; text-align: center; color: #666; font-size: 1.75rem; padding: 0 1rem; } .is-showUserMob .nav-drawer-box > ul > li.funs div.fs a em { font-style: normal; } .is-showUserMob .nav-drawer-box ul li i { position: absolute; top: 0; right: 0; border-left: 1px #ddd solid; height: 5rem; padding: 0 0.5rem; } .is-showUserMob .nav-drawer-box ul li i svg { transform: rotate(-90deg); transition: all ease 0.35s; } .is-showUserMob .nav-drawer-box ul li .center_nav_iconon svg { transform: rotate(0); } .is-showUserMob .nav-drawer-box ul li { border-bottom: 1px #ddd solid; margin: 0 1rem; position: relative; line-height: 5rem; font-size: 1.75rem; } .is-showUserMob .nav-drawer-box > ul > li:last-child { border-bottom: 1px #ddd solid; } .is-showUserMob .nav-drawer-box ul li ul { display: none; } .is-showUserMob .nav-drawer-box ul li a { color: #313130; width: 80%; } .is-showUserMob .nav-drawer-box ul li ul li a { color: #666; display: block; text-align: left; font-size: 1.75rem; } .is-showUserMob .nav-drawer-box ul li i svg { width: 1.75rem; height: 1.75rem; fill: #555; } .is-showUserMob .nav-drawer-box ul li .center_nav_iconon svg { fill: #c9141e; } .is-showUserMob .nav-drawer-box ul li ul li > ul { margin-left: 10px; } .theme-choose { position: inherit; z-index: 5; background-color: #fff; width: 100%; border-top: 0; top: 0; left: 0; display: none; padding: 0.25rem 0; } ul.theme-choose li { width: calc(100% - 2rem); height: 3.6rem; line-height: 3.6rem !important; margin: 1rem !important; border: 1px solid #fff; text-align: center; color: #fff; cursor: pointer; display: block; font-size: 1.75rem !important; } .person-center { margin: 1rem; width: calc(100% - 2rem); height: 8rem; overflow: hidden; border-bottom: 1px dashed #cdd7e2; margin-bottom: 0; } .person-center > dt { float: left; width: 30%; border-radius: 100%; } .person-center > dt img { height: 6rem; margin: 1rem auto; width: auto; } .person-center > dd { float: right; width: 70%; margin-top: 2rem; font-size: 2rem; } .person-center > dd a { display: block; color: #1f4e83; } .person-center > dd span { font-size: 1.5rem; color: #999; line-height: 1.5; } .long-title { padding-bottom: 3rem; } .mob-tabmore { position: absolute; right: 1rem; height: 2.5rem; line-height: 2.5rem; top: 1.25rem; display: none; background-color: #0457b7; padding: 0 1rem; border-radius: 1.5rem; } .mob-tabmore > a[href]:not([class]) { color: #fff; font-size: 1.5rem; font-weight: 400; } .bg-theme .mob-tabmore { background-color: #fff; } .bg-theme .mob-tabmore > a[href]:not([class]) { color: #0457b7; } .tab-current + .mob-tabmore { display: block !important; } .sxszf-logo > dt > a { display: block; } /* .hover-mask.esdHBG { display: none; } */ .zmhd-zlsh { height: auto; } /*手机版隐藏式菜单样式表结束*/ } @media (max-width: 1240px) { .mb1240_hide{ display:none; } .mb1240_show{ display:block; } .w1240 { width: 100%; } .w1240_98 { width: 98%; } .sec1 { display: none; } } @media (max-width: 1200px){ .bqnews_box { width: 38%; margin-right: 75px; } } @media (max-width: 1152px) { .tltw02 .text { height: 40px; } .tltw02 .text span { font-size: 14px; } } @media (max-width: 1150px) { .bqnews_box { width: 32%; margin-right: 145px; } .mBan2 .slideBox .bd img { width: 1130px; height: 120px; } .mBan2 .slideBox .hd { top: 100px; } .pubCon_tab_box .tab a:not(.more) { display: inline-block; font-size: 16px; } .sec3_card_qyw .qyw_right_tv { width: 100%; display: flex; } .sec3_card_qyw .qyw_left2 { width: 265%; } .sxxw_nrjj { top: 20%; } .sxxw_nrjj_l { /* top: 25%;*/ } .sxxw_more { left: 75%; top: 60%; } .right_list_box, .pubCon_tab_box { width: 100%; } .hfmain { margin: 25px auto; width: 1100px; } .pubCon_tab_box .tab a:not(.more) { font-size: 18px; } .nav_box .nav_content { flex-wrap: wrap; } } @media (max-width: 1100px) { .xw-scrollnew { width: 100%; padding: 10px 20px 10px 20px; margin: auto; } .main_box .main_content { display: flex; flex-direction: column; } .sxxw_more { left: 75%; top: 50%; } .sec3_box .ztzl_box .ztzl_swiper_box .ztzl_swiper { width: 930px; } .sec4_box .kqly_box .kqly_swiper_box .kqly_swiper { width: 930px; } .wx_dy_code { width: 16%; height: 100%; } .footer .gov { top: 10px; } } @media (max-width: 1080px) { .sec2_body { background-size: 100% !important; } .m_1080_hide { display: none; } .m_1080_show { display: block !important; } .m_1080_hide_search { display:none; } .header_box_height { height: 325px; } .main2 { width: 980px; } .dj_container { width: 100% } .zt_headtitle_content { width: 100%; } .zt_headtitle_content .title_content { width: 90%; margin: auto; } .standard .content21 { width: 48%; } .v10_tuwen02 { margin: 0; width: 49%; } .standard .content32 { width: 100%; } .standard .content31 { width: 100%; } .bqnews_box { width: 100%; margin-bottom: 20px; } .sec3_card_qyw .qyw_left { width: 100%; height: 600px; } .mBan2 .slideBox .bd img { width: 1000px; height: 120px; } .mBan2 .slideBox .hd { top: 100px; } .sxxw_bg { background: url(sxxw_bg_m.jpg) no-repeat center; width: 100%; height: 20%; position: relative; background-size: cover; } .zjcard { width: 49%; height: 47%; } .mobilehide { display: none; } .hfmain { margin: 25px auto; width: 1000px; } .sec1 { display: none; } .xw-scrollnew .slides li a { line-height: 25px; font-size: 24px; overflow:hide; white-space: pre-wrap; -ms-text-overflow: ellipsis; word-wrap: break-word; padding-top: 18px; height:60px; } .span991 { width: 96%; display: inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .span992{ width: 80%; display: block; white-space: nowrap; /* text-wrap: wrap; */ text-overflow: ellipsis; overflow: hidden; float: left; } /* 轮播图样式 */ .LunBocontainer { position: relative; overflow: hidden; width: 100%; height: 500px; margin-bottom: 20px; } .left_focus_box { width: 100%; height: 100%; } .left_focus_box_height { height: 100%; } .mar20 { margin-bottom: 30px; padding-left: 30px; padding-right: 30px; width: 100%; } .banner { width: 430px; float: left; } .banner p { width: 100%; height: 40px; background: #131212; line-height: 40px; font-size: 14px; text-indent: 14px; margin-top: -40px; z-index: 9999; position: absolute; opacity: 0.6; } .banner p a { color: #fff; display: block; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .slider { position: relative; height: auto; width: 100%; overflow: hidden; } .slider .slider-pointer { position: absolute; bottom: 10px; color: #fff; list-style: none; padding: 0; z-index: 99999; left: 85% !important; } .slider .slider-pointer li { display: inline-block; margin: 0 6px; width: 12px; height: 12px; border-radius: 15px; background-color: #ffffff; opacity: 0.85; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5); transition: all 320ms ease; } .slider .slider-pointer li:hover { background-color: #e30006; } .slider .slider-pointer li.active { background-color: #b00005; } .slider .slider-inner { width: 100%; height: 100%; position: relative; } .slider .slider-inner .item { width: 100%; height: 100%; float: left; } .slider .slider-inner img { width: 100%; display: block; height: 258px; } .slider .slider-control { position: absolute; width: 30px; height: 30px; z-index: 999; border-radius: 30px; text-align: center; font-weight: 900; font-size: 20px; line-height: 30px; background-color: #ffffff; opacity: 0.5; cursor: pointer; top: 40%; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5); transition: all 320ms ease; } .slider .slider-control:hover { opacity: 0.65; background-color: #b00005; } .slider .slider-control:active { opacity: 0.85; } .slider .slider-control.prev { display: none; left: 20px; } .slider .slider-control.next { display: none; right: 20px; } .slider:hover .slider-control.prev { display: block; left: 20px; } .slider:hover .slider-control.next { display: block; right: 20px; } .banner i { position: absolute; bottom: 10px; right: 10px; font-size: 14px; z-index: 30; } .banner i a { color: #fff; } /* 轮播图样式结束 */ .mb1024_hide{ display: none !important; } .mb1024_show{ display: flex !important; justify-content: space-around; } .txtScroll-new { width: 80% !important; } .pchide { display: block; } .focus_box { width: 70%; height: 440px; overflow: hidden; margin-left:14.2%; } .focus_name { width: 97%; } .top-news-left marquee { /* width: 990px; */ width: 75%; margin-left: 160px; line-height: 40px; } .header_box .middle_box { margin-top: 0px; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 280px; padding-top: 280px; } .tt_mb { background-position-y: 40%; background-position-x: 8%; } .header_box .top_box { display: none; } .1080pchide { display: none; } .swiper-container1 { overflow: auto; width: 100%; height: 100%; } .sec1 { display: none; } element.style { height: 100%; } .xw-scrollnew .flexslider { background-position: right top; width: 100%; height: 90px; margin: 0 auto; position: relative; background-image: url(/img/toutiao.png); background-repeat: no-repeat; float: left; } .xw-scrollnew .slides { position: relative; z-index: 1; width: 100%; } .xw-scrollnew .slides li .p-con { width: 70%; height: 90px; text-align: center; display: inline-block; margin-left: 0px; } .xw-scrollnew .slides li .tttp { display: inline-block; vertical-align: middle; margin-bottom: 60px; margin: 15px 0 60px 100px; } .txtScroll-left { display: none; } /* .fl { float: left; margin-left: 14.5%; }*/ .dowebok { width: 75%; } .video_width { width: 700px; } .sec3_card_qyw .qyw_left2 { width: 180%; } } @media (max-width: 992px) { .xw-scrollnew { width: 100%; } .sec3_card_qyw .qyw_left2 { width: 175%; } .mBan2 .slideBox .bd img { width: 960px; height: 120px; } .mBan2 .slideBox .hd { top: 100px; } .hfmain { margin: 25px auto; width: 900px; } .footer .links>ul>li { width: 100%; background: #fff; color: #444; margin-top: 0.2rem; } .footer .copyright { text-align: center; } .footer .copyright .gov { position: relative; float: none; } .header_box .top_box { flex-direction: column; justify-content: center; } .header_box .top_box .header_left { width: 100%; margin-bottom: 20px; justify-content: center; display: none; } .header_box .top_box .header_right { margin-bottom: 30px; width: 100%; justify-content: center; display: none; } .top_box_992_hide { display: none; } .xw-scrollnew .slides li a { line-height: 25px; font-size: 24px; white-space: pre-wrap; -ms-text-overflow: ellipsis; word-wrap: break-word; height: 70px; } .span992 { white-space:nowrap;/*强制单行显示*/ text-overflow:ellipsis;/*超出部分省略号表示*/ overflow:hidden;/*超出部分隐藏*/ width: 80%;/*设置显示的最大宽度*/ display:inline-block; } .bqnews_tit>a { width: 120px; line-height: 46px; float: left; font-size: 18px; position: relative; } .bqnews_tit2>a { width: 120px; line-height: 46px; float: left; font-size: 18px; position: relative; } .mb1024_hide{ display: none; } .main_box .main_content .news_box { flex-wrap: wrap; } .main_box .main_content .news_box .left_focus_box { width: 100%; } .main_box .main_content .news_box .right_list_box { margin-top: 30px; width: 100%; } .sec3_card_qyc { flex-wrap: wrap; } .sec3_card_qyc .qyc_left_box { width: 100%; } .sec3_card_qyc .qyc_right_box { margin-top: 30px; width: 100%; } .sec3_card_qyc .qyc_right_box .openInfoList li a img { width: 12.27%; } .sec3_card_qyb .top { flex-wrap: wrap; } .sec3_card_qyb .top a { width: 100%; } .sec3_card_qyb .top a:not(:first-child) { margin-top: 20px; } .sec3_card_qyb .top .card_qyb_top_a01 { width: 100%; } .sec3_card_qyb .grbs_box { width: 100%; } .sec3_card_qyb .ztfw_box { margin-top: 30px; width: 100%; } .sec3_card_qyb .tszq_list li { width: calc(50% - 28px); } .sec3_card_qyw .qyw_left { width: 100%; } .sec3_card_qyw .qyw_left .ddxx_table .th th:nth-child(1) { width: 25%; } .sec3_card_qyw .qyw_left .ddxx_table .th th:nth-child(2), .sec3_card_qyw .qyw_left .ddxx_table .th th:nth-child(3) { width: 15%; } .sec3_card_qyw .qyw_left .ddxx_table .th th:nth-child(4) { width: 15%; } .sec3_card_qyw .qyw_right { width: 100%; } .sec3_card_qyw .qyw_right .mydc_box { margin-top: 30px; } .sec3_card_qyw .qyw_right .mydc_list { margin-top: 30px; } .sec3_card_qyw .qyw_right .xjcx_box .bttom { margin-top: 0.15rem; width: 100%; } .sec3_card_qyw .qyw_right .xjcx_box .bttom .img_box { width: 24%; height: 1.1rem; min-height: 90px; padding-top: 0.25rem; padding-bottom: 0.2rem; border-radius: 0.1rem; } .sec3_card_qyw .qyw_right .xjcx_box .bttom .img_box:nth-child(1), .sec3_card_qyw .qyw_right .xjcx_box .bttom .img_box:nth-child(2) { margin-bottom: 0.2rem; } .sec3_card_qyw .qyw_right .xjcx_box .bttom .img_box img { margin-bottom: 0.16rem; } .sec3_card_qyw .qyw_right .xjcx_box .bttom .img_box span { font-size: 0.16rem; line-height: 0.16rem; } .sec3_card_qycha { padding: 33px 30px 42px; } .sec3_card_qycha .card { width: 100%; margin-bottom: 30px; } .sec3_card_qycha .card_list li { box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; padding-left: 0.5rem; } /*第四屏*/ .sec4_box .ztzl_box .ztzl_swiper_box .ztzl_swiper { width: 95.38%; } .sec4_box .ztzl_box .ztzl_swiper_box .ztzl_swiper .swiper-wrapper .swiper-slide { width: 100%; } } @media (max-width: 900px) { .more_900_hide{ display:none; } .txtScroll-new .span1 { display: inline-block; width: 248px; } .wx_dy_code { width: 10%; } .footer .gov { display: flex; justify-content: center; flex-direction: row; align-items: center; } .sec3_box .ztzl_box .ztzl_swiper_box .ztzl_swiper { width: 620px; } .sec4_box .kqly_box .kqly_swiper_box .kqly_swiper { width: 620px; } .LunBocontainer { height: 65vh; } .dowebok { width: 70%; } .zwxl-bar span.tit { margin-left: 0; } .detail_title { width: 90%; max-width: 95%; margin: auto; text-align: center; } .video_width { width:807px; } .sxxw_more { left: 60%; top: 40%; } .sec3_card_qyw .qyw_left2 { width: 160%; } } @media (max-width: 860px) { .txtScroll-new .span1 { display: inline-block; width: 228px;} .date { font-size: 16px; } .p_line_4 { font-size: 12px; } .sec33_card_box { height: 1000px; } .header_box .middle_box { height: 240px; padding-top: 240px; } .LunBocontainer {height: 400px;} .sec3_card.current { height: 700px; } } @media (max-width: 850px) { .sec33_card_qyw .qyw_right_tv { width: 100%; } .zt_p { margin: 5px 0 15px auto; } .LunBocontainer { height: 400px; } .xw-scrollnew { width: 800px; } .sxxw_more { left: 60%; top: 30%; } } @media (max-width: 810px) { .txtScroll-new .span1 { display: inline-block; width: 208px;} .newsmes_list.news_tt { border-top: 0px; } .mBan2 { height: 100px; margin-bottom: 0px; } .main2 { width: 760px; } .sjcc_box_z_l { width: 100%; } .jubao { width: 80%; } .videoNew_show { display: none; } .xw-scrollnew { width: 760px; } .dowebok { width: 68%; } .video_width { width:600px; } .sec3_card_qyw .qyw_left2 { width: 145%; } .mBan2 .slideBox .bd img { width: 760px; height: 100px; } .mBan2 .slideBox .hd { top: 83px; } .hfmain { margin: 25px auto; width: 700px; } .nav_box .nav_content a { padding-left: 1.88%; padding-right: 1.88%; width: 20%; } .xw-scrollnew .slides li a { line-height: 25px; font-size: 22px; white-space: pre-wrap; -ms-text-overflow: ellipsis; word-wrap: break-word; height: 60px; padding-top:10px; } } @media (min-width:768px){ .swiper-dj_container1 .swiper-slide .title { font-size:20px; margin:46px 110px 0 20px; } .zsjs { background:url(${ResBase}qydj_cssandimages/zt_xxxjpsx_20230421_02.jpg) no-repeat center; height:798px; margin-top: 0px;} .dbwy { background:url(${ResBase}qydj_cssandimages/zt_xxxjpsx_20230421_03.jpg) no-repeat center; height:812px; } .qszs { background:none; } .lhrm { background:none; } .dbwy_height { height:20px; } .qszs { height:780px; } .lhrm { height:880px; } .headtitle_height { height:5px; } .v10_title05 { padding:20px 40px; margin:0 0 5px 0; } .v10_title05 h2 { margin:0 0 5px; } .qswq { height:720px; } .v10_title04 { padding:19px 0; } .v10_title04 h2 { line-height:1.2; } .v10_title07 { padding:20px 0; } .v10_title07 h2 { line-height:1.2; } .tltw02 .text { height: 40px; } .tltw02 .text span { font-size: 14px; } } @media (max-width:767px) { .txtScroll-new .span1 {width: 188px;} .v10_tuwen01 .title { max-height:1rem; bottom:0.2rem; line-height:1.2; height:1rem; } .swiper-dj_container1 .swiper-slide .title { font-size:0.4rem; max-height:1rem; margin:0.2rem 0.5rem 0.4rem; } .swiper-dj_container1>.swiper-pagination1 { bottom:1.2rem} .tltw02 {margin: 0.2rem 0.05rem;padding: 0;} .tltw02:hover .pic img {-webkit-transform: none;-moz-transform: none;-ms-transform: none;transform: none;} .tltw02 .text {height: 1.2rem;margin: 0;padding: 0.1rem 0.05rem;} .tltw02 .text span {font-size: 0.44rem;line-height: 0.5rem;max-height: 0.95rem;} .tjyd-content { margin:0 auto; } .tltw02 .text { height:0.8rem;} .tltw02 .text span { line-height:0.8rem;} .v10_pic02 {margin: 0 auto;padding: 0.2rem 0 0;width:9rem;} .v10_pic02 .title {font-size: 0.44rem;max-height: 1.1rem;margin-bottom: 0.2rem;} .v10_title07 {padding: 0.3rem 0;border-bottom: solid 1px #d7d7d7;} .v10_title07 h2 {font-size: 0.36rem;line-height:1.4;} .v10_title04 {padding: 0.3rem 0;} .v10_title04 h2 {font-size: 0.36rem;line-height:1.4;} .v10_title04 h2 a {font-size: 0.36rem;color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: block; } .v10_tuwen01 .pic img { width: 100%; height: 228px; } .Picbelarger img { width: 100%; height: 100px; } .v10_title06 {padding: 0.2rem 0;line-height:1.4;} .headtitle { height:auto;} .yskban_marg {margin: 1rem 0 0.6rem;} .yskban_marg2 {margin: 1rem 0 0.2rem;} .standard .content21 {width: 95%; margin: auto;} .swiper-dj_container1 .swiper-slide img { width: 100%; height: 228px; } .row{margin-bottom: 0px;} } @media (max-width: 750px) { .zt_headtitle { width: 100%; height: 70px; background: url(/jxky/template/qydj_cssandimages/zt_xxxjpsx_20230421_07_m.png) no-repeat center; padding: 8px 10px 10px 35px; } .zt_headtitle_content .title_content h2 { font-size: 26px; padding: 15px 10px 15px 25px; line-height: 1; } .zt_headtitle_content { height: 74px; } html { font-size: 46px !important; } .main2 { width: 660px; } .sjcc_box_z_l { height: 100%; } .video_width { width:660px; } .sec3_card_qyw .qyw_left2 { width: 135%; } .mBan2 .slideBox .bd img { width: 720px; height: 100px; } .mBan2 .slideBox .hd { top: 83px; } .header_box .middle_box { margin-top:0px; background-size:50%; height: 2.5rem; margin-bottom: 0.3rem; } .sxxw_more { left: 65%; top: 25%; } .hfmain { width: 600px; } .footer .copyright .p1 { display: flex; justify-content: center; flex-wrap: wrap; } .footer .copyright .gov { position: relative; float: none; } .footer .copyright p:not(.p1) span { /* display: block;*/ margin-right: 0 !important; text-align: center; } .header_box { overflow: hidden; } .header_box .top_box { display: none; } .header_box .middle_box { margin-top: 18px; margin-bottom: 40px; } .header_box .middle_box .logo { width: 60%; } .nav_box .nav_content a { font-size: 20px; } .header_box .middle_box .search_box { margin-top: 0.2rem; } .header_box .middle_box .search_box .input_box { padding-left: 0.2rem; width: 5.37rem; height: 0.54rem; box-shadow: 0.03rem 0.03rem 0.09rem 0px #b3d5ed; border-radius: 0.06rem; } .header_box .middle_box .search_box .search_btn { width: 1.11rem; height: 0.54rem; font-size: 0.28rem; line-height: 0.48rem; border-radius: 0 0.06rem 0.06rem 0; } .header_box .middle_box .search_box .search_btn img { width: 0.22rem; margin-right: 0.1rem; } .header_box .middle_box .hot_box { margin-top: 15px; font-size: 14px; line-height: 0.23rem; width: 55%; margin-bottom: 5px; } .left_focus_box .focus img, .left_focus_box .focus .pic img { width: 100%; /* height: 250px !important;*/ } } @media (max-width: 735px) { .video_width { width:650px; } .mBan2 .slideBox .bd img { width: 710px; height: 100px; } .mBan2 .slideBox .hd { top: 83px; } .sxxw_bg { height: 74%; } .sxxw_more { left: 55%; top: 25%; } .xw-scrollnew .slides li a { line-height: 25px; font-size: 22px; white-space: pre-wrap; -ms-text-overflow: ellipsis; word-wrap: break-word; height: 60px; } .sec3_card_qyw { padding: 0.32rem 0.3rem; } .sec3_card_qyw .qyw_left { width: 100%; } .sec3_card_qyw .qyw_left .zxft_box { width: 100%; } .sec3_card_qyw .qyw_left .zxft_list_div { padding: 0.25rem 0.25rem 0.23rem; flex-wrap: wrap; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_left { width: 100%; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_left a { width: 100%; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_right { width: 100%; margin-top: 0.3rem; padding-bottom: 0.3rem; } .sec3_card_qyw .qyw_left .zxft_list_div .zxft_list_right .zxft_list_right_list .li p:last-child { width: calc(100% - 100px); } } @media (max-width: 700px) { .txtScroll-new .span1 { width: 158px; } .sjcc_box_z .bfan { top: 78%; } .xw-scrollnew { width: 660px; } .dowebok { width: 65%; } .video_width { width:500px; } .mb700_show{ display: block; } .mb700_hide { display: none; } .sec3_card_qyw .qyw_left2 { width: 125%; } } @media (max-width: 660px) { .main2 { width: 560px; } .sjcc_box_z_l { height: 100%; } .right_list_box .list-t li, .pubCon_tab_box .list-t li { font-size: 14px; } .video_width { width:567px; } .sec3_card_qyw .qyw_left2 { width: 115%; } .mBan2 .slideBox .bd img { width: 620px; height: 90px; } .mBan2 .slideBox .hd { top: 73px; } .pubCon_tab_box .tab a:not(.more) { font-size: 16px; } .pubCon_tab_box .tab a + a:not(.more) { /* margin-left: 60px !important;*/ } .sec3_card_qyw .qyw_right_tv { width: 100%; display: inline-block; } .header_box .middle_box .hot_box { margin-top: 10px; font-size: 14px; line-height: 0.23rem; width: 60%; } .header_box .middle_box .hot_box span { margin-right: 25px; } .nav_box .nav_content a { font-size: 22px; } .zjcard { width: 48%; height: 40%; } .sec3_card.current { height: 380px; } .zjtitle { padding: 12px; font-size: 14px; } .secVideo_content { padding-bottom: 0px; } .sec4_box { /* padding-top: 40px;*/ } .sec4_box .sec4_nav { margin-bottom: 25px; } .xw-scrollnew .slides li .tttp { display: inline-block; vertical-align: middle; margin-bottom: 60px; margin: 15px 0 60px 45px; } .xw-scrollnew .slides li a { line-height: 25px; font-size: 22px; white-space: pre-wrap; -ms-text-overflow: ellipsis; word-wrap: break-word; height:60px; } .LunBocontainer { position: relative; overflow: hidden; width: 100%; margin-bottom: 20px; } .port-7.effect-3 img { height: 130px; } .text-desc h3 { font-size: 12px !important; } .text-desc p { font-size: 10px !important; display: none; } .btn { font-size: 8px; padding: 1px 1px; } .sec3_tab a { width: 25%; font-size: 0.3rem; line-height: 0.42rem; } .sec3_tab a img { width: 0.34rem; margin-right: 0.25rem; } .sec3_content { padding-top: 0.45rem; padding-bottom: 0.35rem; height: 590px; } .top-news-left { margin-bottom: 0px; } .sec3_card_qyw .qyw_left { height: 500px; } .sec3_card { padding: 0.32rem 0.3rem; } .sec3_card_qyc .qyc_top { margin-bottom: 0.22rem; } .sec3_card_qyc .qyc_left_box .qyc_left_tab .more { padding-top: 5px; } .sec3_card_qyc .qyc_left_box .gljd-t .gljd_box .list_text { width: calc(100% - 100px); } .sec3_card_qyc .qyc_left_box .gljd-t .gljd_box .gljd_link { display: none; } .sec3_card_qyc .qyc_right_box .openInfoList li:not(:nth-last-child(-n+2)) { line-height: 1rem; border-bottom: 1px dashed #c6c6c6; } .sec3_card_qyc .qyc_right_box .openInfoList li:nth-last-child(-n+2) { padding-top: 0.27rem; padding-bottom: 0.13rem; } .sec3_card_qyc .qyc_right_box .openInfoList li:nth-child(odd) { margin-right: 0.1rem; } .sec3_card_qyc .qyc-right-tab-pane .more { width: fit-content; } .sec3_card_qyc .qyc_bottom { flex-wrap: wrap; } .sec3_card_qyc .qyc_bottom .search_zc, .sec3_card_qyc .qyc_bottom .range, .sec3_card_qyc .qyc_bottom .radio_range, .sec3_card_qyc .qyc_bottom .input_box, .sec3_card_qyc .qyc_bottom .search_box { margin-bottom: 0.3rem; } .sec3_card_qyc .qyc_bottom .search_zc { margin-right: 0; } .sec3_card_qyc .qyc_bottom .range { margin-right: 0; } .sec3_card_qyc .qyc_bottom .radio_range input { margin-right: 0; } .sec3_card_qyc .qyc_bottom .radio_range.all { margin-right: 0; } .sec3_card_qyc .qyc_bottom .radio_range.title { margin-right: 0; } .sec3_card_qycha { padding: 0.33rem 0.3rem 0.42rem; } .sec3_card_qycha .card { padding-top: 0.33rem; padding-left: 0.3rem; padding-right: 0.3rem; } /*第四屏*/ .sxxw_bg { height: 31%; background: url(sxxw_bg.jpg) no-repeat center; width: 100%; margin-left: 0px; margin-top: 0px; background-size: 100% 100%; } .sxxw_more { left: 85%; } .sec4_box { /* margin-top: 28.8rem;*/ } .sec4_box .sec4_nav { padding-top: 0.3rem; border-radius: 0.1rem; } .sec4_box .sec4_nav a { width: 33.3%; margin-bottom: 0.3rem; } .sec4_box .sec4_nav a img { padding-bottom: 0.28rem; } .sec4_box .sec4_nav a + a::before { height: 56px; } .sec4_box .ztzl_box { margin-bottom: 0.4rem; } .sec4_box .ztzl_box .ztzl_content { margin-bottom: 0.25rem; } .sec3_card_qyw .qyw_left .ddxx_table { margin-top: 0.16rem; } .sec3_card_qyw .qyw_left .ddxx_table .th { font-size: 14px !important; } .sec3_card_qyw .qyw_left .ddxx_table .th th:nth-child(2) { display: none; } .sec3_card_qyw .qyw_left .ddxx_table .text td:nth-child(2) { display: none !important; } } @media (max-width: 600px){ .txtScroll-new .span1 { width: 128px;} .sec3_box .ztzl_box .ztzl_swiper_box .ztzl_swiper { width: 480px; } .sec4_box .kqly_box .kqly_swiper_box .kqly_swiper { width: 480px; } .sec3_card_qyw .qyw_left { height: 420px; } .jubao { width: 60%; } .xw-scrollnew { width: 560px; } .sec3_box { margin-top: 0px; } .dowebok { width: 60%; } .zjcard { width: 48%; height: 40%; } .dowebok { width: 60%; } .hot_box a:first-of-type { margin-left: 0px; } .video_width { width:400px; } .sec3_card_qyw .qyw_left2 { width: 105%; } } @media (max-width: 575px) { .mkTab a { font-size: 16px; } .sec3_card_qyw .qyw_left2 { width: 95%; } .mBan2 .slideBox .bd img { width: 550px; height: 90px; } .mBan2 .slideBox .hd { top: 73px; } .morehide{ display: none; } .more_600_hide { display: block; } .sec4_box { /* margin-top: 26rem;*/ } .sxxw_more { top: 15%; } .sec3_card_qyw .qyw_left .zxft_list_div { padding-bottom: 60px; } .nav_box .nav_content a { font-size: 20px; } } @media (max-width: 550px) { .sec3_card_qyw .qyw_left { height: 380px; .main2 { width: 460px; } .sjcc_box_z_l { height: 100%; } } .sec3_content { padding-top: 0.45rem; padding-bottom: 0.35rem; height: 540px; } } @media (min-width: 500px){ .mb500_hide { display: none; } .pc500_hide { display: none; } } @media (max-width: 500px){ .zt_p { margin-bottom: 2px; } .pubCon_1240 { margin-bottom: 2px; } .spzl { height: 260px; } .spzl_bfan { height: 40px; width: 40px; left: 35%; top: -95%; } .spzl_bfan_m { width: 40px; height: 40px; left: 26%; top: -100%; } .spzl_bfan_r { height: 40px; width: 40px; top: -100%; left: 36%; } .spzl_p { font-size: 14px; line-height: 50px; } .jubao { width: 40%; } .mbtt500_hide { display: none !important; } .mbtt500_show { display: block; } .zjqj_page .dfb .img_mask_box a img { width: 100%; height: 235px; } .sec3_card_qyw .qyw_left { height: 300px; } .sec3_content { padding-top: 0.45rem; padding-bottom: 0.35rem; height: 440px; } .xw-scrollnew { width: 90%; /*padding-left: 40px;*/ } .LunBocontainer { height: 35vh; } .video_width { /* width:400px;*/ width: 100%; } .common_ttt h3 { font-size: 28px; } .mb500_hide { display: block; } .sec3_card_qyw .qyw_left2 { width: 85%; } .header_box .middle_box { margin-bottom: 0px; height: 0px; } .sec33_box { height: 480px; } .sec34_box { height: 0px; } .sec4_box { /*margin-top: 200px;*/ } } @media (max-width: 484px) { .sec3_card_qyw .qyw_left2 { width: 75%; } .sec3_card_qyw .qyw_left .ddxx_box .tab-pane-right .tab_item_right { white-space: nowrap; width: 200px; overflow-y: scroll; } .sec3_card_qyw .qyw_left .ddxx_box .tab-pane-right .tab_item_right a { min-width: 120px; } .sec3_card_qyw .qyw_left .ddxx_box .tab-pane-right h3 { flex-wrap: nowrap; } } @media (max-width: 480px) { .zwxl-bar span { font-size: 12px; } .detail_title { display: flex; justify-content: space-between; width: 100%; max-width: 100%; } .mgt-30 { margin-top:0px; } .header_box_height { height: 125px; } .pb-50 { padding-bottom: 0px; } .sec34_box .ztzl_box .ztzl_swiper_box .ztzl_swiper { width: 320px; } .sec34_box .ztzl_box { margin-bottom: 60px; } .sec34_box .ztzl_box .ztzl_swiper_box .ztzl_swiper .swiper-wrapper .ztzl_slide_a { height: 102px; } .bqnews_box { /* margin-top: -35px;*/ } .sec4_box .kqly_box .kqly_swiper_box .kqly_swiper .swiper-wrapper .kqly_slide_a { height: 122px; } .sec33_box { height: 900px; } /* @media (max-height: 880px){ .sec33_box { height: 740px; } } @media (max-height: 788px){ .sec33_box { height: 900px; } }*/ .sec34_box { height: 0px; } .m_480_hide { display: none; } .m_480_show { display: block !important; } .m_480_hide_search { display:none; } .sec2_body { background-size: 100% !important; } .zjdescription { font-size: 12px; } .sec3_content { height: 330px; } .mar20 { margin-bottom: 0px; } .sec3_box { margin-top: 0px; } .left_focus_box { width: 100%; height: 100%; } .left_focus_box_height { height: 100%; } .kg_br { br/ } .mBan2 .slideBox .bd img { width: 400px; height: 80px; } .mBan2 .slideBox .hd { top: 63px; } .pubCon_tab_box .tab a + a:not(.more) { margin-left: 10px !important; } .header_box .middle_box .logo { width: 80%; } .header_box .middle_box .hot_box { width: 60%; } .hfcontainer { height: 100px; } .port-7.effect-3 img { height: 100px; } .top-news-left marquee { width: 50%; } .index-wrap6-zt { margin: 10px 0 15px 0; } .sxxw_more { top: 5%; } .sec4_box { padding-top: 660px; } .LunBocontainer { position: relative; overflow: hidden; width: 100%; height: 25vh; margin-bottom: 10px; } .nav_box .nav_content a { font-size: 14px; height: 24px; } .bqnews_tit1>a { width: 90px; } .bqnews_tit2>a { width: 90px; } .text-desc h3 { font-size: 12px !important; } .text-desc p { font-size: 10px !important; display: none; } .btn { font-size: 8px; padding: 1px 1px; } .span991 { width: 96%; display: inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .span992 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 180px; display: inline-block; } .xw-scrollnew .slides li a { line-height: 25px; font-size: 18px; white-space: pre-wrap; -ms-text-overflow: ellipsis; word-wrap: break-word; height:70px; } .t_t_l { font-size: 16px; margin-top: 1px; } .t_r_r a { font-size: 12px; } .bqnews_tit1 { height: 30px; } .bqnews_tit1>a { line-height: 30px; font-size: 16px; } .bqnews_list01 { height: 105px; } .bqnews_list01 li { font-size: 14px; height: 25px; line-height: 25px; } .bqnews_list02 { height: 140px; } .bqnews_list02 li { font-size: 14px; height: 25px; line-height: 25px; } .bqnews_tit2 { height: 30px; } .bqnews_tit2>a { line-height: 30px; font-size: 16px; } .r_cell { width: 80%; } .t_r_r h5 { margin-top: 2%; } .LunBocontainer .slider .slide p { font-size: 10px; } .xjcx_box .bttom .img_box { margin-bottom: 5px; width: 45%; height: 80px; } .header_box .middle_box { margin-top: 0px; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 80px; height: 130px; } .zt_p { margin: 5px 0 2px auto; } .search-area1 { background: url(ssframe_small.png) no-repeat; background-position: center; } .hot_box a:first-of-type { margin-left: -5px; } .search-area1 .searchtext { /* margin-top: -5px;*/ } .search-area1 .searchbutton { /* float: right; margin: -32px 105px 0 0;*/ } .xw-scrollnew .slides li .tttp { display: inline-block; vertical-align: middle; margin-bottom: 60px; margin: 15px 0 60px 10px; } .sec3_card_qycha .card_list li { padding-left: 0.1rem; } .sec3_card_qyb .ztfw_list a { font-size: 15px; } .sec3_card_qyb .ztfw_list a img { transform: scale(0.9); } .sec3_card_qyb .ztfw_list.current { display: block; } .sec3_card_qyb .tszq_list li a img { margin-right: 0.22rem; } /*第四屏*/ .sec4_box .sec4_nav a img { transform: scale(0.9); /*margin-bottom: -15px;*/ } .sec4_box .ztzl_box .ztzl_swiper_box .ztzl_swiper .swiper-wrapper .ztzl_slide_a { height: 142px; } .sec4_box .sec4_nav a span { font-size: 15px; } } @media (max-width: 450px){ .tt_mb { background-position-y: 25%; } .pt-35 { padding-top: 0px; } .p-30 { padding: 10px; } .py-40 { padding-top: 0px; padding-bottom: 30px; } .common_list_page .article .article_text { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding-top: 20px; } .content p { letter-spacing: 1px; font-size: 18px !important; } .sec32_box { height:960px; } .sec33_box { height: 460px; } .main2 { width: 320px; } .sjcc_box_z_l { height: 100%; } .jubao { width: 30%; } .sec3_card_qyw .qyw_content2 { margin-top: 0px; } .video_width { /* width:380px;*/ width: 100%; } .tt_ul { font-size: 22px; /*width: 100% !important;*/ } .mBan2d { margin-top: -20px; margin-bottom: 0px; } .txtScroll-new { margin-top: -0.25rem; width: 100% !important; text-align: center; margin-bottom: 0px; } .txtScroll-new .span1 { width: 30%; } .txtScroll-new .span2 { width: 40px; } .nav_box { margin-bottom: 5px; } } @media (max-width: 400px){ .sec3_box .ztzl_box .ztzl_swiper_box .ztzl_swiper { width: 300px; } .sec4_box .kqly_box .kqly_swiper_box .kqly_swiper { width: 300px; } .sec32_box { height:850px; } .sec33_box { height: 440px; } .sec4_box { padding-top: 620px; } .xw-scrollnew { width: 90%; } .txtScroll-new .span1 { width: 28%; } .sec3_box { margin-top: 0px; } .sec33_box { margin-top: 0px; } .sec3_card.current { height: 350px; } .common_ttt h3 { font-size: 24px; } .video_width { /* width:320px;*/ width: 100%; } .common_list_page .article h1 { font-size: 24px; font-weight: bold; color: #333; } .sec3_card_qyw .qyw_left2 { width: 65%; } .kgb_m_hide { display:none; } .zjqj_page .mr .col-md-r > div a { bottom: auto; } .mBan2 .slideBox .bd img { width: 360px; height: 80px; } .mBan2 .slideBox .hd { top: 53px; } .pubCon-tab-pane .tab .tab_item { width: 100% } .pubCon_tab_box .tab a { width: 33.3%; } .right_list_box .list-t li, .pubCon_tab_box .list-t li { line-height: 29px; } .xjcx_box .bttom .img_box span { font-size: 14px; line-height: 10px; } .sxxw_nrjj { top: 5%; } .sxxw_nrjj_l { top: 5%; } .sxxw_nrjj h5 { font-size: 10px; } .sxxw_nrjj_l span { display: flex; font-size: 12px; letter-spacing: 1px; position: relative; line-height: 20px; height: 60px; overflow: hidden; } .sxxw_nrjj_l span::after { font-weight:bold; position:absolute; bottom:0; right:0; } .sec3_content { padding-bottom: 0.05rem; } .bqnews_box { margin-bottom: 20px; } .top-news-left marquee { width: 45%; } .header_box .middle_box .hot_box span { margin-right: 5px; } .header_box .middle_box .hot_box { width: 60%; } .xw-scrollnew .slides li a { line-height: 25px; font-size: 16px; white-space: pre-wrap; -ms-text-overflow: ellipsis; word-wrap: break-word; height:60px; } /*.span990 { width: 96%; display: inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }*/ } @media (max-width: 360px) { .LunBocontainer { height: 170px; } .zjcard { width: 48%; height: 35%; } .video_width { width:310px; } .sec3_card_qyw .qyw_left2 { width: 60%; } .mBan2 .slideBox .bd img { width: 310px; height: 70px; } .mBan2 .slideBox .hd { top: 53px; } .pubCon_tab_box .tab a:not(.more) { font-size: 14px; } .header_box .middle_box .hot_box { width: 90%; } .header_box .middle_box .hot_box span { margin-right: 5px; } .xw-scrollnew .slides li a { line-height: 25px; font-size: 14px; white-space: pre-wrap; -ms-text-overflow: ellipsis; word-wrap: break-word; height:60px; } .footer .copyright { font-size: 14px; } .t_t_l { font-size: 12px; margin-top: 1px; } .t_r_r a { font-size: 12px; } .bqnews_tit1 { height: 30px; } .bqnews_tit1>a { line-height: 30px; font-size: 14px; width: 80px; } .bqnews_list01 { height: 105px; } .bqnews_list01 li { font-size: 14px; height: 25px; line-height: 25px; } .bqnews_list02 { height: 140px; } .bqnews_list02 li { font-size: 14px; height: 25px; line-height: 25px; } .bqnews_tit2 { height: 30px; } .bqnews_tit2>a { line-height: 30px; font-size: 14px; width: 80px; } .top-news-left marquee { width: 35%; } .r_cell { width: 90%; } .t_r_r h5 { margin-top: 2%; } /*.span990 { width: 96%; display: inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }*/ .span991 { width: 96%; display: inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .span992{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 140px; display: inline-block; } } @media (max-width: 330px) { .video_width { width:280px; } .sec3_card_qyw .qyw_left2 { width: 55%; } .pubCon_tab_box .tab a:not(.more) { font-size: 14px; } .pubCon_tab_box .tab a + a:not(.more) { margin-left: 0px; } } media (max-width: 330px) { .sec3_card_qyw .qyw_left2 { width: 50%; } } /* https://www.jxky.net/jxky/template/cssandimages/iconfont.css */ @font-face { font-family: "wza-iconfont"; /* Project id 2191923 */ src: url('iconfont.eot?t=1627379881037'); /* IE9 */ src: url('iconfont.eot?t=1627379881037#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.woff2?t=1627379881037') format('woff2'), url('iconfont.woff?t=1627379881037') format('woff'), url('iconfont.ttf?t=1627379881037') format('truetype'); } .wza-iconfont { font-family: "wza-iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wza-icon-icon--:before { content: "\e773"; } .wza-icon-shubiao:before { content: "\e641"; } .wza-icon-shubiao1:before { content: "\e65b"; } .wza-icon-pingmusuoxiao:before { content: "\e600"; } .wza-icon-shengyin:before { content: "\e626"; } .wza-icon-tuichuquanping:before { content: "\e67a"; } .wza-icon-shengyinyinliangxianxing:before { content: "\e6c0"; } .wza-icon-quanping:before { content: "\e6ec"; } .wza-icon-LEDxianshipingguanli:before { content: "\e60b"; } .wza-icon-Settings:before { content: "\e62e"; } .wza-icon-zhangshangcaifuyemianshoujiban345:before { content: "\e632"; } .wza-icon-jiasu:before { content: "\e65a"; } .wza-icon-wanzhuanzhangting-lianxuzhangtingjiantou:before { content: "\e794"; } .wza-icon-jijiansu:before { content: "\e631"; } .wza-icon-zuoqianjin:before { content: "\e6b9"; } .wza-icon-iconset0230:before { content: "\e681"; } .wza-icon-084tuichu:before { content: "\e659"; } .wza-icon-refresh:before { content: "\e65e"; } .wza-icon-shouzhi:before { content: "\e69b"; } .wza-icon-suoxiao1:before { content: "\ec13"; } .wza-icon-fangda1:before { content: "\ec14"; } .wza-icon-biangengcheliangyanse:before { content: "\e60a"; } .wza-icon-xingzhuang:before { content: "\e60f"; } .wza-icon-youqianjin1:before { content: "\e6b7"; } .wza-icon-fuzhuxian:before { content: "\e651"; } .wza-icon-fangda:before { content: "\e60d"; } .wza-icon-suoxiao:before { content: "\e61f"; } .wza-icon-liebiaolan:before { content: "\e723"; } /* https://www.jxky.net/jxky/template/cssandimages/indeci.css */ body, ul { margin: 0px; padding: 0px; } /* * { cursor: url(../iamge/curson.png), auto; } */ .deci-wza-top { background-color: #dcdcdc; padding: 15px 0; position: fixed; text-align: center; width: 100%; top: 0; z-index: 2147483647; /*padding-left: 90px;*/ } .deci-wza-top .tool-tips { background-color: #e7e7e7; margin: 10px; padding: 0 15px; border-radius: 5px; } .deci-wza-top .tool-tips span { font-size: 20px; color: #545454; } .deci-wza-top > div { display: inline-block; } .deci-wza-top img { width: 36px; height: 36px; } .deci-wza-top > div { cursor: pointer; vertical-align: top; } .deci-wza-top > div .wza-icon-style { cursor: pointer; text-align: center; vertical-align: middle; color: #545454; border: 1px solid #cdcdcd; background-color: #e7e7e7; width: 50px; height: 50px; line-height: 50px; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(./indeci/static/css/PIE.htc); } .deci-wza-top > div span { font-weight: 600; color: #545454; font-size: 18px; } .deci-wza-top > div > div i { font-size: 34px; } /*.deci-wza-top > div > div:nth-child(2):hover {*/ /* background-color: #3B7ECB;*/ /* color: #fff;*/ /*}*/ .deci-wza-top > div .wza-icon-style:hover { background-color: #3b7ecb; color: #fff; } .deci-wza-top .check_others { vertical-align: bottom !important; margin-left: 90px; position: relative; padding-bottom: 15px; margin-bottom: -15px; } .deci-wza-top .check_others i { color: #6f6f6f; } .deci-wza-none { display: none !important; } .deci-wza-top .check_others .zhuti_choose { position: absolute; top: -40px; left: 52px; width: 230px; border: 1px solid #d1d1d1; background-color: #fff; border-radius: 15px; padding: 10px 4px 10px 10px; } .deci-wza-top .check_others .zhuti_choose div { width: 40px; height: 40px; float: left; margin-right: 6px; } .deci-wza-top .check_others .zhuti_choose::after { display: block; content: ''; height: 0; clear: both; overflow: hidden; visibility: hidden; } @media screen and (max-width: 1730px) { .deci-wza-top .check_others .zhuti_choose { top: 24px; right: -6px; left: auto; } } .deci-wza-top .text { width: 40px; color: #347ab8; border-left: 1px solid #3a7fb8; } .deci-wza-top > div:hover > .xia { color: #fff; } .deci-wza-top .xia { width: 20px !important; height: 31px !important; /* vertical-align: middle; */ line-height: 34px; color: #347ab8; border-left: 1px solid #3a7fb8; } .deci-wza-page-x { width: 5px; height: 100%; } .deci-wza-page-y { width: 100%; height: 5px; } .deci-wza-page-x, .deci-wza-page-y { display: none; position: absolute; z-index: 2147483646; overflow: hidden; background-color: #ff0000; } .deci-wza-top .test { width: 300px; height: 300px; background-color: #00f; } .deci-wza-bottom { background-color: #37a2b5; height: 140px; display: flex; padding: 5px; position: fixed; width: 100%; bottom: 0; z-index: 2147483647; } .deci-wza-btn_left { width: 90%; text-align: center; font-size: 54px; line-height: 20px; height: 100%; /* vertical-align: -webkit-baseline-middle; */ float: left; background-color: #fff; overflow: hidden; } .deci-wza-btn_right { width: 10%; text-align: center; position: relative; float: right; } .deci-wza-btn_right > button { cursor: pointer; height: 30px; width: 30px; font-size: 24px; line-height: 10px; position: absolute; right: 0; top: 0; } .deci-wza-btn_right > div { margin-top: 40px; cursor: pointer; background-color: #fff; height: 50px; width: 50px; text-align: center; line-height: 50px; display: inline-block; border: 1px solid transparent; } .deci-wza-btn_right > div:hover { background-color: #37a2b5; border: 1px solid #fff; color: #fff; } #deci-wza-blendent, #deci-wza-change-sound { position: relative; } .deci-wza-blendent_select, .deci-wza-sound_select { position: absolute; left: 0; top: 79px; width: 200px; background-color: #eef4f1; display: none; } .deci-wza-sound_select { width: 150px; background-color: #dcdcdc; } .deci-wza-sound_select > div { padding: 5px 0; color:#545454; } .deci-wza-sound_select > div:hover { background-color: #3b7ecb; color: #fff; } .deci-wza-color { position: relative; padding: 5px; margin: 5px; } .deci-wza-color.deci-color-selected::before { content: ''; display: inline-block; height: 8px; width: 16px; border-left: 2px solid; border-bottom: 2px solid; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 10px; top: 30%; } .deci-wza-wt_color { background-color: white; color: black; } .deci-wza-bl_color { background-color: blue; color: yellow; } .deci-wza-ye_color { background-color: yellow; color: black; } .deci-wza-bk_color { background-color: black; color: yellow; } .deci-wza-blendent_slect > div { margin: 5px; padding: 5px; } .deci-wza-btn_left ul, ol { list-style: none; margin: 0; } .deci-wza-btn_left li { display: inline-block; zoom: 1; margin: 0 0px; vertical-align: middle; } .deci-wza-tip-letter, .deci-wza-tip-zh { display: block; font-size: 30px !important; margin: 5px 0px; } #deci-wza-read-tool-list { margin-left: 140px; height: 100%; text-align: left; float: left; } #deci-wza-read-tool-wrap { width: 1200px; margin: 0 auto; height: 79px; position: relative; } #deci-wza-read-tool-logo { /* background-color: #fff; padding: 0 15px; border-radius: 5px; */ position: absolute; left: 0; } #deci-wza-read-tool-logo span { font-size: 20px; } #deci-wza-read-tool-logo img { width: 100%; height: 100%; } #deci-wza-read-tool-list li { display: inline-block; cursor: pointer; width: 100px; } #deci-wza-read-tool-list li > div:first-child { font-size: 18px; color: #6d6d6d; font-weight: bold; } #deci-wza-read-tool-list li > div:last-child { margin-top: 10px; color: #6d6d6d; } .deci-area, .deci-area * { background-color: #ccc !important; color: #000 !important; } #wuzhangai { cursor: pointer; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .dcfocus { text-decoration: underline !important; } .decinode { max-width: 1px !important; float: left !important; border: 0px !important; padding: 0px !important; margin: 0px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; display: block !important; position: absolute !important; } .tool-wrapper { float: right; } .tool-wrapper i { font-size: 34px; } .tool-wrapper > div { display: inline-block; margin-left: 15px; text-align: center; } .deci-wza-top .deci-area-count { color: #f00; } .disabled { cursor: not-allowed; } /* inline style */ html{font-size:16px;} input:-internal-autofill-previewed, input:-internal-autofill-selected { -webkit-text-fill-color: #807c7c; transition: background-color 5000s ease-out 0.5s; } /* inline style */ /* 修改浮动图片样式为固定定位 */ .float-image-container { position: fixed; right: 20px; width: 250px; height: 120px; z-index: 1000; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.2); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transform: perspective(1000px) rotateY(0deg); border: 1px solid rgba(255,255,255,0.1); background: #f0f0f0; /* 默认背景色 */ display: block; /* 确保默认显示 */ cursor: pointer; /* 位置由JS控制 */ } .float-image-container:hover { transform: perspective(1000px) rotateY(5deg) translateY(-5px); box-shadow: 0 15px 35px rgba(0,0,0,0.3); border-color: rgba(255,255,255,0.3); } .float-image-container img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; display: block; /* 确保图片显示 */ } .float-image-container:hover img { transform: scale(1.03); } /* 关闭按钮样式 */ .close-btn { position: absolute; top: 5px; right: 5px; width: 24px; height: 24px; background: rgba(0,0,0,0.7); border-radius: 50%; color: white; text-align: center; line-height: 24px; font-size: 18px; font-weight: bold; cursor: pointer; z-index: 1001; transition: all 0.3s ease; font-family: Arial, sans-serif; } .close-btn:hover { background: rgba(255,0,0,0.9); transform: rotate(90deg); } /* 关闭状态 */ .float-image-container.closed { display: none; } /* 在移动设备上隐藏浮动图片 */ @media (max-width: 768px) { .float-image-container { display: none !important; } } /* inline style */ input:-internal-autofill-previewed, input:-internal-autofill-selected { -webkit-text-fill-color: #807c7c; transition: background-color 5000s ease-out 0.5s; } /* inline style */ .active-1s{ background: #008cd7; color: #fff; } .active-1s a{ color: #fff!important; } .banner-text3 { width:509px; height: auto; } /* inline style */ input:-internal-autofill-previewed, input:-internal-autofill-selected { -webkit-text-fill-color: #807c7c; transition: background-color 5000s ease-out 0.5s; } /* inline style */ .sec4_box .sec4_nav a:nth-of-type(2)::before{ top: -24px; } @media(max-width:1300px){ .sec4_box .sec4_nav a:nth-of-type(2)::before{ top: 8px; } }