@charset "utf-8"; /*全局mixin*/ /* rem适配 */ /*将px转换成rem*/ * { margin: 0; padding: 0; list-style: none; } body { user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; } a { color: #333; } a, button { cursor: pointer; } a, u { text-decoration: none; } .mt20 { margin-top: 1rem !important; } .mt30 { margin-top: 1.5rem !important; } .mt40 { margin-top: 2rem !important; } .mt50 { margin-top: 2.5rem !important; } .mt60 { margin-top: 3rem !important; } .mb80 { margin-bottom: 4rem !important; } .pt40 { padding-top: 2rem !important; } .pb80 { padding-bottom: 4rem !important; } input { padding: 0 0.5rem; } input, button, select { outline: 0; border: none; } textarea, input[type="text"], input[type="number"], input[type="password"], input[type="search"], select { padding: 0 0.5rem; line-height: 2rem; height: 2rem; border: 1px solid #e4e4e4; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 4px; display: inline-block; font-size: 0.7rem; background-image: none; -webkit-box-sizing: border-box; box-sizing: border-box; } img { object-fit: cover; } .fl { float: left !important; } .fr { float: right !important; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; font-size: 0; clear: both; } .news-content ul, .news-content ol, .news-content li { list-style: auto; } @font-face { font-family: "iconfont"; /* Project id 3569614 */ src: url("./font/iconfont.woff2") format("woff2"), url("./font/iconfont.woff") format("woff"), url("./font/iconfont.ttf") format("truetype"); } @font-face { font-family: "iconxn"; src: url("./font/xndyyljt_font/iconfont.woff2") format("woff2"), url("./font/xndyyljt_font/iconfont.woff") format("woff"), url("./font/xndyyljt_font/iconfont.ttf") format("truetype"); } @font-face { font-family: 'iconfont2'; /* Project id 2894331 */ src: url("//at.alicdn.com/t/font_2894331_9m2tttnamnd.eot?t=1641347052121"); /* IE9 */ src: url("//at.alicdn.com/t/font_2894331_9m2tttnamnd.eot?t=1641347052121#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_2894331_9m2tttnamnd.woff?t=1641347052121") format("woff"), url("//at.alicdn.com/t/font_2894331_9m2tttnamnd.ttf?t=1641347052121") format("truetype"), url("//at.alicdn.com/t/font_2894331_9m2tttnamnd.svg?t=1641347052121#iconfont") format("svg"); } .iconxn { font-family: "iconxn" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*没有信息*/ .nodata { display: flex; justify-content: center; align-items: center; flex-direction: column; color: #aaa; } .nodata i { font-size: 90px; margin-bottom: 10px; } html { font-size: 20px; } .layout { width: 1360px; margin: 0 auto; box-sizing: border-box; } .inner-container { overflow: hidden; background-size: 45%; } .inner-layout { width: 1200px; margin: auto; min-width: 320px; min-height: 400px; box-sizing: border-box; } .path { padding-top: 1.5rem; padding-bottom: 1.5rem; color: #999; font-size: 14px; } .path i { font-size: 12px; padding: 0 5px; } .path .inner-layout { min-height: 0; } #currentMedia { display: none; } .pager { font-size: 0; padding-bottom: 4rem; text-align: center; margin-top: 30px; } .pager a, .pager input, .pager button, .pager span { display: inline-block; height: 50px; text-align: center; line-height: 50px; border-radius: 4px; font-size: 16px; color: #333333; margin-right: 10px; box-sizing: border-box; } .pager span { width: 50px; } .pager a { width: 50px; border: 1px solid #E4E4E4; background-color: #F2F2F2; } .pager a:hover { color: #B0CE3A; } .pager a.on { background-color: #B0CE3A; border-color: #B0CE3A; color: #fff; } .pager a.pager-prev, .pager a.pager-next { width: 88px; } .pager a.disabled { color: #d7d7d7; cursor: default; } .pager input { width: 100px; padding: 0 0 0 15px; line-height: 50px; height: 50px; box-sizing: border-box; border: 1px solid #AAAAAA; } .pager input::-webkit-input-placeholder { color: #d7d7d7; } .pager button { width: 80px; color: #fff; background-color: #B0CE3A; cursor: pointer; } .pager button:hover { background-color: #1D9D9A; } .pager .choose-page { display: none; width: 90px; height: 30px; border: 1px solid #AAA; color: #D7D7D7; border-radius: 4px; margin-right: 6px; } .pager .choose-page option { color: #333; } #foxWechatBox { width: 20rem !important; height: 24rem !important; border: none; border-radius: 10px; padding: 2.8rem 2.5rem 3.5rem !important; box-sizing: border-box; position: relative; margin-left: -10rem !important; margin-top: -12rem !important; } #foxWechatBox > div { text-align: center; font-size: 1.2rem !important; } #foxWechatBox .share_weixin_qrcode { margin: 1.5rem 0 !important; } #foxWechatBox a.share_weixin_close { top: -1.8rem !important; right: -1.5rem !important; font-size: 1.5rem !important; width: 1rem !important; height: 1rem !important; } #foxWechatBox img { width: 15rem !important; height: 15rem !important; } @media (max-width: 1440px) { .layout { width: 1200px; } .inner-layout { width: 1200px; } } @media (max-width: 1200px) { html { font-size: 16px; } .layout { width: 960px; } .path { font-size: 12px; } .inner-layout { width: 960px; } .pager { margin-top: 18px; } .pager a, .pager input, .pager button, .pager span { margin-right: 8px; } } @media (max-width: 960px) { .layout { width: 100%; min-width: 360px; } .mt40 { margin-top: 20px !important; } .mt60 { margin-top: 30px !important; } .mb80 { margin-bottom: 40px !important; } .inner-layout { width: auto; margin: 0 20px; } .inner-layout.no-margin { margin: 0; } .path { padding-top: 20px; padding-bottom: 20px; } .path .inner-layout span { display: none; } #currentMedia { width: 960px; } .pager input { display: none; } .pager .choose-page { display: inline-block; } .pager { margin-top: 10px; padding-bottom: 40px; } .pager a, .pager input, .pager button, .pager span { height: 30px; line-height: 30px; font-size: 12px; margin-right: 6px; } .pager a { width: 30px; margin-bottom: 10px; } .pager a.pager-prev, .pager a.pager-next, .pager button { width: 50px; } } .container { min-height: 500px; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Icons */ @font-face { font-family: "slick"; src: url("./slider/fonts/slick.eot"); src: url("./slider/fonts/slick.eot?#iefix") format("embedded-opentype"), url("./slider/fonts/slick.woff") format("woff"), url("./slider/fonts/slick.ttf") format("truetype"), url("./slider/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } .slick-prev:before { content: "←"; } .slick-next { right: -25px; } .slick-next:before { content: "→"; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: 0; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:focus { outline: 0; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 0.75; } @keyframes popFadeIn { from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); -ms-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes popFadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); -ms-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes toShow { 0% { opacity: 0; transform: translateX(-120px); } 100% { opacity: 1; transform: translateX(0); } } h1.center-tit001 { font-size: 1.6rem; line-height: 1; font-weight: normal; text-align: center; z-index: 1; position: relative; } h1.center-tit001 a { color: #fff; } h1.center-tit001.black a { color: #333; } h1.center-tit003 { display: flex; flex-direction: column; align-items: center; font-weight: normal; } h1.center-tit003 a.tit { font-size: 1.6rem; color: #333333; line-height: 1; margin-bottom: 1rem; } h1.center-tit003 a.more { display: flex; align-items: center; } h1.center-tit003 a.more span { font-size: 0.8rem; line-height: 1; color: #7F7F7F; } h1.center-tit003 a.more i { font-size: 0.8rem; color: #1D9D9A; margin-left: 0.5rem; } h1.center-tit003 a.more:hover span { color: #1D9D9A; } @media (max-width: 960px) { h1.center-tit003 a.tit { font-size: 18px; margin-bottom: 14px; } h1.center-tit003 a.more i { margin-left: 4px; font-size: 14px; } } h1.left-tit-more { display: flex; justify-content: space-between; align-items: center; font-weight: normal; z-index: 1; position: relative; } h1.left-tit-more.white a.tit { color: #fff; } h1.left-tit-more a.tit { font-size: 1.6rem; line-height: 1; color: #333; } h1.left-tit-more a.more { display: flex; align-items: center; } h1.left-tit-more a.more span { font-size: 0.8rem; line-height: 1; color: #1D9D9A; transition: all 0.5s; } h1.left-tit-more a.more i { color: #1D9D9A; font-size: 0.8rem; margin-left: 0.4rem; } h1.left-tab-tit001 { display: flex; justify-content: space-between; align-items: center; font-weight: normal; } h1.left-tab-tit001.black a.tit { color: #000000; } h1.left-tab-tit001.black a.tit:after { background-color: #1D9D9A; } h1.left-tab-tit001 a.tit { font-size: 2rem; line-height: 2rem; color: #fff; position: relative; } h1.left-tab-tit001 a.tit:after { content: ""; display: block; width: 3.2rem; height: 0.2rem; background-color: #fff; position: absolute; left: 0; bottom: -0.7rem; border-radius: 7.5rem; } h1.left-tab-tit001 .tab-tit { flex: 1; font-size: 0; } h1.left-tab-tit001 .tab-tit a { margin-right: 1.5rem; font-size: 1.2rem; line-height: 1; color: #333333; position: relative; } h1.left-tab-tit001 .tab-tit a.cur { color: #1D9D9A; } h1.left-tab-tit001 .tab-tit a.cur:after { position: absolute; content: ""; font-size: 0; width: 0; height: 0; border: 0.65rem solid transparent; border-top-color: #B0CE3A; left: 50%; transform: translateX(-50%); bottom: -1.5rem; border-top-width: 0.5rem; border-bottom-width: 0.5rem; } h1.left-tab-tit001 a.more { display: flex; align-items: center; } h1.left-tab-tit001 a.more span { font-size: 0.8rem; line-height: 0.8rem; color: #AAAAAA; transition: all 0.5s; } h1.left-tab-tit001 a.more i { color: #B0CE3A; font-size: 0.8rem; margin-left: 0.4rem; } h1.left-tab-tit001 a.more:hover span { color: #1D9D9A; } h2.left-tab-tit002 { display: flex; justify-content: space-between; font-weight: normal; } h2.left-tab-tit002 .tab-tit { font-size: 1rem; line-height: 1; position: relative; height: 2.5rem; } h2.left-tab-tit002 .tab-tit a { color: #333; } h2.left-tab-tit002 .tab-tit.cur a { color: #1D9D9A; } h2.left-tab-tit002 .tab-tit.cur:after { position: absolute; content: ""; font-size: 0; width: 0; height: 0; border: 0.75rem solid transparent; border-top-color: #B0CE3A; left: 50%; transform: translateX(-50%); bottom: 0; border-top-width: 0.5rem; border-bottom-width: 0.5rem; } h2.left-tab-tit002 .tab-tit + .tab-tit { margin-left: 1.05rem; position: relative; } h2.left-tab-tit002 .tab-tit + .tab-tit:before { display: block; content: ""; width: 1px; height: 1rem; background-color: #E4E4E4; position: absolute; left: -0.5rem; top: 0; } h2.left-tab-tit002 a.more { display: flex; align-items: center; } h2.left-tab-tit002 a.more span { font-size: 0.8rem; line-height: 0.8rem; color: #1D9D9A; transition: all 0.5s; } h2.left-tab-tit002 a.more i { color: #1D9D9A; font-size: 0.8rem; margin-left: 0.4rem; } h1.tit-line { font-weight: normal; position: relative; font-size: 0; } h1.tit-line:after { content: ""; display: block; width: 3.6rem; height: 0.2rem; background-color: #1D9D9A; position: absolute; left: 0; bottom: -0.7rem; } h1.tit-line.center { text-align: center; } h1.tit-line.center:after { left: 50%; transform: translateX(-50%); } h1.tit-line.black a { color: #333; } h1.tit-line a { font-size: 1.6rem; line-height: 1; color: #fff; } a.center-more001 { width: 9rem; height: 2.5rem; border-radius: 4px; background-color: #9CC301; position: relative; left: 50%; margin-left: -4.5rem; display: flex; justify-content: center; align-items: center; margin-top: 1rem; transition: all 0.5s; overflow: hidden; } a.center-more001:before { content: ""; position: absolute; width: 9rem; height: 9rem; border-radius: 50% 50% 0px 0px; left: 0; top: 100%; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); background-color: #1D9D9A; } a.center-more001 span { font-size: 1rem; line-height: 1; color: #fff; transition: all 0.5s; z-index: 11; transform: translateX(-0.75rem); } a.center-more001 i { font-size: 1.2rem; line-height: 1; color: #fff; transition: all 0.5s; position: absolute; top: 0.75rem; right: 1.75rem; } @media (any-hover: hover) { a.center-more001:hover:before { top: -3.25rem; transform: scale(1.2); } a.center-more001:hover span { transform: translateX(0); } a.center-more001:hover i { color: rgba(255, 255, 255, 0.2); transform: scale(2.1); right: 0.75rem; top: 0.6rem; } } @media (max-width: 960px) { body, html { max-width: 100%; overflow-x: hidden; } h1.center-tit001 { font-size: 18px; } h1.left-tit-more a.tit { font-size: 18px; } h1.left-tab-tit001 .tab-tit a, h1.tit-line a { font-size: 18px; } a.center-more001 { width: 104px; height: 32px; margin-left: -50px; } a.center-more001 i { top: 6px; right: 10px; } a.center-more001:before { width: 104px; height: 104px; } } @media (max-width: 960px) and (any-hover: hover) { a.center-more001:hover:before { top: -36px; } a.center-more001:hover i { transform: scale(1.6); right: 6px; top: 7px; } } .login-dialog { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.4); } .login-dialog .login-pop { background: #fff; border-top: 5px solid #C39D58; padding: 0.5rem 1.5rem; width: 15rem; border-radius: 4px; position: fixed; left: 50%; top: 50%; margin-left: -9rem; margin-top: -12.5rem; } .login-dialog .login-pop .pop-tit { line-height: 2.5rem; font-size: 0.8rem; position: relative; border-bottom: 1px solid #ddd; margin-bottom: 1rem; } .login-dialog .login-pop .pop-tit a { display: block; width: 50%; float: left; text-align: center; } .login-dialog .login-pop .pop-tit a.cur { border-bottom: 1px solid #1678ad; margin-bottom: -1px; color: #1678ad; } .login-dialog .login-pop .close { position: absolute; top: 0.25rem; right: 0.5rem; } .login-dialog .login-pop .login-form .ruifox-form-group { padding-bottom: 0; margin-bottom: 0.75rem; } .login-dialog .login-pop .login-form .ruifox-form-group .control { float: left; width: 100%; } .login-dialog .login-pop .login-form .ruifox-form-group .control > span { position: absolute; top: 0.15rem; text-align: center; left: 0; width: 1.7rem; height: 1.7rem; z-index: 2; line-height: 1.7rem; color: #d5cccc; } .login-dialog .login-pop .login-form .ruifox-form-group .control > span i { font-size: 1.2rem; } .login-dialog .login-pop .login-form .ruifox-form-group .control .input { width: 100%; display: block; padding-left: 1.8rem; } .login-dialog .login-pop .login-form .ruifox-form-group .control .btn { width: 100%; font-size: 0.8rem; line-height: 2rem; } .login-dialog .login-pop .login-form p { padding: 0.25rem 0; overflow: hidden; font-size: 0.7rem; } .login-dialog .login-pop .login-form p.text-center { word-spacing: 1em; color: #999; } .login-dialog .login-pop .login-form a { color: #03a560; } label, summary { cursor: default; } .alert { padding: 0.4rem 1.75rem 0.4rem 0.7rem; margin-bottom: 1rem; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #c09853; font-size: 0.7rem; background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 0.2rem; } .alert.alert-danger, .alert.alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .hidden { display: none; } .text-center { text-align: center; } .ruifox-form { font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-variant: tabular-nums; line-height: 2rem; } .ruifox-form input, .ruifox-form select, .ruifox-form button, .ruifox-form .btn { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); border-radius: 4px; } .ruifox-form .btn { padding: 0 0.75rem; margin-bottom: 0; font-weight: 400; line-height: 2rem; height: 2rem; border-radius: 4px; display: inline-block; font-size: 0.7rem; background-image: none; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 4rem; } .ruifox-form .btn.btn-primary { color: #fff; background-color: #03a560; border-color: #03a560; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05); } .ruifox-form .label { text-align: right; vertical-align: middle; line-height: 2rem; display: inline-block; overflow: hidden; white-space: nowrap; } .ruifox-form .text-hidden { font-size: 0; } .ruifox-form-group { margin-bottom: 0.25rem; vertical-align: middle; } .ruifox-form-group .control { position: relative; font-size: 14px; } .ruifox-form-group .control textarea { min-height: 120px; resize: vertical; } .ruifox-form-group .nc-container { min-height: 2rem; } .ruifox-form-group .nc-container .nc_scale { height: 2rem; } .ruifox-form-group .nc-container .nc_scale span { box-sizing: border-box; width: 2rem; height: 2rem; line-height: 2rem; } .ruifox-form-group .nc-container .nc_scale .scale_text { line-height: 2rem; } .ruifox-form-horizontal .ruifox-form-group { padding-bottom: 0; margin-bottom: 0.25rem; } .ruifox-form-horizontal .ruifox-form-group > .label { float: left; width: 16.66666667%; padding-right: 1.5rem; } .ruifox-form-horizontal .ruifox-form-group > .control { float: left; width: 58.33333333%; } .ruifox-form-horizontal .ruifox-form-group:after { clear: both; display: table; content: ""; } a.left-more001 { width: 9rem; height: 2.5rem; border-radius: 5px; background-color: #B0CE3A; display: flex; justify-content: center; align-items: center; transition: all 0.5s; overflow: hidden; position: relative; } a.left-more001:before { content: ""; position: absolute; width: 9rem; height: 9rem; border-radius: 50% 50% 0px 0px; left: 0; top: 100%; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); background-color: #328484; } a.left-more001 span { font-size: 1rem; line-height: 1; color: #fff; transition: all 0.5s; z-index: 11; transform: translateX(-0.75rem); } a.left-more001 i { font-size: 1.2rem; line-height: 1; color: #fff; transition: all 0.5s; position: absolute; top: 0.75rem; right: 1.75rem; } @media (any-hover: hover) { a.left-more001:hover:before { top: -3.25rem; transform: scale(1.2); } a.left-more001:hover span { transform: translateX(0); } a.left-more001:hover i { color: rgba(255, 255, 255, 0.2); transform: scale(2.1); right: 0.75rem; top: 0.6rem; } } @media (max-width: 960px) { a.left-more001 { width: 104px; height: 32px; margin: 23px auto 0; } a.left-more001 i { top: 6px; right: 10px; } a.left-more001:before { width: 104px; height: 104px; } } @media (max-width: 960px) and (any-hover: hover) { a.left-more001:hover:before { top: -36px; } a.left-more001:hover i { transform: scale(1.6); right: 6px; top: 7px; } } .hos-path { font-size: 0.7rem; } .hos-path a, .hos-path span { color: #7F7F7F; } .show-share-position { position: absolute; top: 0; } .show-share-box { position: absolute; top: 0; left: -3.8rem; width: 2.8rem; z-index: 11; } .show-share-box.position { position: fixed; top: 2.8rem; left: 50%; margin-left: -33.8rem; } .show-share-box .share-ico { width: 2.8rem; height: 2.8rem; line-height: 2.8rem; text-align: center; color: #AAAAAA; background-color: #E4E4E4; cursor: pointer; } .show-share-box .share-ico i { font-size: 1.5rem; } .show-share-box .share-ico.close { background-color: #1D9D9A; color: #fff; } .show-share-box .share-container .share-btn { display: block; background-color: #E4E4E4; width: 2.8rem; height: 2.8rem; display: flex; align-items: center; justify-content: center; color: #fff; } .show-share-box .share-container .share-btn span { display: none; font-size: 0.7rem; } .show-share-box .share-container .share-btn i { font-size: 1.2rem; animation: showSpan 0.5s; } @keyframes showSpan { from { opacity: 0; } to { opacity: 1; } } .show-share-box .share-container .share-btn:hover i { display: none; } .show-share-box .share-container .share-btn:hover span { display: inline-block; animation: showSpan 0.5s; } .show-share-box .share-container .share-btn.copy-btn { background-color: #F59A23; } .show-share-box .share-container .share-btn.qr-btn { background-color: #70B603; } .show-share-box .share-container .share-btn.print-btn { background-color: #02A7F0; } @media (max-width: 1200px) { .show-share-position { position: static; } .show-share-box.position { margin-left: -480px; } .show-share-box { margin-top: 30px; position: static; width: 128px; display: flex; } .show-share-box .share-ico { width: 32px; height: 32px; line-height: 32px; } .show-share-box .share-ico i { font-size: 18px; } .show-share-box .share-container { display: flex; } .show-share-box .share-container .share-btn { width: 32px; height: 32px; } .show-share-box .share-container .share-btn i { font-size: 14px; } } @media (max-width: 960px) { .show-share-box.position { margin-left: 10px; left: 0; } .show-share-box .share-container .share-btn:hover i { display: block; } .show-share-box .share-container .share-btn:hover span { display: none; } } .dm-second-nav-wrap { min-width: 1200px; } .dm-second-nav-wrap .second-nav { min-height: 15rem; background-color: #1D9D9A; background-position: bottom; } .dm-second-nav-wrap h1 { padding: 5.5rem 0 5.2rem; height: 15rem-3rem; line-height: 15rem-3rem; color: #fff; font-size: 0; box-sizing: border-box; } .dm-second-nav-wrap h1.text-right { text-align: right; } .dm-second-nav-wrap h1.text-center { text-align: center; line-height: 15rem-3rem; } .dm-second-nav-wrap h1 p { font-size: 2rem; margin-bottom: 1.5rem; line-height: 1; } .dm-second-nav-wrap h1 span { display: inline-block; font-size: 16px; font-weight: normal; } .dm-second-nav-wrap h1 span + span { margin-left: 1.2rem; } .dm-second-nav-wrap .second-nav-list { position: relative; } .dm-second-nav-wrap .second-nav-list ul { display: flex; justify-content: center; flex-wrap: wrap; } .dm-second-nav-wrap .second-nav-list ul li { position: relative; margin: 0 1rem; } .dm-second-nav-wrap .second-nav-list ul li a { position: relative; display: block; height: 3rem; line-height: 1rem; font-size: 0.8rem; color: #fff; } .dm-second-nav-wrap .second-nav-list ul li:hover a { color: #1D9D9A; } .dm-second-nav-wrap .second-nav-list ul li.cur a { font-weight: bold; } .dm-second-nav-wrap .second-nav-list ul li.cur:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 1.3rem; height: 0.2rem; background-color: #FFA943; } @media (max-width: 1200px) { .dm-second-nav-wrap { min-width: 960px; } .dm-second-nav-wrap h1 p { font-size: 32px; } .dm-second-nav-wrap h1 span { font-size: 14px; } } @media (max-width: 960px) { .dm-second-nav-wrap { min-width: 720px; } .dm-second-nav-wrap .second-nav { min-height: 160px; } .dm-second-nav-wrap h1 { padding: 42px 0 38px; } .dm-second-nav-wrap h1 p { font-size: 18px; margin-bottom: 25px; } .dm-second-nav-wrap h1 span { font-size: 12px; } } @media (max-width: 720px) { .dm-second-nav-wrap { min-width: 360px; } } .dm-second-nav002 { background-color: #1D9D9A; } .dm-second-nav002 .inner-layout { height: 15rem; position: relative; min-height: 0px; } .dm-second-nav002 .inner-layout .dep-path { position: absolute; left: 0; top: 2rem; font-size: 0.7rem; } .dm-second-nav002 .inner-layout .dep-path a, .dm-second-nav002 .inner-layout .dep-path span { color: #fff; } .dm-second-nav002 .inner-layout h1 { text-align: center; line-height: 15rem; color: #fff; font-weight: normal; font-size: 1.6rem; } .dm-second-nav002 .inner-layout .second-nav-list { position: absolute; bottom: 0; left: 0; width: 100%; } .dm-second-nav002 .inner-layout .second-nav-list ul { display: flex; justify-content: center; flex-wrap: wrap; } .dm-second-nav002 .inner-layout .second-nav-list ul li { position: relative; margin: 0 1rem; } .dm-second-nav002 .inner-layout .second-nav-list ul li a { position: relative; display: block; height: 3rem; line-height: 1rem; font-size: 0.8rem; color: #fff; } .dm-second-nav002 .inner-layout .second-nav-list ul li:hover a { color: #FFA943; } .dm-second-nav002 .inner-layout .second-nav-list ul li.cur a { font-weight: bold; } .dm-second-nav002 .inner-layout .second-nav-list ul li.cur:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 1.3rem; height: 0.2rem; background-color: #FFA943; } @media (max-width: 960px) { .dm-second-nav002 .inner-layout .second-nav-list ul { min-height: 46px; } .dm-second-nav002 .inner-layout .second-nav-list ul li { height: 12px; margin-bottom: 15px; } .dm-second-nav002 .inner-layout .second-nav-list ul li a { height: auto; line-height: 12px; } .dm-second-nav002 .inner-layout .second-nav-list ul li.cur:after { height: 2px; bottom: -5px; } } .dm-header001 { border-top: 1rem solid #1D9D9A; } .dm-header001 .logo-row { height: 5rem; display: flex; justify-content: space-between; align-items: center; } .dm-header001 .logo-row .left-logo { display: flex; align-items: center; } .dm-header001 .logo-row .left-logo a.logo-img { height: 3rem; display: inline-block; } .dm-header001 .logo-row .left-logo a.logo-img img { width: 100%; height: 100%; } .dm-header001 .logo-row .left-logo .dep-tit { display: inline-block; font-size: 1.2rem; color: #333; margin-left: 1rem; position: relative; } .dm-header001 .logo-row .left-logo .dep-tit:before { content: ''; display: block; position: absolute; height: 2.5rem; width: 1px; left: -0.5rem; top: -0.4rem; background-color: #D7D7D7; } .dm-header001 .logo-row .right-logo { display: flex; align-items: center; } .dm-header001 .logo-row .right-logo a.gohome-bar { display: inline-block; height: 2rem; width: 7rem; text-align: center; line-height: 1.9rem; background-color: #fff; border-radius: 4px; color: #1D9D9A; border: 1px solid #1D9D9A; box-sizing: border-box; font-size: 14px; } .dm-header001 .logo-row .right-logo a.gohome-bar i { margin-right: 0.5rem; font-size: 16px; } .dm-header001 .logo-row .right-logo a.gohome-bar:hover { background-color: #1D9D9A; color: #fff; } .dm-header001 .logo-row .right-logo a.menu { color: #1D9D9A; display: none; margin-left: 10px; } .dm-header001 .logo-row .right-logo a.menu i { font-size: 30px; } .dm-header001 .nav { border-top: 1px solid #D7D7D7; } .dm-header001 .nav ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .dm-header001 .nav ul li { height: 2.5rem; line-height: 2.5rem; font-size: 18px; position: relative; } .dm-header001 .nav ul li a { color: #333; } .dm-header001 .nav ul li.cur a { color: #1D9D9A; font-weight: bold; } .dm-header001 .nav ul li.cur:after { content: ''; position: absolute; left: 0; bottom: 0; height: 4px; width: 100%; background-color: #FFA943; } @media (max-width: 1200px) { .dm-header001 .logo-row .left-logo .dep-tit { font-size: 24px; } .dm-header001 .nav ul li { font-size: 16px; } .dm-header001 .logo-row .right-logo a.gohome-bar, .dm-header001 .logo-row .right-logo a.gohome-bar i { font-size: 12px; } } @media (max-width: 960px) { .dm-header001 .nav, .dm-header001 .logo-row .left-logo .dep-tit { display: none; } .dm-header001 .logo-row .right-logo a.menu { display: inline-block; } .dm-header001 .logo-row { height: 40px; } .dm-header001 .logo-row .left-logo a.logo-img { height: 24px; width: auto; } .dm-header001 .logo-row .right-logo a.gohome-bar { width: 84px; height: 24px; line-height: 24px; } .dm-header001 .logo-row .right-logo a.gohome-bar:hover { background-color: #fff; color: #1D9D9A; } } .dm-header002 { background-color: #fff; border-top: 0.5rem solid #328484; padding: 1.5rem 0; } .dm-header002 .logo-row { display: flex; justify-content: space-between; align-items: center; } .dm-header002 .logo-row a.logo-img { display: block; height: 3rem; } .dm-header002 .logo-row a.logo-img img { height: 100%; } .dm-header002 .logo-row .right-btn { display: flex; align-items: center; } .dm-header002 .logo-row .right-btn a.gohome-bar { width: 6.5rem; height: 2rem; display: flex; justify-content: center; align-items: center; border-radius: 1000px; border: 1px solid #328484; box-sizing: border-box; overflow: hidden; position: relative; } .dm-header002 .logo-row .right-btn a.gohome-bar:before { content: ""; position: absolute; width: 6.5rem; height: 6.5rem; border-radius: 50% 50% 0px 0px; left: 0; top: 100%; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); background-color: #328484; } .dm-header002 .logo-row .right-btn a.gohome-bar i, .dm-header002 .logo-row .right-btn a.gohome-bar span { position: relative; z-index: 1; color: #328484; font-size: 0.8rem; } .dm-header002 .logo-row .right-btn a.gohome-bar i { margin-right: 0.5rem; } .dm-header002 .logo-row .right-btn .search-btn { width: 2rem; height: 2rem; border-radius: 50%; box-sizing: border-box; text-align: center; line-height: 2rem; cursor: pointer; overflow: hidden; border: 1px solid #D7D7D7; position: relative; margin-left: 0.5rem; } .dm-header002 .logo-row .right-btn .search-btn i { color: #1D9D9A; font-size: 1rem; position: relative; z-index: 1; } .dm-header002 .logo-row .right-btn .search-btn:before { content: ""; position: absolute; width: 2rem; height: 2rem; border-radius: 2rem 2rem 0px 0px; left: 0; top: 100%; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); background-color: #1D9D9A; } .dm-header002 .logo-row .right-btn .menu { color: #1D9D9A; display: none; margin-left: 0.5rem; } .dm-header002 .logo-row .right-btn .menu i { font-size: 30px; } @media (any-hover: hover) { .dm-header002 .logo-row .right-btn a.gohome-bar:hover:before { top: -2.25rem; -webkit-transform: scale(1.2); } .dm-header002 .logo-row .right-btn a.gohome-bar:hover i, .dm-header002 .logo-row .right-btn a.gohome-bar:hover span { color: #fff; } .dm-header002 .logo-row .right-btn .search-btn:hover { border: none; } .dm-header002 .logo-row .right-btn .search-btn:hover:before { top: 0; -webkit-transform: scale(1.2); } .dm-header002 .logo-row .right-btn .search-btn:hover i { color: #fff; } } .dm-header002 .search { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(29, 157, 154, 0.95); z-index: 2000; } .dm-header002 .search form { position: relative; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .dm-header002 .search form .turn-down-search { position: absolute; right: 5rem; top: 5rem; } .dm-header002 .search form .turn-down-search i { color: #fff; font-size: 46px; } .dm-header002 .search form h2 { font-size: 1.6rem; color: #fff; font-weight: normal; margin-bottom: 2rem; } .dm-header002 .search form .change-wrap { width: 40rem; height: 3.2rem; display: flex; } .dm-header002 .search form .change-wrap input { height: 3.2rem; width: 40rem; border: none; box-sizing: border-box; padding-left: 2rem; border-radius: 4px 0 0 4px; font-size: 0.9rem; } .dm-header002 .search form .change-wrap button { height: 3.2rem; width: 5rem; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #fff; } .dm-header002 .search form .change-wrap button i { color: #1D9D9A; font-size: 34px; } .dm-header002 .search form .hot-search { display: flex; align-items: center; margin-top: 1.5rem; justify-content: center; } .dm-header002 .search form .hot-search span { font-size: 0.7rem; color: #ffffff; } .dm-header002 .search form .hot-search p { line-height: 1.7rem; height: 1.7rem; margin-right: 0.5rem; width: auto; background-color: rgba(0, 0, 0, 0.4); border-radius: 0.2rem; } .dm-header002 .search form .hot-search p a { box-sizing: border-box; padding: 0 0.5rem; display: block; height: 100%; width: 100%; border-radius: 0.2rem; color: #fff; font-size: 0.7rem; } @media (max-width: 960px) { .dm-header002 { padding: 10px 0; } .dm-header002 .logo-row { padding: 0 10px; } .dm-header002 .logo-row a.logo-img { height: 30px; } .dm-header002 .logo-row .right-btn a.gohome-bar { width: 80px; } .dm-header002 .logo-row .right-btn a.menu { display: inline-block; } .dm-header002 .search form .turn-down-search { right: 12px; top: 20px; } .dm-header002 .search form .turn-down-search i { font-size: 20px; } .dm-header002 .search form h2 { font-size: 24px; margin-bottom: 20px; } .dm-header002 .search form .change-wrap { width: 320px; height: 40px; } .dm-header002 .search form .change-wrap input { width: 320px; height: 40px; font-size: 12px; padding-left: 10px; } .dm-header002 .search form .change-wrap button { height: 40px; width: 40px; } .dm-header002 .search form .change-wrap button i { font-size: 16px; } .dm-header002 .search form .hot-search { width: 320px; margin-top: 20px; flex-wrap: wrap; justify-content: start; } .dm-header002 .search form .hot-search span { margin-bottom: 10px; display: block; width: 100%; font-size: 14px; } .dm-header002 .search form .hot-search p { margin-bottom: 10px; } .dm-header002 .search form .hot-search p a { font-size: 12px; } } .site-error-wrap { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; margin: auto; width: 800px; height: 665px; background-color: #fff; -webkit-box-shadow: 0 0 10px 0 #716f6f; box-shadow: 0 0 10px 0 #716f6f; } .footer { min-width: 1360px; background-color: #356C6C; } .footer .links { position: relative; min-height: 60px; line-height: 60px; background-color: #349191; } .footer .links .linklist li { float: left; } .footer .links .linklist li + li { margin-left: 30px; } .footer .links .linklist li > a { display: block; color: #fff; font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; } .footer .links .linklist li.active { border-bottom: 4px solid #F59A23; } .footer .links .linklist li.active a { font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑, sans-serif; font-weight: 700; } .footer .links .linklist li.active > a:after { transform: rotate(45deg) !important; } .footer .links a.more-link { font-size: 0.7rem; color: #fff; } .footer .links a.more-link:after { content: "\e669"; font-family: "iconfont"; position: relative; display: inline-block; width: 25px; text-align: center; transition: all 0.2s; color: #DDBE49; } .footer .links a.more-link.active:after { transform: rotate(45deg) !important; } .footer .links .link-nav { display: none; box-sizing: border-box; position: relative; left: 0; top: 0; z-index: 1; width: 100%; padding: 20px 0; background-color: #349191; border-top: 1px solid rgba(255, 255, 255, 0.2); } .footer .links .link-nav a { float: left; display: block; color: #fff; font-size: 14px; line-height: 25px; font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; color: rgba(255, 255, 255, 0.6); } .footer .links .link-nav a + a { margin-left: 40px; } .footer .links .link-nav a:hover { color: #fff; background-color: #2d5b5b; } .footer .links .share-box { height: 3rem; display: flex; align-items: center; } .footer .links .share-box a.print { display: block; width: 1.6rem; height: 1.6rem; background-color: rgba(2, 167, 240, 0.96); border-radius: 0.2rem; text-align: center; line-height: 1.6rem; margin-left: 0.5rem; } .footer .links .share-box a.print i { color: #fff; font-size: 1rem; } .footer .footer-info { padding: 40px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); min-height: 279px; } .footer .footer-info .left-info { overflow: hidden; } .footer .footer-info .left-info a.institution-logo { display: block; float: left; } .footer .footer-info .left-info a.institution-logo img { display: block; width: 90px; } .footer .footer-info .left-info .site-info { margin-left: 20px; } .footer .footer-info .left-info .site-info p { color: #fff; font-size: 14px; line-height: 28px; } .footer .footer-info .left-info .site-info p a { color: #fff; } .footer .footer-info .left-info .site-info p a:hover { color: #cfb36d; } .footer .footer-info .left-info .site-info p u { color: #c4c4c4; } .footer .footer-info .address-left { margin-top: 1rem; } .footer .footer-info .address-left p { font-size: 14px; line-height: 28px; color: #fff; } .footer .footer-info .address-left p u { color: #c4c4c4; } .footer .footer-info .address-left p a { color: #fff; } .footer .footer-info .right-info { width: 730px; color: #fff; } .footer .footer-info .right-info .footer-columns { float: left; } .footer .footer-info .right-info .footer-columns ul { float: left; font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; } .footer .footer-info .right-info .footer-columns ul .column-head { font-size: 16px; line-height: 16px; } .footer .footer-info .right-info .footer-columns ul li { font-size: 14px; line-height: 14px; margin-top: 16px; } .footer .footer-info .right-info .footer-columns ul a { color: rgba(255, 255, 255, 0.6); } .footer .footer-info .right-info .footer-columns ul a:hover { color: #fff; } .footer .footer-info .right-info .footer-columns ul + ul { margin-left: 40px; } .footer .footer-info .right-info .qr-code { float: right; width: 15.5rem; display: flex; flex-wrap: wrap; justify-content: flex-end; } .footer .footer-info .right-info .qr-code .qr-item { margin: 0 0 0.5rem 0.5rem; width: 4.5rem; height: 4.5rem; border-radius: 0.4rem; background-color: rgba(255, 255, 255, 0.15); position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; } .footer .footer-info .right-info .qr-code .qr-item i { font-size: 2rem; color: rgba(255, 255, 255, 0.8); margin-bottom: 0.5rem; } .footer .footer-info .right-info .qr-code .qr-item > span { font-size: 0.7rem; line-height: 1; color: rgba(255, 255, 255, 0.6); } .footer .footer-info .right-info .qr-code .qr-item .img-wrap { display: none; position: absolute; top: 5rem; left: 50%; margin-left: -2.75rem; width: 5.5rem; height: 6.75rem; background-color: #fff; border-radius: 0.2rem; box-sizing: border-box; padding-top: 0.5rem; font-size: 0; flex-direction: column; align-items: center; } .footer .footer-info .right-info .qr-code .qr-item .img-wrap:before { content: ""; width: 0; height: 0; font-size: 0; border: 0.5rem solid transparent; border-bottom-color: #fff; position: absolute; top: -1rem; left: 50%; transform: translateX(-50%); } .footer .footer-info .right-info .qr-code .qr-item .img-wrap img { width: 4.5rem; height: 4.5rem; margin-bottom: 0.5rem; } .footer .footer-info .right-info .qr-code .qr-item .img-wrap span { font-size: 12px; line-height: 1; color: #333333; } .footer .footer-info .right-info .qr-code .qr-item + a.qr i { color: #D5513F; } .footer .footer-info .right-info .qr-code .qr-item:hover .img-wrap { animation: popFadeIn .5S; display: flex; } .footer .footer-info .right-info .qr-code > a { display: block; float: right; width: 4.5rem; color: #fff; text-align: center; margin-left: 10px; } .footer .footer-info .right-info .qr-code > a img { display: block; width: 4.5rem; height: 4.5rem; margin-bottom: 6px; } .footer .footer-info .right-info .qr-code > a span { font-size: 12px; line-height: 18px; max-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .footer .footer-info .footer-info-bottom { padding-top: 40px; } .footer .footer-info .footer-info-bottom .address-left p { font-size: 14px; line-height: 28px; color: #fff; } .footer .footer-info .footer-info-bottom .address-left p u { color: #c4c4c4; } .footer .footer-info .footer-info-bottom .address-left p a { color: #fff; } .footer .footer-info .footer-info-bottom .qr-code { width: 330px; } .footer .footer-info .footer-info-bottom .qr-code a { display: block; float: right; width: 90px; color: #fff; text-align: center; margin-left: 20px; } .footer .footer-info .footer-info-bottom .qr-code a img { display: block; width: 90px; height: 90px; margin-bottom: 6px; } .footer .footer-info .footer-info-bottom .qr-code a span { display: block; max-height: 40px; font-size: 12px; line-height: 18px; max-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .footer .footlinks > .layout { display: flex; justify-content: space-between; height: 60px; align-items: center; } .footer .footlinks .share-box { font-size: 0; } .footer .footlinks .share-box span { font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; color: white; font-size: 0.7rem; } .footer .footlinks .share-box .share-btn { display: inline-block; width: 1.6rem; height: 1.6rem; text-align: center; line-height: 1.6rem; border-radius: 4px; background-color: rgba(255, 255, 255, 0.15); } .footer .footlinks .share-box .share-btn i { font-size: 0.8rem; color: #fff; } .footer .footlinks .share-box .share-btn + .share-btn { margin-left: 0.5rem; } .footer .footlinks .footlinks-item a { position: relative; float: left; color: #fff; } .footer .footlinks .footlinks-item a:hover { color: #cfb36d; } .footer .footlinks .footlinks-item a + a { margin-left: 40px; } .footer .footlinks .footlinks-item a + a:before { content: ''; display: block; position: absolute; left: -20px; top: 22px; width: 1px; height: 16px; background-color: #fcfcfc; } .footer .footlinks .right-author { color: #c4c4c4; font-size: 14px; } .footer .footlinks .right-author a { color: #fff; } .footer .footlinks .right-author a:hover { color: #cfb36d; } .qr-container { display: none; background-color: rgba(0, 0, 0, 0.7); position: fixed; right: 0; top: 0; bottom: 0; left: 0; z-index: 3000; } .qr-container .qr-content { width: 300px; height: 320px; background-color: #fff; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; } .qr-container .qr-content i { position: absolute; top: 10px; right: 10px; color: #333; font-size: 20px; line-height: 1; cursor: pointer; } .qr-container .qr-content p { margin: 0.5rem 0 0; font-size: 0.9rem; color: #333; } .aside-s-001 { position: fixed; right: 0.5rem; top: 50%; transform: translateY(-50%); z-index: 100; width: 80px; opacity: 1; } .aside-s-001 a { width: 4.4rem; height: 4.3rem; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 0.5rem; box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1); background-color: #fff; color: #1D9D9A; font-size: 0; transition: all 0.5s; margin-bottom: 0.5rem; } .aside-s-001 a#gotop { background-color: #1D9D9A; } .aside-s-001 a#gotop i { color: #fff; transform: rotate(-90deg); } .aside-s-001 a i { font-size: 1.5rem; margin-bottom: 0.5rem; } .aside-s-001 a span { font-size: 0.7rem; line-height: 1; } .aside-s-001 a:hover { background-color: #1D9D9A; color: #fff; } .aside-s-001.show-aside { opacity: 1 !important; } .float-win { position: fixed; z-index: 1001; top: 7.5rem; left: 0; height: 7.9rem; width: 14rem; } .float-win li { padding: 5px 0; } .float-win li .float-img { display: inline-block; position: relative; } .float-win li .float-img img { height: 7.9rem; width: 14rem; } .float-win li .float-img .close { background: #fff; position: absolute; top: 0; right: 0; width: 15px; height: 15px; line-height: 15px; text-align: center; opacity: 0.5; } .share-mask { position: fixed; top: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 9999; } .link-site-mask { position: fixed; top: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 9999; } .link-site-mask .link-site-box { width: 24rem; height: max-content; background-color: #fff; border-radius: 0.4rem; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; } .link-site-mask .link-site-box h2 { font-size: 0.9rem; font-weight: bold; height: 2.9rem; box-sizing: border-box; padding: 1rem; border-bottom: 1px solid #E4E4E4; } .link-site-mask .link-site-box div.msg-cont { font-size: 0.8rem; margin-bottom: 1rem; padding: 1rem; text-align: center; } .link-site-mask .link-site-box div.msg-cont p:nth-child(1) { margin-bottom: 0.5rem; } .link-site-mask .link-site-box div.msg-cont span.content-box, .link-site-mask .link-site-box div.msg-cont span.url-box { font-size: 0.7rem; color: #AAAAAA; line-height: 16px; max-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .link-site-mask .link-site-box .button-wrap { display: flex; flex-direction: row-reverse; padding: 20px; border-top: 1px solid #E4E4E4; } .link-site-mask .link-site-box .button-wrap .button-box { display: flex; } .link-site-mask .link-site-box .button-wrap a { display: block; font-size: 0.7rem; box-sizing: border-box; height: 1.6rem; width: 3rem; background-color: #4D99F2; border-radius: 0.2rem; line-height: 1.6rem; text-align: center; color: #FFF; } .link-site-mask .link-site-box .button-wrap a + a { margin-left: 0.5rem; background-color: #fff; border: 1px solid #C4C9D5; color: #333; } .link-site-mask .link-site-box .button-wrap a:hover { background-color: #73B2FB; } .link-site-mask .link-site-box .button-wrap a + a:hover { background-color: rgba(170, 170, 170, 0.2); } @media (max-width: 1440px) { .footer { min-width: 1200px; } .footer .footer-info .left-info a.institution-logo img { width: 59px; } .footer .footer-info .right-info { width: 790px; } .footer .footer-info .right-info .footer-nav { zoom: 0.8; } .footer .footer-info .left-info .site-info p { font-size: 12px; } .footer .footer-info .footer-info-bottom .qr-code a { zoom: 0.8; } } @media (max-width: 1200px) { .footer { min-width: 960px; } .footer .footer-info .right-info { width: 590px; } .footer .footer-info .right-info .footer-columns ul + ul { margin-left: 20px; } .aside-s-001 { display: none; } } @media (max-width: 960px) { .footer { min-width: 720px; } .footer .footer-info .right-info .footer-columns { display: none; } .footer .footer-info .footer-info-top, .footer .footer-info .footer-info-bottom { display: flex; flex-direction: column; align-items: center; } .footer .footer-info .right-info, .footer .footer-info .footer-info-bottom .qr-code { width: auto; } .footer .footer-info .left-info { margin-bottom: 10px; } .footer .footer-info .footer-info-bottom .address-left { text-align: center; margin-bottom: 10px; } .link-site-mask { padding: 0 15px; box-sizing: border-box; } .link-site-mask .link-site-box { width: calc(100% - 30px); } .footer .footlinks .right-author { font-size: 12px; float: none !important; text-align: center; } .footer .footer-info .right-info .qr-code { justify-content: center; } .footer .footlinks .share-box { display: none; } .footer .footlinks > .layout { justify-content: flex-end; } .footer .footer-info .right-info .qr-code .qr-item .img-wrap { height: 118px; } } @media (max-width: 720px) { .footer { min-width: 360px; } } .footer003 { background-color: #4F4F4F; z-index: 1; position: relative; } .footer003 .links { max-height: 3rem; overflow: hidden; transition: max-height 0.5s; background-color: #6E6E6E; } .footer003 .links .layout { position: relative; } .footer003 .links .layout ul { display: flex; align-items: center; flex-wrap: wrap; } .footer003 .links .layout ul li { font-size: 0.7rem; line-height: 3rem; height: 3rem; flex-shrink: 0; } .footer003 .links .layout ul li + li { margin-right: 2rem; } .footer003 .links .layout ul li.tit { font-weight: bold; color: #fff; margin-right: 1rem; } .footer003 .links .layout ul li a { color: rgba(255, 255, 255, 0.8); } .footer003 .links .layout a.link-more, .footer003 .links .layout a.more-link { position: absolute; right: 0; top: 1.05rem; display: none; align-items: center; } .footer003 .links .layout a.link-more span, .footer003 .links .layout a.more-link span { font-size: 14px; color: #fff; line-height: 1; } .footer003 .links .layout a.link-more i, .footer003 .links .layout a.more-link i { color: #DFB728; font-size: 0.7rem; margin-left: 0.4rem; transition: all 0.3s; } .footer003 .links .layout a.link-more.active i, .footer003 .links .layout a.more-link.active i { transform: rotate(180deg); } .footer003 .links.show-more .layout ul { padding-right: 10px; } .footer003 .links.show-more .layout .link-more { display: flex; } .footer003 .links.open { max-height: 240px; } .footer003 .links.open a.link-more i { transform: rotate(180deg); } .footer003 .links .link-nav { display: none; box-sizing: border-box; position: relative; left: 0; top: 0; z-index: 1; width: 100%; padding: 10px 0; background-color: #328484; border-top: 1px solid rgba(255, 255, 255, 0.2); } .footer003 .links .link-nav a { float: left; display: block; color: #fff; font-size: 14px; line-height: 25px; font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; color: rgba(255, 255, 255, 0.6); margin-right: 20px; } .footer003 .footer-info { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .footer003 .footer-info .inner-footer-info { padding-top: 2.5rem; padding-bottom: 2rem; display: flex; justify-content: space-between; } .footer003 .footer-info .inner-footer-info .info-item { width: 430px; } .footer003 .footer-info .inner-footer-info .left-info { font-size: 0; } .footer003 .footer-info .inner-footer-info .left-info .logo { max-width: 400px; margin-bottom: 1rem; } .footer003 .footer-info .inner-footer-info .left-info .copyright-info a.institution-logo { width: 3.7rem; height: 4.5rem; margin-right: 1rem; } .footer003 .footer-info .inner-footer-info .left-info .copyright-info a.institution-logo img { width: 100%; height: 100%; } .footer003 .footer-info .inner-footer-info .left-info .copyright-info ul { padding-top: 0.5rem; } .footer003 .footer-info .inner-footer-info .left-info .copyright-info ul li { font-size: 14px; line-height: 1; color: #fff; margin-bottom: 0.7rem; } .footer003 .footer-info .inner-footer-info .left-info .copyright-info ul li span { color: rgba(255, 255, 255, 0.5); } .footer003 .footer-info .inner-footer-info .left-info .copyright-info ul li a { color: #fff; } .footer003 .footer-info .inner-footer-info .left-info .copyright-info ul li a:hover { color: #cfb36d; } .footer003 .footer-info .inner-footer-info .address-phone ul { padding-top: 0.45rem; } .footer003 .footer-info .inner-footer-info .address-phone ul li { font-size: 14px; line-height: 1; color: #fff; margin-bottom: 0.7rem; } .footer003 .footer-info .inner-footer-info .address-phone ul li span { color: rgba(255, 255, 255, 0.5); } .footer003 .footer-info .inner-footer-info .address-phone ul li a { color: #fff; } .footer003 .footer-info .inner-footer-info .address-phone ul li.phone { display: flex; } .footer003 .footer-info .inner-footer-info .address-phone ul li.phone span { flex-shrink: 0; } .footer003 .footer-info .inner-footer-info .address-phone ul li.phone p { line-height: 1.5; } .footer003 .footer-info .inner-footer-info .right-qr { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-right: -0.5rem; } .footer003 .footer-info .inner-footer-info .right-qr .qr-item { margin: 0 0.5rem 0.5rem 0; width: 4rem; height: 4rem; border-radius: 8px; background-color: rgba(255, 255, 255, 0.15); position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; } .footer003 .footer-info .inner-footer-info .right-qr .qr-item i { font-size: 40px; color: rgba(255, 255, 255, 0.8); margin-bottom: 8px; } .footer003 .footer-info .inner-footer-info .right-qr .qr-item .svg { width: 3rem; fill: rgba(255, 255, 255, 0.8); margin-top: -0.5rem; margin-bottom: -0.3rem; } .footer003 .footer-info .inner-footer-info .right-qr .qr-item > span { font-size: 14px; line-height: 1; color: rgba(255, 255, 255, 0.6); text-align: center; } .footer003 .footer-info .inner-footer-info .right-qr .qr-item .img-wrap { display: none; position: absolute; bottom: 4.9rem; left: 50%; margin-left: -70px; width: 140px; background-color: #fff; border-radius: 4px; box-sizing: border-box; padding: 10px; font-size: 0; flex-direction: column; align-items: center; z-index: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .footer003 .footer-info .inner-footer-info .right-qr .qr-item .img-wrap:before { content: ""; width: 0; height: 0; font-size: 0; border: 10px solid transparent; border-top-color: #fff; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); } .footer003 .footer-info .inner-footer-info .right-qr .qr-item .img-wrap img { width: 120px; height: 120px; margin-bottom: 10px; } .footer003 .footer-info .inner-footer-info .right-qr .qr-item .img-wrap span { font-size: 0.7rem; line-height: 1; color: #333333; } .footer003 .footer-info .inner-footer-info .right-qr .qr-item:hover { background-color: #1D9D9A; } .footer003 .footer-info .inner-footer-info .right-qr .qr-item:hover > span { color: #fff; } .footer003 .footer-info .inner-footer-info .right-qr .qr-item:hover .img-wrap { animation: popFadeInUp .5S; display: flex; } .footer003 .bottom .layout { display: flex; justify-content: space-between; height: 3rem; align-items: center; } .footer003 .bottom .layout .left-author { font-size: 0.7rem; } .footer003 .bottom .layout .left-author span { color: #fff; } .footer003 .bottom .layout .left-author a { color: #fff; } .footer003 .bottom .layout .left-author a:hover { color: #cfb36d; } .footer003 .bottom .layout .share-box { font-size: 0; } .footer003 .bottom .layout .share-box span { font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; color: white; font-size: 0.7rem; } .footer003 .bottom .layout .share-box .share-btn { display: inline-block; width: 1.6rem; height: 1.6rem; text-align: center; line-height: 1.6rem; border-radius: 4px; background-color: rgba(255, 255, 255, 0.15); } .footer003 .bottom .layout .share-box .share-btn i { font-size: 1rem; color: #fff; } .footer003 .bottom .layout .share-box .share-btn + .share-btn { margin-left: 0.5rem; } .aside-s-001 { position: fixed; right: 0.5rem; top: 50%; transform: translateY(-50%); z-index: 100; width: 80px; opacity: 1; } .aside-s-001 a { width: 4.4rem; height: 4.3rem; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 0.5rem; box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1); background-color: #fff; color: #1D9D9A; font-size: 0; transition: all 0.5s; margin-bottom: 0.5rem; } .aside-s-001 a#gotop { background-color: #1D9D9A; } .aside-s-001 a#gotop i { color: #fff; transform: rotate(-90deg); } .aside-s-001 a i { font-size: 1.5rem; margin-bottom: 0.5rem; } .aside-s-001 a span { font-size: 0.7rem; line-height: 1; } .aside-s-001 a:hover { background-color: #1D9D9A; color: #fff; } .aside-s-001.show-aside { opacity: 1 !important; } @media (max-width: 1440px) { .footer003 .footer-info .inner-footer-info .info-item { width: 19rem; } .footer003 .footer-info .inner-footer-info .left-info .logo { max-width: 350px; } } @media (max-width: 1200px) { .footer003 .footer-info .inner-footer-info .info-item { width: 304px; } .footer003 .footer-info .inner-footer-info .left-info .logo { max-width: 282px; } .footer003 .footer-info .inner-footer-info .left-info .copyright-info ul li { font-size: 12px; } .footer003 .footer-info .inner-footer-info .address-phone ul li { font-size: 12px; } .footer003 .footer-info .inner-footer-info .right-qr .qr-item i { margin-bottom: 0; } .footer003 .footer-info .inner-footer-info .right-qr .qr-item > span { display: none; } } @media (max-width: 960px) { .footer003 .links { max-height: none; } .footer003 .links .layout { box-sizing: border-box; padding: 0 20px; } .footer003 .links .layout ul li.link-item, .footer003 .links .layout ul li.tit u { display: none; } .footer003 .links .layout a.link-more { display: none !important; } .footer003 .links .layout a.more-link { display: flex; top: 17px; right: 20px; } .footer003 .footer-info .inner-footer-info { padding: 20px 0; flex-wrap: wrap; } .footer003 .footer-info .inner-footer-info .info-item { width: 100%; } .footer003 .footer-info .inner-footer-info .left-info { display: flex; flex-direction: column; align-items: center; } .footer003 .footer-info .inner-footer-info .left-info .logo { max-width: 240px; margin-bottom: 20px; } .footer003 .footer-info .inner-footer-info .left-info .copyright-info { display: flex; flex-direction: column; align-items: center; } .footer003 .footer-info .inner-footer-info .left-info .copyright-info a.institution-logo { margin-right: 0; width: 33px; height: 40px; } .footer003 .footer-info .inner-footer-info .address-phone { margin-top: 30px; } .footer003 .footer-info .inner-footer-info .address-phone ul { text-align: center; padding-top: 0; } .footer003 .footer-info .inner-footer-info .address-phone ul li { margin-bottom: 12px; } .footer003 .footer-info .inner-footer-info .address-phone ul li.phone { display: block; } .footer003 .footer-info .inner-footer-info .address-phone ul li span { display: block; margin-bottom: 12px; } .footer003 .footer-info .inner-footer-info .right-qr { margin-top: 40px; justify-content: center; margin-right: 0; } .footer003 .footer-info .inner-footer-info .right-qr .qr-item { margin: 0 5px 10px; } .footer003 .bottom .layout { justify-content: center; } .footer003 .bottom .layout .share-box { display: none; } } /*首页飘窗展示*/ .fixed-tips-item { position: relative; height: 25rem; overflow: hidden; margin-bottom: 8px; opacity: .8; transition: .3s; } .fixed-tips-item:hover { opacity: 1; } .close-fTips { position: absolute; top: 0; right: 0; width: 15px; height: 15px; cursor: pointer; background-color: rgba(255, 255, 255, 0.3); line-height: 15px; text-align: center; border-radius: 2px; } .fixed-tip-item { position: relative; } .fixed-tip-item img { width: 20rem; } .fixed-tip-item .close-fTips { width: 20rem; } .fixed-tips-item { position: relative; height: 25rem; overflow: hidden; margin-bottom: 8px; opacity: .8; transition: .3s; } .fixed-tips-item:hover { opacity: 1; } #fixed-tips-item-auto { position: absolute; top: 50%; margin-top: -12.5rem; left: 0; width: 20rem; z-index: 1999; height: max-content; } .show-content .share { cursor: pointer; position: relative; } .show-content .share:hover .bdsharebuttonbox { display: block; } .show-content .share i { margin-right: 0.25rem; color: #555555; width: 0.8rem; height: 0.8rem; } .show-content .share > span { font-size: 0.7rem; color: #999999; display: block; height: 1.4rem; position: relative; z-index: 2; line-height: 1.4rem; } .show-content .share .enjoy { border-bottom: 1px solid #c9c9c9c9; } .show-content .share .bdsharebuttonbox { box-sizing: border-box; display: none; position: absolute; right: 0; top: 1.4rem; z-index: 2; background: #fff; padding: 0.5rem 0.4rem; width: 100px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .show-content .share .bdsharebuttonbox span { display: inline-block; color: #555; border-bottom: 1px solid #e4e4e4; width: 100%; height: 1rem; } .show-content .share .bdsharebuttonbox a { display: block; float: none; font-size: 0.7rem; margin-right: 0; width: 100%; } .show-content .share .bdsharebuttonbox a.bds_weixin:before { content: "\e643"; font-size: 0.7rem; background-color: #70B603; } .show-content .share .bdsharebuttonbox a.bds_tsina:before { content: "\e642"; background-color: #D9001B; } .show-content .share .bdsharebuttonbox a.copy-link:before { content: "\e670"; font-size: 12px; background-color: #F2A141; } .show-content .share .bdsharebuttonbox a:before { font-family: "iconfont"; color: #fff; width: 1rem; height: 1rem; border-radius: 50%; font-size: 0.8rem; display: inline-block; text-align: center; line-height: 1rem; vertical-align: text-top; } .show-content .share .bdsharebuttonbox a:after { content: attr(title); margin-left: 0.25rem; } .show-content .share .bdshare-button-style0-16 a { background-image: none; padding-left: 0; height: auto; } .show-content .share .bdshare-button-style0-24 a { line-height: 16px; background-image: none; padding-left: 0; height: auto; } h2.left-tit { font-weight: normal; display: flex; justify-content: space-between; align-items: center; } h2.left-tit a.news-type { font-size: 1.6rem; line-height: 1; color: #333; } h2.left-tit a.more { display: block; width: 4.8rem; height: 1.6rem; line-height: 1; border: 1px solid #D7D7D7; border-radius: 1000px; text-align: center; box-sizing: border-box; transition: all 0.3s; color: #555; font-size: 0; } h2.left-tit a.more span { font-size: 0.7rem; display: inline-block; transition: transform 0.3s; position: relative; line-height: 1.6rem; } h2.left-tit a.more i { font-size: 12px; opacity: 0; position: absolute; transition: transform 0.3s; transform: translateX(-10px); line-height: 1.6rem; } h2.left-tit a.more:hover { background-color: #1D9D9A; border-color: #1D9D9A; color: #fff; } h2.left-tit a.more:hover span { transform: translateX(-5px); } h2.left-tit a.more:hover i { opacity: 1; transform: translateX(-2px); } .news-show { width: 1200px; margin: auto; padding-bottom: 4rem; display: flex; justify-content: space-between; } .news-show .list-item.has-right { width: 40rem; } .news-show .list-item { width: 100%; } .news-show .list-item .content { width: 100%; border-bottom: 1px solid #AAAAAA; padding-bottom: 1rem; } .news-show .list-item .content .news-title { text-align: center; border-bottom: 1px solid #E4E4E4; padding-bottom: 1rem; color: #444; } .news-show .list-item .content .news-title p { font-size: 0.9rem; line-height: 1.35rem; } .news-show .list-item .content .news-title p.top-title { margin-bottom: 0.5rem; } .news-show .list-item .content .news-title p.sub-title { margin-top: 0.5rem; } .news-show .list-item .content .news-title h1 a { font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif; font-weight: 700; font-style: normal; font-size: 1.6rem; color: #444; line-height: 2.4rem; } .news-show .list-item .content .news-title span { font-size: 0.7rem; color: #AAAAAA; } .news-show .list-item .content .news-title span.time { margin: 1rem 0; display: inline-block; } .news-show .list-item .content .news-title .news-author span { margin-right: 1rem; } .news-show .list-item .content .news-content { padding-top: 1rem; } .news-show .list-item .content .news-content p { margin-bottom: 8px; font-size: 16px; line-height: 1.5; font-family: "Microsoft YaHei UI","Microsoft YaHei",Arial,SimSun,"Segoe UI",Tahoma,Helvetica,sans-serif; } .news-show .list-item .content .news-content img { max-width: 100%; display: block; margin-right: auto; margin-left: auto; height: auto !important; } .news-show .list-item .content .original-title { font-size: 0.7rem; color: #AAAAAA; line-height: 1.05rem; margin-top: 2rem; } .news-show .list-item .content .qr-share { display: flex; align-items: center; margin-top: 2rem; } .news-show .list-item .content .qr-share .qr i { color: #797979; font-size: 0.9rem; position: relative; top: -1px; } .news-show .list-item .content .qr-share .line { display: inline-block; width: 1px; height: 0.8rem; background-color: #E4E4E4; margin: 0 0.5rem; } .news-show .list-item .left-tit { font-size: 1.2rem; line-height: 1; color: #333; font-weight: normal; } .news-show .list-item .related-expert ul { border-bottom: 1px solid #797979; } .news-show .list-item .related-expert ul li { display: flex; border-bottom: 1px solid #E4E4E4; height: 9.1rem; box-sizing: border-box; padding-top: 1rem; } .news-show .list-item .related-expert ul li .doc-img { width: 4.3rem; height: 6rem; } .news-show .list-item .related-expert ul li .doc-img a { display: inline-block; width: 4.3rem; height: 100%; } .news-show .list-item .related-expert ul li .doc-img a img { width: 100%; } .news-show .list-item .related-expert ul li .doc-info { margin-left: 1rem; font-size: 0.7rem; line-height: 1; color: #333333; } .news-show .list-item .related-expert ul li .doc-info .depart { color: #1D9D9A; margin-bottom: 0.15rem; } .news-show .list-item .related-expert ul li .doc-info .doc-name { font-size: 0.8rem; line-height: 1; font-weight: bold; } .news-show .list-item .related-expert ul li .doc-info span { color: #999999; } .news-show .list-item .related-expert ul li .doc-info .goodat { color: #7F7F7F; line-height: 21px; max-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .news-show .list-item .related-expert ul li .doc-info .doc-name, .news-show .list-item .related-expert ul li .doc-info .doc-job, .news-show .list-item .related-expert ul li .doc-info .protit { margin-bottom: 0.5rem; } .news-show .list-item .related-expert ul li:last-child { border-bottom: none; } .news-show .list-item .related-depart { margin-top: 2.8rem; } .news-show .list-item .related-depart ul { border-bottom: 1px solid #797979; } .news-show .list-item .related-depart ul li { padding-top: 1rem; } .news-show .list-item .related-depart ul li .dep-tit { display: inline-block; font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif; font-weight: 700; font-style: normal; font-size: 0.8rem; color: #1D9D9A; line-height: 1; margin-bottom: 0.5rem; } .news-show .list-item .related-depart ul li .dep-intro { font-size: 0.7rem; color: #AAAAAA; line-height: 1.05rem; } .news-show .list-item .related-depart ul li:last-child { border-bottom: none; } .news-show .news-right { width: 18rem; } .news-show .news-right ul { margin-top: 1rem; width: 100%; } .news-show .news-right ul li { width: 100%; height: 5rem; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 0.5rem; position: relative; margin-bottom: 0.5rem; background-color: #fff; } .news-show .news-right ul li .thumb { position: absolute; left: 0.5rem; top: 0.5rem; width: 5.5rem; height: 4rem; overflow: hidden; } .news-show .news-right ul li .thumb img { display: block; width: 100%; height: 100%; } .news-show .news-right ul li p.title a { font-size: 0.8rem; line-height: 24px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; color: #444; } .news-show .news-right ul li .time { font-size: 0.7rem; color: #AAAAAA; display: inline-block; line-height: 1; position: absolute; bottom: 0.5rem; } .news-show .news-right ul li.hasthumb { padding-left: 6.5rem; } .images-show .images-info { border-bottom: 1px solid #c9c9c9; } .images-show .images-info .img-title { margin-bottom: 1.5rem; } .images-show .images-info .img-title a { font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif; font-weight: 700; font-style: normal; font-size: 1.6rem; color: #333; line-height: 1.6rem; } .images-show .images-info .img-display { width: 100%; height: 32rem; background-color: #333; position: relative; overflow: hidden; } .images-show .images-info .img-display .img-box { width: 55.9rem; height: 100%; background-color: #fff; margin: 0 auto; } .images-show .images-info .img-display .img-box .inner-img-bg { display: flex; justify-content: center; align-items: center; background-color: #333; height: 32rem; } .images-show .images-info .img-display .img-box img { width: auto; height: auto; max-height: 100%; max-width: 100%; } .images-show .images-info .img-display .img-box .slick-list { height: 100%; } .images-show .images-info .img-display .img-box .slick-arrow { position: absolute; cursor: pointer; top: 50%; transform: translateY(-50%); width: 3rem; height: 3.5rem; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; line-height: 3.5rem; font-size: 0.9rem; z-index: 1; } .images-show .images-info .img-display .img-box .slick-arrow.prev { left: 0; } .images-show .images-info .img-display .img-box .slick-arrow.next { right: 0; } .images-show .images-info .img-display .img-box.slick-slider { position: static; } .images-show .images-info .img-display .count { position: absolute; right: 0; bottom: 0; width: 5.3rem; height: 3rem; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; line-height: 3rem; font-size: 0.9rem; } .images-show .images-info .img-intro { color: #333; font-size: 0.9rem; margin: 20px 0; line-height: 27px; max-height: 108px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; } .images-show .images-info .info { font-size: 0.7rem; color: #aaa; } .images-show .images-info .info .mark { display: inline-block; } .images-show .images-info .info .time { margin-right: 1.5rem; } .images-show .images-info .img-slide { margin: 1.25rem 0 1.5rem; } .images-show .images-info .img-slide .img-item { margin: 0.15rem; height: 3.8rem; box-sizing: border-box; overflow: hidden; cursor: pointer; } .images-show .images-info .img-slide .img-item img { width: 100%; height: 100%; } .images-show .images-info .img-slide .img-item + .img-item { margin-left: 0.075rem; } .images-show .images-info .img-slide .img-item:hover { border: 4px solid #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); } .images-show .images-info .img-slide .slick-arrow { position: absolute; cursor: pointer; top: 50%; transform: translateY(-50%); width: 1.1rem; height: 3.8rem; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; line-height: 3.8rem; font-size: 0.6rem; z-index: 1; } .images-show .images-info .img-slide .slick-arrow.prev { left: 0; } .images-show .images-info .img-slide .slick-arrow.next { right: 0; } .images-show .hot-images { margin-top: 1.6rem; } .images-show .hot-images .hot-images-content { margin-top: 1.5rem; } .images-show .hot-images .hot-images-content .img-list { display: flex; flex-wrap: wrap; margin-right: -1.1rem; font-size: 0; } .images-show .hot-images .hot-images-content .img-list li { width: 19.25rem; margin-right: 1.1rem; padding-bottom: 1rem; margin-bottom: 1.5rem; position: relative; } .images-show .hot-images .hot-images-content .img-list li .img { display: block; width: 100%; height: 10.9rem; position: relative; } .images-show .hot-images .hot-images-content .img-list li .img img { width: 100%; height: 100%; } .images-show .hot-images .hot-images-content .img-list li .img .count { position: absolute; right: 0; bottom: 0; width: 3rem; height: 2rem; color: #fff; background-color: rgba(0, 0, 0, 0.5); font-size: 0.7rem; text-align: center; line-height: 2rem; } .images-show .hot-images .hot-images-content .img-list li .title { margin: 0.5rem 0; height: 2.7rem; color: #333; font-size: 0.9rem; line-height: 27px; max-height: 54px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .images-show .hot-images .hot-images-content .img-list li .title:hover a { color: #B0CE3A; } .page-content .news-content p { margin-bottom: 8px; font-size: 16px; line-height: 1.5; font-family: "Microsoft YaHei UI","Microsoft YaHei",Arial,SimSun,"Segoe UI",Tahoma,Helvetica,sans-serif; } .page-content .news-content img { max-width: 100%; display: inline-block; margin: 10px; } @media (max-width: 1200px) { .news-show { width: 960px; } .news-show .list-item.has-right { width: 640px; } .news-show .news-right { width: 288px; } .news-show .list-item .content .news-title p { font-size: 16px; line-height: 24px; } .news-show .list-item .content .news-title h1 a { font-size: 24px; line-height: 36px; } .news-show .list-item .left-tit { font-size: 18px; } .news-show .list-item .related-expert ul li .doc-info { font-size: 12px; } .news-show .list-item .related-expert ul li .doc-info .goodat { line-height: 18px; max-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .news-show .news-right h2 a.news-type { font-size: 24px; } .news-show .news-right h2 a.more { height: 26px; width: 78px; } .news-show .news-right h2 a.more span { font-size: 12px; line-height: 26px; } .news-show .news-right h2 a.more i { line-height: 26px; } .news-show .news-right ul li .thumb { width: 88px; height: 64px; } .news-show .news-right ul li p.title a { font-size: 14px; line-height: 21px; max-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .news-show .news-right ul li .time { font-size: 12px; } .news-show .news-right ul li { height: 80px; } .news-show .news-right ul li.hasthumb { padding-left: 108px; } .images-show .images-info .img-title a { font-size: 28px; line-height: 28px; } .images-show .images-info .img-intro { font-size: 14px; line-height: 21px; max-height: 84px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; } .images-show .images-info .info, h2.left-tit a.more span, .images-show .hot-images .hot-images-content .img-list li .img .count { font-size: 12px; } h2.left-tit a.news-type { font-size: 28px; } .images-show .hot-images .hot-images-content .img-list li .title { font-size: 16px; line-height: 24px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } } @media (max-width: 960px) { .news-show { display: inherit; width: 100%; } .news-show .list-item.has-right { width: 100%; } .news-show .list-item .content .news-title h1 a { font-size: 20px; line-height: 30px; } .news-show .list-item .content .news-title span.time { margin: 10px 0; } .news-show .list-item .content .news-title span { font-size: 12px; } .news-show .list-item .content .original-title { font-size: 12px; line-height: 18px; } .news-show .list-item .content .qr-share { display: none; } .news-show .list-item .related-expert ul li .doc-img { width: 65px; height: 90px; } .news-show .list-item .related-expert ul li .doc-img a { width: 65px; } .news-show .list-item .related-expert ul li .doc-info .goodat { display: none !important; } .news-show .list-item .related-expert ul li { height: 111px; padding-top: 10px; } .news-show .list-item .left-tit { margin-bottom: 10px; } .news-show .list-item .related-depart { margin-top: 20px; } .news-show .list-item .related-depart ul li { padding-top: 10px; } .news-show .list-item .related-depart ul li .dep-intro { display: none; } .news-show .news-right { width: 100%; margin-top: 20px; } .news-show .news-right h2 a.news-type { font-size: 18px; } .news-show .news-right h2 a.more { height: 24px; width: 72px; } .news-show .news-right h2 a.more i, .news-show .news-right h2 a.more span { line-height: 24px; } .news-show .news-right ul { margin-top: 10px; } .news-show .news-right ul li { box-shadow: none; border-bottom: 1px solid #E4E4E4; padding: 10px 0; height: 64px; margin-bottom: 0; } .news-show .news-right ul li.hasthumb { padding-left: 0; } .news-show .news-right ul li .thumb { display: none; } .news-show .news-right ul li p.title a { line-height: 21px; max-height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .images-show .images-info .img-title { margin-bottom: 10px; } .images-show .images-info .img-title a { font-size: 16px; line-height: 16px; } .images-show .images-info .img-display { height: auto; } .images-show .images-info .img-display .img-box { width: 93%; } .images-show .images-info .img-display .img-box .inner-img-bg { height: 60vw; } .images-show .images-info .img-display .img-box .slick-arrow { width: 18px; height: 40px; line-height: 40px; } .images-show .images-info .img-intro { line-height: 21px; max-height: 210px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 10; -webkit-box-orient: vertical; display: -webkit-box; } .images-show .images-info .img-slide .img-item:hover { border-width: 2px; } .images-show .hot-images h2.left-tit a.news-type { font-size: 16px; } .images-show .hot-images h2.left-tit a.more { display: none; } .images-show .hot-images .hot-images-content .img-list li { width: 48%; margin-bottom: 0; margin-right: 0; padding-bottom: 0; } .images-show .hot-images .hot-images-content .img-list li .img { height: auto; } .images-show .hot-images .hot-images-content .img-list { justify-content: space-between; } .images-show .hot-images .hot-images-content .img-list li .title { font-size: 14px; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin: 8px 0; } .images-show .hot-images .hot-images-content .img-list { margin-right: 0; } .images-show .images-info .img-slide .img-item { height: 48px; } .images-show .images-info .img-slide .slick-arrow { width: 14px; height: 48px; line-height: 48px; } h2.left-tit a.more:hover { background-color: none; border-color: #D7D7D7; color: #555; } h2.left-tit a.more:hover span { transform: none; } h2.left-tit a.more:hover i { opacity: 0; transform: translateX(-10px); } } h2.left-tit { font-weight: normal; display: flex; justify-content: space-between; align-items: center; } h2.left-tit a.news-type { font-size: 1.6rem; line-height: 1; color: #333; } h2.left-tit a.more { display: block; width: 4.8rem; height: 1.6rem; line-height: 1; border: 1px solid #D7D7D7; border-radius: 1000px; text-align: center; box-sizing: border-box; transition: all 0.3s; color: #555; font-size: 0; } h2.left-tit a.more span { font-size: 0.7rem; display: inline-block; transition: transform 0.3s; position: relative; line-height: 1.6rem; } h2.left-tit a.more i { font-size: 12px; opacity: 0; position: absolute; transition: transform 0.3s; transform: translateX(-10px); line-height: 1.6rem; } h2.left-tit a.more:hover { background-color: #1D9D9A; border-color: #1D9D9A; color: #fff; } h2.left-tit a.more:hover span { transform: translateX(-5px); } h2.left-tit a.more:hover i { opacity: 1; transform: translateX(-2px); } h2.left-tit-tab { font-weight: normal; display: flex; justify-content: space-between; align-items: center; } h2.left-tit-tab .news-type { display: flex; align-items: center; font-size: 1.6rem; line-height: 1; } h2.left-tit-tab .news-type a { color: #555; position: relative; } h2.left-tit-tab .news-type a:after { content: ''; display: block; position: absolute; height: 2px; bottom: -0.5rem; width: 0px; background-color: #FFA943; transition: all 0.3s; } h2.left-tit-tab .news-type a.cur { color: #1D9D9A; } h2.left-tit-tab .news-type a.cur:after { width: 2.8rem; } h2.left-tit-tab .news-type .circle { display: inline-block; height: 0.45rem; width: 0.45rem; border-radius: 50%; background-color: #AAAAAA; margin: 0 10px; } h2.left-tit-tab .news-type .circle:last-of-type { display: none; } h2.left-tit-tab a.more { display: block; width: 4.8rem; height: 1.6rem; line-height: 1; border: 1px solid #D7D7D7; border-radius: 1000px; text-align: center; box-sizing: border-box; transition: all 0.3s; color: #555; font-size: 0; background-color: #fff; } h2.left-tit-tab a.more span { font-size: 0.7rem; display: inline-block; transition: all 0.3s; position: relative; line-height: 1.6rem; } h2.left-tit-tab a.more i { font-size: 12px; opacity: 0; position: absolute; transition: all 0.3s; transform: translateX(-10px); line-height: 1.6rem; } h2.left-tit-tab a.more:hover { background-color: #1D9D9A; border-color: #1D9D9A; color: #fff; } h2.left-tit-tab a.more:hover span { transform: translateX(-5px); } h2.left-tit-tab a.more:hover i { opacity: 1; transform: translateX(-2px); } h2.center-tit { font-weight: normal; text-align: center; font-size: 32px; line-height: 1; } h2.center-tit a { color: #333; } .dm-index001 { padding-bottom: 5rem; position: relative; } .dm-index001 .dep-bg { position: absolute; right: 0; bottom: 0; z-index: -1; } .dm-index001 .depart-intro { background-color: #F8F5EB; padding: 3rem 0; position: relative; overflow: hidden; } .dm-index001 .depart-intro > img { opacity: 0.4; position: absolute; } .dm-index001 .depart-intro .intro-bg01 { left: 0; top: 0; } .dm-index001 .depart-intro .intro-bg02 { right: 0; bottom: 0; } .dm-index001 .depart-intro .inner-dep-intro { display: flex; justify-content: space-between; z-index: 1; position: relative; } .dm-index001 .depart-intro .inner-dep-intro .depart-img-slide { width: 30rem; height: 17rem; background-color: #424242; } .dm-index001 .depart-intro .inner-dep-intro .depart-img-slide .img-box { width: 100%; height: 100%; display: block; } .dm-index001 .depart-intro .inner-dep-intro .depart-img-slide .img-box img { width: 100%; height: 100%; } .dm-index001 .depart-intro .inner-dep-intro .depart-img-slide .slick-dots { bottom: 0.6rem; text-align: right; } .dm-index001 .depart-intro .inner-dep-intro .depart-img-slide .slick-dots li { width: 3.2rem; height: 0.4rem; background-color: #D7D7D7; } .dm-index001 .depart-intro .inner-dep-intro .depart-img-slide .slick-dots li.slick-active { background-color: #61A4B4; } .dm-index001 .depart-intro .inner-dep-intro .depart-img-slide .slick-dots li button { display: none; } .dm-index001 .depart-intro .inner-dep-intro .dep-intro { width: 28rem; } .dm-index001 .depart-intro .inner-dep-intro .dep-intro .dep-intro-content { font-size: 16px; color: #333333; line-height: 32px; max-height: 288px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 9; -webkit-box-orient: vertical; display: -webkit-box; margin-top: 1rem; } .dm-index001 .depart-doc { margin-top: 3rem; } .dm-index001 .depart-doc h2.left-tit { display: none; } .dm-index001 .depart-doc .doc-list { margin-top: 1rem; } .dm-index001 .depart-doc .doc-list .doc-slide { height: 18.3rem; min-width: 390px; } .dm-index001 .depart-doc .doc-list .mobile-doc-slide { display: none; } .dm-index001 .depart-doc .doc-list .doc-item { padding: 2rem 0.65rem 0; display: flex; flex-direction: column; align-items: center; width: 11.2rem; height: 17.5rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin: 0.4rem; box-sizing: border-box; position: relative; background-color: #fff; } .dm-index001 .depart-doc .doc-list .doc-item .icon { position: absolute; top: 0.5rem; color: #AAAAAA; font-size: 30px; line-height: 30px; } .dm-index001 .depart-doc .doc-list .doc-item .icon.left { left: 0.5rem; transform: rotateY(180deg); } .dm-index001 .depart-doc .doc-list .doc-item .icon.right { right: 0.5rem; } .dm-index001 .depart-doc .doc-list .doc-item .doc-img { width: 7.2rem; height: 10rem; overflow: hidden; margin-bottom: 1rem; } .dm-index001 .depart-doc .doc-list .doc-item .doc-img img { width: 100%; height: 100%; } .dm-index001 .depart-doc .doc-list .doc-item .doc-name { color: #333; font-size: 18px; line-height: 18px; } .dm-index001 .depart-doc .doc-list .doc-item .doc-protit { color: #333; font-size: 14px; line-height: 14px; margin: 0.5rem 0; } .dm-index001 .depart-doc .doc-list .doc-item .doc-position { font-size: 14px; line-height: 14px; color: #AAAAAA; text-align: center; } .dm-index001 .depart-doc .doc-list .doc-item:hover { border: 1px solid #5898A6; } .dm-index001 .depart-doc .doc-list .doc-item:hover .doc-name { color: #5898A6; } .dm-index001 .depart-doc .doc-list .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 2rem; height: 2rem; text-align: center; line-height: 2rem; color: #fff; background-color: rgba(0, 0, 0, 0.5); border-radius: 4px; cursor: pointer; } .dm-index001 .depart-doc .doc-list .slick-arrow.prev { left: -2rem; transform: rotateY(180deg); } .dm-index001 .depart-doc .doc-list .slick-arrow.next { right: -2rem; } .dm-index001 .depart-doc .doc-list .slick-dots { margin-bottom: -1.25rem; } .dm-index001 .depart-doc .doc-list .slick-dots li { width: 0.4rem; height: 0.4rem; background-color: #D7D7D7; border-radius: 50%; } .dm-index001 .depart-doc .doc-list .slick-dots li.slick-active { background-color: #EAB660; } .dm-index001 .depart-doc .doc-list .slick-dots li button { display: none; } .dm-index001 .depart-doc a.doc-more { display: block; width: 10rem; height: 2.5rem; border: 1px solid #61A4B4; text-align: center; line-height: 2.5rem; color: #61A4B4; font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; position: relative; left: 50%; transform: translateX(-50%); margin-top: 3rem; } .dm-index001 .depart-doc a.doc-more span { position: absolute; display: block; position: absolute; width: 0.6rem; height: 0.6rem; } .dm-index001 .depart-doc a.doc-more span:nth-child(1) { top: 0; left: 0; border-top: 3px solid #61A4B4; border-left: 3px solid #61A4B4; } .dm-index001 .depart-doc a.doc-more span:nth-child(2) { top: 0; right: 0; border-top: 3px solid #61A4B4; border-right: 3px solid #61A4B4; } .dm-index001 .depart-doc a.doc-more span:nth-child(3) { bottom: 0; left: 0; border-bottom: 3px solid #61A4B4; border-left: 3px solid #61A4B4; } .dm-index001 .depart-doc a.doc-more span:nth-child(4) { bottom: 0; right: 0; border-right: 3px solid #61A4B4; border-bottom: 3px solid #61A4B4; } .dm-index001 .depart-doc a.doc-more u { font-size: 16px; display: inline-block; transition: all 0.3s; position: relative; line-height: 2.5rem; } .dm-index001 .depart-doc a.doc-more i { font-size: 22px; opacity: 0; position: absolute; transition: all 0.3s; transform: translateX(-10px); line-height: 2.5rem; } .dm-index001 .depart-doc a.doc-more:hover { border: 1px solid #1D9D9A; color: #1D9D9A; } .dm-index001 .depart-doc a.doc-more:hover span:nth-child(1) { border-top-color: #1D9D9A; border-left-color: #1D9D9A; } .dm-index001 .depart-doc a.doc-more:hover span:nth-child(2) { border-top-color: #1D9D9A; border-right-color: #1D9D9A; } .dm-index001 .depart-doc a.doc-more:hover span:nth-child(3) { border-bottom-color: #1D9D9A; border-left-color: #1D9D9A; } .dm-index001 .depart-doc a.doc-more:hover span:nth-child(4) { border-right-color: #1D9D9A; border-bottom-color: #1D9D9A; } .dm-index001 .depart-doc a.doc-more:hover u { transform: translateX(-10px); } .dm-index001 .depart-doc a.doc-more:hover i { opacity: 1; transform: translateX(2px); } .dm-index001 .depart-dynamic { margin-top: 3rem; height: 24rem; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-sizing: border-box; padding: 2rem 2rem; position: relative; overflow: hidden; } .dm-index001 .depart-dynamic > img { position: absolute; top: 0; left: 0; width: 30.05rem; z-index: -1; } .dm-index001 .depart-dynamic .dep-dynamic-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .dm-index001 .depart-dynamic .dep-dynamic-list li { width: 27rem; padding: 1rem 0; border-bottom: 1px solid #D7D7D7; } .dm-index001 .depart-dynamic .dep-dynamic-list li .time { display: inline-block; font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; color: #5898A6; line-height: 16px; margin-bottom: 0.5rem; } .dm-index001 .depart-dynamic .dep-dynamic-list li .dynamic-tit { font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; font-size: 18px; line-height: 27px; max-height: 54px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .dm-index001 .depart-dynamic .dep-dynamic-list li:last-child, .dm-index001 .depart-dynamic .dep-dynamic-list li:nth-last-child(2) { border-bottom: none; } .dm-index001 .depart-img { margin-top: 3rem; } .dm-index001 .depart-img h2.img-left-tit { font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 32px; line-height: 32px; } .dm-index001 .depart-img h2.img-left-tit a { color: #555555; } .dm-index001 .depart-img h2.left-tit { display: none; } .dm-index001 .depart-img .dep-img-list { margin-top: 1rem; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item { width: 14rem; height: 12.9rem; display: block; margin: 0 0.5rem; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item .dep-img-box { width: 100%; height: 7.9rem; overflow: hidden; display: block; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item .dep-img-box img { width: 100%; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item .dep-img-tit { width: 100%; height: 5rem; padding: 1.2rem 1rem; border-bottom: 0.2rem solid rgba(97, 164, 180, 0.5); box-sizing: border-box; position: relative; background-color: #fff; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item .dep-img-tit img { opacity: 0; width: 100%; position: absolute; top: 0; left: 0; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item .dep-img-tit p { color: #555; font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 26px; max-height: 52px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; z-index: 1; position: relative; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item:hover { box-shadow: 0 0 10px rgba(97, 164, 180, 0.3); } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item:hover .dep-img-tit { background-color: #9BC1CA; border-bottom: none; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item:hover .dep-img-tit p { color: #fff; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item:hover .dep-img-tit img { opacity: 0.5; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .slick-arrow { position: absolute; width: 2rem; height: 2rem; border-radius: 0.2rem; border: 1px solid #61A4B4; color: #61A4B4; background-color: #fff; text-align: center; line-height: 2rem; top: -2.8rem; right: 0; cursor: pointer; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .slick-arrow:hover { color: #fff; background-color: #61A4B4; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .slick-arrow.prev { right: 2.5rem; transform: rotateY(180deg); } .dm-index001 .depart-img a.img-more { display: block; width: 10rem; height: 2.5rem; border: 1px solid #61A4B4; text-align: center; line-height: 2.5rem; color: #61A4B4; font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; position: relative; left: 50%; transform: translateX(-50%); margin-top: 3rem; } .dm-index001 .depart-img a.img-more span { position: absolute; display: block; position: absolute; width: 0.6rem; height: 0.6rem; } .dm-index001 .depart-img a.img-more span:nth-child(1) { top: 0; left: 0; border-top: 3px solid #61A4B4; border-left: 3px solid #61A4B4; } .dm-index001 .depart-img a.img-more span:nth-child(2) { top: 0; right: 0; border-top: 3px solid #61A4B4; border-right: 3px solid #61A4B4; } .dm-index001 .depart-img a.img-more span:nth-child(3) { bottom: 0; left: 0; border-bottom: 3px solid #61A4B4; border-left: 3px solid #61A4B4; } .dm-index001 .depart-img a.img-more span:nth-child(4) { bottom: 0; right: 0; border-right: 3px solid #61A4B4; border-bottom: 3px solid #61A4B4; } .dm-index001 .depart-img a.img-more u { font-size: 16px; display: inline-block; transition: all 0.3s; position: relative; line-height: 2.5rem; } .dm-index001 .depart-img a.img-more i { font-size: 22px; opacity: 0; position: absolute; transition: all 0.3s; transform: translateX(-10px); line-height: 2.5rem; } .dm-index001 .depart-img a.img-more:hover { border: 1px solid #1D9D9A; color: #1D9D9A; } .dm-index001 .depart-img a.img-more:hover span:nth-child(1) { border-top-color: #1D9D9A; border-left-color: #1D9D9A; } .dm-index001 .depart-img a.img-more:hover span:nth-child(2) { border-top-color: #1D9D9A; border-right-color: #1D9D9A; } .dm-index001 .depart-img a.img-more:hover span:nth-child(3) { border-bottom-color: #1D9D9A; border-left-color: #1D9D9A; } .dm-index001 .depart-img a.img-more:hover span:nth-child(4) { border-right-color: #1D9D9A; border-bottom-color: #1D9D9A; } .dm-index001 .depart-img a.img-more:hover u { transform: translateX(-10px); } .dm-index001 .depart-img a.img-more:hover i { opacity: 1; transform: translateX(2px); } .dm-index001 .article-list { margin-top: 3rem; } .dm-index001 .article-list ul { margin-top: 0.5rem; display: flex; flex-wrap: wrap; margin-right: -1.5rem; } .dm-index001 .article-list ul li { width: 19rem; padding: 1rem 0; border-bottom: 1px solid #D7D7D7; margin-right: 1.5rem; } .dm-index001 .article-list ul li .article-info { font-size: 0; } .dm-index001 .article-list ul li .article-info p { font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; color: #555555; line-height: 24px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; height: 2.4rem; margin-bottom: 0.5rem; } .dm-index001 .article-list ul li .article-info .time { display: inline-block; font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; color: #5898A6; line-height: 14px; } .dm-index001 .article-list ul li.hasthumb { display: flex; } .dm-index001 .article-list ul li.hasthumb .article-img { display: block; width: 6rem; height: 3.6rem; flex-shrink: 0; } .dm-index001 .article-list ul li.hasthumb .article-img img { width: 100%; height: 100%; } .dm-index001 .article-list ul li.hasthumb .article-info { margin-left: 0.5rem; font-size: 0; } .dm-mygzs-index001 { padding-bottom: 5rem; position: relative; } .dm-mygzs-index001 > img { position: absolute; opacity: 0.4; z-index: -1; } .dm-mygzs-index001 .dep-bg01 { left: 0; top: 0; } .dm-mygzs-index001 .dep-bg02 { right: 0; bottom: 0; } .dm-mygzs-index001 .doc-intro { margin-top: 3rem; } .dm-mygzs-index001 .doc-intro .doc-intro-container { margin-top: 1.9rem; box-sizing: border-box; height: 20.8rem; box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); } .dm-mygzs-index001 .doc-intro .doc-intro-container .doc-img { width: 15rem; height: 100%; overflow: hidden; flex-shrink: 0; } .dm-mygzs-index001 .doc-intro .doc-intro-container .doc-img img { width: 100%; height: 100%; } .dm-mygzs-index001 .doc-intro .doc-intro-container .intro-content { margin-left: 2rem; box-sizing: border-box; padding: 2rem 2rem 0 0; } .dm-mygzs-index001 .doc-intro .doc-intro-container .intro-content h2 { margin-bottom: 1.5rem; } .dm-mygzs-index001 .doc-intro .doc-intro-container .intro-content p { color: #333333; font-size: 16px; line-height: 32px; max-height: 256px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 8; -webkit-box-orient: vertical; display: -webkit-box; } .dm-mygzs-index001 .doc-intro .doc-intro-container .mb-tit { display: none; margin-bottom: 20px; } .dm-mygzs-index001 .doc-intro .doc-intro-container .intro-box { display: flex; height: 100%; width: 100%; } .dm-mygzs-index001 .doc-intro a.doc-more { display: block; width: 10rem; height: 2.5rem; border: 1px solid #61A4B4; text-align: center; line-height: 2.5rem; color: #61A4B4; font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; position: relative; left: 50%; transform: translateX(-50%); margin-top: 3rem; margin-top: 1.5rem; } .dm-mygzs-index001 .doc-intro a.doc-more span { position: absolute; display: block; position: absolute; width: 0.6rem; height: 0.6rem; } .dm-mygzs-index001 .doc-intro a.doc-more span:nth-child(1) { top: 0; left: 0; border-top: 3px solid #61A4B4; border-left: 3px solid #61A4B4; } .dm-mygzs-index001 .doc-intro a.doc-more span:nth-child(2) { top: 0; right: 0; border-top: 3px solid #61A4B4; border-right: 3px solid #61A4B4; } .dm-mygzs-index001 .doc-intro a.doc-more span:nth-child(3) { bottom: 0; left: 0; border-bottom: 3px solid #61A4B4; border-left: 3px solid #61A4B4; } .dm-mygzs-index001 .doc-intro a.doc-more span:nth-child(4) { bottom: 0; right: 0; border-right: 3px solid #61A4B4; border-bottom: 3px solid #61A4B4; } .dm-mygzs-index001 .doc-intro a.doc-more u { font-size: 16px; display: inline-block; transition: all 0.3s; position: relative; line-height: 2.5rem; } .dm-mygzs-index001 .doc-intro a.doc-more i { font-size: 22px; opacity: 0; position: absolute; transition: all 0.3s; transform: translateX(-10px); line-height: 2.5rem; } .dm-mygzs-index001 .doc-intro a.doc-more:hover { border: 1px solid #1D9D9A; color: #1D9D9A; } .dm-mygzs-index001 .doc-intro a.doc-more:hover span:nth-child(1) { border-top-color: #1D9D9A; border-left-color: #1D9D9A; } .dm-mygzs-index001 .doc-intro a.doc-more:hover span:nth-child(2) { border-top-color: #1D9D9A; border-right-color: #1D9D9A; } .dm-mygzs-index001 .doc-intro a.doc-more:hover span:nth-child(3) { border-bottom-color: #1D9D9A; border-left-color: #1D9D9A; } .dm-mygzs-index001 .doc-intro a.doc-more:hover span:nth-child(4) { border-right-color: #1D9D9A; border-bottom-color: #1D9D9A; } .dm-mygzs-index001 .doc-intro a.doc-more:hover u { transform: translateX(-10px); } .dm-mygzs-index001 .doc-intro a.doc-more:hover i { opacity: 1; transform: translateX(2px); } .dm-mygzs-index001 .dep-text01 { margin-top: 3rem; height: 24rem; box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 3rem 2rem 0; position: relative; overflow: hidden; } .dm-mygzs-index001 .dep-text01 > img { position: absolute; top: 0; left: 0; width: 30.05rem; z-index: -1; } .dm-mygzs-index001 .dep-text01 .dep-text01-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .dm-mygzs-index001 .dep-text01 .dep-text01-list li { width: 27rem; padding: 1rem 0; border-bottom: 1px solid #D7D7D7; } .dm-mygzs-index001 .dep-text01 .dep-text01-list li .time { display: inline-block; font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; color: #5898A6; line-height: 16px; margin-bottom: 0.5rem; } .dm-mygzs-index001 .dep-text01 .dep-text01-list li .text-tit { font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; font-size: 18px; line-height: 27px; max-height: 54px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; height: 2.7rem; } .dm-mygzs-index001 .dep-text01 .dep-text01-list li:last-child, .dm-mygzs-index001 .dep-text01 .dep-text01-list li:nth-last-child(2) { border-bottom: none; } .dm-mygzs-index001 .depart-news01 { margin-top: 3rem; } .dm-mygzs-index001 .depart-news01 h2.img-left-tit { font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 32px; line-height: 32px; } .dm-mygzs-index001 .depart-news01 h2.img-left-tit a { color: #555555; } .dm-mygzs-index001 .depart-news01 h2.left-tit { display: none; } .dm-mygzs-index001 .depart-news01 .dep-img-list { margin-top: 1rem; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item { width: 14rem; height: 12.9rem; display: block; margin: 0 0.5rem; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item .dep-img-tit { width: 100%; height: 100%; padding: 1.2rem 1rem; border-bottom: 0.2rem solid rgba(97, 164, 180, 0.5); box-sizing: border-box; position: relative; background-color: #fff; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item .dep-img-tit img { opacity: 0; width: 100%; position: absolute; bottom: 0; right: 0; transform: rotateY(180deg); } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item .dep-img-tit p { color: #555; font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 26px; max-height: 52px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; z-index: 1; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item.hasthumb .dep-img-box { width: 100%; height: 7.9rem; overflow: hidden; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item.hasthumb .dep-img-box img { width: 100%; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item.hasthumb .dep-img-tit { height: 5rem; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item.hasthumb .dep-img-tit img { top: 0; left: 0; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item:hover { box-shadow: 0 0 10px rgba(97, 164, 180, 0.3); } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item:hover .dep-img-tit { background-color: #9BC1CA; border-bottom: none; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item:hover .dep-img-tit p { color: #fff; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item:hover .dep-img-tit img { opacity: 0.5; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .slick-arrow { position: absolute; width: 2rem; height: 2rem; border-radius: 0.2rem; border: 1px solid #61A4B4; color: #61A4B4; background-color: #fff; text-align: center; line-height: 2rem; top: -2.8rem; right: 0; cursor: pointer; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .slick-arrow:hover { color: #fff; background-color: #61A4B4; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .slick-arrow.prev { right: 2.5rem; transform: rotateY(180deg); } .dm-mygzs-index001 .depart-news01 a.img-more { display: block; width: 10rem; height: 2.5rem; border: 1px solid #61A4B4; text-align: center; line-height: 2.5rem; color: #61A4B4; font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; position: relative; left: 50%; transform: translateX(-50%); margin-top: 3rem; margin-top: 1.5rem; } .dm-mygzs-index001 .depart-news01 a.img-more span { position: absolute; display: block; position: absolute; width: 0.6rem; height: 0.6rem; } .dm-mygzs-index001 .depart-news01 a.img-more span:nth-child(1) { top: 0; left: 0; border-top: 3px solid #61A4B4; border-left: 3px solid #61A4B4; } .dm-mygzs-index001 .depart-news01 a.img-more span:nth-child(2) { top: 0; right: 0; border-top: 3px solid #61A4B4; border-right: 3px solid #61A4B4; } .dm-mygzs-index001 .depart-news01 a.img-more span:nth-child(3) { bottom: 0; left: 0; border-bottom: 3px solid #61A4B4; border-left: 3px solid #61A4B4; } .dm-mygzs-index001 .depart-news01 a.img-more span:nth-child(4) { bottom: 0; right: 0; border-right: 3px solid #61A4B4; border-bottom: 3px solid #61A4B4; } .dm-mygzs-index001 .depart-news01 a.img-more u { font-size: 16px; display: inline-block; transition: all 0.3s; position: relative; line-height: 2.5rem; } .dm-mygzs-index001 .depart-news01 a.img-more i { font-size: 22px; opacity: 0; position: absolute; transition: all 0.3s; transform: translateX(-10px); line-height: 2.5rem; } .dm-mygzs-index001 .depart-news01 a.img-more:hover { border: 1px solid #1D9D9A; color: #1D9D9A; } .dm-mygzs-index001 .depart-news01 a.img-more:hover span:nth-child(1) { border-top-color: #1D9D9A; border-left-color: #1D9D9A; } .dm-mygzs-index001 .depart-news01 a.img-more:hover span:nth-child(2) { border-top-color: #1D9D9A; border-right-color: #1D9D9A; } .dm-mygzs-index001 .depart-news01 a.img-more:hover span:nth-child(3) { border-bottom-color: #1D9D9A; border-left-color: #1D9D9A; } .dm-mygzs-index001 .depart-news01 a.img-more:hover span:nth-child(4) { border-right-color: #1D9D9A; border-bottom-color: #1D9D9A; } .dm-mygzs-index001 .depart-news01 a.img-more:hover u { transform: translateX(-10px); } .dm-mygzs-index001 .depart-news01 a.img-more:hover i { opacity: 1; transform: translateX(2px); } .dm-mygzs-index001 .dep-text02 { margin-top: 3rem; } .dm-mygzs-index001 .dep-text02 .dep-text02-list { margin-top: 1.6rem; display: flex; justify-content: space-between; flex-wrap: wrap; } .dm-mygzs-index001 .dep-text02 .dep-text02-list li { width: 29.5rem; height: 5rem; box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.1); overflow: hidden; margin-bottom: 1rem; } .dm-mygzs-index001 .dep-text02 .dep-text02-list li a { display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 0.4rem 1.75rem 0.4rem 0.7rem; position: relative; } .dm-mygzs-index001 .dep-text02 .dep-text02-list li a .time { display: inline-block; font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; color: #5898A6; line-height: 16px; margin-bottom: 0.5rem; z-index: 1; position: relative; } .dm-mygzs-index001 .dep-text02 .dep-text02-list li a p { font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; font-size: 18px; line-height: 27px; max-height: 54px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; z-index: 1; position: relative; } .dm-mygzs-index001 .dep-text02 .dep-text02-list li a img { position: absolute; bottom: 0; right: 0; width: 480px; transform: rotate(180deg); display: none; } .dm-mygzs-index001 .dep-text02 .dep-text02-list li:hover { box-shadow: 0 0 0.75rem rgba(155, 193, 202, 0.5); } .dm-mygzs-index001 .dep-text02 .dep-text02-list li:hover a img { display: block; } .dm-mygzs-index001 .dep-news02 { margin-top: 2rem; } .dm-mygzs-index001 .dep-news02 .dep-news02-list { margin-top: 0.5rem; display: flex; flex-wrap: wrap; margin-right: -1.5rem; } .dm-mygzs-index001 .dep-news02 .dep-news02-list li { width: 19rem; padding: 1rem 0; border-bottom: 1px solid #D7D7D7; margin-right: 1.5rem; } .dm-mygzs-index001 .dep-news02 .dep-news02-list li .news-info { font-size: 0; } .dm-mygzs-index001 .dep-news02 .dep-news02-list li .news-info p { font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; color: #555555; line-height: 24px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; height: 2.4rem; margin-bottom: 0.5rem; } .dm-mygzs-index001 .dep-news02 .dep-news02-list li .news-info .time { display: inline-block; font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; color: #5898A6; line-height: 14px; } .dm-mygzs-index001 .dep-news02 .dep-news02-list li.hasthumb { display: flex; } .dm-mygzs-index001 .dep-news02 .dep-news02-list li.hasthumb .news-img { display: block; width: 6rem; height: 3.6rem; flex-shrink: 0; } .dm-mygzs-index001 .dep-news02 .dep-news02-list li.hasthumb .news-img img { width: 100%; height: 100%; } .dm-mygzs-index001 .dep-news02 .dep-news02-list li.hasthumb .news-info { margin-left: 0.5rem; font-size: 0; } .dm-mygzs-index001 .depart-img { margin-top: 3rem; } .dm-mygzs-index001 .depart-img h2.left-tit { display: none; } .dm-mygzs-index001 .depart-img .depart-img-container { height: 27rem; position: relative; background-color: #F8F5EB; } .dm-mygzs-index001 .depart-img .depart-border { width: 2rem; height: 29.5rem; display: flex; flex-direction: column; align-items: center; position: absolute; top: -1.3rem; } .dm-mygzs-index001 .depart-img .depart-border .border-bar { height: 0.5rem; width: 1.5rem; background-color: #684518; } .dm-mygzs-index001 .depart-img .depart-border .bar-top { border-top-right-radius: 0.2rem; border-top-left-radius: 0.2rem; } .dm-mygzs-index001 .depart-img .depart-border .bar-bottom { border-bottom-left-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .dm-mygzs-index001 .depart-img .depart-border .inner-border { height: 39rem; width: 100%; box-sizing: border-box; padding: 0.8rem 0; background-color: #EAB660; } .dm-mygzs-index001 .depart-img .depart-border .inner-border .border-bg { height: 100%; width: 100%; background-color: #5F929D; } .dm-mygzs-index001 .depart-img .depart-border .inner-border .border-bg .inner-bg { height: 100%; width: 100%; opacity: 0.4; background-image: url("../images/sdzyy/depart_border_bg.png"); } .dm-mygzs-index001 .depart-img .depart-bl { left: -40px; } .dm-mygzs-index001 .depart-img .depart-br { right: -40px; } .dm-mygzs-index001 .depart-img .dep-img-container { width: 100%; height: 100%; padding-top: 3.9rem; position: relative; box-sizing: border-box; } .dm-mygzs-index001 .depart-img .dep-img-container > img { position: absolute; top: 1rem; right: 0; width: 18.05rem; opacity: 0.38; } .dm-mygzs-index001 .depart-img .dep-img-container .img-border { width: 100%; height: 1rem; background-image: url("../images/sdzyy/depart_border_bg.png"); opacity: 0.2; position: absolute; left: 0; } .dm-mygzs-index001 .depart-img .dep-img-container .img-border.top { top: 0; } .dm-mygzs-index001 .depart-img .dep-img-container .img-border.bottom { bottom: 0; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list { margin: 1.75rem 1.05rem 0; height: 13rem; border-bottom: 1px dashed #B8741A; position: relative; z-index: 100; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide { height: 13.6rem; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .dep-img-item { width: 14rem; height: 100%; margin: 0.25rem 0.2rem 0; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .dep-img-item > a { display: block; width: 100%; height: 9.35rem; box-sizing: border-box; padding: 0.5rem; background-color: #fff; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .dep-img-item > a .img-box { height: 100%; width: 100%; overflow: hidden; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .dep-img-item > a img { width: 100%; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .dep-img-item p { font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; color: #555555; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; height: 2rem; margin-top: 0.75rem; text-align: center; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .dep-img-item:after { content: ''; position: absolute; left: 50%; box-sizing: border-box; height: 0.6rem; width: 0.6rem; border: 1px solid #B8741A; background-color: #fff; transform: translateX(-50%); bottom: 0.5rem; border-radius: 50%; transition: all 0.2s; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .dep-img-item:hover:after { height: 1rem; width: 1rem; border: 3px solid #fff; background-color: #B8741A; outline: 1px solid #B8741A; bottom: 0.35rem; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .slick-list, .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .slick-track { height: 100%; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .slick-arrow { position: absolute; cursor: pointer; width: 1rem; height: 1rem; text-align: center; line-height: 1rem; color: #B8741A; border: 1px solid #B8741A; box-sizing: border-box; border-radius: 50%; bottom: 0.1rem; background-color: #F8F5EB; font-size: 12px; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .slick-arrow.prev { left: 0; transform: rotateY(180deg); } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .slick-arrow.next { right: 0; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more { display: block; width: 10rem; height: 2.5rem; border: 1px solid #61A4B4; text-align: center; line-height: 2.5rem; color: #61A4B4; font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; position: relative; left: 50%; transform: translateX(-50%); margin-top: 3rem; margin-top: 1.2rem; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more span { position: absolute; display: block; position: absolute; width: 0.6rem; height: 0.6rem; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more span:nth-child(1) { top: 0; left: 0; border-top: 3px solid #61A4B4; border-left: 3px solid #61A4B4; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more span:nth-child(2) { top: 0; right: 0; border-top: 3px solid #61A4B4; border-right: 3px solid #61A4B4; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more span:nth-child(3) { bottom: 0; left: 0; border-bottom: 3px solid #61A4B4; border-left: 3px solid #61A4B4; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more span:nth-child(4) { bottom: 0; right: 0; border-right: 3px solid #61A4B4; border-bottom: 3px solid #61A4B4; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more u { font-size: 16px; display: inline-block; transition: all 0.3s; position: relative; line-height: 2.5rem; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more i { font-size: 22px; opacity: 0; position: absolute; transition: all 0.3s; transform: translateX(-10px); line-height: 2.5rem; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more:hover { border: 1px solid #1D9D9A; color: #1D9D9A; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more:hover span:nth-child(1) { border-top-color: #1D9D9A; border-left-color: #1D9D9A; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more:hover span:nth-child(2) { border-top-color: #1D9D9A; border-right-color: #1D9D9A; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more:hover span:nth-child(3) { border-bottom-color: #1D9D9A; border-left-color: #1D9D9A; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more:hover span:nth-child(4) { border-right-color: #1D9D9A; border-bottom-color: #1D9D9A; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more:hover u { transform: translateX(-10px); } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more:hover i { opacity: 1; transform: translateX(2px); } @media (max-width: 1200px) { h2.left-tit a.news-type { font-size: 28px; } h2.left-tit a.more span { font-size: 14px; } .dm-index001 .depart-intro .inner-dep-intro .dep-intro .dep-intro-content { line-height: 32px; max-height: 224px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 7; -webkit-box-orient: vertical; display: -webkit-box; } h2.center-tit { font-size: 28px; } .dm-index001 .depart-doc .doc-list .doc-slide .doc-item .doc-name { font-size: 14px; line-height: 14px; } .dm-index001 .depart-doc .doc-list .doc-slide .doc-item .doc-protit, .dm-index001 .depart-doc .doc-list .doc-slide .doc-item .doc-position { font-size: 12px; } .dm-index001 .depart-dynamic .dep-dynamic-list li .time { font-size: 12px; line-height: 12px; } .dm-index001 .depart-dynamic .dep-dynamic-list li .dynamic-tit { font-size: 16px; line-height: 24px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .dm-index001 .depart-img h2 { font-size: 28px; line-height: 28px; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item .dep-img-tit p { font-size: 12px; line-height: 18px; max-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .dm-index001 .article-list ul li .article-info p { font-size: 14px; line-height: 21px; max-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .dm-index001 .article-list ul li .article-info .time { font-size: 12px; line-height: 12px; } .dm-mygzs-index001 .doc-intro .doc-intro-container .intro-content p { font-size: 14px; line-height: 21px; max-height: 189px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 9; -webkit-box-orient: vertical; display: -webkit-box; } h2.left-tit-tab .news-type { font-size: 28px; } .dm-mygzs-index001 .dep-text .dep-text-list ul li .time, .dm-mygzs-index001 .dep-news .dep-news-list ul li .article-info .time { font-size: 12px; line-height: 12px; } .dm-mygzs-index001 .dep-text .dep-text-list ul li .text-tit, .dm-mygzs-index001 .dep-news .dep-news-list ul li .article-info p { font-size: 14px; line-height: 21px; max-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .dm-mygzs-index001 .depart-news01 h2 { font-size: 28px; line-height: 28px; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item .dep-img-tit p { font-size: 12px; line-height: 18px; max-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .dm-mygzs-index001 .dep-text01 .dep-text01-list li .time, .dm-mygzs-index001 .dep-text02 .dep-text02-list li a .time { font-size: 12px; line-height: 12px; } .dm-mygzs-index001 .dep-text01 .dep-text01-list li .text-tit { font-size: 16px; line-height: 24px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .dm-mygzs-index001 .dep-text02 .dep-text02-list li a p { font-size: 16px; line-height: 21px; max-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .dep-img-item p { font-size: 14px; } .dm-mygzs-index001 .dep-news02 .dep-news02-list li .news-info p { font-size: 14px; line-height: 21px; max-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .dm-mygzs-index001 .dep-news02 .dep-news02-list li .news-info .time { font-size: 12px; line-height: 12px; } } @media (max-width: 960px) { .dm-index001 .depart-intro .inner-dep-intro { flex-wrap: wrap; } .dm-index001 .depart-intro .inner-dep-intro .depart-img-slide { width: 100%; height: auto; margin-bottom: 10px; } .dm-index001 .depart-intro { padding: 60px 0 30px; } .dm-index001 .depart-intro .inner-dep-intro .dep-intro { width: 100%; } .dep-intro h2.left-tit { position: absolute; top: -40px; width: 100%; } h2.left-tit a.news-type { font-size: 20px; } h2.left-tit a.more { width: 78px; height: 26px; } h2.left-tit a.more span { font-size: 12px; } h2.left-tit a.more:hover { background-color: transparent; border-color: #D7D7D7; color: #555; } h2.left-tit a.more:hover span { transform: none; } h2.left-tit a.more:hover i { opacity: 0; transform: translateX(-10px); } .dm-index001 .depart-intro .inner-dep-intro .dep-intro .dep-intro-content { margin-top: 10px; line-height: 32px; max-height: 320px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 10; -webkit-box-orient: vertical; display: -webkit-box; } .dm-index001 .depart-doc { margin-top: 30px; } .dm-index001 .depart-doc h2.center-tit, .dm-index001 .depart-doc a.doc-more, .dm-index001 .depart-doc .doc-list .doc-slide .slick-arrow { display: none !important; } .dm-index001 .depart-doc h2.left-tit { display: flex; } .dm-index001 .depart-doc .doc-list { margin-top: 15px; } .dm-index001 .depart-doc .doc-list .mobile-doc-slide { display: block; } .dm-index001 .depart-doc .doc-list .pc-doc-slide { display: none; } .dm-index001 .depart-doc .doc-list .doc-slide .doc-item .doc-img { width: 60%; height: auto; } .dm-index001 .depart-doc .doc-list .doc-slide .doc-item .icon { font-size: 14px; line-height: 14px; } .dm-index001 .depart-doc .doc-list .doc-slide .doc-item { width: 26vw !important; height: 43vw; padding-bottom: 10px; margin: 5px 14px; } .dm-index001 .depart-doc .doc-list .doc-slide .doc-item:hover { border: none; } .dm-index001 .depart-doc .doc-list .doc-slide .doc-item:hover .doc-name { color: #333; } .dm-index001 .depart-doc .doc-list .doc-slide, .dm-index001 .depart-doc .doc-list .doc-slide .slick-list, .dm-index001 .depart-doc .doc-list .doc-slide .slick-track { height: 92vw; } .dm-index001 .depart-doc .doc-list .doc-slide .doc-item .doc-position { display: none; } .dm-index001 .depart-doc .doc-list .doc-slide .doc-slide-item { width: 100%; display: flex; flex-wrap: wrap; } .dm-index001 .depart-dynamic { padding: 20px 10px; height: 680px; margin-top: 30px; } .dm-index001 .depart-dynamic .dep-dynamic-list { margin-top: 10px; } .dm-index001 .depart-dynamic .dep-dynamic-list li { padding: 10px 0; border-bottom: none; width: 100%; font-size: 0; } .dm-index001 .depart-img h2.img-left-tit, .dm-index001 .depart-img a.img-more { display: none; } .dm-index001 .depart-img h2.left-tit { display: flex; } .dm-index001 .depart-img { margin-top: 30px; } .dm-index001 .depart-img .dep-img-list { margin-top: 20px; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .slick-arrow { width: 30px; height: 30px; bottom: -40px; right: 50%; top: auto; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .slick-arrow.prev { right: 50%; transform: translateX(-20px); } .dm-index001 .depart-img .dep-img-list .dep-img-slide .slick-arrow.next { transform: translateX(20px); } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item { height: auto; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item .dep-img-tit { height: 58px; padding: 10px 10px 0; border-bottom: 3px solid rgba(97, 164, 180, 0.5); } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item:hover .dep-img-tit { background-color: #fff; border-bottom: 2px solid rgba(97, 164, 180, 0.5); } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item:hover .dep-img-tit p { color: #555; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item:hover .dep-img-tit img { opacity: 0; } .dm-index001 .depart-img .dep-img-list .dep-img-slide .dep-img-item .dep-img-box { height: auto; } .dm-index001 .article-list ul { margin-right: 0; } .dm-index001 .article-list ul li { width: 100%; padding: 16px 0; margin-right: 0; } .dm-index001 .article-list ul li.hasthumb .article-img { width: 106px; height: 64px; } .dm-mygzs-index001 .doc-intro h2.center-tit, .dm-mygzs-index001 .doc-intro a.doc-more { display: none; } .dm-mygzs-index001 .doc-intro h2.left-tit.mb-tit { display: flex; } .dm-mygzs-index001 .doc-intro h2.left-tit.pc-tit { position: absolute; top: 17px; width: calc(100vw - 40px); left: 10px; display: none; } .dm-mygzs-index001 .doc-intro { margin-top: 20px; } .dm-mygzs-index001 .doc-intro .doc-intro-container { padding: 20px 10px 20px; height: 200px; box-sizing: border-box; position: relative; } .dm-mygzs-index001 .doc-intro .doc-intro-container .intro-content { margin-left: 10px; padding: 0; } .dm-mygzs-index001 .doc-intro .doc-intro-container .doc-img { width: 86px; height: 120px; } .dm-mygzs-index001 .doc-intro .doc-intro-container .intro-content p { font-size: 12px; line-height: 24px; max-height: 120px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; } .dm-mygzs-index001 .dep-text { margin-top: 33px; } h2.left-tit-tab .news-type { font-size: 20px; } .dm-mygzs-index001 .dep-text .dep-text-list ul { margin-right: 0; } .dm-mygzs-index001 .dep-text .dep-text-list ul li { width: 100%; margin-right: 0; } .dm-mygzs-index001 .dep-news .dep-news-list ul li.hasthumb .article-img { width: 106px; height: 64px; } .dm-mygzs-index001 .dep-news .dep-news-list ul { margin-right: 0; } .dm-mygzs-index001 .dep-news .dep-news-list ul li { width: 100%; margin-right: 0; } .dm-mygzs-index001 .depart-news01 { margin-top: 30px; } .dm-mygzs-index001 .depart-news01 .dep-img-list { margin-top: 20px; } .dm-mygzs-index001 .depart-news01 h2.img-left-tit, .dm-mygzs-index001 .depart-news01 a.img-more { display: none; } .dm-mygzs-index001 .depart-news01 h2.left-tit { display: flex; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .slick-arrow { width: 30px; height: 30px; bottom: -40px; right: 50%; top: auto; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .slick-arrow.prev { right: 50%; margin-right: 5px; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .slick-arrow.next { transform: translateX(37px); } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item { height: 42.5vw; margin: 0 2px; width: 45.8vw; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item.hasthumb .dep-img-tit { height: 16.94vw; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item .dep-img-tit { padding: 10px 10px 0; border-bottom: 3px solid rgba(97, 164, 180, 0.5); background-color: #fff; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item .dep-img-tit img { opacity: 0; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item .dep-img-tit p { color: #333333; line-height: 18px; max-height: 72px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item:hover .dep-img-tit { border-bottom: 3px solid rgba(97, 164, 180, 0.5); background-color: #fff; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item:hover .dep-img-tit img { opacity: 0; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item:hover .dep-img-tit p { color: #333333; } .dm-mygzs-index001 .depart-news01 .dep-img-list .dep-img-slide .dep-img-item.hasthumb .dep-img-box { height: 25.5vw; } .dm-mygzs-index001 .dep-text01 { padding: 20px 10px; margin-top: 30px; } .dm-mygzs-index001 .dep-text01 .dep-text01-list { margin-top: 10px; } .dm-mygzs-index001 .dep-text01 .dep-text01-list li { padding: 10px 0; border-bottom: none; width: 100%; font-size: 0; } .dm-mygzs-index001 .dep-text01 { height: 680px; } .dm-mygzs-index001 .dep-text01 .dep-text01-list li .text-tit { height: 54px; font-size: 16px; line-height: 27px; max-height: 54px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .dm-mygzs-index001 .dep-text02 { margin-top: 30px; } .dm-mygzs-index001 .dep-text02 .dep-text02-list { margin-top: 20px; } .dm-mygzs-index001 .dep-text02 .dep-text02-list li { height: 58px; width: 100%; } .dm-mygzs-index001 .dep-text02 .dep-text02-list li a { padding: 6px 5px; } .dm-mygzs-index001 .dep-text02 .dep-text02-list li a .time { margin-bottom: 2px; } .dm-mygzs-index001 .dep-text02 .dep-text02-list li a p { font-size: 12px; line-height: 18px; max-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .dm-mygzs-index001 .dep-text02 .dep-text02-list li:hover { box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.1); } .dm-mygzs-index001 .dep-text02 .dep-text02-list li:hover a img { display: none; } .dm-mygzs-index001 .dep-news02 { margin-top: 70px; } .dm-mygzs-index001 .dep-news02 .dep-news02-list { margin-right: 0; margin-top: 0; } .dm-mygzs-index001 .dep-news02 .dep-news02-list li { width: 100%; margin-right: 0; padding: 21px 0; } .dm-mygzs-index001 .dep-news02 .dep-news02-list li.hasthumb .news-img { width: 106px; height: 64px; } .dm-mygzs-index001 .dep-news02 .dep-news02-list li.hasthumb .news-info { margin-left: 5px; } .dm-mygzs-index001 .dep-news02 .dep-news02-list li .news-info p { margin-bottom: 10px; } .dm-mygzs-index001 .depart-img { margin-top: 30px; } .dm-mygzs-index001 .depart-img .depart-border { width: 11px; height: calc(100% + 14px); } .dm-mygzs-index001 .depart-img .depart-border .border-bar { width: 9px; height: 3px; } .dm-mygzs-index001 .depart-img .depart-border .inner-border { width: 11px; padding: 5px 0; } .dm-mygzs-index001 .depart-img .depart-br { right: -10px; } .dm-mygzs-index001 .depart-img .depart-bl { left: -10px; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .dep-img-item:after { display: none; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list { border-bottom: none; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .dep-img-item p { height: 36px; font-size: 12px; line-height: 18px; max-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin-top: 10px; } .dm-mygzs-index001 .depart-img h2.left-tit { display: flex; } .dm-mygzs-index001 .depart-img h2.center-tit { display: none; } .dm-mygzs-index001 .depart-img .dep-img-container { padding-top: 20px; margin-top: 20px; padding-bottom: 20px; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide { margin-bottom: 0; } .dm-mygzs-index001 .depart-img .depart-img-container { height: auto; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .dep-img-item > a { padding: 3px; height: auto; } .dm-mygzs-index001 .depart-img .depart-border { top: -7px; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list { margin: 0 10px; } .dm-mygzs-index001 .depart-img .dep-img-container .img-border { height: 6px; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide, .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list { height: auto; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .slick-arrow { left: 50%; bottom: -70px; position: absolute; width: 30px; height: 30px; border-radius: 4px; border: 1px solid #61A4B4; color: #61A4B4; background-color: #fff; text-align: center; line-height: 30px; cursor: pointer; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .slick-arrow.prev { left: 50%; margin-left: -35px; } .dm-mygzs-index001 .depart-img .dep-img-container .dep-img-list .dep-pic-slide .slick-arrow.next { margin-left: 5px; } .dm-mygzs-index001 .depart-img .dep-img-container a.img-more { display: none; } .dm-mygzs-index001 .depart-img .dep-img-container > img { width: 102px; } .dm-mygzs-index001 .doc-intro .doc-intro-container, .dm-mygzs-index001 .dep-text01, .dm-mygzs-index001 .depart-news01, .dm-mygzs-index001 .dep-text02, .dm-mygzs-index001 .dep-news02, .dm-mygzs-index001 .depart-img { margin-left: 10px; margin-right: 10px; } } .dm-index002 { background-color: #FFFAF6; position: relative; } .dm-index002 > img { position: absolute; right: 0; bottom: 0; opacity: 0.2; max-width: 50%; } .dm-index002 h1.left-tit-more a.tit { font-size: 1.6rem; } .dm-index002 h1.left-tit-more a.more span { color: #555555; } .dm-index002 .depart-intro { background-color: #1D9D9A; padding-top: 2rem; padding-bottom: 4rem; position: relative; background-image: url(../images/xndyyljt/depart/dep_intro_bg.jpg); background-repeat: repeat; } .dm-index002 .depart-intro > img { position: absolute; bottom: 0; opacity: 0.4; } .dm-index002 .depart-intro > img.left { left: 0; } .dm-index002 .depart-intro > img.right { right: 0; } .dm-index002 .depart-intro .inner-layout .path-tit { position: relative; } .dm-index002 .depart-intro .inner-layout .path-tit .dep-path { font-size: 0.7rem; line-height: 1; } .dm-index002 .depart-intro .inner-layout .path-tit .dep-path a, .dm-index002 .depart-intro .inner-layout .path-tit .dep-path span { color: #fff; } .dm-index002 .depart-intro .inner-layout .path-tit .tit { text-align: center; height: 6rem; display: flex; flex-direction: column; justify-content: center; } .dm-index002 .depart-intro .inner-layout .path-tit .tit h1 { font-size: 1.6rem; font-weight: normal; line-height: 1; color: #fff; } .dm-index002 .depart-intro .inner-layout .path-tit .tit .sub-tit { font-size: 0.8rem; color: rgba(255, 255, 255, 0.8); margin-top: 1rem; line-height: 1; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro h2.left-tit-line { display: flex; align-items: center; font-weight: normal; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro h2.left-tit-line a.tit { font-size: 1.2rem; line-height: 1; color: #fff; margin-right: 1rem; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro h2.left-tit-line .line { flex: 1; height: 1px; background-color: rgba(255, 255, 255, 0.5); position: relative; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro h2.left-tit-line .line:before, .dm-index002 .depart-intro .inner-layout .inner-dep-intro h2.left-tit-line .line:after { content: ""; display: block; background-color: rgba(255, 255, 255, 0.5); position: absolute; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro h2.left-tit-line .line::before { width: 0.5rem; height: 0.5rem; border-radius: 50%; left: -0.5rem; top: 50%; margin-top: -0.25rem; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro h2.left-tit-line .line:after { width: 3.5rem; height: 0.2rem; right: 0; bottom: 0; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box { display: flex; justify-content: space-between; z-index: 1; position: relative; margin-top: 1.5rem; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .depart-img-slide { width: 29rem; height: 16.5rem; background-color: #424242; margin-right: 2rem; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .depart-img-slide .img-box { width: 100%; height: 100%; display: block; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .depart-img-slide .img-box img { width: 100%; height: 100%; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .depart-img-slide .slick-dots { bottom: 0.6rem; text-align: right; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .depart-img-slide .slick-dots li { width: 3.2rem; height: 0.4rem; background-color: #D7D7D7; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .depart-img-slide .slick-dots li.slick-active { background-color: #61A4B4; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .depart-img-slide .slick-dots li button { display: none; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box div.img-box { width: 29rem; height: 16.5rem; background-color: #424242; margin-right: 2rem; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box div.img-box img { width: 100%; height: 100%; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro { width: 29rem; flex: 1; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro .center-tit { display: none; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro.hasthumb .dep-intro-content { line-height: 32px; max-height: 256px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 8; -webkit-box-orient: vertical; display: -webkit-box; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro .dep-intro-content { font-size: 0.8rem; color: #fff; line-height: 32px; max-height: 128px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; margin-bottom: 1.5rem; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro a.more { width: 6.7rem; height: 2rem; border-radius: 5px; background-color: #B0CE3A; display: flex; justify-content: center; align-items: center; transition: all 0.5s; overflow: hidden; position: relative; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro a.more:before { content: ""; position: absolute; width: 6.7rem; height: 6.7rem; border-radius: 50% 50% 0px 0px; left: 0; top: 100%; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); background-color: #328484; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro a.more span { font-size: 0.8rem; line-height: 1; color: #fff; transition: all 0.5s; z-index: 11; transform: translateX(-0.75rem); } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro a.more i { font-size: 1rem; line-height: 1; color: #fff; transition: all 0.5s; position: absolute; top: 0.5rem; right: 1rem; } @media (any-hover: hover) { .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro a.more:hover:before { top: -2.35rem; transform: scale(1.2); } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro a.more:hover span { transform: translateX(0); } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro a.more:hover i { color: rgba(255, 255, 255, 0.2); transform: scale(2.1); right: 0.55rem; } } .dm-index002 .depart-doc { padding-top: 3rem; padding-bottom: 4rem; } .dm-index002 .depart-doc .inner-depart-doc { height: 27.3rem; border-bottom: 1px solid #1D9D9A; } .dm-index002 .depart-doc .inner-layout .doc-list { margin-top: 1.5rem; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider { margin-bottom: 2.2rem; margin: 0 -0.6rem; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box { position: relative; width: 14.1rem; height: 24.7rem; margin: 0 0.6rem; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box .doc-item { width: 100%; display: flex; flex-direction: column; align-items: center; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box .doc-item a.img { display: block; width: 100%; height: 19rem; overflow: hidden; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box .doc-item a.img img { width: 100%; height: 100%; transition: all 0.5s; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box .doc-item a.img:hover img { transform: scale(1.1); } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box .doc-item .name { font-weight: normal; font-size: 1.2rem; line-height: 1; margin-top: 1rem; margin-bottom: 0.5rem; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box .doc-item .name a { color: #333; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box .doc-item .name:hover a { color: #1D9D9A; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box .doc-item .protit { font-size: 0.8rem; line-height: 1; color: #999999; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box .doc-item:after { content: ""; display: block; box-sizing: border-box; width: 1rem; height: 1rem; border-radius: 50%; border: 1px solid #1D9D9A; background-color: #FFFAF6; position: absolute; left: 50%; margin-left: -0.5rem; bottom: 0; box-sizing: border-box; transition: background-color 0.3s; outline: none; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box .doc-item:hover:after { background-color: #1D9D9A; border: 3px solid #FFFAF6; outline: 1px solid #1D9D9A; bottom: 1px; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .slick-arrow { width: 2rem; height: 2rem; border-radius: 50%; background-color: #1D9D9A; color: #fff; line-height: 2rem; text-align: center; position: absolute; bottom: -0.5rem; cursor: pointer; z-index: 1; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .slick-arrow.prev { left: 0.6rem; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .slick-arrow.next { right: 0.6rem; } .dm-index002 .depart-news { padding-bottom: 5rem; } .dm-index002 .depart-news .inner-layout { position: relative; z-index: 1; } .dm-index002 .depart-news .inner-layout .news-list { display: flex; justify-content: center; margin-top: 1.5rem; } .dm-index002 .depart-news .inner-layout .news-list .news-item { display: block; width: 20rem; height: 20rem; box-sizing: border-box; padding: 1rem; background-color: #fff; border: 1px dashed #D7D7D7; } .dm-index002 .depart-news .inner-layout .news-list .news-item .img { overflow: hidden; width: 100%; height: 10.2rem; } .dm-index002 .depart-news .inner-layout .news-list .news-item .img img { width: 100%; height: 100%; transition: all 0.5s; } .dm-index002 .depart-news .inner-layout .news-list .news-item .img.noimg { background-color: #1D9D9A; display: flex; justify-content: center; align-items: center; } .dm-index002 .depart-news .inner-layout .news-list .news-item .img.noimg h2 { font-weight: normal; font-size: 1.2rem; color: rgba(255, 255, 255, 0.5); } .dm-index002 .depart-news .inner-layout .news-list .news-item p { font-size: 0.9rem; line-height: 27px; max-height: 54px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin-top: 1rem; color: #333; height: 2.7rem; margin-bottom: 2.2rem; } .dm-index002 .depart-news .inner-layout .news-list .news-item span { font-size: 0.9rem; line-height: 1; color: #1D9D9A; display: inline-block; } .dm-index002 .depart-news .inner-layout .news-list .news-item:hover .img img { transform: scale(1.1); } .dm-index002 .depart-news .inner-layout .news-list .news-item:hover p { color: #1D9D9A; } .dm-index002 .depart-honor .inner-layout .honor-list { display: flex; justify-content: center; margin-top: 1.5rem; } .dm-index002 .depart-honor .inner-layout .honor-list .honor-item-box { width: 20rem; } .dm-index002 .depart-honor .inner-layout .honor-list .honor-item { box-sizing: border-box; border: 1px solid #D7D7D7; height: 12.5rem; padding: 0.5rem; display: block; } .dm-index002 .depart-honor .inner-layout .honor-list .honor-item .img { width: 100%; height: 100%; overflow: hidden; } .dm-index002 .depart-honor .inner-layout .honor-list .honor-item .img img { width: 100%; height: 100%; transition: all 0.3s; } .dm-index002 .depart-honor .inner-layout .honor-list .honor-item:hover { border-color: #1D9D9A; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .dm-index002 .depart-honor .inner-layout .honor-list .honor-item:hover .img img { transform: scale(1.1); } .dm-index002 .depart-honor .inner-layout .honor-list a.tit { margin-top: 1rem; font-size: 0.9rem; line-height: 0.9rem; max-height: 0.9rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; text-align: center; } .dm-index002 .depart-honor .inner-layout .honor-list a.tit:hover { color: #1D9D9A; } @media (max-width: 1200px) { .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro.hasthumb .dep-intro-content { line-height: 32px; max-height: 192px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; } .dm-index002 .depart-news .inner-layout .news-list .news-item p { font-size: 16px; line-height: 24px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; height: 48px; margin-bottom: 30px; } } @media (max-width: 960px) { .dm-index002 h1.left-tit-more a.tit { font-size: 18px; } .dm-index002 h1.left-tit-more a.more span { font-size: 12px; } .dm-index002 .depart-intro { padding-bottom: 40px; padding-top: 20px; } .dm-index002 .depart-intro > img.right { display: none; } .dm-index002 .depart-intro .inner-layout { margin: 0 20px; } .dm-index002 .depart-intro .inner-layout .path-tit { height: auto; display: block; overflow: hidden; } .dm-index002 .depart-intro .inner-layout .path-tit .dep-path { font-size: 12px; } .dm-index002 .depart-intro .inner-layout .path-tit .tit { height: auto; padding: 40px 0; } .dm-index002 .depart-intro .inner-layout .path-tit .tit h1 { font-size: 20px; } .dm-index002 .depart-intro .inner-layout .path-tit .tit .sub-tit { margin-top: 12px; font-size: 12px; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro h2.left-tit-line { display: none; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box { flex-wrap: wrap; margin-top: 0; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box div.img-box { width: 100%; margin-right: 0; height: 68vw; margin-bottom: 20px; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro { width: 100%; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro h2.center-tit { display: block; font-size: 18px; margin-bottom: 20px; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro h2.center-tit a { color: #fff; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro .dep-intro-content { font-size: 14px; line-height: 21px; max-height: 189px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 9; -webkit-box-orient: vertical; display: -webkit-box; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro.hasthumb .dep-intro-content { font-size: 14px; line-height: 21px; max-height: 189px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 9; -webkit-box-orient: vertical; display: -webkit-box; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro a.more { width: 104px; height: 32px; margin: 20px auto 0; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro a.more i { top: 8px; right: 10px; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro a.more:before { width: 104px; height: 104px; } } @media (max-width: 960px) and (any-hover: hover) { .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro a.more:hover:before { top: -36px; } .dm-index002 .depart-intro .inner-layout .inner-dep-intro .dep-intro-box .dep-intro a.more:hover i { transform: scale(1.6); right: 6px; } } @media (max-width: 960px) { .dm-index002 .depart-doc { padding-top: 40px; padding-bottom: 52px; } .dm-index002 .depart-doc .inner-depart-doc { height: calc(60vw + 123px); } .dm-index002 .depart-doc .inner-layout { margin: 0 20px; } .dm-index002 .depart-doc .inner-layout .doc-list { margin-top: 20px; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box { height: calc(60vw + 93px); } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box .doc-item a.img { height: 60vw; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box .doc-item .name { font-size: 16px; margin-top: 8px; margin-bottom: 8px; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .doc-box .doc-item .protit { display: flex; flex-wrap: wrap; justify-content: center; font-size: 12px; line-height: 18px; } .dm-index002 .depart-doc .inner-layout .doc-list .doc-slider .slick-arrow { width: 24px; height: 24px; line-height: 24px; bottom: -5px; } .dm-index002 .depart-news .inner-layout { margin: 0 20px; } .dm-index002 .depart-news .inner-layout .news-list { flex-wrap: wrap; margin-top: 20px; } .dm-index002 .depart-news .inner-layout .news-list .news-item { width: 100%; height: auto; padding: 10px; } .dm-index002 .depart-news .inner-layout .news-list .news-item .img { height: 49vw; } .dm-index002 .depart-news .inner-layout .news-list .news-item p { margin-bottom: 10px; line-height: 24px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; height: 48px; margin-top: 10px; } .dm-index002 .depart-news .inner-layout .news-list .news-item span { font-size: 16px; line-height: 14px; } } .dm-doctor-list .inner-layout { display: flex; flex-wrap: wrap; justify-content: center; } .dm-doctor-list .dm-doc-item { height: 17.5rem; width: 11.2rem; background-color: #fff; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 2rem 2rem 0 2rem; margin: 0.5rem 0.4rem; } .dm-doctor-list .dm-doc-item .doc-item-info a { display: flex; width: 7.2rem; flex-direction: column; align-items: center; } .dm-doctor-list .dm-doc-item .doc-item-info a img { height: 10rem; width: 7.2rem; } .dm-doctor-list .dm-doc-item .doc-item-info a p.name { font-size: 0.9rem; margin-top: 0.5rem; line-height: 1.6rem; } .dm-doctor-list .dm-doc-item .doc-item-info a span.protit { font-size: 0.7rem; margin-bottom: 0.5rem; } .dm-doctor-list .dm-doc-item span.level-list { display: flex; flex-wrap: wrap; justify-content: center; } .dm-doctor-list .dm-doc-item span.level-list u { font-size: 0.6rem; color: #aaa; line-height: 0.7rem; } .dm-doctor-list .dm-doc-item span.level-list u + u:before { content: '/'; font-size: 0.6rem; color: #aaa; } @media (max-width: 960px) { .dm-doctor-list .dm-doc-item { width: 30vw; height: 46vw; padding: 4vw 0 0; min-height: 166px; min-width: 114px; } .dm-doctor-list .dm-doc-item .doc-item-info a { width: 14vw; min-width: 50px; margin: 0 auto; } .dm-doctor-list .dm-doc-item .doc-item-info a img { height: 20vw; width: 14vw; min-width: 50px; min-height: 70px; } } /*# sourceMappingURL=department.css.map */