@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; } } .header-001 { width: 100%; background-color: #fff; } .header-001 .header-wrap .top-nav { background-color: #328484; padding: 5px 0; } .header-001 .header-wrap .top-nav .layout .link { display: flex; justify-content: flex-end; align-items: center; } .header-001 .header-wrap .top-nav .layout .link a { display: flex; justify-content: flex-end; align-items: center; color: #fff; } .header-001 .header-wrap .top-nav .layout .link a:hover { color: #cfb36d; } .header-001 .header-wrap .top-nav .layout .link a i { margin-right: 5px; } .header-001 .header-wrap .top-nav .layout .link a span { font-size: 0.8rem; } .header-001 .header-wrap .top-nav .layout .link a + a { margin-left: 1rem; } .header-001 .header-wrap .logo-row { padding-top: 1.2rem; display: flex; justify-content: space-between; align-items: center; } .header-001 .header-wrap .logo-row .first-link a { display: flex; align-items: center; padding: 0 0.6rem; border-radius: 1000px; height: 1.25rem; line-height: 1.25rem; text-align: center; border: 1px solid; font-size: 0.8rem; border-color: #91C341; color: #91C341; position: relative; overflow: hidden; } .header-001 .header-wrap .logo-row .first-link a:before { content: ""; position: absolute; width: 100%; height: 6.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: #91C341; } .header-001 .header-wrap .logo-row .first-link a i { margin-right: 0.5rem; } .header-001 .header-wrap .logo-row .first-link a span, .header-001 .header-wrap .logo-row .first-link a i { position: relative; z-index: 1; } .header-001 .header-wrap .logo-row .first-link a + a { border-color: #328484; color: #328484; margin-top: 0.5rem; } .header-001 .header-wrap .logo-row .first-link a + a:before { background-color: #328484; } @media (any-hover: hover) { .header-001 .header-wrap .logo-row .first-link a:hover { color: #fff; } .header-001 .header-wrap .logo-row .first-link a:hover:before { top: -2.65rem; -webkit-transform: scale(1.2); } } .header-001 .header-wrap .logo-row a.logo { display: block; height: 3rem; } .header-001 .header-wrap .logo-row a.logo img { height: 100%; } .header-001 .header-wrap .logo-row .link-search { display: flex; align-items: center; } .header-001 .header-wrap .logo-row .link-search .link { margin: 0 0.5rem; } .header-001 .header-wrap .logo-row .link-search .link a { display: block; padding: 0 0.6rem; border-radius: 1000px; height: 1.25rem; line-height: 1.25rem; text-align: center; border: 1px solid; font-size: 0.8rem; border-color: #CA5151; color: #CA5151; position: relative; overflow: hidden; } .header-001 .header-wrap .logo-row .link-search .link a:before { content: ""; position: absolute; width: 100%; height: 6.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: #CA5151; } .header-001 .header-wrap .logo-row .link-search .link a span { position: relative; z-index: 1; } .header-001 .header-wrap .logo-row .link-search .link a + a { margin-top: 0.5rem; border-color: #328484; color: #328484; } .header-001 .header-wrap .logo-row .link-search .link a + a:before { background-color: #328484; } @media (any-hover: hover) { .header-001 .header-wrap .logo-row .link-search .link a:hover { color: #fff; } .header-001 .header-wrap .logo-row .link-search .link a:hover:before { top: -2.65rem; -webkit-transform: scale(1.2); } } .header-001 .header-wrap .logo-row .link-search .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 #328484; position: relative; } .header-001 .header-wrap .logo-row .link-search .search-btn i { color: #1D9D9A; position: relative; z-index: 1; font-size: 1.2rem; } .header-001 .header-wrap .logo-row .link-search .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; } @media (any-hover: hover) { .header-001 .header-wrap .logo-row .link-search .search-btn:hover { border: none; } .header-001 .header-wrap .logo-row .link-search .search-btn:hover:before { top: 0; -webkit-transform: scale(1.2); } .header-001 .header-wrap .logo-row .link-search .search-btn:hover i { color: #fff; } } .header-001 .header-wrap .logo-row .link-search .mobile-nav { display: none; } .header-001 .header-wrap .logo-row .link-search .mobile-nav a { display: block; } .header-001 .header-wrap .logo-row .link-search .mobile-nav a i { font-size: 30px; color: #1D9D9A; position: relative; right: -6px; } .header-001 .header-wrap .nav { width: 100%; } .header-001 .header-wrap .nav .nav-ul { display: flex; justify-content: space-between; margin: 0 -1.25rem 0 -1.5rem; } .header-001 .header-wrap .nav .nav-ul > li { font-size: 0.9rem; position: relative; line-height: 3.3rem; flex: 1; text-align: center; } .header-001 .header-wrap .nav .nav-ul > li > a { color: #333333; position: relative; } .header-001 .header-wrap .nav .nav-ul > li > a:after { content: ''; display: block; position: absolute; bottom: -0.25rem; left: 50%; height: 0.1rem; width: 0; background-color: #ECB21D; transition: all 0.3s; border-radius: 4px; } .header-001 .header-wrap .nav .nav-ul > li.cur > a { font-weight: bold; } .header-001 .header-wrap .nav .nav-ul > li.cur > a:after { width: 100%; left: 0; } .header-001 .header-wrap .nav .nav-ul > li > a:hover:after { width: 100%; left: 0; } .header-001 .header-wrap .search { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(29, 157, 154, 0.95); z-index: 2000; } .header-001 .header-wrap .search form { position: relative; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .header-001 .header-wrap .search form .turn-down-search { position: absolute; right: 5rem; top: 5rem; } .header-001 .header-wrap .search form .turn-down-search i { color: #fff; font-size: 46px; } .header-001 .header-wrap .search form h2 { font-size: 1.6rem; color: #fff; font-weight: normal; margin-bottom: 2rem; } .header-001 .header-wrap .search form .change-wrap { width: 40rem; height: 3.2rem; display: flex; } .header-001 .header-wrap .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; } .header-001 .header-wrap .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; } .header-001 .header-wrap .search form .change-wrap button i { color: #1D9D9A; font-size: 34px; } .header-001 .header-wrap .search form .hot-search { display: flex; align-items: center; margin-top: 1.5rem; justify-content: center; } .header-001 .header-wrap .search form .hot-search span { font-size: 0.7rem; color: #ffffff; } .header-001 .header-wrap .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; } .header-001 .header-wrap .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; } .subnav { display: none; position: absolute; top: 3.3rem; z-index: 3000; color: #333; font-size: 0.7rem; background-color: #fff; box-shadow: 0 1px 10px -3px #9f9c9c; width: 120%; transform: translate(-10%, 0); left: 0; overflow: hidden; } .subnav > img { position: absolute; opacity: 0.2; } .subnav > img.left { top: 4rem; left: 0; } .subnav > img.right { right: 0; bottom: 0; } .subnav .inner-subnav { display: flex; justify-content: space-between; margin: 0 -1.25rem 0 -1.5rem; position: relative; } .subnav .inner-subnav ul { display: flex; flex-direction: column; align-items: center; flex: 1; } .subnav .inner-subnav ul li { font-size: 0.8rem; line-height: 1; margin-bottom: 1rem; text-align: center; } .subnav .inner-subnav ul li a { color: #fff; } .subnav .inner-subnav ul li a:hover { color: #DAC97B; } .subnav .dropMenu { overflow: hidden; box-sizing: border-box; padding: 0.75rem 0; border-top: 3px solid #1d488d; } .subnav .dropMenu li { line-height: 1.8rem; } .subnav .dropMenu li a { display: block; box-sizing: border-box; line-height: 1.25; padding: 7px 0; font-size: 15px; text-align: center; color: #2661bd; } .subnav .dropMenu li:hover { background-color: #ededed; } @media (max-width: 960px) { .header-001 { height: auto; border-top-width: 10px; } .header-001 .header-wrap .top-nav .layout .link { display: none; } .header-001 .header-wrap .logo-row { padding: 10px; } .header-001 .header-wrap .logo-row .first-link { display: none; } .header-001 .header-wrap .logo-row a.logo { height: 30px; } .header-001 .header-wrap .logo-row .link-search .link { display: none; } .header-001 .header-wrap .logo-row .link-search .mobile-nav { display: block; } .header-001 .header-wrap .nav { display: none; } .header-001 .header-wrap .search form .turn-down-search { right: 12px; top: 20px; } .header-001 .header-wrap .search form .turn-down-search i { font-size: 20px; } .header-001 .header-wrap .search form h2 { font-size: 24px; margin-bottom: 20px; } .header-001 .header-wrap .search form .change-wrap { width: 320px; height: 40px; } .header-001 .header-wrap .search form .change-wrap input { width: 320px; height: 40px; font-size: 12px; padding-left: 10px; } .header-001 .header-wrap .search form .change-wrap button { height: 40px; width: 40px; } .header-001 .header-wrap .search form .change-wrap button i { font-size: 16px; } .header-001 .header-wrap .search form .hot-search { width: 320px; margin-top: 20px; flex-wrap: wrap; justify-content: start; } .header-001 .header-wrap .search form .hot-search span { margin-bottom: 10px; display: block; width: 100%; font-size: 14px; } .header-001 .header-wrap .search form .hot-search p { margin-bottom: 10px; } .header-001 .header-wrap .search form .hot-search p a { font-size: 12px; } } .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; } } .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; } } .index-container .container { padding: 0; } .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; } .second-nav-wrap { min-width: 1360px; background-color: #1D9D9A; background-position: center; } .second-nav-wrap .second-nav { height: 15rem; } .second-nav-wrap h1 { padding: 5.5rem 0 4.5rem; height: 15rem-3rem; line-height: 15rem-3rem; color: #fff; font-size: 2rem; box-sizing: border-box; } .second-nav-wrap h1.text-right { text-align: right; } .second-nav-wrap h1.text-center { text-align: center; line-height: 15rem-3rem; } .second-nav-wrap .second-nav-list { position: relative; } .second-nav-wrap .second-nav-list ul { display: flex; justify-content: center; flex-wrap: wrap; } .second-nav-wrap .second-nav-list ul li { position: relative; margin: 0 1rem; } .second-nav-wrap .second-nav-list ul li a { position: relative; display: block; height: 3rem; line-height: 1rem; font-size: 0.8rem; color: #fff; } .second-nav-wrap .second-nav-list ul li:hover a { color: #DDBE49; } .second-nav-wrap .second-nav-list ul li.cur a { font-weight: bold; } .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; } .three-nav-wrap { background-color: #F8F8F8; border-bottom: 1px solid #D7D7D7; min-width: 1360px; position: relative; } .three-nav-wrap .three-nav { line-height: 3rem; display: flex; justify-content: center; flex-wrap: wrap; } .three-nav-wrap .three-nav li { box-sizing: border-box; height: 3rem; text-align: center; position: relative; margin: 0 1rem; } .three-nav-wrap .three-nav li a { display: block; font-size: 0.8rem; color: #333; } .three-nav-wrap .three-nav li a:hover { color: #B0CE3A; } .three-nav-wrap .three-nav li.cur:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 0.2rem; background-color: #FFA943; } .three-nav-wrap .three-nav li.cur a { color: #1D9D9A; font-weight: bold; } .four-nav-wrap { min-width: 1360px; background-color: #F2F2F2; border-bottom: 1px solid #D7D7D7; padding: 0.6rem 0; } .four-nav-wrap .four-nav { position: relative; display: flex; justify-content: center; flex-wrap: wrap; } .four-nav-wrap .four-nav li { box-sizing: border-box; height: 1.5rem; text-align: center; line-height: 1.5rem; border-radius: 0.2rem; } .four-nav-wrap .four-nav li a { display: block; font-size: 0.8rem; color: #333; padding: 0 0.9rem; border-radius: 0.2rem; } .four-nav-wrap .four-nav li.cur a { color: #fff; background-color: #1D9D9A; } @media (max-width: 1440px) { .second-nav-wrap, .three-nav-wrap, .four-nav-wrap { min-width: 1200px; } } @media (max-width: 1200px) { .second-nav-wrap, .three-nav-wrap, .four-nav-wrap { min-width: 960px; } } @media (max-width: 960px) { .second-nav-wrap, .three-nav-wrap, .four-nav-wrap { min-width: 720px; } .second-nav-wrap { min-height: 120px; } .second-nav-wrap .second-nav { height: 100%; } .second-nav-wrap h1 { font-size: 18px; font-weight: normal; line-height: inherit; padding: 42px 0 30px; } .second-nav-wrap h1.text-center { line-height: inherit; } .second-nav-wrap .second-nav-list ul li a, .three-nav-wrap .three-nav-box ul li a, .four-nav-wrap .four-nav-box ul li a { font-size: 12px; } .three-nav-wrap .three-nav { line-height: inherit; } .three-nav-wrap .three-nav li { height: auto; margin-bottom: 12px; } .three-nav-wrap { padding: 14px 0 2px 0; } .three-nav-wrap .three-nav li.cur:after { height: 2px; bottom: -2px; } .second-nav-wrap .second-nav-list ul { min-height: 46px; } .second-nav-wrap .second-nav-list ul li { height: 12px; margin-bottom: 15px; } .second-nav-wrap .second-nav-list ul li a { height: auto; line-height: 12px; } .second-nav-wrap .second-nav-list ul li.cur:after { height: 2px; bottom: -5px; } .four-nav-wrap { padding: 10px 0; } .four-nav-wrap .four-nav li { height: 20px; line-height: 20px; } .four-nav-wrap .four-nav li a { padding: 0 10px; } } @media (max-width: 720px) { .second-nav-wrap, .three-nav-wrap, .four-nav-wrap { min-width: 360px; } .second-nav-wrap .second-nav-list ul, .three-nav-wrap .three-nav-box ul { min-width: 360px; } .second-nav-wrap .second-nav-list ul li, .three-nav-wrap .three-nav-box ul li { margin-left: 10px; margin-right: 10px; } } .menu-header { position: fixed; left: 0; right: 0; top: 0; z-index: 999; border-top: 10px solid; border-color: #1D9D9A; background-color: #fff; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05); padding: 10px; } .menu-header .inner-menu-header { display: flex; justify-content: space-between; align-items: center; } .menu-header .inner-menu-header .left-logo a { height: 30px; display: block; } .menu-header .inner-menu-header .left-logo a img { height: 100%; } .menu-header .inner-menu-header .right-back i { font-size: 18px; font-weight: bold; color: #1D9D9A; } .menu-container { padding-top: 60px; } .menu-container .menu-content .search { height: 40px; margin: 20px 27px; } .menu-container .menu-content .search .change-wrap { position: relative; } .menu-container .menu-content .search .change-wrap .keyword { width: 100%; height: 40px; padding-left: 8px; box-sizing: border-box; border: 1px solid rgba(29, 157, 154, 0.4); line-height: 40px; border-radius: 4px; } .menu-container .menu-content .search .change-wrap .search-submit { position: absolute; height: 100%; right: 10px; background: none; border: none; cursor: pointer; } .menu-container .menu-content .search .change-wrap .search-submit i { font-size: 20px; line-height: 40px; color: #1D9D9A; } .menu-container .menu-content .point-nav { margin: 20px 0; } .menu-container .menu-content .point-nav ul { display: flex; flex-wrap: wrap; border-top: 1px solid #e4e4e4; } .menu-container .menu-content .point-nav ul li { width: 50%; border: 1px solid #e4e4e4; border-left: none; border-top: none; height: 40px; box-sizing: border-box; } .menu-container .menu-content .point-nav ul li:nth-child(2n) { border-right: none; } .menu-container .menu-content .point-nav ul li a { display: block; height: 100%; width: 100%; box-sizing: border-box; padding-left: 20px; line-height: 40px; color: #333333; font-size: 14px; } .menu-container .menu-content .min-nav ul { width: 100%; } .menu-container .menu-content .min-nav ul li { width: 100%; } .menu-container .menu-content .min-nav ul li .min-nav-item { margin: 0 27px; height: 60px; border-bottom: 1px solid #E4E4E4; display: flex; justify-content: space-between; align-items: center; } .menu-container .menu-content .min-nav ul li .min-nav-item a { color: #333; font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif; font-weight: 700; font-style: normal; font-size: 18px; line-height: 60px; flex: 1; } .menu-container .menu-content .min-nav ul li .min-nav-item i { cursor: pointer; color: #1D9D9A; transition: all 0.3s; } .menu-container .menu-content .min-nav ul li .min-second-nav { display: none; } .menu-container .menu-content .min-nav ul li .min-second-nav .min-second-nav-item .nav-box { border-bottom: 1px solid #E4E4E4; margin: 0 27px; line-height: 40px; } .menu-container .menu-content .min-nav ul li .min-second-nav .min-second-nav-item .nav-box a.second-nav { font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: 40px; } .menu-container .menu-content .min-nav ul li .min-second-nav .min-second-nav-item .nav-box .min-three-nav a.min-three-nav-item { display: inline-block; font-size: 12px; color: #7F7F7F; margin: 14px 14px 20px 0; } .menu-container .menu-content .min-nav ul li .min-second-nav .min-second-nav-item.has-threenav { background-color: #F8F8F8; } .menu-container .menu-content .min-nav ul li:first-child .min-nav-item { border-top: 1px solid #E4E4E4; } .menu-container .menu-content .min-nav ul li.active .min-nav-item i { transform: rotate(180deg); } .inner-list-content .share { cursor: pointer; position: relative; } .inner-list-content .share:hover .bdsharebuttonbox { display: block; } .inner-list-content .share i { margin-right: 0.25rem; color: #555555; width: 0.8rem; height: 0.8rem; } .inner-list-content .share span { font-size: 0.7rem; color: #999999; display: block; height: 1.4rem; position: relative; z-index: 2; } .inner-list-content .share .enjoy { border-bottom: 1px solid #c9c9c9c9; } .inner-list-content .share .bdsharebuttonbox { box-sizing: border-box; display: none; position: absolute; right: 0; top: 1.4rem; z-index: 1; background: #fff; padding: 0.5rem 0.4rem; width: 100px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .inner-list-content .share .bdsharebuttonbox span { display: inline-block; color: #555; border-bottom: 1px solid #e4e4e4; width: 100%; height: 1rem; } .inner-list-content .share .bdsharebuttonbox a { display: block; float: none; font-size: 0.7rem; margin-right: 0; width: 100%; } .inner-list-content .share .bdsharebuttonbox a.bds_weixin:before { content: "\e643"; font-size: 0.7rem; background-color: #70B603; } .inner-list-content .share .bdsharebuttonbox a.bds_tsina:before { content: "\e642"; background-color: #D9001B; } .inner-list-content .share .bdsharebuttonbox a.copy-link:before { content: "\e670"; font-size: 12px; background-color: #F2A141; } .inner-list-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; } .inner-list-content .share .bdsharebuttonbox a:after { content: attr(title); margin-left: 0.25rem; } .inner-list-content .share .bdshare-button-style0-16 a { background-image: none; padding-left: 0; height: auto; } .inner-list-content .share .bdshare-button-style0-24 a { line-height: 16px; background-image: none; padding-left: 0; height: auto; } .inner-list-item { position: relative; } .inner-list-item .inner-list-tit { height: 1rem; line-height: 1rem; padding-bottom: 1rem; padding-top: 2rem; border-bottom: 1px solid #c9c9c9; } .inner-list-item .inner-list-tit .fl { color: #666; position: relative; font-size: 0.7rem; } .inner-list-item .inner-list-tit .fl span { font-weight: normal; } .inner-list-item .inner-list-tit .fl i { font-family: Arial; color: #aaa; font-style: normal; } .inner-list-item .inner-list-tit .fl.list-title { font-size: 1.2rem; color: #1D9D9A; font-weight: normal; } .inner-list-item .inner-list-tit .tab-tit { display: block; color: #555; } .inner-list-item .inner-list-tit .tab-tit a { display: inline-block; color: #666; font-weight: normal; font-size: 0.7rem; position: relative; margin-bottom: 0.9rem; } .inner-list-item .inner-list-tit .tab-tit a:last-child { margin-right: 0; } .inner-list-item .inner-list-tit .tab-tit a.cur { color: #E38A59; font-weight: bold; } .inner-list-item .inner-list-tit .tab-tit a.cur:after { background-color: #1D9D9A; } .inner-list-item .inner-list-content { position: relative; } .inner-list-item .inner-list-content .aa { border-top: 1px solid #e4e4e4; padding-top: 30px; padding-bottom: 20px; } .inner-list-item .inner-list-content .bac { font-size: 0.9rem; font-weight: bold; } .inner-list-item .inner-list-content a:hover { color: #FFA943; } .inner-list-item .inner-list-content .mark { color: #1D9D9A; } .inner-list-item .inner-list-content .borderB { margin-bottom: 98px; } .inner-list-item .inner-list-content .list-news001 li, .inner-list-item .inner-list-content .list-video001 li { border-bottom: 1px solid #e4e4e4; padding: 1.5rem 0; height: 8rem; box-sizing: border-box; position: relative; } .inner-list-item .inner-list-content .list-news001 li.hasthumb, .inner-list-item .inner-list-content .list-video001 li.hasthumb { padding-left: 10rem; } .inner-list-item .inner-list-content .list-news001 li:last-child, .inner-list-item .inner-list-content .list-video001 li:last-child { border-bottom: none; } .inner-list-item .inner-list-content .list-news001 li .thumb, .inner-list-item .inner-list-content .list-video001 li .thumb { position: absolute; left: 0; top: 1.5rem; width: 9rem; height: 5rem; overflow: hidden; } .inner-list-item .inner-list-content .list-news001 li .thumb img, .inner-list-item .inner-list-content .list-video001 li .thumb img { display: block; width: 100%; height: 100%; } .inner-list-item .inner-list-content .list-news001 li .thumb i, .inner-list-item .inner-list-content .list-video001 li .thumb i { font-size: 1.5rem; color: rgba(255, 255, 255, 0.6); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; } .inner-list-item .inner-list-content .list-news001 li .title, .inner-list-item .inner-list-content .list-video001 li .title { font-size: 0.9rem; color: #333; height: 2.8rem; font-family: 微软雅黑; line-height: 28px; max-height: 56px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .inner-list-item .inner-list-content .list-news001 li .title a:hover, .inner-list-item .inner-list-content .list-video001 li .title a:hover { color: #B0CE3A; } .inner-list-item .inner-list-content .list-news001 li h2, .inner-list-item .inner-list-content .list-video001 li h2 { font-size: 0.9rem; font-weight: bold; } .inner-list-item .inner-list-content .list-news001 li.hasthumb .info, .inner-list-item .inner-list-content .list-video001 li.hasthumb .info { width: calc(100% - 200px); } .inner-list-item .inner-list-content .list-news001 li.nothumb .info, .inner-list-item .inner-list-content .list-video001 li.nothumb .info { width: 100%; } .inner-list-item .inner-list-content .list-news001 li .info, .inner-list-item .inner-list-content .list-video001 li .info { font-size: 0.7rem; color: #999; line-height: 1.4rem; position: absolute; bottom: 1.25rem; } .inner-list-item .inner-list-content .list-news001 li .info .mark, .inner-list-item .inner-list-content .list-video001 li .info .mark { color: #999; } .inner-list-item .inner-list-content .list-news001 li .info .mark .time, .inner-list-item .inner-list-content .list-video001 li .info .mark .time { color: #1D9D9A; } .inner-list-item .inner-list-content .list-news001 li .info .mark u, .inner-list-item .inner-list-content .list-video001 li .info .mark u { padding: 0 0.5rem; font-size: 12px; color: #c7c5c5; position: relative; top: -1px; } .list-announce001 li { border-bottom: 1px solid #e4e4e4; padding: 1.5rem 0; position: relative; } .list-announce001 li:last-child { border-bottom: none; } .list-announce001 li .title { font-size: 0.9rem; color: #333; font-family: 微软雅黑; line-height: 28px; max-height: 56px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin-bottom: 0.85rem; } .list-announce001 li .title a:hover { color: #B0CE3A; } .list-announce001 li h2 { font-size: 0.9rem; font-weight: bold; } .list-announce001 li p { color: #797979; line-height: 1rem; margin-bottom: 0; } .list-announce001 li.nothumb .info { width: 100%; } .list-announce001 li .info { font-size: 0.7rem; color: #999; line-height: 1.4rem; } .list-announce001 li .info .mark { color: #999; } .list-announce001 li .info .mark .time { font-family: Arial; color: #1D9D9A; } .list-announce001 li .info .mark u { padding: 0 0.5rem; font-size: 12px; color: #c7c5c5; position: relative; top: -1px; } .list-service001 li { width: 100%; height: 4rem; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); border-radius: 0.2rem; margin-bottom: 0.5rem; display: flex; align-items: center; box-sizing: border-box; padding: 0 1.5rem; background-color: #fff; } .list-service001 li i { font-size: 0.7rem; color: #C9C9C9; } .list-service001 li p { flex: 1; margin: 0 2.15rem 0 0.5rem; } .list-service001 li p a { font-size: 0.9rem; color: #333; font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; 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; } .list-service001 li p:hover a { color: #B0CE3A; } .list-service001 li span { color: #1D9D9A; font-size: 0.7rem; line-height: 1; } .list-service001.list-sevice-withnav { display: flex; justify-content: space-between; } .list-service001.list-sevice-withnav .nav3-list { width: 14rem; } .list-service001.list-sevice-withnav .nav3-list h2 { font-size: 0.9rem; color: #5F929D; height: 3.5rem; line-height: 3.5rem; padding-left: 1.5rem; box-sizing: border-box; border-bottom: 1px solid #DBC19E; position: relative; } .list-service001.list-sevice-withnav .nav3-list h2 i { position: absolute; left: 0; top: -23px; transform: rotate(270deg); font-size: 24px; font-weight: normal; color: #DBC19E; } .list-service001.list-sevice-withnav .nav3-list ul { padding-top: 1rem; } .list-service001.list-sevice-withnav .nav3-list ul div { height: 2.3rem; width: 100%; line-height: 2.3rem; padding-left: 1.5rem; box-sizing: border-box; } .list-service001.list-sevice-withnav .nav3-list ul div a { display: inline-block; color: #555555; font-size: 0.8rem; position: relative; padding-left: 10px; } .list-service001.list-sevice-withnav .nav3-list ul div a:before { content: ''; display: block; position: absolute; height: 0.8rem; width: 2px; background-color: #C69B59; left: 0; top: 0.75rem; } .list-service001.list-sevice-withnav .nav3-list ul div.cur a { color: #5F929D; font-weight: bolder; } .list-service001.list-sevice-withnav .nav3-list ul div:hover { background-color: #5898A6; } .list-service001.list-sevice-withnav .nav3-list ul div:hover a { color: #fff; } .list-service001.list-sevice-withnav .nav3-list ul div:hover a:before { background-color: #fff; } .list-service001.list-sevice-withnav .service-list { width: 44.5rem; } @media (max-width: 960px) { .list-service001.list-sevice-withnav .nav3-list { width: 120px; height: 446px; padding: 30px 10px; box-sizing: border-box; background-color: #F2F2F2; } .list-service001.list-sevice-withnav .nav3-list h2 { display: none; } .list-service001.list-sevice-withnav .nav3-list .nav3-list-box { border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; height: 380px; overflow-y: auto; overflow-x: hidden; } .list-service001.list-sevice-withnav .nav3-list ul { padding: 0; } .list-service001.list-sevice-withnav .nav3-list ul div { padding: 0; } .list-service001.list-sevice-withnav .service-list { width: calc(100% - 130px); } } .inner-img-content { margin: 1.5rem 0; } .list-images001 { display: flex; flex-wrap: wrap; margin-right: -1.1rem; font-size: 0; } .list-images001 li { width: 19.25rem; margin-right: 1.1rem; padding-bottom: 1rem; margin-bottom: 1.5rem; position: relative; } .list-images001 li .img { display: block; width: 100%; height: 10.9rem; position: relative; } .list-images001 li .img img { width: 100%; height: 100%; } .list-images001 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; } .list-images001 li .title { margin: 10px 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; } .list-images001 li .title:hover a { color: #B0CE3A; } .list-images001 li .info { color: #aaa; font-size: 0.7rem; height: 0.7rem; line-height: 0.7rem; } .list-images001 li .info .mark .time { display: inline-block; margin-right: 1.5rem; } .list-images001 li .info .mark .comefrom { white-space: nowrap; } .list-images001 li .info .share i { color: #333; } .list-images001 li .info .share span { height: auto; } .list-images001 li .info .share .bdsharebuttonbox { right: 0; top: -6.75rem; } .list-images001 li .info .share .bdsharebuttonbox span { display: inline-block; color: #555; border-bottom: 1px solid #e4e4e4; width: 100%; height: 1rem; } .list-images001 li .info .share .bdsharebuttonbox:before { content: ""; display: inline-block; width: 4.65rem; height: 1rem; position: absolute; bottom: -0.75rem; right: 0; background-color: transparent; } .list-images001 li:nth-child(3n+1):after { content: ""; display: inline-block; width: 1200px; height: 1px; background-color: #e4e4e4; position: absolute; left: 0; bottom: 0; } .list-leader-image001 { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 3rem; } .list-leader-image001 li { width: 16.5rem; display: flex; flex-direction: column; align-items: center; margin: 0 0.5rem 2rem; } .list-leader-image001 li .leader-photo { width: 7rem; } .list-leader-image001 li .leader-photo img { width: 100%; } .list-leader-image001 li .leader-info { display: flex; flex-direction: column; align-items: center; } .list-leader-image001 li .leader-info .leader-name { line-height: 1.2rem; font-size: 1.2rem; color: #1D9D9A; font-weight: normal; margin: 1rem 0; } .list-leader-image001 li .leader-info span { font-size: 0.8rem; color: #555; } .list-leader-image001 li .leader-info .leader-protit { 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; } .list-leader-image001 li .leader-info .doc-protit { margin-top: 10px; line-height: 17px; max-height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .list-leader-text001 li { display: flex; padding: 40px 0; border-bottom: 1px solid #d7d7d7; } .list-leader-text001 li .leader-photo { display: block; width: 7.2rem; height: 10rem; flex-shrink: 0; } .list-leader-text001 li .leader-photo img { width: 100%; height: 100%; } .list-leader-text001 li .leader-info { margin-left: 2rem; padding-right: 2rem; } .list-leader-text001 li .leader-info .leader-name { display: block; font-weight: normal; color: #1D9D9A; font-size: 1.2rem; margin-bottom: 1.2rem; } .list-leader-text001 li .leader-info .leader-protit { margin-bottom: 1.6rem; } .list-leader-text001 li .leader-info .leader-protit span { font-size: 18px; line-height: 18px; color: #333; display: inline-block; } .list-leader-text001 li .leader-info .leader-protit span + span { margin-left: 1rem; } .list-leader-text001 li .leader-info .leader-intro { color: #797979; font-size: 14px; line-height: 24px; max-height: 72px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; } @media (max-width: 1200px) { .inner-list-item .inner-list-content .list-news001 li .title, .inner-list-item .inner-list-content .list-video001 li .title, .list-announce001 li .title { font-size: 16px; height: 48px; 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; } .inner-list-item .inner-list-content .list-news001 li h2, .inner-list-item .inner-list-content .list-video001 li h2, .list-announce001 li h2 { font-size: 16px; } .inner-list-item .inner-list-content .list-news001 li, .inner-list-item .inner-list-content .list-video001 li, .list-announce001 li { padding: 25px 0; } .inner-list-item .inner-list-content .list-news001 li.hasthumb .info, .inner-list-item .inner-list-content .list-video001 li.hasthumb .info { width: calc(100% - 160px); } .list-announce001 li .title { margin-bottom: 12px; } .list-service001 li { margin-bottom: 8px; } .list-service001 li p { margin: 0 24px 0 10px; } .list-service001 li p a { font-size: 16px; line-height: 16px; max-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .list-service001 li span { font-size: 12px; } .inner-list-content .share span, .inner-list-content .share .bdsharebuttonbox a { font-size: 12px; } .list-images001 li .title { 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; } .list-images001 li .info { font-size: 12px; } .list-images001 li:nth-child(3n+1):after { width: 960px; } .list-leader-image001 li .leader-name { line-height: 20px; font-size: 20px; } .list-leader-image001 li span { font-size: 14px; } .list-leader-image001 li .doc-protit, .list-leader-image001 li .leader-protit { line-height: 15px; max-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .list-leader-text001 li .leader-info .leader-name { font-size: 20px; } .list-leader-text001 li .leader-info .leader-protit span { font-size: 16px; line-height: 16px; } .list-leader-text001 li .leader-info .leader-intro { font-size: 12px; line-height: 18px; max-height: 54px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; } } @media (max-width: 960px) { .inner-list-item { margin: 0 10px; } .inner-list-item .inner-list-tit { height: 12px; line-height: 12px; padding-bottom: 17px; padding-top: 20px; } .inner-list-item .inner-list-tit .fl, .inner-list-item .inner-list-tit .tab-tit a { font-size: 12px; } .inner-list-item .inner-list-content .list-news001 li, .inner-list-item .inner-list-content .list-video001 li { height: 112px; padding: 20px 0; } .inner-list-item .inner-list-content .list-news001 li .info, .inner-list-item .inner-list-content .list-video001 li .info { bottom: 15px; } .inner-list-item .inner-list-content .list-news001 li .info .mark .author, .inner-list-item .inner-list-content .list-news001 li .info .mark .comefrom, .inner-list-item .inner-list-content .list-video001 li .info .mark .author, .inner-list-item .inner-list-content .list-video001 li .info .mark .comefrom, .inner-list-item .inner-list-content li .info .share { display: none; } .inner-list-item .inner-list-content .list-news001 li .thumb, .inner-list-item .inner-list-content .list-video001 li .thumb { width: 126px; height: 70px; top: 20px; } .inner-list-item .inner-list-content .list-news001 li .title, .inner-list-item .inner-list-content .list-video001 li .title, .list-announce001 li .title { font-size: 14px; height: 42px; 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; } .inner-list-item .inner-list-content .list-news001 li h2, .inner-list-item .inner-list-content .list-video001 li h2, .list-announce001 li h2 { font-size: 14px; } .inner-list-item .inner-list-content .list-news001 li.hasthumb, .inner-list-item .inner-list-content .list-video001 li.hasthumb { padding-left: 136px; } .inner-list-item .inner-list-content .list-news001 li.hasthumb .info, .inner-list-item .inner-list-content .list-video001 li.hasthumb .info { width: calc(100% - 136px); } .inner-list-item .inner-list-content li .title a:hover { color: #333 !important; } .list-service001 li { flex-direction: column; align-items: flex-start; justify-content: center; } .list-service001 li p { flex-grow: 0; } .list-service001 li i { display: none; } .list-service001 li p { margin: 0 0 10px 0; } .list-service001 li p 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; } .list-service001 li p:hover a { color: #333; } .list-images001 { justify-content: space-between; margin-right: 0; } .list-images001 li { width: 48%; margin-right: 0; margin-bottom: 16px; padding-bottom: 10px; } .list-images001 li .img { height: auto; } .list-images001 li .img .count { width: 40px; height: 20px; font-size: 12px; line-height: 20px; } .list-images001 li .title { margin: 8px 0; height: 40px; 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; } .list-images001 li .info { margin-top: 28px; } .list-images001 li .info .mark { position: relative; } .list-images001 li .info .mark .comefrom { position: absolute; left: 0; top: -20px; } .list-images001 li .info .share i { font-size: 12px; } .list-images001 li:nth-child(3n+1):after { display: none; } .list-images001 li:nth-child(2n+1):after { content: ""; display: inline-block; width: calc(100vw - 20px); height: 1px; background-color: #e4e4e4; position: absolute; left: 0; bottom: 0; } .inner-list-item .inner-list-content .list-images001 li .info .share { display: block; } .list-leader-image001 { margin-top: 0; } .list-leader-image001 li { width: 100%; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-bottom: 0; border-bottom: 1px solid #f2f2f2; padding: 20px 0; } .list-leader-image001 li .leader-photo { width: 69px; height: 96px; flex-shrink: 0; } .list-leader-image001 li .leader-info { align-items: flex-start; margin-left: 10px; } .list-leader-image001 li .leader-info .leader-name { margin: 0 0 33px; } .list-leader-text001 li { padding: 20px 0; } .list-leader-text001 li .leader-photo { width: 69px; height: 96px; } .list-leader-text001 li .leader-info { margin-left: 10px; padding-right: 0; } .list-leader-text001 li .leader-info .leader-name { font-size: 16px; line-height: 16px; margin-bottom: 10px; } .list-leader-text001 li .leader-info .leader-protit { margin-bottom: 18px; line-height: 14px; } .list-leader-text001 li .leader-info .leader-protit span { font-size: 14px; line-height: 14px; } .list-leader-text001 li .leader-info .leader-protit span + span { margin-left: 20px; } .list-leader-text001 li .leader-info .leader-intro { font-size: 12px; line-height: 22px; max-height: 44px; 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: 720px) { .pages { width: 100%; height: 50%; background-color: #70B603; display: flex; justify-content: space-between; align-items: center; flex-direction: column; flex-shrink: 1; flex-grow: 1; border: 1px solid #ccc; border-radius: 50%; line-height: 1; transform: rotate(30deg); transform: translateX(-10px); transition: all 0.3s; text-align: center; position: absolute; left: 0; right: 0; bottom: 0; } } .list-department001 { position: relative; min-height: 30rem; } .list-department001 .inner-layout .container-inner .department-list { font-size: 0.8rem; } .list-department001 .inner-layout .container-inner .department-list .area-con { display: flex; } .list-department001 .inner-layout .container-inner .department-list .area-con .second-line { overflow: hidden; width: 12rem; height: 3rem; cursor: pointer; box-sizing: border-box; border: 1px solid #DBC19E; background-color: #F8F5EB; position: relative; display: inline-block; line-height: 3rem; text-align: center; } .list-department001 .inner-layout .container-inner .department-list .area-con .second-line .right-top { font-size: 0.8rem; position: absolute; display: inline-block; color: #DBC19E; right: 0; top: -1.1rem; } .list-department001 .inner-layout .container-inner .department-list .area-con .second-line .right-bottom { font-size: 0.8rem; position: absolute; display: inline-block; color: #DBC19E; right: 0; bottom: -1.1rem; transform: rotate(90deg); } .list-department001 .inner-layout .container-inner .department-list .area-con .second-line .left-top { font-size: 0.8rem; position: absolute; display: inline-block; color: #DBC19E; left: 0; top: -1.1rem; transform: rotate(270deg); } .list-department001 .inner-layout .container-inner .department-list .area-con .second-line .left-bottom { font-size: 0.8rem; position: absolute; display: inline-block; color: #DBC19E; left: 0; bottom: -1.1rem; transform: rotate(180deg); } .list-department001 .inner-layout .container-inner .department-list .area-con .second-line p { color: #AB6034; } .list-department001 .inner-layout .container-inner .department-list .area-con .second-line.cur { background-color: #5F929D; border-color: #5F929D; } .list-department001 .inner-layout .container-inner .department-list .area-con .second-line.cur .right-top, .list-department001 .inner-layout .container-inner .department-list .area-con .second-line.cur .right-bottom, .list-department001 .inner-layout .container-inner .department-list .area-con .second-line.cur .left-top, .list-department001 .inner-layout .container-inner .department-list .area-con .second-line.cur .left-bottom { color: rgba(255, 255, 255, 0.8); } .list-department001 .inner-layout .container-inner .department-list .area-con .second-line.cur p { color: #fff; } .list-department001 .inner-layout .container-inner .department-list .depart-content .depart-class { display: none; flex-wrap: wrap; } .list-department001 .inner-layout .container-inner .department-list .depart-content .depart-class .last-second-line { transition: all 0.3s; width: 14.5rem; height: 2.5rem; border: 1px solid #D7D7D7; display: block; margin-right: 0.665rem; line-height: 2.5rem; box-sizing: border-box; margin-top: 1.5rem; position: relative; } .list-department001 .inner-layout .container-inner .department-list .depart-content .depart-class .last-second-line .border-corner { height: 0.4rem; width: 0.4rem; box-sizing: border-box; position: absolute; } .list-department001 .inner-layout .container-inner .department-list .depart-content .depart-class .last-second-line .corner-left-top { top: 0; left: 0; border-top: 0.15rem solid #D7D7D7; border-left: 0.15rem solid #D7D7D7; } .list-department001 .inner-layout .container-inner .department-list .depart-content .depart-class .last-second-line .corner-left-bottom { bottom: 0; left: 0; border-bottom: 0.15rem solid #D7D7D7; border-left: 0.15rem solid #D7D7D7; } .list-department001 .inner-layout .container-inner .department-list .depart-content .depart-class .last-second-line .corner-right-top { top: 0; right: 0; border-top: 0.15rem solid #D7D7D7; border-right: 0.15rem solid #D7D7D7; } .list-department001 .inner-layout .container-inner .department-list .depart-content .depart-class .last-second-line .corner-right-bottom { bottom: 0; right: 0; border-right: 0.15rem solid #D7D7D7; border-bottom: 0.15rem solid #D7D7D7; } .list-department001 .inner-layout .container-inner .department-list .depart-content .depart-class .last-second-line:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .list-department001 .inner-layout .container-inner .department-list .depart-content .depart-class .last-second-line:nth-child(4n) { margin-right: 0; } .list-department001 .inner-layout .container-inner .department-list .depart-content .depart-class .last-p { padding-left: 1rem; } .list-department001 .inner-layout .container-inner .department-list .depart-content .depart-class.cur { display: flex; } @media (max-width: 960px) { .list-department001 { padding: 0 10px; } .list-department001 .inner-layout .container-inner .department-list .area-con { justify-content: center; flex-wrap: wrap; } .list-department001 .inner-layout .container-inner .department-list .area-con .second-line { height: 34px; line-height: 34px; margin-top: 10px; width: auto; padding: 0 10px; border: 1px solid #fff; background-color: #fff; } .list-department001 .inner-layout .container-inner .department-list .area-con .second-line .right-top, .list-department001 .inner-layout .container-inner .department-list .area-con .second-line .right-bottom, .list-department001 .inner-layout .container-inner .department-list .area-con .second-line .left-top, .list-department001 .inner-layout .container-inner .department-list .area-con .second-line .left-bottom { color: #fff; } .list-department001 .inner-layout .container-inner .department-list .depart-content .depart-class { justify-content: space-between; } .list-department001 .inner-layout .container-inner .department-list .depart-content .depart-class .last-second-line { margin-right: 0; width: calc(50% - 15px); } } .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; } } .list-special001 { display: flex; flex-wrap: wrap; margin-right: -1.3rem; } .list-special001.list-mygzs li { width: 47%; } .list-special001.list-mygzs li a .img { height: 8.15rem; } .list-special001 li { margin-right: 1.3rem; width: 14rem; margin-bottom: 1.5rem; } .list-special001 li a { width: 100%; display: block; position: relative; } .list-special001 li a .img { width: 100%; height: 7.9rem; } .list-special001 li a .img img { width: 100%; height: 100%; object-fit: cover; } .list-special001 li a p { width: 100%; line-height: 40px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; font-size: 16px; color: #333; height: 2rem; border-bottom: 1px solid #d7d7d7; transition: all 0.5s; } .list-special001 li a:after { content: ""; height: 0.1rem; width: 0; position: absolute; bottom: 0; left: 0; display: block; background-color: #1D9D9A; transition: .3s ease; } .list-special001 li a:hover:after { width: 100%; } @media (max-width: 1200px) { .list-special001 li a p { line-height: 32px; max-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; font-size: 14px; } } @media (max-width: 960px) { .list-special001 li { width: 100%; } .list-special001 li a .img { height: 36vw; } } .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); } } .list-doctor001 .container-inner { padding-top: 3.4rem; position: relative; } .list-doctor001 .doctor-search-box { top: 0.9rem; position: absolute; width: 28.75rem; margin-right: -14.375rem; right: 50%; font-size: 0.9rem; color: #333; } .list-doctor001 .doctor-search-box p.doc-search-tit { line-height: 2.4rem; float: left; } .list-doctor001 .doctor-search { width: 24rem; box-sizing: border-box; border: 1px solid #DCDFE6; border-radius: 4px; } .list-doctor001 .doctor-search .doctor-name { height: 2.4rem; width: 100%; background-color: inherit; border: 1px solid rgba(255, 255, 255, 0.3); color: #333; padding: 0 2rem 0 0.5rem; line-height: 2.4rem; transition: all .3s; vertical-align: middle; border-radius: 0.2rem; display: inline-block; font-size: 0.7rem; background-image: none; /* width: 100%; */ box-sizing: border-box; } .list-doctor001 .doctor-search .doctor-name::placeholder { color: #aaa; } .list-doctor001 .doctor-search .btn { position: absolute; height: 2.4rem; background: inherit; color: #036F6F; right: 0.7rem; } .list-doctor001 .doctor-search .btn i { font-size: 1.2rem; line-height: 2.4rem; color: #1D9D9A; } @media (max-width: 960px) { .list-doctor001 .container-inner { padding-top: 58px; } .list-doctor001 .doctor-search-box { width: 100%; right: 10px; margin-right: 0; } .list-doctor001 .doctor-search-box p.doc-search-tit { display: none; } .list-doctor001 .doctor-search { width: calc(100% - 20px); right: 10px; height: 40px; } .list-doctor001 .doctor-search .doctor-name { height: 40px; line-height: 40px; } .list-doctor001 .doctor-search .btn { height: 40px; } } .filter { margin: 0.75rem 0; overflow: hidden; background-color: #F8F5EB; padding: 0.5rem 1.5rem; } .filter dl { position: relative; font-size: 0.7rem; border-top: 1px solid #D7D7D7; padding: 0.5rem 0 0.25rem; } .filter dl:first-child { border-top: none; } .filter dl.depart-all dt { top: 0.65rem; } .filter dl.depart-all .tabs .tab-tit { height: 2.5rem; line-height: 2.5rem; } .filter dl.depart-all .tabs .tab-tit a { font-size: 0.8rem; overflow: visible; } .filter dl.depart-all .tabs .tab-tit a:before { content: ""; display: block; position: absolute; width: 100%; height: 0.25rem; left: 0; bottom: -0.05rem; } .filter dl.depart-all .tabs .tab-tit a + a { margin-left: 2.75rem; } .filter dl.depart-all .tabs .tab-tit a.cur { color: #1D9D9A; } .filter dl.depart-all .tabs .tab-tit a.cur:before { background-color: #EAB660; } .filter dl.depart-all .tabs .tab-pannel { display: block; min-height: 2.6rem; overflow: hidden; } .filter dl.depart-all .tabs .tab-pannel li { display: none; overflow: hidden; padding: 0.25rem 0; min-height: 4.2rem; text-align: justify; width: 100%; } .filter dl.depart-all .tabs .tab-pannel li:first-child { display: block; } .filter dl dt { font-size: 0.8rem; height: 1.7rem; color: #333333; line-height: 1.7rem; position: absolute; left: 0; transform: translateY(0.25rem); } .filter dl dd { margin-left: 5.5rem; overflow: hidden; box-sizing: border-box; } .filter dl dd a { box-sizing: border-box; overflow: hidden; position: relative; color: #666; text-align: center; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .filter dl dd > a, .filter dl dd .tab-pannel a { line-height: 1.3rem; height: 1.3rem; margin-bottom: 0.25rem; margin-top: 0.25rem; margin-right: 0.5rem; padding: 0 0.5rem; border-radius: 4px; } .filter dl dd > a.gray, .filter dl dd .tab-pannel a.gray { background-color: #f8f8f8 !important; color: #b9b9b9 !important; cursor: default; } .filter dl dd > a.cur, .filter dl dd .tab-pannel a.cur { background-color: #1D9D9A; color: #fff; } .filter dl dd > a:hover, .filter dl dd .tab-pannel a:hover { color: #1D9D9A; } .filter dl dd > a.cur:hover, .filter dl dd .tab-pannel a.cur:hover { color: #fff; } .haschosen { padding: 0.75rem 0; position: relative; border-bottom: 1px solid #e4e4e4; min-height: 1.75rem; margin-bottom: 1rem; } .haschosen #formPosition { position: absolute; top: -7.5rem; } .haschosen span, .haschosen .doctor-num { font-size: 0.8rem; color: #999; line-height: 1.5rem; } .haschosen .doc-count { display: flex; justify-content: space-between; } .haschosen .doc-count .doctor-num b { font-weight: 400; color: #1D9D9A; } .haschosen .doc-count .check-list a { display: inline-block; height: 1.5rem; width: 1.5rem; line-height: 1.5rem; text-align: center; border: 1px solid #036F6F; } .haschosen .doc-count .check-list a i { font-size: 1rem; color: #036F6F; } .haschosen .doc-count .check-list a.cur { background-color: #036F6F; } .haschosen .doc-count .check-list a.cur i { color: #fff; } .haschosen .doc-count .check-list a + a { margin-left: 0.5rem; } .haschosen .choose-list a { display: inline-block; font-size: 0.7rem; margin-right: 0.25rem; line-height: 1.7rem; border-radius: 0.15rem; margin-bottom: 0.2rem; padding: 0 0.5rem; background-color: #1D9D9A; color: #fff; } .haschosen .choose-list a i { font-size: 0.6rem; margin-left: 0.25rem; } .doctor-filter-mobile { height: 40px; width: 100%; box-shadow: 0 5px 5px #eee; margin-bottom: 20px; display: none; position: relative; } .doctor-filter-mobile .filter-title { flex: 1; text-align: center; line-height: 40px; } .doctor-filter-mobile .filter-title .filter-name i { color: #999999; margin-left: 8px; transition: all 0.3s; display: inline-block; } .doctor-filter-mobile .filter-title .filter-content { border-top: 1px solid #eee; display: none; position: absolute; top: 40px; left: 0; background-color: #fff; width: 100%; z-index: 1; box-shadow: 0 5px 5px #eee; max-height: 50vh; overflow-y: auto; } .doctor-filter-mobile .filter-title .filter-content a { display: block; } .doctor-filter-mobile .filter-title .filter-content.depart-filter { overflow: visible; } .doctor-filter-mobile .filter-title .filter-content.depart-filter .tabs { justify-content: space-between; display: flex; } .doctor-filter-mobile .filter-title .filter-content.depart-filter .tabs .tab-tit { box-sizing: border-box; width: 30%; border-right: 1px solid #eee; max-height: 50vh; overflow-y: auto; } .doctor-filter-mobile .filter-title .filter-content.depart-filter .tabs .tab-tit a { display: block; } .doctor-filter-mobile .filter-title .filter-content.depart-filter .tabs ul.tab-pannel { max-height: 50vh; overflow-y: auto; width: 70%; } .doctor-filter-mobile .filter-title.active .filter-name i { transform: rotate(180deg); } @media (max-width: 960px) { .filter { display: none; } .haschosen { display: none; } .doctor-filter-mobile { display: flex; } } .doctor-list-wrap .doctor-list li { transition: all 0.2s; width: 18.9rem; height: 12.5rem; float: left; box-sizing: border-box; border: 1px solid #e5e5e5; padding: 0.95rem; margin-right: 1.6rem; margin-bottom: 1.5rem; position: relative; } .doctor-list-wrap .doctor-list li:hover { border-color: #1D9D9A; box-shadow: 0px 0.5rem 1.5rem rgba(29, 157, 154, 0.2); } .doctor-list-wrap .doctor-list li .detail { position: relative; height: 6.5rem; padding-left: 5.25rem; padding-bottom: 0.75rem; margin-bottom: 0.45rem; border-bottom: 1px solid #e5e5e5; overflow: hidden; transition: all 0.3s; } .doctor-list-wrap .doctor-list li .detail .thumb { position: absolute; top: 0; left: 0; width: 4.3rem; height: 6rem; overflow: hidden; border-radius: 0.25rem; } .doctor-list-wrap .doctor-list li .detail .thumb img { display: block; width: 100%; height: 100%; } .doctor-list-wrap .doctor-list li .detail h2 { font-size: 0.8rem; line-height: 0.8rem; margin-bottom: 0.5rem; } .doctor-list-wrap .doctor-list li .detail h2 a { color: #333333; } .doctor-list-wrap .doctor-list li .detail h2 a:hover { color: #1D9D9A; } .doctor-list-wrap .doctor-list li .detail .info > div { line-height: 1; margin-bottom: 0.5rem; } .doctor-list-wrap .doctor-list li .detail .info > div.depart-info { font-size: 0.7rem; color: #1D9D9A; } .doctor-list-wrap .doctor-list li .detail .info > div.depart-info u, .doctor-list-wrap .doctor-list li .detail .info > div.depart-info a { font-size: 0.7rem; } .doctor-list-wrap .doctor-list li .detail .info > div.depart-info a { color: #1D9D9A; } .doctor-list-wrap .doctor-list li .detail .info > div.depart-info a + a:before { content: '、'; } .doctor-list-wrap .doctor-list li .detail .info > div.doc-position { font-size: 0; } .doctor-list-wrap .doctor-list li .detail .info > div.doc-position u { color: #999; font-size: 0.7rem; } .doctor-list-wrap .doctor-list li .detail .info > div.doc-position u + u { margin-left: 0.5rem; } .doctor-list-wrap .doctor-list li .detail .info u { color: #999; } .doctor-list-wrap .doctor-list li .detail p.col-goodat { color: #999; 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; display: none; } .doctor-list-wrap .doctor-list li p { color: #666; font-size: 0.7rem; line-height: 21px; max-height: 63px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; } .doctor-list-wrap .doctor-list li .code-box { position: absolute; top: 0.2rem; right: 0.2rem; width: 1.6rem; height: 1.6rem; overflow: visible; cursor: pointer; } .doctor-list-wrap .doctor-list li .code-box i { font-size: 1.6rem; height: 1.6rem; color: #a9a9a9; line-height: 1; transition: color .3s; } .doctor-list-wrap .doctor-list li .code-box .code { display: none; position: absolute; right: 0; top: 1px; background-color: #fff; z-index: 1; border: 1px solid #ccc; box-shadow: 0 0.25rem 1rem rgba(174, 174, 174, 0.5); } .doctor-list-wrap .doctor-list li .code-box .code img { display: block; margin: 0.5rem; } .doctor-list-wrap .doctor-list li .code-box .code u { font-size: 0.6rem; display: block; text-align: center; padding: 0.25rem; background-color: #f2f2f2; } .doctor-list-wrap .doctor-list li .code-box:hover i { color: #1D9D9A; } .doctor-list-wrap .doctor-list li .code-box:hover .code { display: block; } .doctor-list-wrap .doctor-list li:nth-child(3n) { margin-right: 0; } .doctor-list-wrap .doctor-list.col-list { margin-right: 0; } .doctor-list-wrap .doctor-list.col-list li { width: 100%; height: auto; display: block; float: none; margin-right: 0; margin-bottom: 0; border-left-color: #fff; border-right-color: #fff; border-top-color: #fff; padding: 0.95rem 0; } .doctor-list-wrap .doctor-list.col-list li:hover { border-color: #e5e5e5; box-shadow: none; border-left-color: #fff; border-right-color: #fff; border-top-color: #fff; } .doctor-list-wrap .doctor-list.col-list li .detail { border-bottom: none; margin-bottom: 0; } .doctor-list-wrap .doctor-list.col-list li .detail p.col-goodat { display: block; } .doctor-list-wrap .doctor-list.col-list li p.raw-goodat { display: none; } @media (max-width: 960px) { .doctor-list-wrap { padding: 0 10px; } .doctor-list-wrap .doctor-list li { width: 100%; height: 180px; margin-bottom: 10px; } .doctor-list-wrap .doctor-list li .detail { height: 100px; } .doctor-list-wrap .doctor-list li p { 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; } .doctor-list-wrap .doctor-list li .detail h2 { margin-bottom: 8px; font-size: 14px; } .doctor-list-wrap .doctor-list li .detail .info > div { margin-bottom: 8px; } .doctor-list-wrap .doctor-list li .detail .info > div.doc-position u, .doctor-list-wrap .doctor-list li .detail .info > div.depart-info { font-size: 12px; } } .outpatient-doctor { overflow: hidden; background-color: #fff; min-height: 19.5rem; box-sizing: border-box; } @media (max-width: 1200px) { .outpatient-doctor .outpatient { padding-top: 6rem; } } .outpatient-doctor .outpatient-banner { height: 15rem; width: 100%; background-image: url("../images/sdzyy/outpatient_banner.png"); background-size: cover; } .outpatient-doctor .outpatient-banner h2 { font-size: 2rem; line-height: 15rem; font-weight: normal; color: #fff; text-align: center; } .outpatient-doctor .inner-content { position: relative; min-height: 19.5rem; } .outpatient-doctor .inner-content .bg1, .outpatient-doctor .inner-content .bg2 { height: 24rem; width: 48rem; position: absolute; opacity: 0.4; } .outpatient-doctor .inner-content .bg1 { left: 0; top: 0; } .outpatient-doctor .inner-content .bg2 { right: 0; bottom: 0; } .outpatient-doctor .inner-content .inner-layout { z-index: 10; position: relative; } .outpatient-doctor .inner-content .inner-layout .doctor-path { height: 4.75rem; line-height: 4.75rem; } .outpatient-doctor .inner-content .inner-layout .doctor-path span, .outpatient-doctor .inner-content .inner-layout .doctor-path u { color: #AAAAAA; font-size: 14px; } .outpatient-doctor .inner-content .inner-layout .doctor-path a { font-size: 0.7rem; } .outpatient-doctor .inner-content .inner-layout .basic-msg { margin-top: 2rem; height: 10rem; width: 100%; display: flex; justify-content: space-between; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-header { height: 10rem; width: 7.2rem; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-header img { height: 100%; width: 100%; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-detail { height: 10rem; position: relative; overflow: hidden; width: 50.8rem; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-detail .doc-msg h3 { font-size: 1.6rem; font-weight: normal; margin-bottom: 1rem; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-detail .doc-msg p { font-size: 0.9rem; line-height: 2rem; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-detail .doc-msg u { color: #AAAAAA; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-detail img.detail-bar { height: 0.1rem; width: 100%; position: absolute; bottom: 0; left: 0; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-detail .doctor-code { position: absolute; height: 100%; top: 0; right: 0; text-align: right; font-size: 0; min-height: 12.95rem; display: flex; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-detail .doctor-code .qr-img { width: 7rem; min-height: 11.4rem; text-align: center; height: 100%; box-sizing: border-box; margin-left: 1rem; color: #999; font-size: 0.75rem; display: inline-block; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-detail .doctor-code .qr-img .qr-img-box { border: 1px solid #d7d7d7; margin: 0 auto 0.75rem; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-detail .doctor-code .qr-img img { width: 100%; height: 100%; display: block; } .outpatient-doctor .inner-content .inner-layout .doc-info h4 { font-size: 1rem; font-weight: normal; margin-top: 0.75rem; line-height: 2.5rem; } .outpatient-doctor .inner-content .inner-layout .doc-info .intro-cont { text-indent: 2em; font-size: 0.8rem; line-height: 1.2rem; } .outpatient-doctor .inner-content .inner-layout .bar-line { width: 100%; padding: 1.5rem 0; } .outpatient-doctor .inner-content .inner-layout .bar-line img { height: 0.1rem; width: 100%; } .outpatient-doctor .inner-content .inner-layout .out-tit { height: 1.6rem; width: 100%; display: flex; justify-content: space-between; } .outpatient-doctor .inner-content .inner-layout .out-tit p { line-height: 1.6rem; } .outpatient-doctor .inner-content .inner-layout .out-tit p span { font-size: 1rem; display: inline-block; margin-right: 1rem; } .outpatient-doctor .inner-content .inner-layout .out-tit p u { font-size: 0.8rem; color: #7F7F7F; } .outpatient-doctor .inner-content .inner-layout .out-tit a { display: block; height: 1.6rem; width: 4.8rem; border-radius: 1.6rem; border: 1px solid #D7D7D7; position: relative; text-align: center; line-height: 1.6rem; transition: all 0.2s; } .outpatient-doctor .inner-content .inner-layout .out-tit a:hover { color: #fff; border-color: #5898A6; background-color: #5898A6; } .outpatient-doctor .inner-content .inner-layout .out-tit a:hover i { opacity: 1; transform: translateX(0); } .outpatient-doctor .inner-content .inner-layout .out-tit a:hover span { transform: translateX(-0.25rem); } .outpatient-doctor .inner-content .inner-layout .out-tit a i { display: inline-block; transform: translateX(-0.5rem); position: absolute; transition: transform 0.4s; color: #fff; opacity: 0; font-size: 14px; } .outpatient-doctor .inner-content .inner-layout .out-tit a span { position: relative; display: inline-block; transition: transform 0.2s; font-size: 0.7rem; top: -0.1rem; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .out-tit { margin-bottom: 0.5rem; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient p.area-title { font-size: 0.9rem; line-height: 3.5rem; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient h2.area-tit { font-size: 1rem; font-weight: normal; margin: 0.6rem 0; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient div.outpatient-tips { display: flex; flex-direction: row-reverse; margin: 0.75rem 0; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient div.outpatient-tips p { font-size: 14px; line-height: 20px; margin-right: 20px; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient div.outpatient-tips p span.tips-text { color: #aaa; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .mobile-table-box { display: none; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table { width: 100%; border-collapse: collapse; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table p { margin-bottom: 0; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table th, .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td { border: 1px solid #D7D7D7; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table th { background-color: #7E9AA6; text-align: center; color: #fff; height: 3rem; line-height: 3rem; font-weight: normal; font-size: 0.8rem; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table th.week p { line-height: 1.2rem; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td { padding: 1.5rem 0; background-color: #fff; vertical-align: center; text-align: center; font-size: 0.8rem; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor { position: relative; text-align: left; width: 11%; padding-left: 0.5rem; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor p.type-C1 { height: 2rem; width: 2rem; background-color: #54A0EA; border-radius: 50%; margin: 0 auto; color: #fff; text-align: center; line-height: 2rem; font-size: 0.6rem; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor p.type-C1:after { content: '专家'; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor p.type-C0 { height: 2rem; width: 2rem; background-color: #49a135; border-radius: 50%; margin: 0 auto; color: #fff; text-align: center; line-height: 2rem; font-size: 0.6rem; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor p.type-C0:after { content: '普通'; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor p.type-C3 { height: 2rem; width: 2rem; background-color: #DF6B79; border-radius: 50%; margin: 0 auto; color: #fff; text-align: center; line-height: 2rem; font-size: 0.6rem; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor p.type-C3:after { content: '特需'; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor p.type-C9 { height: 2rem; width: 2rem; background-color: #808086; border-radius: 50%; margin: 0 auto; color: #fff; text-align: center; line-height: 2rem; font-size: 0.6rem; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor p.type-C9:after { content: '停诊'; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor .detail-info { display: none; position: absolute; padding: 1rem 1rem; min-width: 10rem; text-align: left; background: #fff; box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.15); z-index: 2022; border-radius: 0.2rem; top: calc(50% + 2rem); left: calc(-7.25rem + 50%); } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor .detail-info .inner-detail-info { display: flex; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor .detail-info .inner-detail-info div { padding: 0; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor .detail-info .inner-detail-info .detail-info-image-box { height: 4.9rem; width: 3.5rem; margin-right: 1rem; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor .detail-info .inner-detail-info .detail-info-image-box img { height: 4.9rem; width: 3.5rem; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor .detail-info p { font-size: 0.7rem; line-height: 1.8rem; white-space: nowrap; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor .detail-info p u { display: inline-block; width: 3.25rem; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor .detail-info .tip { position: absolute; height: 1rem; width: 1.4rem; overflow: hidden; top: -1rem; left: calc(50% - 0.7rem); } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table td.depart-doctor .detail-info .tip:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); transform: rotate(45deg); transform-origin: left bottom; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile { width: 100%; border-collapse: collapse; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile p { margin-bottom: 0; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile th, .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile td { border: 1px solid #D7D7D7; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile th { background-color: #7E9AA6; color: #fff; height: 40px; line-height: 40px; text-align: center; font-weight: normal; font-size: 12px; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile th.title-keshi { width: 25%; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile td { font-size: 12px; text-align: center; height: 30px; position: relative; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile td p.type-C0 { line-height: 20px; margin: 10px auto; height: 20px; width: 55%; color: #fff; border-radius: 10px; background-color: #54A0EA; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile td p.type-C0:after { content: '专家'; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile td p.type-C1 { line-height: 20px; margin: 10px auto; height: 20px; width: 55%; color: #fff; border-radius: 10px; background-color: #49a135; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile td p.type-C1:after { content: '普通'; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile td p.type-C3 { line-height: 20px; margin: 10px auto; height: 20px; width: 55%; color: #fff; border-radius: 10px; background-color: #DF6B79; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile td p.type-C3:after { content: '特需'; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile td p.type-C9 { line-height: 20px; margin: 10px auto; height: 20px; width: 55%; color: #fff; border-radius: 10px; background-color: #808086; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-mobile td p.type-C9:after { content: '停诊'; } @media (max-width: 960px) { .outpatient-doctor .inner-content .inner-layout .doc-outpatient .table-box { display: none; } .outpatient-doctor .inner-content .inner-layout .doc-outpatient .mobile-table-box { display: block; } } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick { margin-top: 0.75rem; width: 100%; height: 20.5rem; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick .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: 10px auto; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick .doc-item .doc-item-info a { display: flex; width: 7.2rem; flex-direction: column; align-items: center; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick .doc-item .doc-item-info a img { height: 10rem; width: 7.2rem; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick .doc-item .doc-item-info a p.name { font-size: 0.9rem; margin-top: 0.5rem; line-height: 1.6rem; white-space: nowrap; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick .doc-item .doc-item-info a span.protit { font-size: 0.7rem; margin-bottom: 0.5rem; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick .doc-item span.level-list { display: flex; flex-wrap: wrap; justify-content: center; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick .doc-item span.level-list u { font-size: 0.6rem; color: #aaa; line-height: 0.7rem; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick .doc-item span.level-list u + u:before { content: '/'; font-size: 0.6rem; color: #aaa; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick .slick-dots { display: none; bottom: -20px; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick .slick-dots li { height: 8px; width: 8px; border-radius: 50%; background-color: #D7D7D7; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick .slick-dots li button:before { content: ''; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick .slick-dots li.slick-active { background-color: #FAAD69; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick-mobile { height: 0; visibility: hidden; margin: 0; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick-mobile .mobile-doc-group { display: flex; flex-wrap: wrap; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick-mobile .mobile-doc-group .doc-item { background-color: #fff; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); width: calc(33vw - 25px); height: calc(46vw - 10px); padding: 4vw 0 0; min-height: 166px; min-width: 114px; box-sizing: border-box; margin: 10px; } @media (max-width: 960px) { .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick-mobile .mobile-doc-group .doc-item { margin: 3px; } } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick-mobile .mobile-doc-group .doc-item .doc-item-info a { display: flex; flex-direction: column; align-items: center; width: 14vw; min-width: 50px; margin: 0 auto; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick-mobile .mobile-doc-group .doc-item .doc-item-info a p.name { font-size: 0.9rem; margin-top: 0.5rem; line-height: 1.6rem; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick-mobile .mobile-doc-group .doc-item .doc-item-info a span.protit { font-size: 0.7rem; margin-bottom: 0.5rem; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick-mobile .mobile-doc-group .doc-item .doc-item-info a img { height: 20vw; width: 14vw; min-width: 50px; min-height: 70px; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick-mobile .mobile-doc-group .doc-item span.level-list { display: flex; flex-wrap: wrap; justify-content: center; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick-mobile .mobile-doc-group .doc-item span.level-list u { font-size: 0.6rem; color: #aaa; line-height: 0.7rem; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick-mobile .mobile-doc-group .doc-item span.level-list u + u:before { content: '/'; font-size: 0.6rem; color: #aaa; } .outpatient-doctor .inner-content .inner-layout .doc-news .doc-news-cont { display: flex; justify-content: space-between; flex-wrap: wrap; } .outpatient-doctor .inner-content .inner-layout .doc-news .doc-news-cont li.doc-news-item { height: 5.25rem; width: 29rem; display: flex; justify-content: space-between; align-items: center; } .outpatient-doctor .inner-content .inner-layout .doc-news .doc-news-cont li.doc-news-item:nth-child(-n+2) { border-bottom: 1px solid rgba(215, 215, 215, 0.51); } .outpatient-doctor .inner-content .inner-layout .doc-news .doc-news-cont li.doc-news-item .time-box { height: 3.25rem; width: 3rem; border-radius: 0.2rem; text-align: center; } .outpatient-doctor .inner-content .inner-layout .doc-news .doc-news-cont li.doc-news-item .time-box u { display: block; height: 1rem; line-height: 1rem; font-size: 0.6rem; color: #fff; width: 100%; border-top-right-radius: 0.2rem; border-top-left-radius: 0.2rem; background-color: #1D9D9A; } .outpatient-doctor .inner-content .inner-layout .doc-news .doc-news-cont li.doc-news-item .time-box span { display: block; height: 2.2rem; width: 100%; background-color: #EEEEEE; line-height: 2.2rem; border-bottom-left-radius: 0.2rem; border-bottom-right-radius: 0.2rem; font-size: 1.2rem; color: #1D9D9A; } .outpatient-doctor .inner-content .inner-layout .doc-news .doc-news-cont li.doc-news-item .news-title { width: 25rem; font-size: 0.8rem; line-height: 32px; max-height: 64px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .outpatient-doctor .inner-content .inner-layout .doctor-mobile-code { height: 170px; justify-content: center; display: none; } .outpatient-doctor .inner-content .inner-layout .doctor-mobile-code .qr-img { width: 7rem; min-height: 11.4rem; text-align: center; height: 100%; box-sizing: border-box; margin-left: 1rem; color: #999; font-size: 0.75rem; display: inline-block; } .outpatient-doctor .inner-content .inner-layout .doctor-mobile-code .qr-img img { width: 7rem; height: 7rem; display: block; margin: 0 auto 0.75rem; } .outpatient-doctor .inner-content .inner-layout .slick-bar-line { display: none; } @media (max-width: 960px) { .outpatient-doctor .inner-content .inner-layout .basic-msg { justify-content: start; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-header { height: 170px; width: 120px; margin-right: 10px; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-detail { width: auto; flex: 1; height: 170px; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-detail .doctor-code { display: none; } .outpatient-doctor .inner-content .inner-layout .basic-msg .doc-detail .doc-msg p { font-size: 14px; line-height: 16px; margin-bottom: 14px; } .outpatient-doctor .inner-content .inner-layout .doc-info h4 { font-size: 16px; } .outpatient-doctor .inner-content .inner-layout .out-tit p u { display: none; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick { visibility: hidden; height: 0; min-height: 0; margin: 0; } .outpatient-doctor .inner-content .inner-layout .doc-slick-box .doc-slick-mobile { height: auto; visibility: visible; margin-bottom: 30px; } .outpatient-doctor .inner-content .inner-layout .doc-news .doc-news-cont { justify-content: start; flex-direction: column; } .outpatient-doctor .inner-content .inner-layout .doc-news .doc-news-cont li.doc-news-item { border-bottom: 1px solid rgba(215, 215, 215, 0.51); width: 100%; } .outpatient-doctor .inner-content .inner-layout .doc-news .doc-news-cont li.doc-news-item .time-box { margin-right: 20px; } .outpatient-doctor .inner-content .inner-layout .doc-news .doc-news-cont li.doc-news-item .news-title { flex: 1; } .outpatient-doctor .inner-content .inner-layout .doctor-mobile-code { display: flex; } .outpatient-doctor .inner-content .inner-layout .slick-bar-line { display: block; } } /* 新闻中心频道页start */ .category-news .news-container { background-color: #F8F5EB; padding: 3rem 0 2.2rem; overflow-x: hidden; } .category-news .news-container .inner-news .inner-news-content { display: flex; justify-content: space-between; } .category-news .news-container .inner-news .inner-news-content .news-img-news { width: 36rem; height: 22rem; position: relative; } .category-news .news-container .inner-news .inner-news-content .news-img-news .news-img-news-item { width: 36rem; height: 22rem; position: relative; } .category-news .news-container .inner-news .inner-news-content .news-img-news .news-img-news-item a { display: block; width: 100%; height: 100%; font-size: 0.8rem; } .category-news .news-container .inner-news .inner-news-content .news-img-news .news-img-news-item a img { display: block; width: 100%; height: 100%; } .category-news .news-container .inner-news .inner-news-content .news-img-news .news-img-news-item a .mark { width: 100%; height: 11rem; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); position: absolute; left: 0; right: 0; bottom: 0; box-sizing: border-box; padding-left: 1.5rem; } .category-news .news-container .inner-news .inner-news-content .news-img-news .news-img-news-item a .mark .news-tit { width: 33rem; height: 3rem; font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif; font-weight: 700; font-style: normal; font-size: 1rem; color: #FFFFFF; line-height: 30px; max-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; position: absolute; bottom: 3rem; } .category-news .news-container .inner-news .inner-news-content .news-img-news .news-img-news-item a .mark span { font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 0.8rem; color: #FFFFFF; line-height: 0.8rem; position: absolute; bottom: 1.3rem; } .category-news .news-container .inner-news .inner-news-content .news-img-news .slick-dots { text-align: right; width: auto; padding: 0 1rem; bottom: 0.5rem; right: 0; } .category-news .news-container .inner-news .inner-news-content .news-img-news .slick-dots li { width: 2.5rem; height: 0.4rem; border-radius: 0; background-color: rgba(255, 255, 255, 0.6); } .category-news .news-container .inner-news .inner-news-content .news-img-news .slick-dots li.slick-active { background-color: #ffb64a; } .category-news .news-container .inner-news .inner-news-content .news-img-news .slick-dots li button:before { content: none; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots { width: 24rem; height: 22rem; background-color: #fff; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots .slick-list { overflow: visible; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots .news-dot { height: 5.5rem; display: block; position: relative; padding: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots .news-dot p { width: 22rem; height: 2.4rem; font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 0.8rem; letter-spacing: normal; color: #333333; 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; margin-bottom: 0.4rem; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots .news-dot .news-dot-mark { font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 0.7rem; letter-spacing: normal; color: #5F929D; line-height: 0.7rem; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots .news-dot:after { content: ""; display: block; width: 22rem; height: 1px; box-sizing: border-box; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); position: absolute; bottom: 0; left: 1rem; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots .news-dot:before { content: ""; display: block; width: 0; height: 0; font-size: 0; border: 1rem solid transparent; position: absolute; top: 50%; transform: translateY(-50%); left: -2rem; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots .news-dot:last-child:after { display: none; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots .news-dot.slick-current { width: 25rem !important; transform: translateX(-10px); background-color: #C69B59; padding-left: 1.5rem; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots .news-dot.slick-current a .news-dot-title, .category-news .news-container .inner-news .inner-news-content .news-img-news-dots .news-dot.slick-current a .news-dot-mark { color: #fff; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots .news-dot.slick-current:before { border-right-color: #C69B59; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots li { position: relative; transition: width 0.3s; height: 5.5rem; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots li .text-news-item { display: block; padding: 1rem; height: 100%; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots li .text-news-item p { width: 22rem; height: 2.4rem; font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 0.8rem; letter-spacing: normal; color: #333333; 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; margin-bottom: 0.4rem; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots li .text-news-item span { font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 0.7rem; letter-spacing: normal; color: #5F929D; line-height: 0.7rem; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots li:after { content: ""; display: block; width: 22rem; height: 1px; box-sizing: border-box; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); position: absolute; bottom: 0; left: 1rem; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots li:last-child:after { display: none; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots li:hover { width: 500px; transform: translateX(-10px); background-color: #C69B59; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots li:hover .text-news-item { padding-left: 1.5rem; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots li:hover p { color: #fff; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots li:hover:before { content: ""; display: block; width: 0; height: 0; font-size: 0; border: 1rem solid transparent; border-right-color: #C69B59; position: absolute; top: 50%; transform: translateY(-50%); left: -2rem; } .category-news .news-container .inner-news .mobile-news-list { display: none; } .category-news .news-container .inner-news .mobile-news-list a li { width: 100%; height: 80px; padding: 10px 0; box-sizing: border-box; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); } .category-news .news-container .inner-news .mobile-news-list a li p { font-size: 14px; height: 42px; 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; } .category-news .news-container .inner-news .mobile-news-list a li span { font-size: 12px; color: #5F929D; } .category-news .news-container .inner-news .more { margin-top: 1rem; text-align: right; display: block; } .category-news .news-container .inner-news .more span { font-family: 'Arial Normal', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 0.8rem; color: #5F929D; line-height: 0.8rem; } .category-news .news-container .inner-news .more i { color: #FFA943; } .category-news .news-container .inner-news .more:hover i { color: #5898A6; } @media (max-width: 960px) { .category-news .news-container .inner-news .inner-news-content .news-img-news { width: 100%; height: 57vw; } .category-news .news-container .inner-news .inner-news-content .news-img-news .news-img-news-item { width: 100%; height: 57vw; } .category-news .news-container .inner-news .inner-news-content .news-img-news .news-img-news-item a .mark { height: 50%; padding: 0 20px; } .category-news .news-container .inner-news .inner-news-content .news-img-news .news-img-news-item a .mark .news-tit { width: calc(100% - 60px); font-size: 14px; 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; bottom: 40px; } .category-news .news-container .inner-news .inner-news-content .news-img-news .news-img-news-item a .mark span { bottom: 12px; } .category-news .news-container .inner-news .inner-news-content .news-img-news-dots { visibility: hidden; width: 0; height: 0; } .category-news .news-container .inner-news .mobile-news-list { display: block; } .category-news .news-container .inner-news .more:hover i { color: #FFA943; } } @media (max-width: 960px) { .category-news .news-container { height: auto; padding: 20px 10px; } } .category-news .video-container { height: 38.5rem; padding-top: 3rem; box-sizing: border-box; } .category-news .video-container .video-top .top-news-list { display: flex; flex-wrap: wrap; } .category-news .video-container .video-top .top-news-list .top-news-item { margin-right: 1rem; width: 19rem; height: 5.5rem; box-sizing: border-box; padding: 1rem 0; } .category-news .video-container .video-top .top-news-list .top-news-item span { font-size: 0.7rem; color: #5F929D; } .category-news .video-container .video-top .top-news-list .top-news-item p { 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; font-size: 0.8rem; } .category-news .video-container .video-top .top-news-list .top-news-item p:hover a { color: #1D9D9A; } .category-news .video-container .video-top .top-news-list .top-news-item:nth-child(-n+3) { border-bottom: 1px solid rgba(170, 170, 170, 0.5); } .category-news .video-container .video-top .top-news-list .top-news-item:nth-child(3n) { margin-right: 0; } .category-news .video-container .video-bottom .tab-tit { margin: 1rem 0 1.5rem; } .category-news .video-container .video-bottom .bottom-video-list { display: flex; justify-content: space-between; } .category-news .video-container .video-bottom .bottom-video-list .bottom-video-item { display: block; width: 19rem; height: 14rem; } .category-news .video-container .video-bottom .bottom-video-list .bottom-video-item .video-img { height: 10.7rem; width: 19rem; margin-bottom: 1rem; display: flex; justify-content: center; align-items: center; background-size: cover; } .category-news .video-container .video-bottom .bottom-video-list .bottom-video-item .video-img .video-play { height: 3.5rem; width: 3.5rem; border: 0.4rem solid rgba(255, 255, 255, 0.7); border-radius: 50%; display: flex; justify-content: center; align-items: center; } .category-news .video-container .video-bottom .bottom-video-list .bottom-video-item .video-img .video-play i { font-size: 1.5rem; color: #fff; opacity: 0.7; } .category-news .video-container .video-bottom .bottom-video-list .bottom-video-item p { 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; } .category-news .video-container .video-bottom .bottom-video-list .bottom-video-item:hover p { color: #1D9D9A; } @media (max-width: 960px) { .category-news .video-container { height: auto; padding: 30px 10px 0; } .category-news .video-container .video-top .top-news-list { display: block; } .category-news .video-container .video-top .top-news-list .top-news-item { width: 100%; margin-right: 0; border-bottom: 1px solid rgba(170, 170, 170, 0.5); } .category-news .video-container .video-top .top-news-list .top-news-item p:hover a { color: #333; } .category-news .video-container .video-top .top-news-list .top-news-item:nth-last-child(1) { border-bottom: none; } .category-news .video-container .video-bottom .bottom-video-list .bottom-video-item { display: none; width: calc(50vw - 20px); height: auto; } .category-news .video-container .video-bottom .bottom-video-list .bottom-video-item .video-img { height: 25vw; width: 100%; } .category-news .video-container .video-bottom .bottom-video-list .bottom-video-item:hover p { color: #333; } .category-news .video-container .video-bottom .bottom-video-list .bottom-video-item:nth-child(-n+2) { display: block; } } .category-news .hos-report-container { height: 32.1rem; background: url("../images/sdzyy/news_category/report_bg.png"); } .category-news .hos-report-container .tab-tit { margin: 0 0 1.5rem; padding-top: 3rem; } .category-news .hos-report-container .tab-tit h2 a { color: #fff; } .category-news .hos-report-container .tab-tit a.get-more { color: #fff; } .category-news .hos-report-container .tab-tit a.get-more i { color: #fff; } .category-news .hos-report-container .tab-tit a.get-more:hover i { color: #fff; } .category-news .hos-report-container .report-list { display: flex; } .category-news .hos-report-container .report-list .report-item { display: block; height: 17.75rem; width: 11.05rem; margin-right: 1.2rem; } .category-news .hos-report-container .report-list .report-item img { height: 15.9rem; width: 11.05rem; } .category-news .hos-report-container .report-list .report-item p { text-align: center; color: #fff; } @media (max-width: 960px) { .category-news .hos-report-container { height: auto; padding: 0 10px 60px; } .category-news .hos-report-container .report-list { justify-content: space-between; } .category-news .hos-report-container .report-list .report-item { display: none; height: auto; width: calc(50vw - 20px); } .category-news .hos-report-container .report-list .report-item img { height: 63.8vw; width: 100%; } .category-news .hos-report-container .report-list .report-item:nth-child(-n+2) { display: block; } } .category-news .tab-tit { display: flex; margin-bottom: 0.5rem; justify-content: space-between; } .category-news .tab-tit h2 a.cur { color: #5898A6; } .category-news .tab-tit h2 a.cur:after { content: ''; display: block; position: absolute; height: 0.1rem; width: 3rem; background-color: #FFA943; left: 0; bottom: -0.5rem; } .category-news .tab-tit h2 a { font-size: 1.6rem; color: #555555; display: inline-block; position: relative; font-weight: normal; } .category-news .tab-tit h2 a + a { margin-left: 30px; } .category-news .tab-tit h2 a + a:before { content: ''; display: block; position: absolute; height: 0.5rem; width: 0.5rem; background-color: #aaa; border-radius: 50%; left: -1rem; top: 50%; margin-top: -0.25rem; } .category-news .tab-tit a.get-more { font-size: 0.8rem; color: #5F929D; line-height: 1.6rem; } .category-news .tab-tit a.get-more i { display: inline-block; margin-left: 0.5rem; color: #FFA943; } .category-news .tab-tit a.get-more:hover i { color: #5F929D; } @media (max-width: 960px) { .category-news .tab-tit h2 a { font-size: 20px; } .category-news .tab-tit h2 a + a { margin-left: 6px; } .category-news .tab-tit h2 a + a:before { height: 4px; width: 4px; left: -8px; margin-top: -2px; } } @media (max-width: 1200px) { .category-news .news-container .inner-news .inner-news-content .news-img-news-dots .news-dot 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; } .category-news .news-container .inner-news .inner-news-content .news-img-news .news-img-news-item a .mark .news-tit { font-size: 18px; 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; } } /* 新闻中心频道也end */ .category-news002.party h1.left-tit-more a.more i, .category-news002.party h1.left-tit-more a.more:hover span, .category-news002.party .news-img-content .inner-news .news-box-item.left-img-news ul li a:hover, .category-news002.party h1.left-tab-tit001 .tab-tit a.cur, .category-news002.party h1.left-tab-tit001 a.more i, .category-news002.party h1.left-tab-tit001 a.more:hover span, .category-news002.party .news-list-content .tab-pannel-wrap .news-content-box .news-item a:hover p, .category-news002.party .news-img-content .inner-news .news-box-item.right-list ul li:hover a p { color: #D5513F; } .category-news002.party h1.left-tab-tit001 .tab-tit a.cur:after { border-top-color: #D5513F; } .category-news002 h1.left-tit-more { margin-bottom: 1.5rem; } .category-news002 h1.left-tit-more a.tit { font-size: 1.2rem; } .category-news002 .news-img-content .inner-news { display: flex; justify-content: space-between; } .category-news002 .news-img-content .inner-news .news-box-item { width: 19rem; } .category-news002 .news-img-content .inner-news .news-box-item span { font-size: 0.7rem; line-height: 1; color: #AAAAAA; } .category-news002 .news-img-content .inner-news .news-box-item.left-img-news a.img { width: 100%; height: 10.7rem; display: block; overflow: hidden; } .category-news002 .news-img-content .inner-news .news-box-item.left-img-news a.img img { width: 100%; height: 100%; transition: all 0.5s; } .category-news002 .news-img-content .inner-news .news-box-item.left-img-news a.img:hover img { transform: scale(1.1); } .category-news002 .news-img-content .inner-news .news-box-item.left-img-news ul { margin-top: 0.5rem; } .category-news002 .news-img-content .inner-news .news-box-item.left-img-news ul li { padding: 0.5rem 0; border-bottom: 1px solid #E4E4E4; font-size: 0; } .category-news002 .news-img-content .inner-news .news-box-item.left-img-news ul li:last-child { border-bottom: none; } .category-news002 .news-img-content .inner-news .news-box-item.left-img-news ul li 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; height: 2.4rem; color: #333; margin-top: 0.3rem; } .category-news002 .news-img-content .inner-news .news-box-item.left-img-news ul li a:hover { color: #1D9D9A; } .category-news002 .news-img-content .inner-news .news-box-item.right-list ul li { width: 100%; height: 5.5rem; background-color: #fff; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); margin-bottom: 0.65rem; } .category-news002 .news-img-content .inner-news .news-box-item.right-list ul li a { display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 1rem 1rem 0; font-size: 0; } .category-news002 .news-img-content .inner-news .news-box-item.right-list ul li a p { 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; height: 2.4rem; color: #333; margin-top: 0.3rem; } .category-news002 .news-img-content .inner-news .news-box-item.right-list ul li a p:hover { color: #1D9D9A; } .category-news002 .news-list-content { background-color: #F8F8F8; padding: 3rem 0; margin-top: 2.5rem; } .category-news002 .news-list-content .tab-pannel-wrap { margin-top: 1.5rem; } .category-news002 .news-list-content .tab-pannel-wrap .news-content-box { display: flex; justify-content: space-between; flex-wrap: wrap; } .category-news002 .news-list-content .tab-pannel-wrap .news-content-box .news-item a { display: flex; width: 29.5rem; height: 5rem; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 0 1rem; align-items: center; margin-bottom: 1rem; background-color: #fff; } .category-news002 .news-list-content .tab-pannel-wrap .news-content-box .news-item a .info { font-size: 0; } .category-news002 .news-list-content .tab-pannel-wrap .news-content-box .news-item a .info p { 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: #333; margin-bottom: 0.4rem; } .category-news002 .news-list-content .tab-pannel-wrap .news-content-box .news-item a .info span { font-size: 0.7rem; color: #AAAAAA; line-height: 1; } .category-news002 .news-list-content .tab-pannel-wrap .news-content-box .news-item a:hover p { color: #1D9D9A; } .category-news002 .news-list-content .tab-pannel-wrap .news-content-box .news-item.hasthumb a .img-box { width: 6rem; height: 3.5rem; margin-right: 0.5rem; flex-shrink: 0; } .category-news002 .news-list-content .tab-pannel-wrap .news-content-box .news-item.hasthumb a .img-box img { width: 100%; height: 100%; } .category-news002 .news-special { margin-top: 3rem; } .category-news002 .news-special .inner-special { display: flex; margin-right: -1.5rem; flex-wrap: wrap; } .category-news002 .news-special .inner-special a { display: block; width: 19rem; height: 10.7rem; overflow: hidden; margin-right: 1.5rem; margin-bottom: 1.5rem; } .category-news002 .news-special .inner-special a img { width: 100%; height: 100%; transition: all 0.5s; } .category-news002 .news-special .inner-special a:hover img { transform: scale(1.1); } @media (max-width: 1200px) { .category-news002 .news-img-content .inner-news .news-box-item.left-img-news ul li a { line-height: 19px; max-height: 38px; 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) { .category-news002 h1.left-tit-more a.tit { font-size: 18px; } .category-news002 .news-img-content .inner-news { flex-wrap: wrap; } .category-news002 .news-img-content .inner-news .news-box-item { width: 100%; margin-bottom: 20px; } .category-news002 .news-list-content { padding: 20px 0; margin-top: 20px; } .category-news002 .news-list-content .tab-pannel-wrap .news-content-box .news-item { width: 100%; } .category-news002 .news-list-content .tab-pannel-wrap .news-content-box .news-item a { width: 100%; } .category-news002 .news-special { margin-top: 20px; } .category-news002 .news-special .inner-special { margin-right: 0; justify-content: space-between; } .category-news002 .news-special .inner-special a { margin-right: 0; width: 49%; height: 28vw; } } 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; } @media (max-width: 960px) { h2.center-tit { font-size: 20px; } } .yntszj-category { padding-bottom: 5rem; position: relative; } .yntszj-category .dep-bg { position: absolute; right: 0; bottom: 0; z-index: -1; } .yntszj-category .special-intro { background-color: #F8F5EB; padding: 3rem 0; position: relative; overflow: hidden; box-sizing: border-box; } .yntszj-category .special-intro > img { opacity: 0.4; position: absolute; } .yntszj-category .special-intro .intro-bg01 { left: 0; top: 0; } .yntszj-category .special-intro .intro-bg02 { right: 0; bottom: 0; } .yntszj-category .special-intro .inner-dep-intro { display: flex; justify-content: space-between; z-index: 1; position: relative; } .yntszj-category .special-intro .inner-dep-intro .dep-intro { width: 100%; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .dep-intro-content { font-size: 16px; color: #333333; 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; margin-top: 1rem; min-height: 9.8rem; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-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; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more span { position: absolute; display: block; position: absolute; width: 0.6rem; height: 0.6rem; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more span:nth-child(1) { top: 0; left: 0; border-top: 3px solid #61A4B4; border-left: 3px solid #61A4B4; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more span:nth-child(2) { top: 0; right: 0; border-top: 3px solid #61A4B4; border-right: 3px solid #61A4B4; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more span:nth-child(3) { bottom: 0; left: 0; border-bottom: 3px solid #61A4B4; border-left: 3px solid #61A4B4; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more span:nth-child(4) { bottom: 0; right: 0; border-right: 3px solid #61A4B4; border-bottom: 3px solid #61A4B4; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more u { font-size: 16px; display: inline-block; transition: all 0.3s; position: relative; line-height: 2.5rem; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more i { font-size: 22px; opacity: 0; position: absolute; transition: all 0.3s; transform: translateX(-10px); line-height: 2.5rem; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more:hover { border: 1px solid #1D9D9A; color: #1D9D9A; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more:hover span:nth-child(1) { border-top-color: #1D9D9A; border-left-color: #1D9D9A; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more:hover span:nth-child(2) { border-top-color: #1D9D9A; border-right-color: #1D9D9A; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more:hover span:nth-child(3) { border-bottom-color: #1D9D9A; border-left-color: #1D9D9A; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more:hover span:nth-child(4) { border-right-color: #1D9D9A; border-bottom-color: #1D9D9A; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more:hover u { transform: translateX(-10px); } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more:hover i { opacity: 1; transform: translateX(2px); } @media (max-width: 960px) { .yntszj-category .special-intro { padding: 30px 0; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .dep-intro-content { font-size: 14px; line-height: 24px; max-height: 192px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 8; -webkit-box-orient: vertical; display: -webkit-box; } .yntszj-category .special-intro .inner-dep-intro .dep-intro .page-more { margin-top: 25px; } } .yntszj-category .ynzj-menu { margin-bottom: 4rem; } .yntszj-category .ynzj-menu h2.center-tit { padding: 3rem 0 1.5rem; } .yntszj-category .ynzj-menu .inner-ynzj-menu { height: 28.4rem; width: 100%; display: flex; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class { width: 50%; padding: 2rem; position: relative; box-sizing: border-box; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class .left-bar { width: 2rem; height: 100%; position: absolute; left: 0; top: 0; border-right: 1px solid #FFFFFF; overflow: hidden; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class .left-bar .left-bar-item { width: 100%; height: 4.05rem; border-bottom: 1px solid #FFFFFF; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class .menu-class-content { height: 100%; box-sizing: border-box; padding-left: 1.5rem; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class .menu-class-content h2 { font-size: 1.2rem; color: #fff; font-weight: normal; margin-bottom: 2rem; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class .menu-class-content .menu-class-list { display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; height: 100%; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class .menu-class-content .menu-class-list li { padding-left: 12px; font-size: 14px; position: relative; box-sizing: border-box; width: 7.6rem; margin-right: 0.75rem; margin-bottom: 1.5rem; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class .menu-class-content .menu-class-list li a { color: #fff; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class .menu-class-content .menu-class-list li:before { content: ''; display: block; height: 14px; width: 2px; position: absolute; left: 0; top: 0.1rem; background-color: #fff; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class .menu-class-content .menu-class-list li:hover { color: #FFE0CE; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class .menu-class-content .menu-class-list li:hover a { color: #FFE0CE; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class .menu-class-content .menu-class-list li:hover:before { background-color: #FFE0CE; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class:nth-child(1) { background-color: #C69B59; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class:nth-child(2) { background-color: #F8F5EB; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class:nth-child(2) .menu-class-content h2 { color: #555555; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class:nth-child(2) .menu-class-content .menu-class-list li a { color: #555555; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class:nth-child(2) .menu-class-content .menu-class-list li:before { background-color: #C69B59; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class:nth-child(2) .menu-class-content .menu-class-list li:hover { color: #5F929D; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class:nth-child(2) .menu-class-content .menu-class-list li:hover a { color: #5F929D; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class:nth-child(2) .menu-class-content .menu-class-list li:hover:before { background-color: #5F929D; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class:nth-child(2) .left-bar { border-right: 1px solid #DBC19E; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class:nth-child(2) .left-bar .left-bar-item { border-bottom: 1px solid #DBC19E; } @media (max-width: 960px) { .yntszj-category .ynzj-menu .inner-ynzj-menu { height: auto; flex-direction: column; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class { width: 100%; height: auto; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class .menu-class-content .menu-class-list { flex-direction: row; flex-wrap: wrap; align-content: flex-start; } .yntszj-category .ynzj-menu .inner-ynzj-menu .menu-class .menu-class-content .menu-class-list li { width: calc(50% - 20px); } } .yntszj-category .ynzj-news-list { display: flex; justify-content: space-between; } .yntszj-category .ynzj-news-list .ynzj-news-item { height: 12rem; width: 19rem; background-size: 100%; background-position: center; transition: all 0.3s; } .yntszj-category .ynzj-news-list .ynzj-news-item a { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; font-size: 1.6rem; color: #fff; } .yntszj-category .ynzj-news-list .ynzj-news-item:hover { background-size: 110%; } @media (max-width: 960px) { .yntszj-category .ynzj-news-list { flex-direction: column; } .yntszj-category .ynzj-news-list .ynzj-news-item { width: 100%; height: 59.7vw; margin-bottom: 10px; } } .map-search { font-size: 0; text-align: center; } .map-search a { width: 5rem; height: 2rem; text-align: center; line-height: 2rem; display: inline-block; font-size: 0.8rem; border: 1px solid #e4e4e4; border-radius: 3px; margin-left: 0.4rem; margin-right: 0.4rem; margin-bottom: 0.5rem; } .map-search a:hover { background-color: #1D9D9A; border-color: #1D9D9A; color: #fff; } .map-box { margin-top: 1rem; position: relative; border: 1px solid #e4e4e4; } .map-box .map-search-result { display: none; position: absolute; top: 0; right: 0; padding-left: 2.5rem; height: 100%; z-index: 2; } .map-box .map-search-result .switch { width: 2.5rem; height: 10rem; box-sizing: border-box; padding: 0.75rem; font-size: 0.8rem; line-height: 1.4; position: absolute; top: 50%; margin-top: -5rem; left: 0; background-color: #1D9D9A; color: #fff; box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.09); border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .map-box .map-search-result .switch:hover { background-color: #1D9D9A; } .map-box .map-search-result .switch i { margin-top: 0.25rem; font-size: 1.2rem; opacity: .95; } .map-box .map-search-result .result-list { height: 100%; min-width: 1px; overflow-y: auto; background-color: #fff; } .map-box .position-map { height: 35rem; } .map-box .position-map img { max-width: none !important; } .map-box .position-map input { box-sizing: border-box; padding: 0.15rem; height: 1.3rem !important; font-size: 0.6rem; vertical-align: middle; } .map-box .position-map .BMapLib_ap th, .map-box .position-map .BMapLib_ap td { padding: 0.15rem; } .map-box .position-map #BMapLib_is_remember_phone { margin-left: 0.25rem; } .map-box .position-map .BMapLib_SearchInfoWindow, .map-box .position-map .position-map .BMapLib_nav_tab_content li { font-family: inherit; } .map-box .position-map .BMapLib_bubble_title { font-weight: bold; } .map-box .position-map .BMapLib_bubble_content { line-height: 2; } .map-box .position-map .BMapLib_trans { top: auto !important; } .map-box .position-map .BMapLib_sms_declare_phone { font-size: 0.6rem; } .map-box .map-area-tab { position: absolute; top: 0.5rem; left: 0; right: 0; text-align: center; } .map-box .map-area-tab li { display: inline-block; width: 3rem; height: 3rem; line-height: 0.8rem; box-sizing: border-box; padding: 1em; color: #fff; font-size: 0.7rem; border-radius: 50%; background-color: #1D9D9A; cursor: pointer; transition: background-color .5s; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; vertical-align: middle; } .map-box .map-area-tab li.long-name { padding: 1em 0.35rem 0; } .map-box .map-area-tab li.short-name { padding: 0; line-height: 3rem; } .map-box .map-area-tab li.cur { font-weight: 700; background-color: #B0CE3A; } .map-box .map-area-tab li:hover { background-color: #B0CE3A; } .map-box .map-area-tab li + li { margin-left: 0.5rem; } .map-box .BMapLib_SearchInfoWindow ul { display: flex; } .category-cooperation001 .ylt-container { background-color: #F8F5EB; height: 42.5rem; padding-top: 3rem; box-sizing: border-box; position: relative; } .category-cooperation001 .ylt-container > img { position: absolute; opacity: 0.4; } .category-cooperation001 .ylt-container > img.ylt_bg0 { top: 0; left: 0; } .category-cooperation001 .ylt-container > img.ylt_bg1 { bottom: 0; right: 0; } .category-cooperation001 .ylt-container .inner-ylt { height: 36.5rem; display: flex; justify-content: space-between; position: relative; z-index: 11; } .category-cooperation001 .ylt-container .inner-ylt .left-city { height: 100%; width: 27rem; background-color: #C89B5A; display: flex; } .category-cooperation001 .ylt-container .inner-ylt .left-city .left-bar { width: 2rem; border-right: 1px solid #fff; } .category-cooperation001 .ylt-container .inner-ylt .left-city .left-bar .bar-item { width: 100%; height: 4.5rem; border-bottom: 1px solid #fff; } .category-cooperation001 .ylt-container .inner-ylt .left-city .left-bar .bar-item:first-child, .category-cooperation001 .ylt-container .inner-ylt .left-city .left-bar .bar-item:last-child { height: 6rem; } .category-cooperation001 .ylt-container .inner-ylt .left-city .left-bar .bar-item:last-child { border-bottom: none; } .category-cooperation001 .ylt-container .inner-ylt .left-city .city-content { box-sizing: border-box; padding: 2rem 0.9rem 4.6rem; } .category-cooperation001 .ylt-container .inner-ylt .left-city .city-content h1 { font-size: 1.6rem; line-height: 1.6rem; color: #fff; font-weight: normal; margin-bottom: 1.2rem; } .category-cooperation001 .ylt-container .inner-ylt .left-city .city-content h1 a { color: #fff; } .category-cooperation001 .ylt-container .inner-ylt .left-city .city-content ul { height: 27.75rem; display: flex; flex-direction: column; flex-wrap: wrap; } .category-cooperation001 .ylt-container .inner-ylt .left-city .city-content ul li { width: 10rem; height: 2.3rem; display: flex; align-items: center; padding-left: 1.65rem; margin-right: 0.9rem; cursor: pointer; } .category-cooperation001 .ylt-container .inner-ylt .left-city .city-content ul li p { font-size: 0.8rem; line-height: 0.8rem; color: #fff; position: relative; margin-right: 0.2rem; } .category-cooperation001 .ylt-container .inner-ylt .left-city .city-content ul li p:before { content: ""; display: block; position: absolute; width: 2px; height: 0.8rem; background-color: #fff; left: -0.6rem; top: 50%; transform: translateY(-50%); } .category-cooperation001 .ylt-container .inner-ylt .left-city .city-content ul li span { display: inline-block; padding: 0 0.2rem; background-color: rgba(255, 255, 255, 0.3); color: #fff; border-radius: 2px; font-size: 0.7rem; line-height: 0.9rem; } .category-cooperation001 .ylt-container .inner-ylt .left-city .city-content ul li.cur { background-color: #AB6034; } .category-cooperation001 .ylt-container .inner-ylt .right-hos { width: 32rem; height: 100%; overflow-y: auto; } .category-cooperation001 .ylt-container .inner-ylt .right-hos::-webkit-scrollbar { width: 0.8rem; } .category-cooperation001 .ylt-container .inner-ylt .right-hos::-webkit-scrollbar-track { box-shadow: 2px 2px 10px rgba(195, 195, 195, 0.35); background: rgba(215, 215, 215, 0.5); border-radius: 8px; } .category-cooperation001 .ylt-container .inner-ylt .right-hos::-webkit-scrollbar-thumb { height: 4.9rem; border-radius: 7px; box-shadow: 2px 2px 10px rgba(195, 195, 195, 0.35); background: #AAAAAA; } .category-cooperation001 .ylt-container .inner-ylt .right-hos ul { width: 100%; display: none; } .category-cooperation001 .ylt-container .inner-ylt .right-hos ul:first-child { display: block; } .category-cooperation001 .ylt-container .inner-ylt .right-hos ul li { width: 100%; height: 3rem; margin-bottom: 0.5rem; background-color: #fff; box-shadow: 2px 2px 10px rgba(195, 195, 195, 0.35); border-radius: 4px; } .category-cooperation001 .ylt-container .inner-ylt .right-hos ul li a { display: block; width: 100%; height: 100%; box-sizing: border-box; line-height: 3rem; padding: 0 1rem; color: #333333; font-size: 0.8rem; } .category-cooperation001 .ylt-container .inner-ylt .right-hos ul li a:hover { color: #5898A6; } .category-cooperation001 .specialist-container { padding: 3rem 0; position: relative; } .category-cooperation001 .specialist-container > img { position: absolute; right: 0; bottom: 0; } .category-cooperation001 .specialist-container .inner-specialist { position: relative; z-index: 11; } .category-cooperation001 .specialist-container h1.left-tit { display: flex; justify-content: space-between; align-items: center; font-weight: normal; margin-bottom: 1.5rem; } .category-cooperation001 .specialist-container h1.left-tit a.col-tit { font-size: 1.6rem; line-height: 1.6rem; color: #000000; } .category-cooperation001 .specialist-container h1.left-tit a.more { font-size: 0.8rem; line-height: 0.8rem; color: #5F929D; } .category-cooperation001 .specialist-container h1.left-tit a.more i { color: #FFA943; font-size: 0.7rem; margin-left: 0.5rem; } .category-cooperation001 .specialist-container .specialist-content { display: flex; justify-content: space-between; height: 24.35rem; } .category-cooperation001 .specialist-container .specialist-content .left-img-content { width: 29rem; height: 100%; box-shadow: 2px 2px 8px rgba(210, 210, 210, 0.35); } .category-cooperation001 .specialist-container .specialist-content .left-img-content .slick-dots { text-align: right; bottom: 9.35rem; } .category-cooperation001 .specialist-container .specialist-content .left-img-content .slick-dots li { width: 2.5rem; height: 0.4rem; background-color: #D7D7D7; } .category-cooperation001 .specialist-container .specialist-content .left-img-content .slick-dots li button:before { display: none; } .category-cooperation001 .specialist-container .specialist-content .left-img-content .slick-dots li.slick-active { background-color: #EAB660; } .category-cooperation001 .specialist-container .specialist-content .left-img { display: block; width: 29rem; height: 100%; } .category-cooperation001 .specialist-container .specialist-content .left-img:hover .img img { transform: scale(1.03); } .category-cooperation001 .specialist-container .specialist-content .left-img:hover .bottom-tit p { color: #5F929D; } .category-cooperation001 .specialist-container .specialist-content .left-img .img { width: 100%; height: 16.5rem; overflow: hidden; } .category-cooperation001 .specialist-container .specialist-content .left-img .img img { width: 100%; transition: all 0.3s; } .category-cooperation001 .specialist-container .specialist-content .left-img .bottom-tit { height: 7.85rem; background-color: #fff; box-sizing: border-box; padding: 1.5rem 1.5rem 0; } .category-cooperation001 .specialist-container .specialist-content .left-img .bottom-tit p { font-size: 1rem; line-height: 1.5rem; color: #333333; line-height: 30px; max-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin-bottom: 1rem; } .category-cooperation001 .specialist-container .specialist-content .left-img .bottom-tit span { font-size: 0.8rem; line-height: 0.8rem; color: #5F929D; } .category-cooperation001 .specialist-container .specialist-content .info-list { width: 29rem; } .category-cooperation001 .specialist-container .specialist-content .info-list li { width: 100%; padding: 1rem 0 0.5rem; border-bottom: 1px solid #D4D4D4; font-size: 0; } .category-cooperation001 .specialist-container .specialist-content .info-list li span { font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; font-size: 0.7rem; color: #5f929d; line-height: 0.7rem; } .category-cooperation001 .specialist-container .specialist-content .info-list li p { font-size: 0.8rem; margin-top: 0.5rem; 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; } .category-cooperation001 .specialist-container .specialist-content .info-list li p a { color: #000000; } .category-cooperation001 .specialist-container .specialist-content .info-list li p:hover a { color: #5F929D; } .category-cooperation001 .specialist-container .specialist-content .info-list li:first-child { padding-top: 0; } .category-cooperation001 .specialist-container .specialist-content .info-list li:last-child { border-bottom: none; } .category-cooperation001 .video-top { background-color: #F0F3F4; padding: 2.9rem 4rem; } .category-cooperation001 .video-top .tab-tit { display: flex; margin-bottom: 0.5rem; justify-content: space-between; } .category-cooperation001 .video-top .tab-tit h2 { font-size: 0; } .category-cooperation001 .video-top .tab-tit h2 .tit-item { display: inline-block; position: relative; } .category-cooperation001 .video-top .tab-tit h2 .tit-item.cur a { color: #5898A6; } .category-cooperation001 .video-top .tab-tit h2 .tit-item.cur a:after { content: ''; display: block; position: absolute; height: 0.1rem; width: 3rem; background-color: #FFA943; left: 0; bottom: -0.5rem; } .category-cooperation001 .video-top .tab-tit h2 a { font-size: 1.6rem; color: #555555; display: inline-block; position: relative; font-weight: normal; } .category-cooperation001 .video-top .tab-tit h2 .tit-item + .tit-item { margin-left: 30px; } .category-cooperation001 .video-top .tab-tit h2 .tit-item + .tit-item:before { content: ''; display: block; position: absolute; height: 0.5rem; width: 0.5rem; background-color: #aaa; border-radius: 50%; left: -1rem; top: 50%; margin-top: -0.25rem; } .category-cooperation001 .video-top .tab-tit a.get-more { font-size: 0.8rem; color: #5F929D; line-height: 1.6rem; } .category-cooperation001 .video-top .tab-tit a.get-more i { display: inline-block; margin-left: 0.5rem; color: #FFA943; } .category-cooperation001 .video-top .tab-tit a.get-more:hover i { color: #5F929D; } .category-cooperation001 .video-top .top-news-list { display: flex; flex-wrap: wrap; } .category-cooperation001 .video-top .top-news-list .top-news-item { margin-right: 1rem; width: 19rem; height: 5.5rem; box-sizing: border-box; padding: 1rem 0; } .category-cooperation001 .video-top .top-news-list .top-news-item span { font-size: 0.7rem; color: #5F929D; } .category-cooperation001 .video-top .top-news-list .top-news-item p { 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; font-size: 0.8rem; } .category-cooperation001 .video-top .top-news-list .top-news-item p:hover a { color: #1D9D9A; } .category-cooperation001 .video-top .top-news-list .top-news-item:nth-child(-n+3) { border-bottom: 1px solid rgba(170, 170, 170, 0.5); } .category-cooperation001 .video-top .top-news-list .top-news-item:nth-child(3n) { margin-right: 0; } .all-cats-box { display: none; position: fixed; background-color: #1D9D9A; height: 100vh; width: 100vw; z-index: 2023; top: 0; left: 0; box-sizing: border-box; padding-top: 2rem; } .all-cats-box .header-layout { position: relative; padding-top: 0.5rem; height: 2.5rem; display: flex; justify-content: space-between; align-items: center; } .all-cats-box .header-layout .top-nav { display: flex; align-items: center; font-size: 0.8rem; line-height: 1; position: absolute; right: 2.5rem; transition: all 0.3s; opacity: 0.3; top: 50%; margin-top: -0.2rem; } .all-cats-box .header-layout .top-nav a { color: #fff; } .all-cats-box .header-layout .top-nav a i { margin-right: 0.25rem; } .all-cats-box .header-layout .top-nav .line { margin: 0 1rem; height: 0.8rem; width: 1px; background-color: #fff; opacity: 0.3; } .all-cats-box .header-layout .top-nav .line:last-of-type { display: none; } .all-cats-box.is-show .header-layout .top-nav { opacity: 1; right: 13.3rem; } .all-cats-box.is-show .all-cats-content { opacity: 1; transform: translateY(0); } .all-cats-box .all-cats-content { display: flex; justify-content: space-between; margin: 2rem auto 0; height: calc(100vh - 8.3rem); overflow-x: hidden; overflow-y: auto; opacity: 0.3; transition: all 0.3s; transform: translateY(5rem); } .all-cats-box .all-cats-content::-webkit-scrollbar { width: 8px; height: 8px; background-color: inherit; } .all-cats-box .all-cats-content::-webkit-scrollbar-track { border-radius: 8px; background-color: inherit; } .all-cats-box .all-cats-content::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #fff; } .all-cats-box .all-cats-content .header-layout { min-height: 100%; align-items: flex-start; padding-top: 0; } .all-cats-box .all-cats-content .header-layout .first-nav-box { flex: 1; } .all-cats-box .all-cats-content .header-layout .first-nav-box .first-nav-title { font-size: 1.2rem; line-height: 1; margin-bottom: 2rem; } .all-cats-box .all-cats-content .header-layout .first-nav-box .first-nav-title a { color: #fff; display: inline-block; } .all-cats-box .all-cats-content .header-layout .first-nav-box .first-nav-title i { display: none; color: #fff; transition: all 0.2s; } .all-cats-box .all-cats-content .header-layout .first-nav-box.active .first-nav-title i { transform: rotate(180deg); } .all-cats-box .all-cats-content .header-layout .first-nav-box .second-nav-box { max-width: 6rem; } .all-cats-box .all-cats-content .header-layout .first-nav-box .second-nav-box .second-nav-title { font-size: 0.8rem; line-height: 1.5; margin-top: 1rem; } .all-cats-box .all-cats-content .header-layout .first-nav-box .second-nav-box .second-nav-title a { color: #fff; } .all-cats-box .all-cats-content .header-layout .first-nav-box .second-nav-box .third-nav-box .third-nav-title { font-size: 0.8rem; line-height: 1; margin-top: 1rem; } .all-cats-box .all-cats-content .header-layout .first-nav-box .second-nav-box .third-nav-box .third-nav-title a { color: rgba(255, 255, 255, 0.71); } .all-cats-box .all-cats-content .header-layout .first-nav-box .second-nav-box .third-nav-box .third-nav-title:before { content: ''; display: inline-block; height: 5px; width: 5px; background-color: rgba(255, 255, 255, 0.71); margin-right: 8px; position: relative; top: -2px; } @media (max-width: 1280px) { .all-cats-box.is-show .header-layout .top-nav { top: 20px; } } @media (max-width: 960px) { .all-cats-box { padding-top: 60px; } .all-cats-box .header-layout { height: 50px; } .all-cats-box .all-cats-content { margin-top: 10px; height: calc(100vh - 120px); } .all-cats-box .all-cats-content::-webkit-scrollbar { width: 5px; height: 5px; background-color: inherit; } .all-cats-box .all-cats-content::-webkit-scrollbar-track { border-radius: 5px; background-color: inherit; } .all-cats-box .all-cats-content::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #fff; } .all-cats-box .all-cats-content .header-layout { flex-direction: column; height: auto; justify-content: flex-start; padding: 0 20px; width: 100%; } .all-cats-box .all-cats-content .header-layout .first-nav-box { width: 100%; flex: none; } .all-cats-box .all-cats-content .header-layout .first-nav-box .first-nav-title { font-size: 1.2rem; height: 60px; line-height: 60px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); width: 100%; display: flex; justify-content: space-between; margin-bottom: 0; } .all-cats-box .all-cats-content .header-layout .first-nav-box .first-nav-title i { display: inline-block; } .all-cats-box .all-cats-content .header-layout .first-nav-box .second-nav-box { display: none; } .all-cats-box .all-cats-content .header-layout .first-nav-box .second-nav-box .third-nav-box { display: flex; flex-wrap: wrap; } .all-cats-box .all-cats-content .header-layout .first-nav-box .second-nav-box .third-nav-box .third-nav-title { margin-right: 10px; } .all-cats-box .all-cats-content .header-layout .first-nav-box:nth-child(1) .first-nav-title { border-top: 1px solid rgba(255, 255, 255, 0.4); } .all-cats-box.is-show .header-layout .top-nav { right: 15px; font-size: 12px; } .all-cats-box.is-show .header-layout .top-nav .line { margin: 0 5px; } } .all-qrcode-box { display: none; position: fixed; background-color: #1D9D9A; height: 100vh; width: 100vw; z-index: 2024; top: 0; left: 0; box-sizing: border-box; } .all-qrcode-box .index-header { position: absolute; top: 3rem; left: 0; width: 100%; } .all-qrcode-box .index-header .index-layout { display: flex; align-items: center; justify-content: space-between; } .all-qrcode-box .index-header a.logo { display: block; height: 3rem; } .all-qrcode-box .index-header a.logo img { height: 100%; } .all-qrcode-box .index-header .right-nav { display: flex; align-items: center; } .all-qrcode-box .index-header .right-nav .top-nav { display: flex; align-items: center; font-size: 0.8rem; line-height: 1; transform: translateX(30px); transition: all 0.3s; opacity: 0.3; } .all-qrcode-box .index-header .right-nav .top-nav a { color: #fff; } .all-qrcode-box .index-header .right-nav .top-nav a i { margin-right: 0.25rem; } .all-qrcode-box .index-header .right-nav .top-nav .line { margin: 0 1rem; height: 0.8rem; width: 1px; background-color: #fff; opacity: 0.3; } .all-qrcode-box .index-header .right-nav .top-nav .line:last-of-type { display: none; } .all-qrcode-box .index-header .right-nav .right-btn { display: flex; z-index: 2024; margin-left: 2rem; } .all-qrcode-box .index-header .right-nav .right-btn a.close-qr-btn { position: relative; z-index: 2024; display: flex; height: 1.2rem; width: 1.4rem; align-items: center; flex-direction: column; justify-content: space-between; } .all-qrcode-box .index-header .right-nav .right-btn a.close-qr-btn:before, .all-qrcode-box .index-header .right-nav .right-btn a.close-qr-btn:after { content: ''; display: block; height: 0.2rem; width: 100%; border-radius: 0.2rem; background-color: #fff; transform-origin: left; transition: all 0.3s; } .all-qrcode-box .index-header .right-nav .right-btn a.close-qr-btn:before { transform: rotate(45deg); } .all-qrcode-box .index-header .right-nav .right-btn a.close-qr-btn:after { transform: rotate(-45deg); } @media (max-width: 1200px) { .all-qrcode-box .index-header .right-nav .right-btn a.close-qr-btn { height: 20px; width: 24px; } .all-qrcode-box .index-header .right-nav .right-btn a.close-qr-btn span, .all-qrcode-box .index-header .right-nav .right-btn a.close-qr-btn:before, .all-qrcode-box .index-header .right-nav .right-btn a.close-qr-btn:after { height: 3px; } } .all-qrcode-box .qrcode-container { width: 40rem; margin: 0 auto; height: 100vh; box-sizing: border-box; } .all-qrcode-box .qrcode-container .qr-list { display: flex; flex-wrap: wrap; position: relative; top: 50%; transform: translateY(calc(-50% + 2rem)); margin: 0 auto; overflow-y: auto; margin-right: -0.5rem; max-height: calc(100vh - 230px); } .all-qrcode-box .qrcode-container .qr-list::-webkit-scrollbar { width: 0.3rem; height: 0.3rem; background-color: inherit; } .all-qrcode-box .qrcode-container .qr-list::-webkit-scrollbar-track { width: 0.3rem; border-radius: 100px; background-color: rgba(0, 0, 0, 0.5); } .all-qrcode-box .qrcode-container .qr-list::-webkit-scrollbar-thumb { width: 0.5rem; border-radius: 8px; background-color: #fff; } .all-qrcode-box .qrcode-container .qr-list .qr-item { width: 8rem; margin: 0 1rem 2rem; cursor: pointer; text-align: center; } .all-qrcode-box .qrcode-container .qr-list .qr-item .qr-img { width: 100%; height: 8rem; border-radius: 10px; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.2); margin-bottom: 1rem; position: relative; } .all-qrcode-box .qrcode-container .qr-list .qr-item .qr-img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.3s; } .all-qrcode-box .qrcode-container .qr-list .qr-item .qr-img i { font-size: 3rem; color: #fff; } .all-qrcode-box .qrcode-container .qr-list .qr-item span { font-size: 0.8rem; color: #fff; line-height: 1; } .all-qrcode-box .qrcode-container .qr-list .qr-item:hover .qr-img img { opacity: 1; } .all-qrcode-box .qrcode-container .qr-list .qr-item:hover .qr-img i { opacity: 0; } .all-qrcode-box.is-show .index-layout .right-nav .top-nav { opacity: 1; transform: translateX(0); } .all-qrcode-box.is-show .all-qrcode-content { opacity: 1; transform: translateY(0); } @media (max-width: 960px) { .all-qrcode-box .index-header { top: 20px; } .all-qrcode-box .index-header a.logo { height: 30px; } .all-qrcode-box .index-header .right-nav { position: relative; } .all-qrcode-box .index-header .right-nav .top-nav { position: absolute; top: 40px; right: -10px; width: calc(100vw - 20px); flex-wrap: wrap; justify-content: center; } .all-qrcode-box .index-header .right-nav .top-nav a { flex-shrink: 0; font-size: 12px; } .all-qrcode-box .index-header .right-nav .top-nav .line { flex-shrink: 0; margin: 0 5px; } .all-qrcode-box .index-header .right-nav .right-btn .search-btn { margin: 0 10px; } .all-qrcode-box .index-header .right-nav .right-btn a.en { margin-right: 10px; } .all-qrcode-box .qrcode-container { width: 100%; } .all-qrcode-box .qrcode-container .qr-list .qr-item { width: calc((100% - 6rem) / 3); } .all-qrcode-box .qrcode-container .qr-list .qr-item .qr-img { height: calc((100vw - 8rem) / 3); } } .index-layout { width: 80rem; margin: 0 auto; } @media (max-width: 1600px) { .index-layout { width: 68rem; } } @media (max-width: 1440px) { .index-layout { width: 60rem; } } @media (max-width: 1280px) { .index-layout { width: 48rem; } } @media (max-width: 960px) { .index-layout { width: 100%; min-width: 360px; padding: 0 20px; box-sizing: border-box; } } .news-show004 { padding-bottom: 4rem; display: flex; justify-content: space-between; } .news-show004 .list-item.has-right { width: 40rem; } .news-show004 .list-item { width: 100%; } .news-show004 .list-item .content { width: 100%; border-bottom: 1px solid #AAAAAA; padding-bottom: 1rem; position: relative; } .news-show004 .list-item .content .news-title { border-bottom: 1px solid #D7D7D7; padding-bottom: 1rem; color: #444; position: relative; } .news-show004 .list-item .content .news-title:after { content: ""; display: block; width: 7.1rem; height: 0.1rem; background-color: #9CC301; position: absolute; bottom: 0; left: 0; } .news-show004 .list-item .content .news-title p { font-size: 0.9rem; line-height: 1.5; text-align: center; } .news-show004 .list-item .content .news-title p.top-title { margin-bottom: 0.5rem; } .news-show004 .list-item .content .news-title p.sub-title { margin-top: 0.5rem; } .news-show004 .list-item .content .news-title h1 { text-align: center; font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif; font-weight: normal; font-style: normal; font-size: 1.6rem; color: #333333; line-height: 1.5; } .news-show004 .list-item .content .news-title span { font-size: 0.7rem; color: #888; line-height: 1; display: inline-block; } .news-show004 .list-item .content .news-title .time-comefrom { margin-top: 2rem; font-size: 0; } .news-show004 .list-item .content .news-title .time-comefrom span.comefrom { margin-left: 1.05rem; position: relative; } .news-show004 .list-item .content .news-title .time-comefrom span.comefrom:before { content: ""; height: 14px; width: 1px; background-color: #D7D7D7; position: absolute; top: 0; left: -0.5rem; } .news-show004 .list-item .content .news-title .news-author { font-size: 0; margin-top: 0.7rem; } .news-show004 .list-item .content .news-title .news-author span { margin-right: 1rem; position: relative; } .news-show004 .list-item .content .news-title .news-author span + span:before { content: ""; height: 14px; width: 1px; background-color: #D7D7D7; position: absolute; left: -0.5rem; top: 0; } .news-show004 .list-item .content .news-title .ctrl { position: absolute; right: 0; bottom: 1rem; display: flex; align-items: center; } .news-show004 .list-item .content .news-title .ctrl span { color: #333333; font-size: 0.7rem; line-height: 1; } .news-show004 .list-item .content .news-title .ctrl .btn { color: #7F7F7F; font-size: 1rem; margin-left: 0.5rem; line-height: 1; cursor: pointer; } .news-show004 .list-item .content .news-title .ctrl .btn i { font-size: 1rem; } .news-show004 .list-item .content .news-title .ctrl .btn:hover { color: #1D9D9A; } .news-show004 .list-item .content .news-title .ctrl .btn:hover i { color: #1D9D9A; } .news-show004 .list-item .content .news-content { padding-top: 2rem; } .news-show004 .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-show004 .list-item .content .news-content img { max-width: 100% !important; display: block; margin-right: auto; margin-left: auto; height: auto !important; } .news-show004 .list-item .content .original-title { font-size: 0.8rem; color: #7F7F7F; line-height: 1.5; margin-top: 1rem; } .news-show004 .list-item .content .share-box { display: flex; justify-content: flex-end; align-items: center; margin-top: 1rem; font-size: 0; } .news-show004 .list-item .content .share-box span { color: #333333; font-size: 0.7rem; line-height: 1; display: inline-block; } .news-show004 .list-item .content .share-box .share-btn { margin-left: 0.5rem; } .news-show004 .list-item .content .share-box .share-btn i { font-size: 1rem; line-height: 1; color: #7F7F7F; } .news-show004 .list-item .content .share-box .share-btn:hover i { color: #1D9D9A; } .news-show004 .list-item .left-tit { font-size: 1.2rem; line-height: 1; color: #333; font-weight: normal; } .news-show004 .list-item .related-expert { margin-top: 2rem; } .news-show004 .list-item .related-expert ul { margin-top: 1rem; } .news-show004 .list-item .related-expert ul li { margin-top: 0.5rem; } .news-show004 .list-item .related-expert ul li a { height: 7.95rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-color: #fff; box-sizing: border-box; padding: 1rem; display: flex; } .news-show004 .list-item .related-expert ul li a .doc-img { width: 4.5rem; height: 6rem; margin-right: 2rem; flex-shrink: 0; overflow: hidden; border-radius: 4px; } .news-show004 .list-item .related-expert ul li a .doc-img img { width: 100%; height: 100%; } .news-show004 .list-item .related-expert ul li a .doc-info .doc-name { font-size: 0.9rem; color: #333; line-height: 1; margin-top: 0.5rem; } .news-show004 .list-item .related-expert ul li a .doc-info .dep-protit { display: flex; margin-top: 0.5rem; font-size: 0; } .news-show004 .list-item .related-expert ul li a .doc-info .dep-protit .depart { font-size: 0.7rem; color: #000; line-height: 1; } .news-show004 .list-item .related-expert ul li a .doc-info .dep-protit .protit { margin-left: 1rem; } .news-show004 .list-item .related-expert ul li a .doc-info .dep-protit .protit span { font-size: 0.7rem; color: #000; display: inline-block; line-height: 1; position: relative; } .news-show004 .list-item .related-expert ul li a .doc-info .dep-protit .protit span + span:before { content: "/"; } .news-show004 .list-item .related-expert ul li a .doc-info .goodat { margin-top: 0.5rem; color: #7F7F7F; line-height: 1.05rem; max-height: 3.15rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; font-size: 0.7rem; } .news-show004 .list-item .related-expert ul li a:hover .doc-info .doc-name { color: #1D9D9A; } .news-show004 .list-item .related-depart { margin-top: 2rem; } .news-show004 .list-item .related-depart ul li { padding: 1rem 0; border-bottom: 1px solid #D7D7D7; box-sizing: border-box; } .news-show004 .list-item .related-depart ul li .dep-tit { display: inline-block; font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif; font-weight: normal; font-style: normal; font-size: 0.9rem; color: #333333; line-height: 1; margin-bottom: 1rem; } .news-show004 .list-item .related-depart ul li .dep-tit:hover { color: #1D9D9A; } .news-show004 .list-item .related-depart ul li .dep-intro { font-size: 0.7rem; 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-show004 .news-right { width: 17rem; } .news-show004 .news-right a.column-tit { width: 100%; color: #333333; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; line-height: 1; } .news-show004 .news-right a.column-tit span { font-size: 1.2rem; } .news-show004 .news-right a.column-tit i { font-size: 0.8rem; } .news-show004 .news-right a.column-tit:hover { color: #1D9D9A; } .news-show004 .news-right ul { margin-top: 1rem; width: 100%; } .news-show004 .news-right ul li { width: 100%; height: 4.5rem; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); margin-bottom: 1rem; background-color: #fff; transition: all 0.5s; position: relative; overflow: hidden; } .news-show004 .news-right ul li:hover a img { opacity: 0.15; } .news-show004 .news-right ul li:hover a p.title, .news-show004 .news-right ul li:hover a .time { color: #1D9D9A; } .news-show004 .news-right ul li a { width: 100%; height: 100%; display: block; box-sizing: border-box; padding: 0.5rem; font-size: 0; position: relative; } .news-show004 .news-right ul li a img { position: absolute; bottom: 0; right: 0; opacity: 0; } .news-show004 .news-right ul li a .time { font-size: 0.7rem; color: #9CC301; display: inline-block; line-height: 1; } .news-show004 .news-right ul li a p.title { font-size: 0.8rem; line-height: 1.2rem; max-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; color: #333333; margin-top: 0.4rem; } @media (max-width: 960px) { .news-show004 { display: block; } .news-show004 .list-item.has-right { width: 100%; } .news-show004 .news-right { width: 100%; margin-top: 20px; } } .list-department003 .area-tabs-box { display: flex; align-items: center; margin-bottom: 2rem; } .list-department003 .area-tabs-box span { font-size: 0.9rem; color: #333; } .list-department003 .area-tabs-box .area-tabs { display: flex; text-align: center; font-size: 0.9rem; } .list-department003 .area-tabs-box .area-tabs a { display: block; height: 2rem; line-height: 2rem; background-color: #F2F2F2; text-align: center; padding: 0 1rem; margin-left: 0.5rem; color: #333; border-radius: 4px; } .list-department003 .area-tabs-box .area-tabs a.cur { background-color: #1D9D9A; color: #fff; } .list-department003 .tab-pannel-wrap .tab-pannel { display: none; } .list-department003 .tab-pannel-wrap .tab-pannel:first-child { display: block; } .list-department003 .dep-class { font-size: 0.9rem; color: #333; display: flex; align-items: center; margin-bottom: 1.5rem; } .list-department003 .dep-class .dep-tab-tit { display: flex; } .list-department003 .dep-class .dep-tab-tit a { display: block; height: 2rem; line-height: 2rem; background-color: #F2F2F2; text-align: center; padding: 0 1rem; margin-left: 0.5rem; color: #333; border-radius: 4px; } .list-department003 .dep-class .dep-tab-tit a.cur { background-color: #1D9D9A; color: #fff; } .list-department003 .dep-content .anchor-ele { position: relative; top: -7.3rem; visibility: hidden; } .list-department003 .dep-content h2 { display: flex; justify-content: center; font-weight: normal; position: relative; font-size: 0; } .list-department003 .dep-content h2:before { position: absolute; left: 0; top: 50%; content: ""; display: block; width: 100%; height: 1px; background-color: #1D9D9A; } .list-department003 .dep-content h2 .tit-box { padding: 0 0.3rem; background-color: #fff; position: relative; text-align: center; display: flex; align-items: center; } .list-department003 .dep-content h2 .tit-box i { display: block; width: 0.45rem; height: 0.45rem; box-sizing: border-box; background-color: #1D9D9A; border: 1px solid #fff; outline: 1px solid #1D9D9A; transform: rotate(45deg); } .list-department003 .dep-content h2 .tit-box span { font-size: 1rem; line-height: 1; color: #000000; margin: 0 0.6rem; } .list-department003 .dep-content ul { margin-top: 1rem; display: flex; flex-wrap: wrap; margin-right: -0.8rem; } .list-department003 .dep-content ul li { margin-right: 0.8rem; width: 14.4rem; height: 2.8rem; border-radius: 0.2rem; box-sizing: border-box; border: 1px solid #E4E4E4; margin-bottom: 0.8rem; transition: all 0.5s; } .list-department003 .dep-content ul li a { display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 0 1rem; } .list-department003 .dep-content ul li a p { color: #333; font-size: 0.8rem; line-height: 56px; max-height: 56px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; transition: all 0.5s; } .list-department003 .dep-content ul li:hover { border-color: #1D9D9A; } .list-department003 .dep-content ul li:hover a p { color: #1D9D9A; } .list-department003 .dep-content + .dep-content { margin-top: 2.2rem; } @media (max-width: 1200px) { .list-department003 .dep-content ul li a p { line-height: 42px; max-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } } @media (max-width: 960px) { .list-department003 .area-tabs-box { flex-wrap: wrap; margin-bottom: 10px; } .list-department003 .area-tabs-box span { display: block; width: 100%; } .list-department003 .area-tabs-box .area-tabs { flex-wrap: wrap; } .list-department003 .area-tabs-box .area-tabs a { font-size: 14px; margin-left: 0; margin-right: 5px; margin-top: 10px; padding: 0 5px; } .list-department003 .dep-class { flex-wrap: wrap; } .list-department003 .dep-class span { display: block; width: 100%; } .list-department003 .dep-class .dep-tab-tit { flex-wrap: wrap; } .list-department003 .dep-class .dep-tab-tit a { margin-left: 0; margin-right: 5px; margin-top: 10px; padding: 0 5px; } .list-department003 .dep-content ul { margin-right: 0; justify-content: space-between; } .list-department003 .dep-content ul li { width: 49%; margin-right: 0; } } .home-banner001 { width: 100%; height: 36rem; position: relative; } .home-banner001:after { content: ""; width: 100%; height: 12rem; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)); } .home-banner001 .banner-slick { width: 100%; height: 36rem; margin-bottom: 0; position: relative; } .home-banner001 .banner-slick .index-slider-item { display: block; height: 36rem; width: 100%; background-size: cover; background-position: center; } .home-banner001 .banner-slick .index-slider-item div.slide-txt { position: absolute; } .home-banner001 .banner-slick .index-slider-item div.slide-txt img { transition: all 1s ease-out 0.3s; opacity: 0; } .home-banner001 .banner-slick .index-slider-item div.slide-txt.slide-txt-left { left: 0; top: 50%; transform: translateY(-50%); } .home-banner001 .banner-slick .index-slider-item div.slide-txt.slide-txt-left img { transform: translateX(-150px); } .home-banner001 .banner-slick .index-slider-item div.slide-txt.slide-txt-right { right: 0; top: 50%; transform: translateY(-50%); } .home-banner001 .banner-slick .index-slider-item div.slide-txt.slide-txt-right img { transform: translateX(150px); } .home-banner001 .banner-slick .index-slider-item div.slide-txt.slide-txt-top { top: 0; left: 50%; transform: translateX(-50%); } .home-banner001 .banner-slick .index-slider-item div.slide-txt.slide-txt-top img { transform: translateY(-150px); } .home-banner001 .banner-slick .index-slider-item div.slide-txt.slide-txt-bottom { bottom: 0; left: 50%; transform: translateX(-50%); } .home-banner001 .banner-slick .index-slider-item div.slide-txt.slide-txt-bottom img { transform: translateX(150px); } .home-banner001 .banner-slick .index-slider-item div.slide-txt.slide-txt-center { left: 50%; top: 50%; transform: translate(-50%, -50%); } .home-banner001 .banner-slick .index-slider-item div.slide-txt.slide-txt-center img { transform: translateY(150px); } .home-banner001 .banner-slick .slick-current .index-slider-item div.slide-txt img { transform: translate(0, 0); opacity: 1; } .home-banner001 .banner-slick .slick-dots { bottom: 5.6rem; right: calc(50vw - 680px + 52px); width: auto; z-index: 2; font-size: 0; } .home-banner001 .banner-slick .slick-dots li { width: 0.8rem; height: 0.8rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.6); margin: 0 0.6rem; } .home-banner001 .banner-slick .slick-dots li.slick-active { background-color: #fff; } .home-banner001 .banner-slick .slick-dots li button { display: none; } .home-banner001 .banner-slick .slick-arrow { position: absolute; top: 50%; margin-top: -1.5rem; width: 3rem; height: 3rem; border-radius: 50%; background-color: rgba(0, 0, 0, 0.29); text-align: center; line-height: 3rem; font-size: 1.65rem; color: #fff; z-index: 1; cursor: pointer; } .home-banner001 .banner-slick .slick-arrow.prev { left: calc(50% - 740px); } .home-banner001 .banner-slick .slick-arrow.next { right: calc(50% - 740px); } .home-banner001 .toggle-btn { width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; position: absolute; bottom: 5rem; right: calc(50vw - 680px); background-color: #fff; cursor: pointer; z-index: 2; } .home-banner001 .toggle-btn #my-canvas, .home-banner001 .toggle-btn #m-canvas { position: absolute; left: 0; top: 0; } .home-banner001 .toggle-btn i { font-size: 1rem; line-height: 1; color: #5C5C66; } .home-banner001 .toggle-btn i.play { display: none; margin-left: 2px; } .home-banner001 .toggle-btn.pause i.pause { display: none; } .home-banner001 .toggle-btn.pause i.play { display: inline-block; } .home-banner001 .toggle-btn.m-btn { display: none; } @media (max-width: 1440px) { .home-banner001 .banner-slick .slick-dots { right: calc(50vw - 27.4rem); } .home-banner001 .toggle-btn { right: calc(50vw - 30rem); } } @media (max-width: 960px) { .home-banner001 { height: 60vw; } .home-banner001:after { height: 80px; } .home-banner001 .banner-slick { height: 60vw; } .home-banner001 .banner-slick .index-slider-item { height: 60vw; } .home-banner001 .banner-slick .slick-dots { right: 61.6px; bottom: 59px; } .home-banner001 .toggle-btn { width: 25px; height: 25px; line-height: 22px; right: 20px; bottom: 53px; } .home-banner001 .toggle-btn i { font-size: 12px; } .home-banner001 .toggle-btn.pc-btn { display: none; } .home-banner001 .toggle-btn.m-btn { display: block; } } .home-search001 .layout { position: relative; } .home-search001 .inner-search { position: absolute; left: 0; top: -2.5rem; height: 5rem; width: 100%; border-radius: 0.5rem; background-color: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); padding: 1.5rem 2rem; box-sizing: border-box; z-index: 1; } .home-search001 .inner-search .change-wrap { display: flex; justify-content: space-between; align-items: center; position: relative; } .home-search001 .inner-search .change-wrap .keyword { width: 55rem; height: 2rem; border: none; font-size: 1rem; color: #333; } .home-search001 .inner-search .change-wrap .keyword::placeholder { color: #AAAAAA; transition: color 0.5s; } .home-search001 .inner-search .change-wrap .keyword:focus::placeholder { color: transparent; } .home-search001 .inner-search .change-wrap .keyword:focus + span { animation: popFadeIn 1s; display: block; } .home-search001 .inner-search .change-wrap > span { display: none; position: absolute; left: 0; bottom: 0; width: 55rem; height: 1px; background-color: #AAAAAA; } .home-search001 .inner-search .change-wrap .search-submit { width: 6rem; height: 2rem; border-radius: 1000px; background-color: #B0CE3A; color: #fff; line-height: 2rem; text-align: center; font-size: 0; position: relative; overflow: hidden; } .home-search001 .inner-search .change-wrap .search-submit i, .home-search001 .inner-search .change-wrap .search-submit span { position: relative; z-index: 1; } .home-search001 .inner-search .change-wrap .search-submit i { font-size: 1rem; margin-right: 0.5rem; } .home-search001 .inner-search .change-wrap .search-submit span { font-size: 1rem; line-height: 2rem; } .home-search001 .inner-search .change-wrap .search-submit:before { content: ""; position: absolute; width: 6rem; height: 6rem; 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; } @media (any-hover: hover) { .home-search001 .inner-search .change-wrap .search-submit:hover:before { top: -2rem; -webkit-transform: scale(1.2); } } @media (max-width: 1440px) { .home-search001 .inner-search .change-wrap .keyword, .home-search001 .inner-search .change-wrap > span { width: 47.5rem; } } @media (max-width: 960px) { .home-search001 .inner-search { padding: 10px 20px; height: 52px; width: calc(100% - 20px); left: 10px; top: -40px; } .home-search001 .inner-search .change-wrap .keyword { width: calc(100% - 100px); font-size: 12px; } .home-search001 .inner-search .change-wrap > span { width: calc(100% - 100px); } .home-search001 .inner-search .change-wrap .search-submit { width: 80px; } .home-search001 .inner-search .change-wrap .search-submit span { font-size: 14px; } } .home-column-entry { height: 46rem; background-color: #E3F2EF; position: relative; } .home-column-entry > img { position: absolute; bottom: 0; right: 0; } .home-column-entry > .layout { position: relative; } .home-column-entry .entry-box { display: block; width: 21.5rem; height: 25.5rem; position: absolute; top: 9.8rem; left: 0; box-sizing: border-box; padding: 3rem 0 0 2rem; background-size: cover; background-position: center bottom; } .home-column-entry .entry-box:before { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; } .home-column-entry .entry-box h1 { font-weight: normal; color: #fff; display: flex; align-items: center; z-index: 1; position: relative; } .home-column-entry .entry-box h1 i { font-size: 4rem; line-height: 1; margin-right: 1rem; } .home-column-entry .entry-box h1 span { font-size: 1.6rem; line-height: 1; } .home-column-entry .entry-box .more { margin-top: 2rem; display: flex; align-items: center; color: #fff; position: relative; } .home-column-entry .entry-box .more span { font-size: 16px; line-height: 1; } .home-column-entry .entry-box .more i { font-size: 16px; line-height: 1; margin-left: 10px; } .home-column-entry ul { width: 50.6rem; position: absolute; display: flex; right: 0; } .home-column-entry ul li { width: 16rem; height: 14rem; margin-bottom: 1.2rem; margin-right: 1.3rem; } .home-column-entry ul li a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; flex-direction: column; color: #fff; } .home-column-entry ul li a i { font-size: 4rem; z-index: 1; transition: all 0.5s; } .home-column-entry ul li a p { margin-top: 1.5rem; font-size: 1.2rem; line-height: 1; z-index: 1; transition: all 0.5s; } .home-column-entry ul li a:hover i, .home-column-entry ul li a:hover p { transform: translateY(-0.5rem); } .home-column-entry ul li.item0 { background-color: #328484; margin-top: 7.6rem; position: absolute; left: 0; } .home-column-entry ul li.item1 { background-color: #B0CE3A; margin-right: 17.25rem; position: absolute; left: 17.25rem; } .home-column-entry ul li.item2 { margin-top: 7.6rem; } .home-column-entry ul li.item3 { background-color: #4DA7E3; } .home-column-entry ul li.item4 { position: relative; margin-right: 0; } .home-column-entry ul li.item4 a:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.3); } .home-column-entry ul.box1 { top: 5.8rem; z-index: 1; } .home-column-entry ul.box2 { top: 21rem; } @media (max-width: 1440px) { .home-column-entry ul { width: 46.5rem; } .home-column-entry ul li { width: 15rem; height: 13.15rem; } .home-column-entry ul.box2 { top: 20.15rem; } .home-column-entry ul li.item1 { margin-right: 15.75rem; left: 15.75rem; } } @media (max-width: 960px) { .home-column-entry { height: calc(126vw + 180px); } .home-column-entry .entry-box { width: fit-content; height: auto; margin: 0 auto; top: 40px; padding: 0; position: relative; display: flex; background-image: none !important; flex-direction: column; align-items: center; } .home-column-entry .entry-box:before { display: none; } .home-column-entry .entry-box h1 span { font-size: 18px; color: #333; } .home-column-entry .entry-box .more { margin-top: 14px; } .home-column-entry .entry-box .more span { color: #7F7F7F; } .home-column-entry .entry-box .more i { color: #1D9D9A; margin-left: 4px; } .home-column-entry ul { width: 100%; justify-content: space-between; flex-wrap: wrap; padding: 0 10px; box-sizing: border-box; } .home-column-entry ul.box1 { top: 100px; } .home-column-entry ul.box2 { top: calc(42vw + 111px); } .home-column-entry ul li { height: 42vw; width: 49%; margin-right: 0; } .home-column-entry ul li a { background-repeat: no-repeat; background-size: cover; } .home-column-entry ul li a i { font-size: 50px; } .home-column-entry ul li.item0 { margin-top: 0; width: calc(100% - 20px ); left: 10px; } .home-column-entry ul li.item1 { margin-right: 0; left: 10px; top: calc(42vw + 11px); width: calc(49% - 10px); } .home-column-entry ul li.item2 { margin-top: 0; margin-left: 51%; } } h2.left-tab-tit { display: flex; justify-content: space-between; align-items: center; font-weight: normal; } h2.left-tab-tit.black a.tit { color: #000000; } h2.left-tab-tit.black a.tit:after { background-color: #1D9D9A; } h2.left-tab-tit a.tit { font-size: 2rem; line-height: 2rem; color: #fff; position: relative; } h2.left-tab-tit .tab-tit { flex: 1; font-size: 0; } h2.left-tab-tit .tab-tit a { margin-left: 1.5rem; font-size: 0.9rem; line-height: 0.9rem; color: rgba(255, 255, 255, 0.85); position: relative; } h2.left-tab-tit .tab-tit a.cur { color: #FFA943; } h2.left-tab-tit .tab-tit a.cur:after { position: absolute; content: ""; font-size: 0; width: 0; height: 0; border: 0.65rem solid transparent; border-top-color: #FFA943; left: 50%; transform: translateX(-50%); bottom: -1.8rem; border-top-width: 0.55rem; } h2.left-tab-tit a.more { display: flex; align-items: center; } h2.left-tab-tit a.more span { font-size: 0.8rem; line-height: 0.8rem; color: #1D9D9A; } h2.left-tab-tit a.more i { color: #DDBE49; font-size: 0.8rem; margin-left: 0.4rem; } .home-news002 { overflow: hidden; padding-top: 3rem; position: relative; height: 36rem; box-sizing: border-box; background-color: #fff; } .home-news002 .right { position: absolute; top: 0; right: 0; } .home-news002 .left-bg, .home-news002 .right-bg { position: absolute; top: 0; width: 50%; height: 100%; } .home-news002 .left-bg { left: 0; background-color: #328484; } .home-news002 .left-bg > img { position: absolute; left: 0; bottom: 0; } .home-news002 .right-bg { right: 0; background-color: #fff; } .home-news002 .tab-pannel-wrap { position: relative; } .home-news002 .tab-pannel { display: none; } .home-news002 .tab-pannel.cur { display: block; } @keyframes toShrink { from { width: 110%; } to { width: 100%; } } .home-news002 .tab-pannel.cur .inner-news .left-img .img-item a.img img { transition: all 0.5s; animation: toShrink linear 0.5s; } .home-news002 .inner-news { display: flex; justify-content: space-between; margin-top: 2rem; } .home-news002 .inner-news .time { font-size: 0.7rem; line-height: 0.7rem; color: #AAAAAA; } .home-news002 .inner-news .left-img { display: flex; justify-content: space-between; width: 44.75rem; } .home-news002 .inner-news .left-img .img-item { width: 21.5rem; height: 24.3rem; background-color: #fff; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); } .home-news002 .inner-news .left-img .img-item a.img { display: block; width: 100%; height: 16rem; overflow: hidden; } .home-news002 .inner-news .left-img .img-item a.img img { width: 100%; height: 100%; transition: all 1s; } .home-news002 .inner-news .left-img .img-item a.img:hover img { transform: scale(1.1); } .home-news002 .inner-news .left-img .img-item .bottom-info { width: 100%; height: 8.3rem; box-sizing: border-box; padding: 1rem; position: relative; font-size: 0; } .home-news002 .inner-news .left-img .img-item .bottom-info p { 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; font-size: 0.9rem; margin-bottom: 0.5rem; } .home-news002 .inner-news .left-img .img-item .bottom-info p a { color: #333; } .home-news002 .inner-news .left-img .img-item .bottom-info p a:hover { color: #1D9D9A; } .home-news002 .inner-news .left-img .img-item .bottom-info a.more { position: absolute; right: 1rem; bottom: 1rem; display: flex; align-items: flex-end; } .home-news002 .inner-news .left-img .img-item .bottom-info a.more i { display: inline-block; font-size: 1.05rem; line-height: 0.6rem; vertical-align: middle; margin-right: 0.5rem; color: #DDBE49; } .home-news002 .inner-news .left-img .img-item .bottom-info a.more span { font-size: 0.7rem; color: #7f7f7f; } .home-news002 .inner-news .left-img .img-item .bottom-info a.more:hover i { animation: toShow 0.8s; } .home-news002 .inner-news .right-news-list { width: 21.5rem; } .home-news002 .inner-news .right-news-list li { margin-bottom: 1.2rem; font-size: 0; } .home-news002 .inner-news .right-news-list li a { 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; color: #333; margin-bottom: 0.5rem; height: 2.7rem; } .home-news002 .inner-news .right-news-list li a:hover { color: #1D9D9A; } @media (max-width: 1440px) { .home-news002 { height: 34.6rem; } .home-news002 .inner-news .left-img { width: 39.5rem; } .home-news002 .inner-news .left-img .img-item { width: 19rem; height: 22.4rem; } .home-news002 .inner-news .left-img .img-item a.img { height: 14.1rem; } .home-news002 .inner-news .left-img .img-item .bottom-info { height: 8.3rem; } .home-news002 .inner-news .right-news-list { width: 19rem; } .home-news002 .inner-news .right-news-list li { margin-bottom: 0.25rem; } } @media (max-width: 1200px) { .home-news002 .inner-news .left-img .img-item .bottom-info p { 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; font-size: 14px; } .home-news002 .inner-news .right-news-list li a { 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; font-size: 14px; } } @media (max-width: 960px) { h2.left-tab-tit { flex-direction: column; } h2.left-tab-tit a.tit { color: #1D9D9A; font-size: 18px; } h2.left-tab-tit a.tit:after { background-color: #1D9D9A; left: 50%; transform: translateX(-50%); bottom: -5px; } h2.left-tab-tit .tab-tit { margin-top: 20px; } h2.left-tab-tit .tab-tit a { color: #1D9D9A; margin-left: 20px; } h2.left-tab-tit a.more { display: none; } .home-news002 { height: auto; padding: 20px 0; } .home-news002 > .layout { box-sizing: border-box; padding: 0 10px; } .home-news002 .left-bg, .home-news002 .right-bg { display: none; } .home-news002 h1.left-tit-more.white a.tit { color: #333; } .home-news002 .inner-news { flex-wrap: wrap; } .home-news002 .inner-news .left-img { width: 100%; flex-wrap: wrap; } .home-news002 .inner-news .left-img .img-item { width: 100%; height: auto; margin-bottom: 10px; } .home-news002 .inner-news .left-img .img-item a.img { height: 52vw; } .home-news002 .inner-news .right-news-list { width: 100%; margin-top: 10px; } } .home-video001 { background-color: #fff; } .home-video001 .layout { padding: 3rem 0 5rem; position: relative; } .home-video001 .layout:after { content: ""; width: 22rem; height: 20rem; background-color: #EEE9DD; position: absolute; right: -14rem; bottom: 0; } .home-video001 .video-list { margin-top: 2rem; margin-right: -1.75rem; display: flex; position: relative; z-index: 1; } .home-video001 .video-list .video-item { width: 21.5rem; margin-right: 1.75rem; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); } .home-video001 .video-list .video-item a.img { display: block; width: 100%; height: 12.1rem; overflow: hidden; } .home-video001 .video-list .video-item a.img img { width: 100%; height: 100%; transition: all 0.5s; } .home-video001 .video-list .video-item a.img:hover img { transform: scale(1.1); } .home-video001 .video-list .video-item .bottom-info { width: 100%; height: 5.9rem; background-color: #fff; box-sizing: border-box; padding: 1rem; } .home-video001 .video-list .video-item .bottom-info a { 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; color: #333; margin-bottom: 0.5rem; } .home-video001 .video-list .video-item .bottom-info a:hover { color: #1D9D9A; } .home-video001 .video-list .video-item .bottom-info .time { display: flex; align-items: center; font-size: 0; } .home-video001 .video-list .video-item .bottom-info .time i { font-size: 0.8rem; line-height: 1; color: #1D9D9A; margin-right: 0.5rem; } .home-video001 .video-list .video-item .bottom-info .time span { font-size: 0.8rem; line-height: 1; color: #AAAAAA; } @media (max-width: 1440px) { .home-video001 .video-list .video-item { width: 18.8335rem; } .home-video001 .video-list .video-item a.img { height: 10.599rem; } } @media (max-width: 1200px) { .home-video001 .video-list .video-item .bottom-info a { 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) { .home-video001 { padding-top: 20px; } .home-video001 .layout { box-sizing: border-box; padding: 0 10px; } .home-video001 .video-list { flex-wrap: wrap; margin-right: 0; margin-top: 20px; } .home-video001 .video-list .video-item { width: 100%; margin-right: 0; margin-bottom: 10px; } .home-video001 .video-list .video-item a.img { height: 50vw; } } .home-center { background-color: #fff; padding-bottom: 5.65rem; position: relative; } .home-center > img { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; opacity: 0.8; } .home-center .inner-center { margin-top: 2rem; width: 100%; height: 31rem; display: flex; } .home-center .inner-center .left-nav { position: relative; height: 100%; width: 18rem; background-color: #fff; box-sizing: border-box; padding-top: 3rem; box-shadow: 0.35rem 0 1rem rgba(0, 0, 0, 0.1); z-index: 1; } .home-center .inner-center .left-nav > i { position: absolute; font-size: 1rem; line-height: 1; color: #E5C572; } .home-center .inner-center .left-nav > i.lt { left: 0.5rem; top: 0.5rem; transform: rotateY(180deg); } .home-center .inner-center .left-nav > i.lb { left: 0.5rem; bottom: 0.5rem; transform: rotate(180deg); } .home-center .inner-center .left-nav > i.rt { right: 0.5rem; top: 0.5rem; } .home-center .inner-center .left-nav > i.rb { right: 0.5rem; bottom: 0.5rem; transform: rotateX(180deg); } .home-center .inner-center .left-nav ul li { margin-bottom: 0.5rem; height: 3rem; } .home-center .inner-center .left-nav ul li.cur a { color: #fff; font-weight: bold; } .home-center .inner-center .left-nav ul li.cur a .bg { background-color: #B0CE3A; width: 20rem; } .home-center .inner-center .left-nav ul li.cur a i { opacity: 1; } .home-center .inner-center .left-nav ul li a { display: block; height: 100%; line-height: 3rem; color: #555; font-size: 1.2rem; text-align: center; position: relative; z-index: 1; width: 100%; } .home-center .inner-center .left-nav ul li a .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: width 0.5s; border-top-right-radius: 2.9rem; border-bottom-right-radius: 2.9rem; } .home-center .inner-center .left-nav ul li a span { position: relative; z-index: 1; } .home-center .inner-center .left-nav ul li a i { position: absolute; opacity: 0; top: 50%; transform: translateY(-50%); right: 1rem; color: #fff; font-size: 0.8rem; line-height: 1; } .home-center .inner-center .tab-pannel-wrap { height: 100%; } .home-center .inner-center .tab-pannel-wrap .tab-pannel { height: 100%; } .home-center .inner-center .tab-pannel-wrap .tab-pannel .right-container { height: 100%; width: 50rem; background-size: cover; position: relative; } .home-center .inner-center .tab-pannel-wrap .tab-pannel .right-container .info-box { right: 0; bottom: 2rem; position: absolute; background-color: rgba(50, 132, 132, 0.8); width: 29rem; height: 14rem; box-sizing: border-box; padding: 1.5rem; } .home-center .inner-center .tab-pannel-wrap .tab-pannel .right-container .info-box h1.left-tit-more a.tit { font-size: 1.2rem; } .home-center .inner-center .tab-pannel-wrap .tab-pannel .right-container .info-box h1.left-tit-more a.more span, .home-center .inner-center .tab-pannel-wrap .tab-pannel .right-container .info-box h1.left-tit-more a.more i { font-size: 0.8rem; color: #fff; } .home-center .inner-center .tab-pannel-wrap .tab-pannel .right-container .info-box .info { margin-top: 1.5rem; } .home-center .inner-center .tab-pannel-wrap .tab-pannel .right-container .info-box .info p { font-size: 0.8rem; 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; color: #fff; } @media (max-width: 1440px) { .home-center .inner-center .left-nav { flex-shrink: 0; } .home-center .inner-center .tab-pannel-wrap .tab-pannel .right-container { width: 42rem; } } @media (max-width: 960px) { .home-center { padding: 20px 0 20px; } .home-center .layout { box-sizing: border-box; padding: 0 10px; } .home-center .inner-center .left-nav { width: 100%; } .home-center .inner-center .left-nav ul li { padding-left: 24px; } .home-center .inner-center .left-nav ul li.cur a { color: #555; font-weight: normal; } .home-center .inner-center .left-nav ul li a { text-align: left; } .home-center .inner-center .left-nav ul li a:hover span { color: #1D9D9A; } .home-center .inner-center .left-nav ul li a .bg { display: none; } .home-center .inner-center .tab-pannel-wrap { display: none; } } .home-special-department { padding-top: 3rem; position: relative; } .home-special-department .doc_bg { position: absolute; top: 30rem; width: 100%; height: 50rem; } .home-special-department .dep_bg { position: absolute; left: 0; top: 0; height: 30rem; width: 100%; background-color: rgba(0, 0, 0, 0.4); } .home-special-department .inner-dep { margin-top: 1.95rem; padding: 3rem 6.45rem 3.5rem; background-color: #1D9D9A; box-sizing: border-box; z-index: 1; position: relative; border-top: 10px solid #B0CE3A; background-image: url("../images/xndyyljt/index/tszk_bg.jpg"); } .home-special-department .inner-dep .dep-nav { display: flex; justify-content: center; position: relative; } .home-special-department .inner-dep .dep-nav .tab-tit { font-size: 1rem; line-height: 1; position: relative; } .home-special-department .inner-dep .dep-nav .tab-tit a { color: #fff; display: inline-block; position: relative; } .home-special-department .inner-dep .dep-nav .tab-tit.cur a:after { position: absolute; content: ""; font-size: 0; width: 0; height: 0; border: 0.35rem solid transparent; border-top-color: #B0CE3A; left: 50%; transform: translateX(-50%); bottom: -1rem; border-top-width: 0.35rem; border-bottom-width: 0; } .home-special-department .inner-dep .dep-nav .tab-tit.cur a:before { content: ""; width: 4rem; height: 0.1rem; background-color: #B0CE3A; position: absolute; bottom: -0.65rem; left: 50%; margin-left: -2rem; } .home-special-department .inner-dep .dep-nav .tab-tit + .tab-tit { margin-left: 2.05rem; position: relative; } .home-special-department .inner-dep .dep-nav .tab-tit + .tab-tit:before { display: block; content: ""; width: 1px; height: 1rem; background-color: #E4E4E4; position: absolute; left: -1rem; top: 0; } .home-special-department .inner-dep .tab-pannel-wrap { margin-top: 2.35rem; min-height: 12rem; } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel { display: none; } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel:first-child { display: block; } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul { display: flex; flex-wrap: wrap; margin-right: -1rem; } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul li { width: calc((100% - 4rem) / 4); margin-bottom: 1rem; margin-right: 1rem; height: 3rem; position: relative; box-sizing: border-box; border-radius: 2px; border: 1px solid rgba(255, 255, 255, 0.3); } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul li:before, .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul li:after { content: ""; display: block; position: absolute; opacity: 0; top: 50%; transform: translateY(-50%); z-index: 1; transition: all 0.5s; } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul li:before { width: 1rem; height: 1px; box-sizing: border-box; border-bottom: 1px dashed rgba(255, 255, 255, 0.5); left: 1.15rem; } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul li:after { width: 5px; height: 5px; border-radius: 50%; background-color: #fff; left: 2.15rem; } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul li a { box-sizing: border-box; display: block; width: 100%; height: 100%; padding-left: 1.65rem; position: relative; background-repeat: no-repeat; background-size: cover; transition: all 0.5s; } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul li a:before { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 1rem; width: 0.15rem; height: 0.9rem; background-color: #F5A22C; } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul li a p { font-size: 0.9rem; color: #F7F4F4; margin-bottom: 0; transition: transform 0.5s; position: relative; line-height: 2.8rem; max-height: 2.8rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul li:hover:before, .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul li:hover:after { opacity: 1; } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul li:hover a { background-image: url("../images/xndyyljt/index/dep_hover.jpg"); } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul li:hover a:before { background-color: #fff; } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul li:hover a p { transform: translateX(1rem); color: #fff; font-weight: bold; width: calc(100% - 1rem); } .home-special-department .inner-dep a.center-more001 i { right: 0.75rem; } .home-special-department .inner-dep a.center-more001:before { background-color: #DDBE49; margin-top: 0.65rem; } @media (any-hover: hover) { .home-special-department .inner-dep a.center-more001:hover span { transform: translateX(0rem); } .home-special-department .inner-dep a.center-more001:hover i { right: 0.5rem; } } @media (max-width: 960px) { .home-special-department { padding-top: 20px; } .home-special-department .inner-dep { margin-top: 20px; padding: 20px; } .home-special-department .inner-dep .dep-nav { flex-wrap: wrap; } .home-special-department .inner-dep .dep-nav .tab-tit { font-size: 14px; height: 35px; } .home-special-department .inner-dep .tab-pannel-wrap { margin-top: 20px; } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul { flex-wrap: wrap; justify-content: space-between; margin-right: 0; } .home-special-department .inner-dep .tab-pannel-wrap .tab-pannel ul li { width: calc(50% - 5px); margin-bottom: 10px; margin-right: 0; } .home-special-department .inner-dep a.center-more001 i { right: 5px; } .home-special-department .inner-dep a.center-more001 span { font-size: 12px; } } .home-doctor { background-color: #FFFAF6; padding: 4rem 0 3rem; height: 37rem; box-sizing: border-box; overflow: hidden; } .home-doctor .inner-doctor { position: relative; } .home-doctor .doc_bg { position: absolute; left: 0; bottom: 0; width: 100%; display: none; } .home-doctor h1 { font-weight: normal; display: flex; justify-content: space-between; position: relative; } .home-doctor h1 a.tit { font-size: 1.6rem; line-height: 1; color: #333; } .home-doctor h1 .dep-nav { display: flex; position: relative; } .home-doctor h1 .dep-nav .tab-tit { display: block; width: 8rem; height: 2rem; border: 1px solid #D6EAEA; box-sizing: border-box; line-height: 1.9rem; font-size: 0.9rem; color: rgba(51, 51, 51, 0.8); text-align: center; border-radius: 80px; } .home-doctor h1 .dep-nav .tab-tit.cur { background-color: #F2CD4C; border-color: #F2CD4C; color: #fff; font-weight: bold; } .home-doctor h1 .dep-nav .tab-tit + .tab-tit { margin-left: 0.5rem; } .home-doctor .tab-pannel-wrap { position: relative; } .home-doctor .tab-pannel-wrap .tab-pannel { min-height: 20rem; } .home-doctor a.center-more001 { margin-top: 2rem; width: 6.1rem; height: 1.8rem; background-color: transparent; left: 50%; margin-left: -3.05rem; border: 1px solid #328484; } .home-doctor a.center-more001 span { font-size: 0.7rem; color: #328484; transform: translateX(-0.5rem); } .home-doctor a.center-more001 i { top: 10px; right: 1rem; color: #B0CE3A; font-size: 0.8rem; } .home-doctor a.center-more001:before { background-color: #328484; margin-top: 0.65rem; width: 6.1rem; height: 6.1rem; } @media (any-hover: hover) { .home-doctor a.center-more001:hover:before { top: -2.15rem; transform: scale(1.2); } .home-doctor a.center-more001:hover span { transform: translateX(0rem); color: #fff; } .home-doctor a.center-more001:hover i { right: 0.5rem; color: rgba(255, 255, 255, 0.2); } } .home-doctor .doc-swiper { margin-top: 2rem; padding-bottom: 4rem; } .home-doctor .doc-swiper .doc-slider { display: flex; } .home-doctor .doc-swiper .doc-slider .swiper-slide { width: 13rem; margin: 0 0.375rem; flex-shrink: 0; } .home-doctor .doc-swiper .doc-slider a.doc-item { display: block; width: 100%; height: 24rem; overflow: hidden; box-sizing: border-box; border: 1px solid #D7D7D7; position: relative; } .home-doctor .doc-swiper .doc-slider a.doc-item .img { width: 100%; height: 17.3rem; position: relative; } .home-doctor .doc-swiper .doc-slider a.doc-item .img img { width: 100%; height: 100%; } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info { box-sizing: border-box; padding: 0 1rem; width: 100%; height: 6.7rem; position: absolute; left: 0; bottom: 0; text-align: center; transition: all 0.5s ease 0s; } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info .tit { margin-top: 1rem; font-size: 1rem; line-height: 1; color: #333333; } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info .protit { margin-top: 0.5rem; font-size: 0; } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info .protit span { font-size: 0.8rem; line-height: 1; color: rgba(51, 51, 51, 0.5); } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info .protit span + span { margin-left: 0.5rem; } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info .depart { font-size: 0.8rem; line-height: 1; color: #1D9D9A; margin-top: 1rem; } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info-active { height: 14rem; background-color: #1D9D9A; transform: translateY(100%); opacity: 0; transition: all 0.5s ease 0s; } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info-active .tit { color: #fff; } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info-active .protit span { color: rgba(255, 255, 255, 0.5); } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info-active .content { font-size: 0.8rem; color: #fff; line-height: 1.2rem; max-height: 7.2rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; margin-top: 1rem; } .home-doctor .doc-swiper .doc-slider a.doc-item:hover .doc-info-active { transform: translateY(0); opacity: 1; } .home-doctor .doc-swiper .swiper-button-prev, .home-doctor .doc-swiper .swiper-button-next { background-image: none; width: 2rem; height: 2rem; box-sizing: border-box; border: 1px solid #328484; bottom: 0; border-radius: 50%; top: unset; } .home-doctor .doc-swiper .swiper-button-prev:before, .home-doctor .doc-swiper .swiper-button-next:before { color: #328484; font-size: 0.8rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .home-doctor .doc-swiper .swiper-button-prev:hover, .home-doctor .doc-swiper .swiper-button-next:hover { background-color: #328484; } .home-doctor .doc-swiper .swiper-button-prev:hover:before, .home-doctor .doc-swiper .swiper-button-next:hover:before { color: #fff; } .home-doctor .doc-swiper .swiper-button-prev { right: calc(50% + 5px); left: unset; } .home-doctor .doc-swiper .swiper-button-prev:before { content: "\e64e"; font-family: 'iconfont'; } .home-doctor .doc-swiper .swiper-button-next { left: calc(50% + 5px); } .home-doctor .doc-swiper .swiper-button-next:before { content: "\e620"; font-family: 'iconfont'; } .home-doctor .layout { position: relative; } .home-doctor .layout .line { width: calc((100% - 8rem) / 2); border-bottom: 1px solid #E4E4E4; position: absolute; top: -1rem; } .home-doctor .layout .line.prev { left: 0; } .home-doctor .layout .line.next { right: 0; } @media (max-width: 960px) { .home-doctor { padding: 0; height: auto; } .home-doctor .inner-doctor { padding: 20px 0; } .home-doctor .layout { padding: 0 10px; box-sizing: border-box; } .home-doctor .layout h1 { flex-direction: column; align-items: center; } .home-doctor .layout h1 a.tit { font-size: 18px; } .home-doctor .layout h1 .dep-nav { margin-top: 20px; justify-content: center; flex-wrap: wrap; } .home-doctor .layout h1 .dep-nav .tab-tit { font-size: 12px; margin-top: 0; height: 25px; width: 70px; line-height: 23px; } .home-doctor .layout h1 .dep-nav .tab-tit + .tab-tit { margin-left: 5px; } .home-doctor .doc-container { padding: 0 5px; box-sizing: border-box; } .home-doctor .doc-swiper { margin-top: 10px; padding-bottom: 44px; } .home-doctor .doc-swiper .doc-slider .swiper-slide { margin: 0; } .home-doctor .doc-swiper .doc-slider .swiper-slide .doc-box { padding: 0 5px; } .home-doctor .doc-swiper .doc-slider a.doc-item { height: auto; } .home-doctor .doc-swiper .doc-slider a.doc-item .img { height: 61vw; } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info { position: relative; height: auto; padding-bottom: 30px; } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info .tit { margin-top: 20px; } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info .protit { margin-top: 10px; } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info .protit span { font-size: 12px; } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info .depart { font-size: 12px; margin-top: 10px; } .home-doctor .doc-swiper .doc-slider a.doc-item .doc-info-active { display: none; } } .home-notice003-tab { padding-top: 4.5rem; position: relative; background-color: #fff; z-index: 1; border-bottom: 1px solid #DDBE49; } .home-notice003-tab > img { position: absolute; right: 0; top: 0; height: 15rem; opacity: 0.4; } .home-notice003-tab h2.left-tab-tit002 { align-items: center; } .home-notice003-tab h2.left-tab-tit002 .tit-box { display: flex; } .home-notice003-tab h2.left-tab-tit002 .tab-tit { font-size: 1.6rem; height: auto; } .home-notice003-tab h2.left-tab-tit002 .tab-tit:after { display: none; } .home-notice003-tab h2.left-tab-tit002 .tab-tit a { color: #333; } .home-notice003-tab h2.left-tab-tit002 .tab-tit.cur a { color: #1D9D9A; font-weight: bold; } .home-notice003-tab h2.left-tab-tit002 .tab-tit + .tab-tit { margin-left: 2.05rem; position: relative; } .home-notice003-tab h2.left-tab-tit002 .tab-tit + .tab-tit:before { height: 1.6rem; left: -1rem; } .home-notice003-tab .inner-notice { height: 14.9rem; margin-top: 1.5rem; } .home-notice003-tab .inner-notice .tab-pannel { display: none; } .home-notice003-tab .inner-notice .tab-pannel:first-child { display: block; } .home-notice003-tab .inner-notice .notice-slider002 { margin-bottom: 0; } .home-notice003-tab .inner-notice .notice-slider002 .notice-box { position: relative; height: 15.6rem; padding-top: 0.5rem; } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item { display: block; width: 16rem; box-sizing: border-box; padding: 2rem 0.9rem 3rem; background-color: #fff; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); border: 1px solid #E4E4E4; margin: 0 0.5rem; transition: transform 0.5s; font-size: 0; position: relative; overflow: hidden; } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item .time { font-size: 0.8rem; color: #1D9D9A; line-height: 1; display: inline-block; margin-bottom: 1rem; transition: transform 0.5s; transform: translateY(0); } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item .info { z-index: 1; position: relative; transition: transform 0.5s; transform: translateY(0); } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item .info p { font-size: 0.9rem; line-height: 1.35rem; max-height: 5.4rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; color: #333; margin-bottom: 0; transition: all 0.5s; } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item .more { display: flex; justify-content: flex-end; transition: transform 0.5s,opacity 0.5s; transform: translateY(0); position: absolute; left: 1rem; bottom: -2.7rem; width: calc(100% - 2rem); align-items: center; padding: 1rem 0; border-top: 1px solid #E4E4E4; opacity: 0; } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item .more i { color: #9CC301; font-size: 1.2rem; line-height: 0.4rem; height: 0.4rem; margin-right: 0.5rem; } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item .more span { color: #7F7F7F; font-size: 0.7rem; line-height: 1; } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item:hover { transform: translateY(-0.5rem); } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item:hover .time { opacity: 0; transform: translateY(-1.8rem); } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item:hover .info { transform: translateY(-1.8rem); } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item:hover .info p { color: #1D9D9A; } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item:hover .more { transform: translateY(-2.7rem); opacity: 1; } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item:hover + .circle { background-color: #DDBE49; border: 0.25rem solid #fff; outline: 1px solid #DDBE49; } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .circle { width: 1rem; height: 1rem; border-radius: 50%; border: 1px solid #DDBE49; box-sizing: border-box; position: absolute; left: 50%; margin-left: -0.5rem; bottom: 0.7rem; background-color: #fff; transition: background-color 0.5s; } .home-notice003-tab .inner-notice .notice-slider002 .slick-arrow { position: absolute; width: 2rem; height: 2rem; border-radius: 50%; background-color: #fff; color: #DBCEBA; font-size: 1rem; bottom: 0.65rem; margin-bottom: -0.5rem; text-align: center; line-height: 2rem; cursor: pointer; z-index: 10; box-sizing: border-box; border: 1px solid #DBCEBA; } .home-notice003-tab .inner-notice .notice-slider002 .slick-arrow.prev { left: 0; } .home-notice003-tab .inner-notice .notice-slider002 .slick-arrow.next { right: 0; } .home-notice003-tab .inner-notice .notice-slider002 .slick-arrow:hover { background-color: #DBCEBA; color: #fff; } .home-notice003-tab a.center-more001 { background-color: #1D9D9A; margin-top: 4rem; } .home-notice003-tab a.center-more001 span { color: #fff; } .home-notice003-tab a.center-more001 i { color: #fff; } .home-notice003-tab a.center-more001:hover { background-color: #1D9D9A; } @media (max-width: 1440px) { .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item { width: 14rem; } } @media (max-width: 960px) { .home-notice003-tab { padding-top: 20px; } .home-notice003-tab .layout { box-sizing: border-box; padding: 0 10px; } .home-notice003-tab h2.left-tab-tit002 .tab-tit { font-size: 18px; } .home-notice003-tab h2.left-tab-tit002 .tab-tit + .tab-tit { margin-left: 10px; } .home-notice003-tab h2.left-tab-tit002 .tab-tit + .tab-tit:before { height: 1rem; left: -5px; } .home-notice003-tab .inner-notice { margin-top: 1rem; padding: 0 0.5rem; } .home-notice003-tab .inner-notice .notice-slider002 .notice-box .notice-item { width: auto; } } .home-equipment { background-color: #fff; padding: 4rem 0 5.7rem; position: relative; } .home-equipment > img { position: absolute; } .home-equipment > img.left { top: 0; left: 0; } .home-equipment > img.right { bottom: 0; right: 0; transform: rotate(180deg); } .home-equipment .equipment-list { margin-top: 2rem; margin-right: -1.75rem; display: flex; } .home-equipment .equipment-list .equipment-item { width: 21.5rem; height: 12.1rem; margin-right: 1.75rem; } .home-equipment .equipment-list .equipment-item a.img { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; } .home-equipment .equipment-list .equipment-item a.img img { width: 100%; height: 100%; transition: all 0.5s; } .home-equipment .equipment-list .equipment-item a.img p { position: absolute; bottom: 1rem; left: 0; box-sizing: border-box; padding: 0 0.9rem; font-size: 0.9rem; 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; color: #fff; z-index: 2; } .home-equipment .equipment-list .equipment-item a.img:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)); z-index: 1; } .home-equipment .equipment-list .equipment-item a.img:hover img { transform: scale(1.1); } @media (max-width: 1440px) { .home-equipment .equipment-list .equipment-item { width: 18.8335rem; height: 10.599rem; } } @media (max-width: 960px) { .home-equipment { padding-top: 40px; padding-bottom: 20px; } .home-equipment .layout { box-sizing: border-box; padding: 0 10px; } .home-equipment .equipment-list { flex-wrap: wrap; margin-right: 0; margin-top: 20px; } .home-equipment .equipment-list .equipment-item { width: 100%; margin-right: 0; margin-bottom: 10px; height: auto; } .home-equipment .equipment-list .equipment-item a.img { height: 50vw; } } .home-news006 { padding-top: 1.75rem; background-color: #fff; padding-bottom: 3rem; } .home-news006 h1.center-tit003 { margin-bottom: 20px; } .home-news006 .inner-news { position: relative; } .home-news006 .inner-news .line { width: calc((100% - 7.9rem) / 2); height: 1px; background-color: #E4E4E4; position: absolute; bottom: 0.95rem; } .home-news006 .inner-news .line.prev { left: 0; } .home-news006 .inner-news .line.next { right: 0; } .home-news006 .inner-news .line.m-line { display: none; } .home-news006 .inner-news .news-slider { margin: -10px -0.675rem 0; padding-bottom: 1.7rem; } .home-news006 .inner-news .news-slider .news-item { margin: 10px 0.675rem; width: 16rem; height: 12rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); position: relative; background-color: #fff; } .home-news006 .inner-news .news-slider .news-item:after { content: ""; width: 100%; height: 0.2rem; background-color: #1D9D9A; position: absolute; bottom: 0; left: 0; transition: width 0.5s; } .home-news006 .inner-news .news-slider .news-item .bottom-info { width: 100%; height: 100%; box-sizing: border-box; padding: 1rem; position: relative; } .home-news006 .inner-news .news-slider .news-item .bottom-info .inner-info { overflow: hidden; height: 100%; font-size: 0; } .home-news006 .inner-news .news-slider .news-item .bottom-info .inner-info .time { font-size: 0.8rem; line-height: 1; color: #1D9D9A; display: inline-block; opacity: 1; transition: opacity 0.5s, transform 0.5s; } .home-news006 .inner-news .news-slider .news-item .bottom-info .inner-info p { margin-top: 1rem; line-height: 27px; max-height: 81px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; font-size: 0.9rem; color: #333; transition: transform 0.5s; transform: translateY(0); margin-bottom: 0.4rem; } .home-news006 .inner-news .news-slider .news-item .bottom-info .inner-info .more { display: flex; align-items: center; color: #333; opacity: 0; transition: transform 0.5s,opacity 0.5s; transform: translateY(0); font-size: 0.7rem; position: absolute; left: 1rem; bottom: 0; } .home-news006 .inner-news .news-slider .news-item .bottom-info .inner-info .more i { margin-left: 2px; font-size: 12px; } .home-news006 .inner-news .news-slider .news-item.hasthumb { height: auto; } .home-news006 .inner-news .news-slider .news-item.hasthumb .img { width: 100%; height: 9rem; } .home-news006 .inner-news .news-slider .news-item.hasthumb .img img { width: 100%; height: 100%; } @keyframes showLine { from { width: 0; } to { width: 100%; } } .home-news006 .inner-news .news-slider .news-item:hover:after { animation: showLine 0.5s; } .home-news006 .inner-news .news-slider .news-item:hover .bottom-info .inner-info .time { opacity: 0; transform: translateY(-1.8rem); } .home-news006 .inner-news .news-slider .news-item:hover .bottom-info .inner-info p { transform: translateY(-1.8rem); } .home-news006 .inner-news .news-slider .news-item:hover .bottom-info .inner-info .more { transform: translateY(-1.8rem); opacity: 1; } .home-news006 .inner-news .news-slider .slick-arrow { position: absolute; width: 2rem; height: 2rem; font-size: 0.8rem; line-height: 2rem; text-align: center; color: #1D9D9A; border: 1px solid #1D9D9A; box-sizing: border-box; cursor: pointer; border-radius: 50%; bottom: 0; } .home-news006 .inner-news .news-slider .slick-arrow.prev { right: 50%; transform: translateX(-5px); } .home-news006 .inner-news .news-slider .slick-arrow.next { left: 50%; transform: translateX(5px); } .home-news006 .inner-news .news-slider .slick-arrow:before { content: ""; width: 100%; height: 100%; border-radius: 50%; background-color: #1D9D9A; position: absolute; left: 0; top: 0; transform: scale(0); transition: transform 0.5s; z-index: -1; } .home-news006 .inner-news .news-slider .slick-arrow:hover { color: #fff; border: none; } .home-news006 .inner-news .news-slider .slick-arrow:hover:before { transform: scale(1); } @media (max-width: 960px) { .home-news006 { padding-top: 30px; padding-bottom: 20px; } .home-news006 .layout { box-sizing: border-box; padding: 0 20px; } .home-news006 .inner-news .line { top: 24px; } .home-news006 .inner-news .line.pc-line { display: none; } .home-news006 .inner-news .line.m-line { display: block; } .home-news006 .inner-news .news-slider { padding-bottom: 0; padding-top: 50px; } .home-news006 .inner-news .news-slider .news-item { height: 160px; } .home-news006 .inner-news .news-slider .news-item .bottom-info { padding: 10px; } .home-news006 .inner-news .news-slider .news-item .bottom-info .inner-info p { 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; margin-top: 10px; } .home-news006 .inner-news .news-slider .news-item .bottom-info .inner-info .more { left: 10px; } .home-news006 .inner-news .news-slider .news-item.hasthumb .img { height: 24vw; } .home-news006 .inner-news .news-slider .news-item:hover .bottom-info .inner-info .time { transform: translateY(-26px); } .home-news006 .inner-news .news-slider .news-item:hover .bottom-info .inner-info p { transform: translateY(-26px); } .home-news006 .inner-news .news-slider .news-item:hover .bottom-info .inner-info .more { transform: translateY(-26px); } .home-news006 .inner-news .news-slider .slick-arrow { top: 10px; width: 30px; height: 30px; line-height: 30px; } } .home-news007 { background-color: #fff; padding-top: 3rem; padding-bottom: 1.25rem; position: relative; } .home-news007 > img { position: absolute; left: 0; bottom: 0; opacity: 0.1; } .home-news007 .inner-news { margin-top: 1rem; display: flex; justify-content: space-between; } .home-news007 .inner-news .left-news-list { padding: 0.5rem 0; } .home-news007 .inner-news .left-news-list .news-item { padding: 0.5rem 0; display: flex; justify-content: space-between; width: 33.5rem; height: 4.2rem; box-sizing: border-box; border-bottom: 1px solid #E4E4E4; position: relative; } .home-news007 .inner-news .left-news-list .news-item:last-child { border-bottom: none; } .home-news007 .inner-news .left-news-list .news-item p { font-size: 0.9rem; font-family: 微软雅黑, sans-serif; font-weight: 400; font-style: normal; line-height: 32px; max-height: 64px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin-right: 1.5rem; z-index: 1; } .home-news007 .inner-news .left-news-list .news-item span { font-size: 0.8rem; line-height: 2.2; color: #aaa; display: inline-block; z-index: 1; } .home-news007 .inner-news .left-news-list .news-item .bg { position: absolute; top: 0; bottom: 0; left: -0.5rem; right: -0.5rem; background-color: #1D9D9A; opacity: 0; transition: opacity 0.3s; } .home-news007 .inner-news .left-news-list .news-item:hover .bg { opacity: 1; } .home-news007 .inner-news .left-news-list .news-item:hover p { color: #fff; font-weight: bold; } .home-news007 .inner-news .left-news-list .news-item:hover span { color: #fff; } .home-news007 .inner-news .right-news-img { width: 30rem; height: 22.5rem; overflow: hidden; } .home-news007 .inner-news .right-news-img .news-img-slider .news-img-item a.img { display: block; width: 30rem; height: 22.5rem; overflow: hidden; position: relative; } .home-news007 .inner-news .right-news-img .news-img-slider .news-img-item a.img img { width: 100%; height: 100%; } .home-news007 .inner-news .right-news-img .news-img-slider .news-img-item a.img .news-mask { width: 100%; height: 8rem; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)); position: absolute; bottom: 0; box-sizing: border-box; padding: 2.5rem 1.5rem 0; } .home-news007 .inner-news .right-news-img .news-img-slider .news-img-item a.img .news-mask 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; color: #fff; } .home-news007 .inner-news .right-news-img .news-img-slider .news-img-item a.img .news-mask .time { font-size: 0.8rem; line-height: 1; color: #fff; position: absolute; bottom: 1rem; left: 1.5rem; } .home-news007 .inner-news .right-news-img .news-img-slider .slick-arrow { position: absolute; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; text-align: center; border-radius: 50%; color: rgba(255, 255, 255, 0.9); background-color: rgba(0, 0, 0, 0.5); right: 1.5rem; bottom: 0.8rem; font-size: 12px; cursor: pointer; } .home-news007 .inner-news .right-news-img .news-img-slider .slick-arrow.prev { right: 3.1rem; z-index: 1; } @media (max-width: 1440px) { .home-news007 .inner-news .left-news-list .news-item { width: 28.5rem; height: 3.8rem; } .home-news007 .inner-news .left-news-list .news-item p { line-height: 28px; max-height: 56px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .home-news007 .inner-news .right-news-img { width: 27rem; height: 20.25rem; } .home-news007 .inner-news .right-news-img .news-img-slider .news-img-item a.img { width: 27rem; height: 20.25rem; } } @media (max-width: 1200px) { .home-news007 .inner-news .left-news-list .news-item p { 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; } } @media (max-width: 960px) { .home-news007 .layout { box-sizing: border-box; padding: 0 20px; } .home-news007 .inner-news { flex-direction: column-reverse; } .home-news007 .inner-news .left-news-list { padding: 0; } .home-news007 .inner-news .left-news-list .news-item { width: 100%; padding: 20px 0; height: 90px; } .home-news007 .inner-news .left-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; margin-right: 20px; } .home-news007 .inner-news .right-news-img { width: 100%; height: 67vw; } .home-news007 .inner-news .right-news-img .news-img-slider .news-img-item a.img { width: 100%; height: 67vw; } .home-news007 .inner-news .right-news-img .news-img-slider .news-img-item a.img .news-mask { height: 100px; padding: 20px 10px 0; } .home-news007 .inner-news .right-news-img .news-img-slider .news-img-item a.img .news-mask 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; } .home-news007 .inner-news .right-news-img .news-img-slider .news-img-item a.img .news-mask .time { left: 10px; bottom: 10px; } .home-news007 .inner-news .right-news-img .news-img-slider .slick-arrow { bottom: 50%; transform: translateY(10px); width: 30px; height: 30px; line-height: 30px; } .home-news007 .inner-news .right-news-img .news-img-slider .slick-arrow.prev { left: 10px; } .home-news007 .inner-news .right-news-img .news-img-slider .slick-arrow.next { right: 10px; } } .home-column-entry002 { background-color: #fff; position: relative; padding-bottom: 5rem; overflow: hidden; } .home-column-entry002 > img { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; opacity: 0.8; } .home-column-entry002 .inner-column { margin-top: 2.5rem; position: relative; } .home-column-entry002 .inner-column a.column-item { display: flex; flex-direction: column; align-items: center; width: 15rem; height: 20rem; position: absolute; color: #fff; z-index: 1; } .home-column-entry002 .inner-column a.column-item > i { margin-top: 5rem; font-size: 4rem; line-height: 1; transition: transform 0.5s; } .home-column-entry002 .inner-column a.column-item h2 { font-weight: normal; font-size: 1.2rem; line-height: 1; margin-top: 2rem; opacity: 1; transition: opacity 0.5s; } .home-column-entry002 .inner-column a.column-item p { font-size: 0.7rem; line-height: 21px; max-height: 147px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 7; -webkit-box-orient: vertical; display: -webkit-box; margin-top: 1.5rem; opacity: 0; transition: opacity 0.5s,transform 0.5s; transform: translateY(-7.7rem); box-sizing: border-box; padding: 0 2.25rem; width: 100%; } .home-column-entry002 .inner-column a.column-item .more { width: 6.1rem; height: 1.8rem; background-color: #1D9D9A; position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; transition: opacity 0.5s; overflow: hidden; opacity: 0; border-radius: 4px; } .home-column-entry002 .inner-column a.column-item .more span { font-size: 0.7rem; transform: translateX(-0.5rem); line-height: 1; color: #fff; transition: all 0.5s; z-index: 11; } .home-column-entry002 .inner-column a.column-item .more i { top: 0.5rem; right: 1rem; color: #B0CE3A; font-size: 0.8rem; line-height: 1; transition: all 0.5s; position: absolute; } .home-column-entry002 .inner-column a.column-item .more:before { background-color: #B0CE3A; width: 6.1rem; height: 6.1rem; content: ""; position: absolute; border-radius: 50% 50% 0px 0px; left: 0; top: 100%; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media (any-hover: hover) { .home-column-entry002 .inner-column a.column-item .more:hover:before { top: -2.15rem; transform: scale(1.2); } .home-column-entry002 .inner-column a.column-item .more:hover span { transform: translateX(0rem); } .home-column-entry002 .inner-column a.column-item .more:hover i { right: 0.5rem; color: rgba(255, 255, 255, 0.2); transform: scale(2.1); top: 0.5rem; } } .home-column-entry002 .inner-column a.column-item:hover { z-index: 2; } .home-column-entry002 .inner-column a.column-item:hover:before { opacity: 0.5; background-color: #000000 !important; } .home-column-entry002 .inner-column a.column-item:hover > i { transform: translateY(-3rem); } .home-column-entry002 .inner-column a.column-item:hover h2 { opacity: 0; } .home-column-entry002 .inner-column a.column-item:hover p { opacity: 1; transform: translateY(-6.2rem); } .home-column-entry002 .inner-column a.column-item:hover .more { opacity: 1; } .home-column-entry002 .inner-column a.column-item:before { content: ""; width: 100%; height: 100%; opacity: 0.8; position: absolute; left: 0; top: 0; z-index: -1; } .home-column-entry002 .inner-column a.column-item.item0 { background-image: url(../images/xndyyljt/index/xtzx.jpg); position: relative; } .home-column-entry002 .inner-column a.column-item.item0:before { background-color: #328484; } .home-column-entry002 .inner-column a.column-item.item1 { background-image: url(../images/xndyyljt/index/czzx.jpg); left: 13.25rem; top: 2rem; } .home-column-entry002 .inner-column a.column-item.item1:before { background-color: #005CB2; } .home-column-entry002 .inner-column a.column-item.item2 { background-image: url(../images/xndyyljt/index/cszx.jpg); left: 26.5rem; top: 0; } .home-column-entry002 .inner-column a.column-item.item2:before { background-color: #B0CE3A; } .home-column-entry002 .inner-column a.column-item.item3 { background-image: url(../images/xndyyljt/index/cfjzzx.jpg); right: 13.25rem; top: 2rem; } .home-column-entry002 .inner-column a.column-item.item3:before { background-color: #1D9D9A; } .home-column-entry002 .inner-column a.column-item.item4 { background-image: url(../images/xndyyljt/index/xsejzzx.jpg); right: 0; top: 0; } .home-column-entry002 .inner-column a.column-item.item4:before { background-color: #DBC267; } @media (max-width: 1440px) { .home-column-entry002 .inner-column a.column-item { width: 13.4rem; } .home-column-entry002 .inner-column a.column-item h2 { font-size: 1.1rem; } .home-column-entry002 .inner-column a.column-item.item1 { left: 11.65rem; } .home-column-entry002 .inner-column a.column-item.item2 { left: 23.3rem; } .home-column-entry002 .inner-column a.column-item.item3 { right: 11.65rem; } } @media (max-width: 1200px) { .home-column-entry002 .inner-column a.column-item .more i { top: 10px; } } @media (max-width: 1200px) and (any-hover: hover) { .home-column-entry002 .inner-column a.column-item .more:hover i { top: 11px; } } @media (max-width: 960px) { .home-column-entry002 { padding-bottom: 40px; } .home-column-entry002 .inner-column { display: flex; flex-wrap: wrap; box-sizing: border-box; padding: 0 20px; margin-top: 20px; } .home-column-entry002 .inner-column a.column-item { width: 100%; position: relative; left: 0 !important; top: 0 !important; flex-direction: row; height: 100px; box-sizing: border-box; padding-left: 40px; background-position: center; } .home-column-entry002 .inner-column a.column-item > i { font-size: 40px; margin-right: 20px; margin-top: 0; } .home-column-entry002 .inner-column a.column-item h2 { font-size: 18px; margin-top: 0; } .home-column-entry002 .inner-column a.column-item p, .home-column-entry002 .inner-column a.column-item .more { display: none; } .home-column-entry002 .inner-column a.column-item:hover { z-index: 2; } .home-column-entry002 .inner-column a.column-item:hover:before { opacity: 0.5; background-color: #000000 !important; } .home-column-entry002 .inner-column a.column-item:hover > i { transform: translateY(0); } .home-column-entry002 .inner-column a.column-item:hover h2 { opacity: 1; } } .home-special-department002 { padding-top: 3rem; position: relative; } .home-special-department002 .doc_bg { position: absolute; top: 20rem; width: 100%; height: 50rem; } .home-special-department002 .dep_bg { position: absolute; left: 0; top: 0; height: 20rem; width: 100%; background-color: rgba(0, 0, 0, 0.4); } .home-special-department002 .dep-nav { display: flex; justify-content: center; position: relative; margin-top: 1.5rem; } .home-special-department002 .dep-nav .tab-tit { font-size: 1rem; line-height: 1; position: relative; } .home-special-department002 .dep-nav .tab-tit a { color: rgba(255, 255, 255, 0.8); display: inline-block; position: relative; } .home-special-department002 .dep-nav .tab-tit.cur a { color: #fff; } .home-special-department002 .dep-nav .tab-tit.cur a: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: -1rem; border-top-width: 0.5rem; border-bottom-width: 0; } .home-special-department002 .dep-nav .tab-tit + .tab-tit { margin-left: 2.05rem; position: relative; } .home-special-department002 .dep-nav .tab-tit + .tab-tit:before { display: block; content: ""; width: 1px; height: 1rem; background-color: rgba(228, 228, 228, 0.2); position: absolute; left: -1rem; top: 0; } .home-special-department002 .inner-dep { margin-top: 2rem; padding: 1.5rem 3rem 4.9rem; background-color: #1D9D9A; box-sizing: border-box; z-index: 1; position: relative; box-sizing: border-box; min-height: 380px; background-image: url("../images/xndyyljt/index/tszk_bg.jpg"); } .home-special-department002 .inner-dep .area-tab-pannel-wrap .area-tab-pannel { display: none; } .home-special-department002 .inner-dep .area-tab-pannel-wrap .area-tab-pannel:first-child { display: block; } .home-special-department002 .inner-dep .area-tab-pannel-wrap .area-tab-pannel .depclass-nav { display: flex; justify-content: center; } .home-special-department002 .inner-dep .area-tab-pannel-wrap .area-tab-pannel .depclass-nav .dep-tab-tit { width: 5.2rem; height: 1.6rem; border-radius: 200px; background-color: #1D9D9A; cursor: pointer; text-align: center; line-height: 1.6rem; color: #fff; font-size: 0.8rem; margin: 0 0.5rem; } .home-special-department002 .inner-dep .area-tab-pannel-wrap .area-tab-pannel .depclass-nav .dep-tab-tit.cur { background-color: #B0CE3A; } .home-special-department002 .inner-dep .tab-pannel-wrap { margin-top: 1rem; } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel { display: none; } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel:first-child { display: block; } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul { display: flex; flex-wrap: wrap; margin-right: -2rem; } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul li { width: calc((100% - 8rem) / 4); margin-top: 0.5rem; margin-right: 2rem; height: 2rem; position: relative; box-sizing: border-box; border-radius: 2px; border: 1px solid rgba(255, 255, 255, 0.3); } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul li:before, .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul li:after { content: ""; display: block; position: absolute; opacity: 0; top: 50%; transform: translateY(-50%); z-index: 1; transition: all 0.5s; } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul li:before { width: 1rem; height: 1px; box-sizing: border-box; border-bottom: 1px dashed rgba(255, 255, 255, 0.5); left: 1.15rem; } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul li:after { width: 5px; height: 5px; border-radius: 50%; background-color: #fff; left: 2.15rem; } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul li a { box-sizing: border-box; display: block; width: 100%; height: 100%; padding-left: 1.65rem; position: relative; background-repeat: no-repeat; background-size: cover; transition: all 0.5s; } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul li a:before { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 1rem; width: 0.15rem; height: 0.9rem; background-color: #F5A22C; } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul li a p { font-size: 0.9rem; color: #F7F4F4; margin-bottom: 0; transition: transform 0.5s; position: relative; line-height: 1.8rem; max-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul li:hover:before, .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul li:hover:after { opacity: 1; } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul li:hover a { background-image: url("../images/xndyyljt/index/dep_hover.jpg"); } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul li:hover a:before { background-color: #fff; } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul li:hover a p { transform: translateX(1rem); color: #fff; font-weight: bold; width: calc(100% - 1rem); } .home-special-department002 .inner-dep a.center-more001 { width: 6.1rem; height: 1.8rem; background-color: #1D9D9A; position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); margin: 0; } .home-special-department002 .inner-dep a.center-more001 span { font-size: 0.7rem; transform: translateX(-0.5rem); } .home-special-department002 .inner-dep a.center-more001 i { top: 0.5rem; right: 1rem; color: #B0CE3A; font-size: 0.8rem; } .home-special-department002 .inner-dep a.center-more001:before { background-color: #B0CE3A; margin-top: 0.65rem; width: 6.1rem; height: 6.1rem; } @media (any-hover: hover) { .home-special-department002 .inner-dep a.center-more001:hover:before { top: -2.15rem; transform: scale(1.2); } .home-special-department002 .inner-dep a.center-more001:hover span { transform: translateX(0rem); } .home-special-department002 .inner-dep a.center-more001:hover i { right: 0.5rem; color: rgba(255, 255, 255, 0.2); } } @media (max-width: 1200px) { .home-special-department002 .inner-dep a.center-more001 i { top: 9px; } } @media (max-width: 960px) { .home-special-department002 { padding-top: 20px; } .home-special-department002 .doc_bg { display: none; } .home-special-department002 .dep-nav { flex-wrap: wrap; } .home-special-department002 .dep-nav .tab-tit { font-size: 12px; } .home-special-department002 .dep-nav .tab-tit + .tab-tit { margin-left: 10px; } .home-special-department002 .dep-nav .tab-tit + .tab-tit:before { left: -5px; } .home-special-department002 .inner-dep { margin-top: 20px; padding: 20px 20px 68px; } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul { flex-wrap: wrap; justify-content: space-between; margin-right: 0; } .home-special-department002 .inner-dep .tab-pannel-wrap .tab-pannel ul li { width: calc(50% - 5px); margin-bottom: 10px; margin-right: 0; } .home-special-department002 .inner-dep a.center-more001 span { font-size: 12px; } } .home-special-department003 { padding-top: 9rem; position: relative; } .home-special-department003 .doc_bg { position: absolute; top: 20rem; width: 100%; height: 50rem; } .home-special-department003 .dep_bg { height: 20rem; width: 100%; background-image: url("../images/xndyyljt/index/dep_bg1.jpg"); position: absolute; top: 0; left: 0; } .home-special-department003 .dep_bg:after { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; } .home-special-department003 .layout .inner_dep { display: flex; justify-content: space-between; position: relative; } .home-special-department003 .layout .inner_dep .dep-nav { width: 33.5rem; height: 22.5rem; background-image: url("../images/xndyyljt/index/dep_left_bg.jpg"); background-position: center; background-size: cover; box-sizing: border-box; padding: 2rem 2rem; } .home-special-department003 .layout .inner_dep .dep-nav h1 { font-size: 0; font-weight: normal; } .home-special-department003 .layout .inner_dep .dep-nav h1 a { font-size: 1.6rem; line-height: 1; color: #fff; position: relative; } .home-special-department003 .layout .inner_dep .dep-nav h1 a:after { content: ""; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.5); position: absolute; left: 0; bottom: -1rem; } .home-special-department003 .layout .inner_dep .dep-nav .tab-tit-box { margin-top: 4rem; } .home-special-department003 .layout .inner_dep .dep-nav .tab-tit-box a.tab-tit { display: flex; align-items: center; padding-left: 2rem; position: relative; width: fit-content; } .home-special-department003 .layout .inner_dep .dep-nav .tab-tit-box a.tab-tit:before { content: ""; border: 0.5rem solid transparent; border-left-color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-right-width: 0; } .home-special-department003 .layout .inner_dep .dep-nav .tab-tit-box a.tab-tit .line { width: 0; height: 1px; background-color: #F0BA52; transition: width 0.3s; } .home-special-department003 .layout .inner_dep .dep-nav .tab-tit-box a.tab-tit p { font-size: 1.2rem; line-height: 1.4rem; color: #fff; transition: all 0.3s; margin-right: 2rem; } .home-special-department003 .layout .inner_dep .dep-nav .tab-tit-box a.tab-tit .icon { width: 1rem; height: 1rem; box-sizing: border-box; border: 2px solid #F0BA52; transform: rotate(45deg); display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.3s; } .home-special-department003 .layout .inner_dep .dep-nav .tab-tit-box a.tab-tit .icon .inner-icon { width: 0.25rem; height: 0.25rem; background-color: #F0BA52; } .home-special-department003 .layout .inner_dep .dep-nav .tab-tit-box a.tab-tit + a.tab-tit { margin-top: 1.5rem; } .home-special-department003 .layout .inner_dep .dep-nav .tab-tit-box a.tab-tit:hover:before { border-left-color: #F0BA52; } .home-special-department003 .layout .inner_dep .dep-nav .tab-tit-box a.tab-tit:hover .line { width: 1.5rem; } .home-special-department003 .layout .inner_dep .dep-nav .tab-tit-box a.tab-tit:hover p { transform: translateX(1rem); color: #F0BA52; } .home-special-department003 .layout .inner_dep .dep-nav .tab-tit-box a.tab-tit:hover .icon { opacity: 1; } .home-special-department003 .layout .inner_dep .left-dep-container { width: 33.5rem; height: 22.5rem; box-sizing: border-box; padding: 2rem; background-image: url("../images/xndyyljt/index/dep_right_bg.jpg"); background-size: cover; margin-left: 1rem; } .home-special-department003 .layout .inner_dep .left-dep-container h1 { display: flex; justify-content: space-between; font-size: 0; align-items: center; font-weight: normal; } .home-special-department003 .layout .inner_dep .left-dep-container h1 a.tit { font-size: 1.6rem; line-height: 1; color: #fff; } .home-special-department003 .layout .inner_dep .left-dep-container h1 a.more { display: flex; align-items: center; } .home-special-department003 .layout .inner_dep .left-dep-container h1 a.more span { font-size: 0.8rem; line-height: 1; color: #fff; } .home-special-department003 .layout .inner_dep .left-dep-container h1 a.more i { font-size: 1rem; line-height: 1; color: #B0CE3A; margin-left: 0.5rem; } .home-special-department003 .layout .inner_dep .left-dep-container h1 a.more:hover span { color: #B0CE3A; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .depclass-nav { display: flex; margin-top: 2rem; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .depclass-nav .dep-tab-tit { cursor: pointer; margin-right: 1rem; height: 2rem; box-sizing: border-box; border: 1px solid #fff; line-height: 1.9rem; text-align: center; border-radius: 28px; font-size: 0.8rem; color: #fff; padding: 0 1.75rem; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .depclass-nav .dep-tab-tit.cur { background-color: #B0CE3A; border-color: #B0CE3A; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap { margin-top: 1.5rem; height: 11.1rem; overflow-x: hidden; overflow-y: auto; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap::-webkit-scrollbar { width: 6px; height: 6px; background-color: inherit; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap::-webkit-scrollbar-track { border-radius: 8px; background-color: rgba(255, 255, 255, 0.2); } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #fff; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap .tab-pannel ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap .tab-pannel ul li { width: 50%; margin-bottom: 1.5rem; position: relative; box-sizing: border-box; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap .tab-pannel ul li:before, .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap .tab-pannel ul li:after { content: ""; display: block; position: absolute; opacity: 0; top: 50%; transform: translateY(-50%); z-index: 1; transition: all 0.5s; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap .tab-pannel ul li:before { width: 1rem; height: 1px; box-sizing: border-box; border-bottom: 1px dashed #F0BA52; left: 0.15rem; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap .tab-pannel ul li:after { width: 5px; height: 5px; border-radius: 50%; background-color: #F0BA52; left: 1.15rem; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap .tab-pannel ul li a { box-sizing: border-box; display: block; width: 100%; height: 100%; padding-left: 0.65rem; position: relative; background-repeat: no-repeat; background-size: cover; transition: all 0.5s; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap .tab-pannel ul li a:before { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 0.15rem; height: 0.9rem; background-color: #F0BA52; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap .tab-pannel ul li a p { font-size: 0.9rem; color: #fff; margin-bottom: 0; transition: transform 0.5s; position: relative; line-height: 1.05rem; max-height: 1.05rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap .tab-pannel ul li:hover:before, .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap .tab-pannel ul li:hover:after { opacity: 1; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap .tab-pannel ul li:hover a p { transform: translateX(1rem); color: #F0BA52; width: calc(100% - 1rem); } @media (max-width: 960px) { .home-special-department003 { padding-top: 0; } .home-special-department003 .doc_bg, .home-special-department003 .dep_bg { display: none; } .home-special-department003 .layout { padding: 0 20px; box-sizing: border-box; } .home-special-department003 .layout .inner_dep { flex-wrap: wrap; } .home-special-department003 .layout .inner_dep .dep-nav { width: 100%; } .home-special-department003 .layout .inner_dep .dep-nav h1 a { font-size: 18px; } .home-special-department003 .layout .inner_dep .dep-nav .tab-tit-box a.tab-tit p { font-size: 16px; } .home-special-department003 .layout .inner_dep .left-dep-container { width: 100%; height: auto; margin-left: 0; } .home-special-department003 .layout .inner_dep .left-dep-container h1 a.tit { font-size: 18px; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .depclass-nav .dep-tab-tit { padding: 0 20px; margin-right: 5px; } .home-special-department003 .layout .inner_dep .left-dep-container .area-tab-pannel-wrap .tab-pannel-wrap { height: auto; } } .yzxx-form h2 { font-weight: normal; border-bottom: 1px solid #ccc; margin-bottom: 1.5rem; } .yzxx-form h2 span { font-size: 1.2rem; color: #1D9D9A; line-height: 1; padding-bottom: 1rem; position: relative; width: fit-content; display: block; } .yzxx-form h2 span:after { content: ""; display: block; width: 100%; height: 2px; background-color: #1D9D9A; position: absolute; bottom: 0; left: 0; } .yzxx-form .ruifox-form .ruifox-form-group { margin-bottom: 1rem; } .yzxx-form .ruifox-form .ruifox-form-group.required .label:before { display: inline-block; margin-right: 0.2rem; content: '*'; font-family: SimSun; line-height: 1; color: #c50c11; position: absolute; left: 0; top: 0.5rem; } .yzxx-form .ruifox-form .ruifox-form-group .label { width: 6rem; font-size: 0.8rem; text-align: left; box-sizing: border-box; padding-left: 10px; position: relative; } .yzxx-form .ruifox-form .ruifox-form-group .label label:after { content: ':'; margin: 0 8px 0 2px; position: relative; top: -0.5px; } .yzxx-form .ruifox-form .ruifox-form-group .control { width: calc(100% - 6rem); } .yzxx-form .ruifox-form .ruifox-form-group .control .error-message { color: #c50c11; font-size: 12px; } .yzxx-form .ruifox-form .btn.btn-primary { background-color: #1D9D9A; } .yzxx-form .ruifox-form .btn.disabled { background: #ddd !important; cursor: default; } .yzxx-form .form-tips-box { display: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 17.5rem; height: 10rem; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2000; background-color: #fff; border-radius: 10px; } .yzxx-form .form-tips-box .inner-tips { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .yzxx-form .form-tips-box .inner-tips i { font-size: 3rem; margin-bottom: 1rem; } .yzxx-form .form-tips-box .inner-tips i.success { color: #1eb819; } .yzxx-form .form-tips-box .inner-tips i.fail { color: #ee2127; } .yzxx-form .form-tips-box .inner-tips p { font-size: 1.2rem; } .list-doctor003 .filter-doctor { padding: 0 1rem; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .list-doctor003 .filter-doctor .layer-item { padding: 20px 0; border-bottom: 1px solid #E4E4E4; } .list-doctor003 .filter-doctor .layer-item:last-child { border-bottom: none; } .list-doctor003 .filter-doctor .layer-item .label { display: inline-block; width: 80px; margin-right: 1rem; font-size: 16px; color: #333333; line-height: 1; margin-top: 0.4rem; height: 16px; flex-shrink: 0; } .list-doctor003 .filter-doctor .layer-item .list-item { display: flex; flex-wrap: wrap; margin-right: -14px; } .list-doctor003 .filter-doctor .layer-item .list-item li { margin-right: 14px; margin-bottom: 10px; } .list-doctor003 .filter-doctor .layer-item .list-item li.cur a { background-color: #1D9D9A; color: #fff; } .list-doctor003 .filter-doctor .layer-item .list-item li a { display: block; border-radius: 4px; line-height: 32px; height: 32px; padding: 0 1rem; font-size: 16px; } .list-doctor003 .filter-doctor .layer-item .list-item li a:hover { color: #B0CE3A; } .list-doctor003 .filter-doctor .area-depclass { display: flex; align-items: center; } .list-doctor003 .filter-doctor .area-depclass .class-item { font-size: 0; margin-right: 60px; display: flex; align-items: center; } .list-doctor003 .filter-doctor .area-depclass .class-item span { display: inline-block; width: 80px; margin-right: 1rem; font-size: 16px; color: #333333; line-height: 1; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box { position: relative; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box.disabled .choose { cursor: not-allowed; color: #AAAAAA; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box.disabled .choose::placeholder { color: #AAAAAA; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box.disabled > i { color: #AAAAAA; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .choose { border: 1px solid #C9C9C9; border-radius: 4px; outline: none; width: 12rem; height: 2rem; line-height: 2rem; font-size: 16px; cursor: pointer; color: #333; padding: 0 0 0 10px; box-sizing: border-box; z-index: 1; position: relative; background-color: transparent; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .choose.disabled { cursor: not-allowed; color: #AAAAAA; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .choose.disabled::placeholder { color: #AAAAAA; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .choose::placeholder { font-size: 16px; color: #333; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .option { width: 12rem; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: absolute; top: 2.1rem; left: 0; display: none; z-index: 111; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .option ul { padding: 0; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .option ul li { height: 3rem; box-sizing: border-box; padding: 0 10px; position: relative; line-height: 3rem; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .option ul li:after { content: ''; display: block; width: calc(100% - 20px); position: absolute; height: 1px; background-color: #F2F2F2; bottom: 0; left: 10px; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .option ul li a { color: #333; font-size: 16px; display: block; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .option ul li:hover, .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .option ul li.cur { background-color: #F2F2F2; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .option ul li:hover a, .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .option ul li.cur a { color: #B0CE3A; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box > i { position: absolute; top: 0.8rem; right: 10px; font-size: 14px; line-height: 10px; transition: all 0.5s; display: inline-block; color: #333333; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box > i.active { transform: rotate(180deg); } .list-doctor003 .filter-doctor .department-list { display: flex; padding-bottom: 10px; } .list-doctor003 .filter-doctor .department-list.dep-list .list-item li { width: 9.2rem; } .list-doctor003 .filter-doctor .department-list.dep-list .list-item li a { width: fit-content; white-space: nowrap; } .list-doctor003 .filter-doctor .protit-list { display: flex; position: relative; padding-bottom: 10px; } .list-doctor003 .filter-doctor .protit-list .list-box { overflow: hidden; max-height: 42px; } .list-doctor003 .filter-doctor .protit-list .list-box .list-item { margin-right: 0; } .list-doctor003 .filter-doctor .protit-list .list-box.open { max-height: 150px; } .list-doctor003 .filter-doctor .protit-list .toggle-btn { height: 24px; width: 24px; border-radius: 4px; box-sizing: border-box; border: 1px solid #1D9D9A; line-height: 24px; text-align: center; position: absolute; top: 1.2rem; right: 0; display: none; cursor: pointer; } .list-doctor003 .filter-doctor .protit-list .toggle-btn i { font-size: 14px; color: #1D9D9A; transition: all 0.5s; display: inline-block; position: relative; top: -3px; } .list-doctor003 .filter-doctor .protit-list .toggle-btn.active { border: none; background-color: #B0CE3A; } .list-doctor003 .filter-doctor .protit-list .toggle-btn.active i { transform: rotate(180deg); color: #fff; } .list-doctor003 .filter-doctor .protit-list.over .toggle-btn { display: block; } .list-doctor003 .filter-doctor .search-layer { display: flex; align-items: center; font-size: 0; } .list-doctor003 .filter-doctor .search-layer > span { display: inline-block; width: 80px; margin-right: 1rem; font-size: 16px; color: #333333; line-height: 1; } .list-doctor003 .filter-doctor .search-layer .search-form { display: flex; align-items: center; } .list-doctor003 .filter-doctor .search-layer .doctor-name { border: 1px solid #C9C9C9; border-radius: 4px; outline: none; width: 12rem; height: 2rem; line-height: 2rem; font-size: 16px; color: #333333; box-sizing: border-box; } .list-doctor003 .filter-doctor .search-layer .doctor-name::placeholder { font-size: 16px; color: #D7D7D7; } .list-doctor003 .filter-doctor .search-layer .doctor-name:focus { border-color: #B0CE3A; } .list-doctor003 .filter-doctor .search-layer .doc-search-btn { background-color: #1D9D9A; color: #fff; margin-left: 60px; border: none; width: 80px; } .list-doctor003 .filter-doctor .search-layer .doc-search-btn:hover { border: none; background-color: #B0CE3A; color: #fff; } .list-doctor003 .filter-doctor .search-layer button { height: 2rem; font-size: 16px; text-align: center; line-height: 2rem; border-radius: 4px; } .list-doctor003 .filter-doctor .search-layer .reset-btn { border: 1px solid #1D9D9A; background-color: #fff; margin-left: 20px; width: 132px; text-align: center; height: 2rem; font-size: 16px; text-align: center; line-height: 2rem; border-radius: 4px; display: block; box-sizing: border-box; } .list-doctor003 .filter-doctor .search-layer .reset-btn i, .list-doctor003 .filter-doctor .search-layer .reset-btn span { color: #1D9D9A; font-size: 16px; } .list-doctor003 .filter-doctor .search-layer .reset-btn i { margin-right: 0.5rem; } .list-doctor003 .filter-doctor .search-layer .reset-btn:hover { border: none; background-color: #B0CE3A; } .list-doctor003 .filter-doctor .search-layer .reset-btn:hover i, .list-doctor003 .filter-doctor .search-layer .reset-btn:hover span { color: #fff; } .list-doctor003 .haschosen-doctor { padding: 20px 0 10px; border-bottom: 1px solid #d7d7d7; display: flex; justify-content: flex-end; } .list-doctor003 .haschosen-doctor .doctor-num { font-size: 16px; line-height: 1; color: #333; } .list-doctor003 .haschosen-doctor .doctor-num span { color: #B0CE3A; } @media (max-width: 1200px) { .list-doctor003 .filter-doctor .layer-item .label { font-size: 14px; height: 14px; width: 70px; } .list-doctor003 .filter-doctor .layer-item .list-item { margin-right: -8px; } .list-doctor003 .filter-doctor .layer-item .list-item li { margin-right: 8px; margin-bottom: 8px; } .list-doctor003 .filter-doctor .layer-item .list-item li a { line-height: 24px; height: 24px; font-size: 14px; } .list-doctor003 .filter-doctor .area-depclass .class-item { margin-right: 42px; } .list-doctor003 .filter-doctor .area-depclass .class-item span { width: 70px; font-size: 14px; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .choose { font-size: 14px; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .choose::placeholder { font-size: 14px; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .option ul li a { font-size: 14px; } .list-doctor003 .filter-doctor .department-list { padding-bottom: 8px; } .list-doctor003 .filter-doctor .protit-list { padding-bottom: 8px; } .list-doctor003 .filter-doctor .protit-list .list-box { max-height: 32px; } .list-doctor003 .filter-doctor .protit-list .list-box.open { max-height: 100px; } .list-doctor003 .filter-doctor .search-layer > span { width: 70px; font-size: 14px; } .list-doctor003 .filter-doctor .search-layer .doctor-name { font-size: 14px; } .list-doctor003 .filter-doctor .search-layer .doctor-name::placeholder { font-size: 14px; } .list-doctor003 .filter-doctor .search-layer .doc-search-btn { margin-left: 43px; width: 60px; } .list-doctor003 .filter-doctor .search-layer button { font-size: 14px; } .list-doctor003 .filter-doctor .search-layer .reset-btn { margin-left: 26px; width: 111px; font-size: 14px; } .list-doctor003 .filter-doctor .search-layer .reset-btn i, .list-doctor003 .filter-doctor .search-layer .reset-btn span { color: #1D9D9A; font-size: 14px; } } @media (max-width: 960px) { .list-doctor003 .filter-doctor { position: relative; } .list-doctor003 .filter-doctor .area-depclass { flex-wrap: wrap; } .list-doctor003 .filter-doctor .area-depclass .class-item { width: 100%; margin-right: 0; } .list-doctor003 .filter-doctor .area-depclass .class-item.area { margin-bottom: 20px; } .list-doctor003 .filter-doctor .area-depclass .class-item span { margin-right: 10px; flex-shrink: 0; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box { width: 100%; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .choose { width: 100%; } .list-doctor003 .filter-doctor .area-depclass .class-item .select-box .option { width: 100%; } .list-doctor003 .filter-doctor .department-list { flex-wrap: wrap; } .list-doctor003 .filter-doctor .layer-item .label { margin-top: 0; margin-bottom: 10px; width: 100%; } .list-doctor003 .filter-doctor .layer-item .list-item li { margin-bottom: 10px; margin-right: 10px; } .list-doctor003 .filter-doctor .layer-item .list-item li a { height: 30px; line-height: 30px; } .list-doctor003 .filter-doctor .protit-list { flex-wrap: wrap; padding: 10px 0; position: relative; } .list-doctor003 .filter-doctor .protit-list .list-box { max-height: 70px; } .list-doctor003 .filter-doctor .protit-list .list-box.open { max-height: 400px; } .list-doctor003 .filter-doctor .protit-list .toggle-btn { bottom: 10px; top: auto; } .list-doctor003 .filter-doctor .protit-list .toggle-btn i { top: -1px; } .list-doctor003 .filter-doctor .search-layer { align-items: flex-start; } .list-doctor003 .filter-doctor .search-layer > span { margin-top: 8px; margin-right: 10px; } .list-doctor003 .filter-doctor .search-layer .doctor-name { width: 100%; } .list-doctor003 .filter-doctor .search-layer .doc-search-btn { margin-left: 0; margin-top: 20px; } .list-doctor003 .filter-doctor .search-layer .search-form { flex: 1; flex-wrap: wrap; } .list-doctor003 .filter-doctor .search-layer .reset-btn { position: absolute; left: 148px; bottom: 20px; } .list-doctor003 .haschosen-doctor .doctor-num { font-size: 14px; } } .category-brief001 h1.intro-center-tit { font-weight: normal; text-align: center; font-size: 1.2rem; line-height: 1; } .category-brief001 h1.intro-center-tit a { color: #328484; } .category-brief001 .hos-intro-box1 { background-color: #E3F2EF; padding: 2rem 0 5.6rem; background-image: url(../images/xndyyljt/intro/intro_bg.jpg); background-size: cover; background-repeat: no-repeat; } .category-brief001 .hos-intro-box1 h1.left-tit-line { display: flex; align-items: center; font-weight: normal; margin: 2rem 0 1.5rem; } .category-brief001 .hos-intro-box1 h1.left-tit-line a.tit { font-size: 1.2rem; line-height: 1; color: #328484; margin-right: 1rem; } .category-brief001 .hos-intro-box1 h1.left-tit-line .line { flex: 1; height: 1px; box-sizing: border-box; border-bottom: 1px dashed rgba(121, 121, 121, 0.3); position: relative; } .category-brief001 .hos-intro-box1 h1.left-tit-line .line:after { content: ""; display: block; position: absolute; height: 0.25rem; width: 1.5rem; background-color: #1D9D9A; right: 0; top: 50%; margin-top: -0.125rem; } .category-brief001 .hos-intro-box1 .inner-intro { display: flex; justify-content: space-between; } .category-brief001 .hos-intro-box1 .inner-intro .left-intro { display: flex; flex-direction: column; justify-content: space-between; height: 17rem; width: 28rem; } .category-brief001 .hos-intro-box1 .inner-intro .left-intro .intro { font-size: 0.8rem; 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; color: #333; } .category-brief001 .hos-intro-box1 .inner-intro .right-img { display: block; width: 30rem; height: 17rem; overflow: hidden; } .category-brief001 .hos-intro-box1 .inner-intro .right-img.mobile-img { display: none; } .category-brief001 .hos-intro-box1 .inner-intro .right-img img { width: 100%; height: 100%; transition: all 0.5s; } .category-brief001 .hos-intro-box1 .inner-intro .right-img:hover img { transform: scale(1.1); } .category-brief001 .hos-intro-box2 { position: relative; padding-top: 5rem; } .category-brief001 .hos-intro-box2 > img { position: absolute; bottom: 3rem; left: 0; } .category-brief001 .hos-intro-box2 .line1 { width: calc(50vw - 10.75rem); border-bottom: 2px dashed #DFDFDF; position: absolute; left: 0; bottom: 3rem; } .category-brief001 .hos-intro-box2 .inner-layout { position: relative; display: flex; justify-content: space-between; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li { width: 17rem; height: 4rem; border-bottom: 1px solid #E3E3E3; margin-bottom: 0.5rem; position: relative; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li a { display: flex; align-items: center; width: 100%; height: 100%; box-sizing: border-box; padding-left: 1rem; position: relative; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li a p { font-size: 1.2rem; line-height: 1; color: #333; transform: translateX(0); transition: transform 0.5s; margin-right: 2rem; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li a .line { width: 0; border-bottom: 1px dashed rgba(183, 215, 131, 0.6); position: relative; transition: width 0.5s; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li a .line:after { content: ""; display: block; width: 0.3rem; height: 0.3rem; border-radius: 50%; background-color: #B7D783; position: absolute; right: 0; top: 50%; margin-top: -0.15rem; opacity: 0; transition: opacity 0.5s; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur { background-color: #1D9D9A; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur:before, .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur:after { content: ""; display: block; background-color: #B7D783; position: absolute; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur:before { width: 0.25rem; height: 2.5rem; left: 0; top: 50%; margin-top: -1.25rem; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur:after { width: 0.5rem; height: 0.25rem; left: 0.25rem; top: 50%; margin-top: -0.125rem; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur a:before { content: ""; display: block; background-color: #B7D783; position: absolute; left: 0; width: 2rem; height: 1px; top: 50%; margin-top: -0.5px; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur a p { transform: translateX(1.5rem); font-weight: bold; color: #fff; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur a .line { width: 7.7rem; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur a .line:after { opacity: 1; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap { width: 40.75rem; height: 31rem; padding-top: 2.5rem; padding-left: 4.75rem; box-sizing: border-box; position: relative; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap:before { content: ""; width: calc(50vw + 8.75rem); height: 30rem; background-color: #D0C9B1; position: absolute; left: 2rem; top: -2rem; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap:after { content: ""; width: calc(50vw + 8.75rem); height: 100%; background-color: #026464; background-image: url("../images/xndyyljt/intro/intro_right_bg.jpg"); background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel { position: absolute; opacity: 0; transition: opacity 0.5s; width: 100%; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.cur { opacity: 1; z-index: 1; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel h2.tit { font-size: 1.2rem; line-height: 1; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel h2.tit a { color: #fff; padding-left: 0.65rem; position: relative; display: block; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel h2.tit a:before { content: ""; display: block; width: 0.15rem; height: 1.2rem; background-color: #fff; position: absolute; top: 0; left: 0; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel .intro-box { margin-bottom: 0.9rem; width: 100%; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel .intro-box .intro { margin-top: 1.5rem; font-size: 0.8rem; margin-bottom: 1.5rem; color: #fff; line-height: 1.5rem; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel .intro-box ul { display: flex; flex-wrap: wrap; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel .intro-box ul li { width: 9rem; height: 4.5rem; border-right: 1px solid rgba(215, 215, 215, 0.2); display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; padding: 0 0.8rem; margin-bottom: 1.1rem; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel .intro-box ul li:nth-child(4n) { border-right: none; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel .intro-box ul li .counter { font-size: 1.6rem; line-height: 1; color: #fff; font-weight: bold; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel .intro-box ul li p { font-size: 0.8rem; line-height: 0.9rem; color: rgba(255, 255, 255, 0.6); margin-top: 0.5rem; text-align: center; height: 1.8rem; width: 100%; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel a.left-more001 { background-color: #328484; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel a.left-more001:before { background-color: #91C341; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item0 .intro-box ul li.item6 .counter:after, .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item0 .intro-box ul li.item7 .counter:after { content: "万"; color: #fff; font-size: 0.8rem; line-height: 1; font-weight: normal; margin-left: 0.5rem; position: relative; top: -0.3rem; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item1 .intro-box ul li.item0 .counter:after, .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item1 .intro-box ul li.item1 .counter:after { content: "万"; color: #fff; font-size: 0.8rem; line-height: 1; font-weight: normal; margin-left: 0.5rem; position: relative; top: -0.3rem; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item2 .intro-box ul li.item6 .counter:after, .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item2 .intro-box ul li.item7 .counter:after { content: "%"; color: #fff; font-size: 1.6rem; line-height: 1; position: relative; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item3 .intro-box ul li.item0 .counter:after, .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item3 .intro-box ul li.item1 .counter:after { content: "万"; color: #fff; font-size: 0.8rem; line-height: 1; font-weight: normal; margin-left: 0.5rem; position: relative; top: -0.3rem; } .category-brief001 .hos-history { padding-top: 2rem; padding-bottom: 2.3rem; } .category-brief001 .hos-history .layout .inner-layout { min-height: unset; } .category-brief001 .hos-history .layout .inner-layout .intro-container { margin-top: 2.75rem; } .category-brief001 .hos-history .layout .inner-layout .intro-container .intro-slider .intro-item { position: relative; height: 12rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .category-brief001 .hos-history .layout .inner-layout .intro-container .intro-slider .intro-item .year { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 12rem; line-height: 1; color: rgba(238, 233, 221, 0.3); font-family: 'Merriweather Black', 'Merriweather Regular', 'Merriweather', sans-serif; font-weight: 900; font-style: normal; } .category-brief001 .hos-history .layout .inner-layout .intro-container .intro-slider .intro-item .intro { text-align: center; font-size: 0.9rem; line-height: 1.6rem; position: relative; } .category-brief001 .hos-history .layout .year-box { margin-top: 1.9rem; padding: 0 2rem; position: relative; } .category-brief001 .hos-history .layout .year-box:before { content: ""; display: block; width: 100%; height: 0.2rem; background-image: linear-gradient(to right, #F9F9F9, #000000, #FFFBFB); position: absolute; left: 0; top: 0.225rem; } .category-brief001 .hos-history .layout .year-box .year-slider .year-item { text-align: center; padding-top: 0.7rem; } .category-brief001 .hos-history .layout .year-box .year-slider .year-item:before { content: ""; display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; box-sizing: border-box; border: 1px solid rgba(85, 85, 85, 0.99); position: absolute; top: 0.15rem; left: 50%; margin-left: -0.25rem; background-color: #fff; } .category-brief001 .hos-history .layout .year-box .year-slider .year-item:after { content: ""; display: block; width: 0; height: 0.2rem; background-color: #1D9D9A; position: absolute; top: 0.25rem; left: 50%; transition: width 0.5s; } .category-brief001 .hos-history .layout .year-box .year-slider .year-item p { font-weight: bold; font-size: 0.9rem; line-height: 1.6rem; } .category-brief001 .hos-history .layout .year-box .year-slider .year-item.slick-current p { color: #1D9D9A; } .category-brief001 .hos-history .layout .year-box .year-slider .year-item.slick-current:before { transform: scale(1.3); border: none; background-color: #1D9D9A; } .category-brief001 .hos-history .layout .year-box .year-slider .year-item.slick-current:after { width: 9.15rem; } .category-brief001 .hos-history .layout .year-box .year-slider .slick-arrow { position: absolute; width: 2.05rem; height: 2.05rem; border-radius: 50%; background-color: #EEEEEE; line-height: 2.05rem; text-align: center; color: #1D9D9A; font-size: 1.1rem; top: -0.7rem; cursor: pointer; } .category-brief001 .hos-history .layout .year-box .year-slider .slick-arrow:hover { background-color: #1D9D9A; color: #FAEDED; } .category-brief001 .hos-history .layout .year-box .year-slider .slick-arrow.prev { left: -2rem; } .category-brief001 .hos-history .layout .year-box .year-slider .slick-arrow.next { right: -2rem; } .category-brief001 .hos-history .layout a.left-more001 { margin: 0 auto; } .category-brief001 .hos-leader { height: 30rem; box-sizing: border-box; padding-top: 3rem; background-image: linear-gradient(to bottom, #fff, #EEE9DD); } .category-brief001 .hos-leader .inner-layout .leader-list { display: flex; justify-content: space-between; margin: 2rem -0.6rem 0; } .category-brief001 .hos-leader .inner-layout .leader-list .leader-item { display: flex; flex-direction: column; align-items: center; width: 9rem; position: relative; margin: 0 0.6rem; } .category-brief001 .hos-leader .inner-layout .leader-list .leader-item .img { overflow: hidden; width: 100%; height: 12rem; } .category-brief001 .hos-leader .inner-layout .leader-list .leader-item .img img { width: 100%; height: 100%; transition: all 0.5s; } .category-brief001 .hos-leader .inner-layout .leader-list .leader-item .name { font-size: 0.8rem; line-height: 1; color: #333333; margin: 0.5rem 0; } .category-brief001 .hos-leader .inner-layout .leader-list .leader-item .leader-protit { height: 0.8rem; font-size: 0.8rem; line-height: 1; color: #333333; margin-bottom: 1rem; } .category-brief001 .hos-leader .inner-layout .leader-list .leader-item:after { content: ""; width: 7rem; height: 2px; background-color: #1D9D9A; position: absolute; bottom: 0; left: 50%; margin-left: -3.5rem; } .category-brief001 .hos-leader .inner-layout .leader-list .leader-item:hover .img img { transform: scale(1.1); } .category-brief001 .hos-leader .inner-layout .leader-list .leader-item:hover .name { color: #1D9D9A; } .category-brief001 .hos-leader .inner-layout a.left-more001 { margin: 2rem auto 0; } .category-brief001 .hos-culture { position: relative; height: 38rem; background-color: #FDF9F0; } .category-brief001 .hos-culture > img { position: absolute; left: 0; height: 100%; } .category-brief001 .hos-culture .inner-layout { display: flex; height: 100%; } .category-brief001 .hos-culture .inner-layout .left-tit { width: 20rem; position: relative; box-sizing: border-box; padding: 5.5rem 0 0 7.6rem; } .category-brief001 .hos-culture .inner-layout .left-tit:before { content: ""; width: calc(50vw - 17.9rem); height: 100%; background-image: linear-gradient(to right, transparent, rgba(249, 244, 230, 0.89) 40%, #FDF9F0 56%); position: absolute; top: 0; right: 0; } .category-brief001 .hos-culture .inner-layout .left-tit h1.tit { font-size: 1.6rem; line-height: 1; position: relative; } .category-brief001 .hos-culture .inner-layout .left-tit h1.tit a { color: #328484; } .category-brief001 .hos-culture .inner-layout .left-tit h1.tit:after { content: ""; width: 2rem; height: 0.3rem; position: absolute; left: 0; bottom: -0.8rem; background-color: #FFA943; } .category-brief001 .hos-culture .inner-layout .right-container { padding-top: 5.5rem; background-color: #FDF9F0; z-index: 1; } .category-brief001 .hos-culture .inner-layout .right-container ul { height: 30.8rem; display: flex; flex-direction: column; flex-wrap: wrap; position: relative; } .category-brief001 .hos-culture .inner-layout .right-container ul .line { position: absolute; top: 0; width: 1px; height: 27.8rem; box-sizing: border-box; border-left: 1px dashed rgba(255, 169, 67, 0.8); } .category-brief001 .hos-culture .inner-layout .right-container ul .line.line1 { left: 0; } .category-brief001 .hos-culture .inner-layout .right-container ul .line.line2 { left: 20rem; } .category-brief001 .hos-culture .inner-layout .right-container ul li { width: 20rem; box-sizing: border-box; padding: 0 2rem; margin-bottom: 2.5rem; } .category-brief001 .hos-culture .inner-layout .right-container ul li h2 { display: flex; color: #1D9D9A; align-items: center; } .category-brief001 .hos-culture .inner-layout .right-container ul li h2 span { font-size: 0.9rem; line-height: 1; } .category-brief001 .hos-culture .inner-layout .right-container ul li h2 i { margin-left: 0.5rem; font-size: 2.25rem; line-height: 0.9rem; font-weight: normal; } .category-brief001 .hos-culture .inner-layout .right-container ul li p { font-size: 1rem; line-height: 1.5; color: #333; margin: 1rem 0 0; } .category-brief001 .hos-culture .inner-layout .right-container ul li:nth-of-type(4n+1) { margin-bottom: 3.5rem; } .category-brief001 .hos-culture .inner-layout .right-container ul li:nth-of-type(2) { margin-bottom: 5.5rem; } .category-brief001 .hos-culture .inner-layout .right-container ul li:nth-of-type(4n+3) { margin-bottom: 3rem; } .category-brief001 .hos-column .inner-column { display: flex; } .category-brief001 .hos-column .inner-column a.column-item { height: 40rem; background-size: cover; position: relative; flex: 1; } .category-brief001 .hos-column .inner-column a.column-item .info-content { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: fit-content; margin: -1.25rem auto; color: #fff; } .category-brief001 .hos-column .inner-column a.column-item .info-content .svg { width: 7rem; } .category-brief001 .hos-column .inner-column a.column-item .info-content .svg #svg0 .st0 { fill: none; stroke: #fff; stroke-width: 8; stroke-linejoin: round; } .category-brief001 .hos-column .inner-column a.column-item .info-content .svg #svg0 .st1 { fill: none; stroke: #fff; stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; } .category-brief001 .hos-column .inner-column a.column-item .info-content .svg #svg1 .st0 { fill: none; stroke: #fff; stroke-width: 8; stroke-miterlimit: 10; } .category-brief001 .hos-column .inner-column a.column-item .info-content .svg #svg1 .st1 { fill: none; stroke: #fff; stroke-width: 8; stroke-linecap: round; stroke-miterlimit: 10; } .category-brief001 .hos-column .inner-column a.column-item .info-content .svg #svg1 .st2 { fill: none; stroke: #fff; stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; } .category-brief001 .hos-column .inner-column a.column-item .info-content .svg #svg2 .st0 { fill: none; stroke: #fff; stroke-width: 8; stroke-miterlimit: 10; } .category-brief001 .hos-column .inner-column a.column-item .info-content .svg #svg2 .st1 { fill: none; stroke: #fff; stroke-width: 8; stroke-linecap: round; stroke-miterlimit: 10; } .category-brief001 .hos-column .inner-column a.column-item .info-content .svg #svg2 .st2 { fill: none; stroke: #fff; stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; } .category-brief001 .hos-column .inner-column a.column-item .info-content .tit { font-weight: normal; font-size: 1.6rem; line-height: 1; } .category-brief001 .hos-column .inner-column a.column-item .info-content .svg, .category-brief001 .hos-column .inner-column a.column-item .info-content .tit { transform: translateY(3.5rem); transition: transform 0.5s; } .category-brief001 .hos-column .inner-column a.column-item .info-content .intro { opacity: 0; margin-top: 2rem; transition: all 0.8s; transform: translateY(-1rem); display: flex; flex-direction: column; align-items: center; } .category-brief001 .hos-column .inner-column a.column-item .info-content .intro .sub-tit { font-size: 0.9rem; line-height: 1.1rem; position: relative; height: 2.2rem; width: 14.4rem; text-align: center; } .category-brief001 .hos-column .inner-column a.column-item .info-content .intro .sub-tit:after { content: ""; width: 0; height: 2px; background-color: #fff; position: absolute; bottom: -1.1rem; left: -0.3rem; transition: width 0.8s; transition-delay: 0.2s; } .category-brief001 .hos-column .inner-column a.column-item .info-content .intro .more { display: flex; align-items: center; margin-top: 3.1rem; opacity: 0; transition: all 0.8s; transition-delay: 0.6s; } .category-brief001 .hos-column .inner-column a.column-item .info-content .intro .more span { font-size: 1rem; } .category-brief001 .hos-column .inner-column a.column-item .info-content .intro .more i { font-size: 1.2rem; margin-left: 0.5rem; } .category-brief001 .hos-column .inner-column a.column-item.item0 { background-image: url("../images/xndyyljt/intro/hos_culture.jpg"); } .category-brief001 .hos-column .inner-column a.column-item.item1 { background-image: url("../images/xndyyljt/intro/video.jpg"); flex-shrink: 0; } .category-brief001 .hos-column .inner-column a.column-item.item2 { background-image: url("../images/xndyyljt/intro/equipment.jpg"); } @media (any-hover: hover) { .category-brief001 .hos-column .inner-column a.column-item:hover .info-content .svg, .category-brief001 .hos-column .inner-column a.column-item:hover .info-content .tit { transform: translateY(0); } .category-brief001 .hos-column .inner-column a.column-item:hover .info-content .intro { opacity: 1; transform: translateY(0); } .category-brief001 .hos-column .inner-column a.column-item:hover .info-content .intro .sub-tit:after { width: calc(100% + 0.6rem); } .category-brief001 .hos-column .inner-column a.column-item:hover .info-content .intro .more { opacity: 1; } } @media (max-width: 1920px) { .category-brief001 .hos-column .inner-column a.column-item { flex: 1; } } @media (max-width: 1440px) { .category-brief001 .hos-history .layout .year-box .year-slider .year-item.slick-current:after { width: 8rem; } .category-brief001 .hos-culture .inner-layout .left-tit:before { width: calc(50vw - 11rem); background-image: linear-gradient(to right, transparent, rgba(249, 244, 230, 0.89) 50%, #FDF9F0 76%); } } @media (max-width: 1350px) { .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap { padding-right: 40px; } } @media (max-width: 1200px) { .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap { padding-left: 40px; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel .intro-box ul li { width: 25%; } } @media (max-width: 960px) { .category-brief001 .hos-intro-box1 { padding-bottom: 30px; } .category-brief001 .hos-intro-box1 h1.left-tit-line { margin-bottom: 20px; } .category-brief001 .hos-intro-box1 .inner-intro { flex-wrap: wrap; } .category-brief001 .hos-intro-box1 .inner-intro .right-img { width: 100%; height: 50vw; margin-bottom: 10px; } .category-brief001 .hos-intro-box1 .inner-intro .right-img.pc-img { display: none; } .category-brief001 .hos-intro-box1 .inner-intro .right-img.mobile-img { display: block; } .category-brief001 .hos-intro-box1 .inner-intro .left-intro { width: 100%; } .category-brief001 .hos-intro-box2 .inner-layout { flex-wrap: wrap; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav { width: 100%; display: flex; height: 60px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 2px; background-color: #fff; align-items: center; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li { width: 100%; flex: 1; border-bottom: none; margin-bottom: 0; padding: 10px 0; box-sizing: border-box; height: 100%; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur:before { width: 2px; height: 20px; margin-top: -10px; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur:after { width: 10px; height: 1px; left: 2px; margin-top: -0.5px; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur a { border-left: none; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur a:before, .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur a:after { content: ""; display: block; background-color: #B7D783; position: absolute; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur a:before { width: 2px; height: 20px; left: auto; right: 0; top: 50%; margin-top: -10px; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur a:after { width: 10px; height: 1px; right: 2px; top: 50%; margin-top: -0.5px; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li.cur a p { transform: translateX(0); } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li + li a { border-left: 1px solid #E6E6E6; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li a { padding: 0; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li a p { margin: 0 auto; font-size: 14px; } .category-brief001 .hos-intro-box2 .inner-layout .left-nav li a .line { display: none; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap { width: 100%; margin-top: 10px; padding: 0; height: 434px; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap:before { display: none; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap:after { background-image: url("../images/xndyyljt/intro/intro_bg_m.jpg"); } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel { padding: 20px 10px; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel h2.tit { font-weight: normal; font-size: 14px; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel h2.tit a:before { height: 14px; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel .intro-box .intro { margin: 20px 0; font-size: 12px; line-height: 20px; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel .intro-box ul li { padding: 10px; height: 80px; margin-bottom: 10px; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel .intro-box ul li .counter { font-size: 16px; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel .intro-box ul li p { text-align: left; font-size: 12px; line-height: 14px; margin-top: 5px; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item0 .intro-box ul li.item6 .counter:after, .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item0 .intro-box ul li.item7 .counter:after { top: 0; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item1 .intro-box ul li.item0 .counter:after, .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item1 .intro-box ul li.item1 .counter:after, .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item3 .intro-box ul li.item0 .counter:after, .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item3 .intro-box ul li.item1 .counter:after { top: 0; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item2 .intro-box ul li.item6 .counter:after, .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap .tab-pannel.tab-pannel-item2 .intro-box ul li.item7 .counter:after { font-size: 16px; } .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap:after, .category-brief001 .hos-intro-box2 .inner-layout .tab-pannel-wrap:before { width: 100%; } .category-brief001 .hos-history .layout .inner-layout .intro-container { margin-top: 20px; } .category-brief001 .hos-history .layout .inner-layout .intro-container .intro-slider .intro-item { height: 170px; } .category-brief001 .hos-history .layout .inner-layout .intro-container .intro-slider .intro-item .year { font-size: 150px; } .category-brief001 .hos-history .layout .inner-layout .intro-container .intro-slider .intro-item .intro { line-height: 1.6rem; max-height: 8rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; } .category-brief001 .hos-history .layout .year-box .year-slider .year-item.slick-current:after { width: 17vw; top: 3.6px; } .category-brief001 .hos-leader { padding-top: 20px; height: auto; padding-bottom: 20px; } .category-brief001 .hos-leader .inner-layout .leader-list { flex-wrap: wrap; } .category-brief001 .hos-leader .inner-layout .leader-list .leader-item { width: 28%; margin-bottom: 10px; } .category-brief001 .hos-leader .inner-layout .leader-list .leader-item:after { width: 100%; margin-left: -50%; } .category-brief001 .hos-leader .inner-layout .leader-list .leader-item .img { height: 38vw; } .category-brief001 .hos-culture { height: auto; padding: 22px 0 10px 15px; } .category-brief001 .hos-culture > img { display: none; } .category-brief001 .hos-culture .inner-layout { display: block; } .category-brief001 .hos-culture .inner-layout .left-tit { padding: 0; } .category-brief001 .hos-culture .inner-layout .left-tit:before { display: none; } .category-brief001 .hos-culture .inner-layout .left-tit h1.tit { font-size: 18px; } .category-brief001 .hos-culture .inner-layout .right-container { padding-top: 30px; } .category-brief001 .hos-culture .inner-layout .right-container ul { display: block; height: auto; } .category-brief001 .hos-culture .inner-layout .right-container ul .line { display: none; } .category-brief001 .hos-culture .inner-layout .right-container ul li { margin-bottom: 26px !important; padding: 0; } .category-brief001 .hos-column .inner-column { flex-wrap: wrap; } .category-brief001 .hos-column .inner-column a.column-item { width: 100% !important; flex: none; height: 100vw; } .category-brief001 .hos-column .inner-column a.column-item.item0 .info-content, .category-brief001 .hos-column .inner-column a.column-item.item2 .info-content { position: static; } } .list-history001 { border-left: 2px solid #e4e4e4; } .list-history001 .history-item { padding: 1rem 0; } .list-history001 .history-item .history-time { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 1.5rem; font-size: 1.4rem; color: #1D9D9A; font-weight: 400; line-height: 1.8; } .list-history001 .history-item .history-time:before { content: ''; display: block; position: absolute; left: -5px; top: 0; bottom: 0; z-index: 1; width: 8px; height: 8px; margin: auto; background-color: #1D9D9A; border-radius: 50%; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all 0.5s; } .list-history001 .history-item .history-time:after { content: ''; display: block; position: absolute; left: -2px; top: 25px; z-index: 1; width: 2px; height: 0; margin: auto; background-color: #0C977A; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all 0.5s; } .list-history001 .history-item .history-detail { box-sizing: border-box; padding-left: 1.5rem; font-size: 0.8rem; font-weight: normal; text-align: justify; line-height: 2.5rem; font-family: "Microsoft YaHei UI", "Microsoft YaHei", Arial, SimSun, "Segoe UI", Tahoma, Helvetica, sans-serif; } .list-history001 .history-item:hover .history-time:before { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); } .list-history001 .history-item:hover .history-time:after { height: 3.75rem; } .category-leader001 .leader-container h1.center-tit { font-size: 1.3rem; line-height: 1.55rem; text-align: center; margin-bottom: 1.5rem; } .category-leader001 .leader-container h1.center-tit a { color: #1D9D9A; cursor: auto; } .category-leader001 .leader-container .leader-content { box-shadow: 8px 8px 10px rgba(170, 170, 170, 0.35); background-color: #fff; box-sizing: border-box; padding-left: 2rem; position: relative; margin-bottom: 1rem; } .category-leader001 .leader-container .leader-content .left-border { height: 100%; width: 2rem; background-color: #1D9D9A; background-image: url("../images/xndyyljt/leader/left_bg.png"); position: absolute; left: 0; top: 0; } .category-leader001 .leader-container .leader-content .left-border img { position: absolute; opacity: 0.25; left: 50%; margin-left: -16.5px; } .category-leader001 .leader-container .leader-content .left-border img.top { top: 0; transform: rotate(180deg); } .category-leader001 .leader-container .leader-content .left-border img.bottom { bottom: 0; } .category-leader001 .leader-container .leader-content .right-list { position: relative; overflow: hidden; box-sizing: border-box; padding-right: 40px; } .category-leader001 .leader-container .leader-content .right-list .right-list-item { display: flex; align-items: center; } .category-leader001 .leader-container .leader-content .right-list .right-list-item h2 { text-align: center; font-weight: normal; color: #1D9D9A; font-size: 1.1rem; width: 10rem; flex-shrink: 0; } .category-leader001 .leader-container .leader-content .right-list .right-list-item ul { display: flex; flex-wrap: wrap; position: relative; z-index: 1; } .category-leader001 .leader-container .leader-content .right-list .right-list-item ul li { width: 6rem; height: 5rem; display: flex; align-items: center; justify-content: center; } .category-leader001 .leader-container .leader-content .right-list .right-list-item ul li a, .category-leader001 .leader-container .leader-content .right-list .right-list-item ul li div { color: #333333; font-size: 0; text-align: center; } .category-leader001 .leader-container .leader-content .right-list .right-list-item ul li a p, .category-leader001 .leader-container .leader-content .right-list .right-list-item ul li div p { font-size: 0.9rem; line-height: 1.05rem; } .category-leader001 .leader-container .leader-content .right-list .right-list-item ul li a span, .category-leader001 .leader-container .leader-content .right-list .right-list-item ul li div span { margin-top: 0.25rem; font-size: 10px; color: #7F7F7F; line-height: 1; display: inline-block; } .category-leader001 .leader-container .leader-content .right-list .right-list-item ul li a:hover p, .category-leader001 .leader-container .leader-content .right-list .right-list-item ul li div:hover p { color: #1D9D9A; } .category-leader001 .leader-container .leader-content .right-list > img { position: absolute; bottom: 0; right: 2rem; } .category-leader001 .leader-container.container1 { margin-top: 5.5rem; } @media (max-width: 960px) { .category-leader001 .leader-container .leader-content .right-list { padding-right: 0; } .category-leader001 .leader-container .leader-content .right-list .right-list-item { display: block; } .category-leader001 .leader-container .leader-content .right-list .right-list-item h2 { width: auto; } .category-leader001 .leader-container .leader-content .right-list .right-list-item ul li { width: 90px; } } .show-leader001 { position: relative; } .show-leader001 > img { position: absolute; z-index: -1; } .show-leader001 > img.left { top: 0; left: 0; } .show-leader001 > img.right { top: -3.75rem; right: 0; } .show-leader001 > img.bottom { bottom: 0; right: 0; } .show-leader001 .img-info { display: flex; } .show-leader001 .img-info .leader-img { width: 8rem; height: 10.95rem; margin-right: 2rem; } .show-leader001 .img-info .right-info { flex: 1; position: relative; } .show-leader001 .img-info .right-info > img { position: absolute; width: 8rem; opacity: 0.08; right: 0; top: 0; } .show-leader001 .img-info .right-info .name { font-size: 1.2rem; line-height: 1; color: #42916B; margin-bottom: 1.2rem; } .show-leader001 .img-info .right-info .leader-protit { font-size: 0.9rem; line-height: 1; color: #333333; margin-bottom: 1.5rem; } .show-leader001 .img-info .right-info .position { font-size: 0.9rem; line-height: 1; color: #8E8E8E; } .show-leader001 .img-info .right-info .line-box { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; } .show-leader001 .img-info .right-info .line-box i { color: rgba(208, 208, 208, 0.8); font-size: 16px; } .show-leader001 .img-info .right-info .line-box .line { flex: 1; height: 1px; box-sizing: border-box; border-bottom: 1px solid rgba(121, 121, 121, 0.2); } .show-leader001 .leader-intro { margin-top: 1.5rem; font-size: 0.8rem; line-height: 1.3rem; color: #333333; } @media (max-width: 960px) { .show-leader001 .img-info { flex-direction: column; align-items: center; } .show-leader001 .img-info .leader-img { width: 120px; height: 170px; margin-right: 0; } .show-leader001 .img-info .right-info { width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 20px; } .show-leader001 .img-info .right-info > img { display: none; } } .list-images002 { display: flex; margin-right: -1.5rem; flex-wrap: wrap; } .list-images002 .img-item { width: 19rem; margin-right: 1.5rem; margin-bottom: 2rem; } .list-images002 .img-item a.img-box { display: block; width: 100%; height: 11rem; box-sizing: border-box; border: 1px solid #D7D7D7; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); background-color: #fff; padding: 10px; } .list-images002 .img-item a.img-box .img { width: 100%; height: 100%; overflow: hidden; } .list-images002 .img-item a.img-box .img img { width: 100%; height: 100%; transition: all 0.5s; } .list-images002 .img-item a.img-box:hover .img img { transform: scale(1.1); } .list-images002 .img-item a.title { text-align: center; font-size: 0.9rem; color: #333333; 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; margin-top: 10px; } .list-images002 .img-item:hover a.title { color: #1D9D9A; } @media (max-width: 960px) { .list-images002 { margin-right: 0; } .list-images002 .img-item { width: 100%; margin-right: 0; margin-bottom: 20px; } .list-images002 .img-item a.img-box { height: 51.5vw; } .list-images002 .img-item a.title { font-size: 16px; line-height: 16px; max-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } } .show-images002 { padding-bottom: 3rem; position: relative; } .show-images002 .images-info { font-size: 0; } .show-images002 .images-info .img-title { font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif; font-weight: 700; font-style: normal; line-height: 2.4rem; font-size: 1.6rem; color: #333333; } .show-images002 .images-info .img-info { margin-top: 1rem; margin-bottom: 1.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #E4E4E4; position: relative; display: flex; flex-wrap: wrap; } .show-images002 .images-info .img-info:after { content: ""; display: block; width: 12rem; height: 0.1rem; background-color: #1D9D9A; position: absolute; bottom: 0; left: 0; } .show-images002 .images-info .img-info span { font-size: 0.7rem; color: #888888; line-height: 1; position: relative; display: inline-block; margin-left: 21px; margin-bottom: 0.5rem; } .show-images002 .images-info .img-info span:before { content: ""; width: 1px; height: 0.7rem; background-color: #D7D7D7; position: absolute; left: -10px; top: 0; } .show-images002 .images-info .img-info .first-line span:first-child { margin-left: 0; } .show-images002 .images-info .img-info .first-line span:first-child:before { display: none; } .show-images002 .images-info .img-display { position: relative; z-index: 1; } .show-images002 .images-info .img-display .img-box-slider { position: relative; margin-bottom: 0; transition: height 0.3s; overflow: hidden; } .show-images002 .images-info .img-display .img-box-slider .inner-img-bg { min-height: 20rem; background-color: #F2F2F2; border: 1px solid #D7D7D7; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .show-images002 .images-info .img-display .img-box-slider .inner-img-bg img { max-width: 100%; object-fit: contain; } .show-images002 .images-info .img-display .img-box-slider .slick-arrow { width: 50%; height: 100%; position: absolute; top: 0; cursor: pointer; z-index: 1; } .show-images002 .images-info .img-display .img-box-slider .slick-arrow i { width: 4rem; height: 4rem; border-radius: 4px; background-color: rgba(255, 255, 255, 0.8); line-height: 4rem; text-align: center; font-size: 1.2rem; color: rgba(0, 0, 0, 0.9); position: absolute; top: 50%; transform: translateY(-50%); } .show-images002 .images-info .img-display .img-box-slider .slick-arrow i:hover { background-color: #fff; color: #1D9D9A; } .show-images002 .images-info .img-display .img-box-slider .slick-arrow.prev { left: 0; } .show-images002 .images-info .img-display .img-box-slider .slick-arrow.prev i { left: 4px; } .show-images002 .images-info .img-display .img-box-slider .slick-arrow.next { right: 0; } .show-images002 .images-info .img-display .img-box-slider .slick-arrow.next i { right: 4px; } .show-images002 .images-info .img-display .count-imgtit { margin-top: 1rem; line-height: 1; display: flex; } .show-images002 .images-info .img-display .count-imgtit .count { font-size: 0; flex-shrink: 0; } .show-images002 .images-info .img-display .count-imgtit .count span { display: inline-block; } .show-images002 .images-info .img-display .count-imgtit .count .cur { color: #1D9D9A; font-size: 1.2rem; } .show-images002 .images-info .img-display .count-imgtit .count .total { color: #AAAAAA; font-size: 0.9rem; } .show-images002 .images-info .img-display .count-imgtit h2.imgtit { color: #333333; font-size: 0.9rem; margin-left: 0.5rem; line-height: initial; } .show-images002 .images-info .img-intro { margin-top: 1rem; font-size: 0.8rem; line-height: 1.5; } .show-images002 .images-info .small-img-container { margin-top: 1rem; } .show-images002 .images-info .small-img-container .img-slide { padding: 0 4rem; position: relative; margin-bottom: 0; } .show-images002 .images-info .small-img-container .img-slide .img-item-box { padding: 0.5rem; width: 13rem; box-sizing: border-box; border: 1px solid transparent; } .show-images002 .images-info .small-img-container .img-slide .img-item-box .img-item { width: 12rem; height: 6.8rem; box-sizing: border-box; border: 1px solid #D7D7D7; position: relative; cursor: pointer; } .show-images002 .images-info .small-img-container .img-slide .img-item-box .img-item img { width: 100%; height: 100%; } .show-images002 .images-info .small-img-container .img-slide .img-item-box .img-item:before { content: ""; position: absolute; top: -0.5rem; left: -0.5rem; right: -0.5rem; bottom: -0.5rem; background-color: #fff; border: 1px solid #1D9D9A; display: none; } .show-images002 .images-info .small-img-container .img-slide .img-item-box.slick-current, .show-images002 .images-info .small-img-container .img-slide .img-item-box:hover { border-color: #1D9D9A; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); } .show-images002 .images-info .small-img-container .img-slide .slick-arrow { width: 2rem; height: 6.8rem; border-radius: 4px; background-color: #F2F2F2; line-height: 6.8rem; text-align: center; color: rgba(0, 0, 0, 0.9); font-size: 1.2rem; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); } .show-images002 .images-info .small-img-container .img-slide .slick-arrow:hover { color: #1D9D9A; } .show-images002 .images-info .small-img-container .img-slide .slick-arrow.prev { left: 0; } .show-images002 .images-info .small-img-container .img-slide .slick-arrow.next { right: 0; } .show-images002 .images-info .small-img-container .img-notslider { display: flex; justify-content: center; width: fit-content; margin: 0 auto; } .show-images002 .images-info .small-img-container .img-notslider:before, .show-images002 .images-info .small-img-container .img-notslider:after { width: 2rem; height: 6.8rem; border-radius: 4px; background-color: #F2F2F2; line-height: 6.8rem; text-align: center; color: rgba(170, 170, 170, 0.9); font-size: 1.2rem; cursor: no-drop; position: absolute; top: 50%; transform: translateY(-50%); font-family: 'iconfont'; } .show-images002 .images-info .small-img-container .img-notslider:before:hover, .show-images002 .images-info .small-img-container .img-notslider:after:hover { color: #1D9D9A; } .show-images002 .images-info .small-img-container .img-notslider:before { content: "\e64e"; left: 0; } .show-images002 .images-info .small-img-container .img-notslider:after { content: "\e620"; right: 0; } .show-images002 .hot-images { margin-top: 2.5rem; } .show-images002 .hot-images h2.left-tit-more { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #D7D7D7; font-weight: normal; } .show-images002 .hot-images h2.left-tit-more a.news-type { font-size: 1.2rem; line-height: 1; color: #333; } .show-images002 .hot-images h2.left-tit-more a.more { display: flex; align-items: center; } .show-images002 .hot-images h2.left-tit-more a.more span { font-size: 0.8rem; line-height: 1; color: #555555; } .show-images002 .hot-images h2.left-tit-more a.more i { margin-left: 0.5rem; font-size: 1rem; line-height: 1; color: #1D9D9A; } @media (max-width: 960px) { .show-images002 .images-info .img-title { line-height: 27px; font-size: 18px; } .show-images002 .images-info .img-info { margin-top: 20px; margin-bottom: 20px; padding-bottom: 0; flex-wrap: wrap; } .show-images002 .images-info .img-info:after { width: 80px; } .show-images002 .images-info .img-info .first-line { width: 100%; display: flex; } .show-images002 .images-info .img-info .first-line .time { flex-shrink: 0; } .show-images002 .images-info .img-info span { margin-bottom: 10px; font-size: 12px; } .show-images002 .images-info .img-info span.comefrom { line-height: 12px; max-height: 12px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; margin-left: 0; padding-left: 21px; } .show-images002 .images-info .img-info span.comefrom:before { left: 10px; } .show-images002 .images-info .img-info span:nth-of-type(1) { margin-left: 0; } .show-images002 .images-info .img-info span:nth-of-type(1):before { display: none; } .show-images002 .images-info .img-display .img-box-slider .inner-img-bg { min-height: 214px; } .show-images002 .images-info .img-display .img-box-slider .slick-arrow i { width: 20px; height: 20px; line-height: 20px; font-size: 12px; } .show-images002 .images-info .img-display .count-imgtit { margin-top: 10px; } .show-images002 .images-info .img-display .count-imgtit .count .cur { font-size: 18px; } .show-images002 .images-info .img-display .count-imgtit .count .total { font-size: 16px; } .show-images002 .images-info .img-display .count-imgtit h2.imgtit { font-size: 16px; margin-left: 10px; } .show-images002 .images-info .img-intro { font-size: 14px; line-height: 21px; margin-top: 10px; } .show-images002 .images-info .small-img-container { display: none; } .show-images002 .hot-images { margin-top: 30px; } .show-images002 .hot-images h2.left-tit-more { padding-bottom: 10px; margin-bottom: 10px; } .show-images002 .hot-images h2.left-tit-more a.tit { font-size: 18px; } .show-images002 .hot-images h2.left-tit-more a.more span { font-size: 12px; } } .page-navigation .map-area-tab { display: flex; justify-content: center; margin-bottom: 2rem; } .page-navigation .map-area-tab .map-area-name { margin: 0 1.25rem; font-size: 0; cursor: pointer; } .page-navigation .map-area-tab .map-area-name i { font-size: 0.9rem; color: #aaa; margin-right: 0.5rem; } .page-navigation .map-area-tab .map-area-name span { font-size: 0.9rem; line-height: 1; color: #555; } .page-navigation .map-area-tab .map-area-name.cur i { color: #1D9D9A; } .page-navigation .map-area-tab .map-area-name.cur span { font-weight: bold; color: #1D9D9A; } .page-navigation .map-box { height: 30rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border: 1px solid #D7D7D7; position: relative; box-sizing: border-box; padding: 0.5rem; } .page-navigation .map-box .top-button { position: absolute; top: 1rem; right: 1rem; z-index: 1; display: flex; } .page-navigation .map-box .top-button .goback { height: 2rem; line-height: 2rem; border: 1px solid #F2F2F2; background-color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); border-radius: 4px; font-size: 0.8rem; margin-right: 10px; width: 3rem; cursor: pointer; text-align: center; color: #3385FF; } .page-navigation .map-box .top-button .select-box { position: relative; } .page-navigation .map-box .top-button .select-box .map-search { width: 6rem; height: 2rem; line-height: 2rem; border: 1px solid #F2F2F2; background-color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); border-radius: 4px; box-sizing: border-box; padding: 0 1rem 0 1.5rem; font-size: 0.8rem; cursor: pointer; color: #AAAAAA; } .page-navigation .map-box .top-button .select-box .map-search::placeholder { color: #AAAAAA; } .page-navigation .map-box .top-button .select-box .option { position: absolute; left: 0; top: 2.2rem; display: none; } .page-navigation .map-box .top-button .select-box .option ul { width: 6rem; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); background-color: #fff; } .page-navigation .map-box .top-button .select-box .option ul li a { display: block; height: 2rem; line-height: 2rem; text-align: center; color: #333; font-size: 0.8rem; } .page-navigation .map-box .top-button .select-box .option ul li a:hover { background-color: #F2F2F2; color: #3385FF; } .page-navigation .map-box .top-button .select-box .icon { position: absolute; font-size: 1rem; line-height: 1; color: #3385FF; left: 0.5rem; top: 0.5rem; } .page-navigation .map-box .top-button .select-box .arrow { position: absolute; font-size: 12px; color: #555; right: 0.5rem; top: 0.7rem; transition: transform 0.3s; } .page-navigation .map-box .top-button .select-box.active .map-search { border-color: #3385FF; } .page-navigation .map-box .top-button .select-box.active .arrow { transform: rotate(180deg); } .page-navigation .map-box .map-search-result { height: 29rem; width: 15rem; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); background-color: #fff; box-sizing: border-box; padding: 0 0.5rem; z-index: 2; position: absolute; right: 0.5rem; top: 0.5rem; } .page-navigation .map-box .map-search-result .top-keyword { height: 2rem; border-bottom: 1px solid #D7D7D7; display: flex; align-items: center; } .page-navigation .map-box .map-search-result .top-keyword .icon { font-size: 0.8rem; color: #3385FF; margin-right: 4px; } .page-navigation .map-box .map-search-result .top-keyword p { flex: 1; font-size: 0; } .page-navigation .map-box .map-search-result .top-keyword p span { font-size: 0.7rem; color: #AAAAAA; } .page-navigation .map-box .map-search-result .top-keyword p span.keyword { color: #333; } .page-navigation .map-box .map-search-result .top-keyword .close { font-size: 0.7rem; color: #333; cursor: pointer; } .page-navigation .map-box .map-search-result .result-list { height: calc(100% - 2.5rem); margin-top: 0.5rem; } .page-navigation .map-box .map-search-result .result-list > div { border: none !important; } .page-navigation .map-box .map-container { height: 29rem; } .page-navigation .map-box .map-container img { max-width: none !important; } .page-navigation .map-box .map-container input { box-sizing: border-box; padding: 0.15rem; height: 1.3rem !important; font-size: 0.6rem; vertical-align: middle; } .page-navigation .map-box .map-container .BMapLib_ap th, .page-navigation .map-box .map-container .BMapLib_ap td { padding: 0.15rem; } .page-navigation .map-box .map-container #BMapLib_is_remember_phone { margin-left: 0.25rem; } .page-navigation .map-box .map-container .BMapLib_SearchInfoWindow, .page-navigation .map-box .map-container .position-map .BMapLib_nav_tab_content li { font-family: inherit; } .page-navigation .map-box .map-container .BMapLib_bubble_title { font-weight: bold; } .page-navigation .map-box .map-container .BMapLib_bubble_content { line-height: 2; } .page-navigation .map-box .map-container .BMapLib_trans { top: auto !important; } .page-navigation .map-box .map-container .BMapLib_sms_declare_phone { font-size: 0.6rem; } .page-navigation .map-box .map-container .BMap_scaleHBar img { display: none; } .page-navigation .inner-navigation { background-color: #fff; border: 1px solid #D7D7D7; box-sizing: border-box; padding: 0 2rem; margin-top: 1rem; } .page-navigation .inner-navigation .tab-tit-box { border-bottom: 1px solid #D7D7D7; display: flex; } .page-navigation .inner-navigation .tab-tit-box .tab-tit { height: 3.2rem; cursor: pointer; display: flex; align-items: center; color: #1D9D9A; position: relative; margin-right: 2rem; } .page-navigation .inner-navigation .tab-tit-box .tab-tit i { font-size: 1.2rem; color: rgba(29, 157, 154, 0.4); margin-right: 0.5rem; } .page-navigation .inner-navigation .tab-tit-box .tab-tit p { font-size: 0.9rem; color: #333; } .page-navigation .inner-navigation .tab-tit-box .tab-tit:after { content: ""; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; background-color: #1D9D9A; opacity: 0; } .page-navigation .inner-navigation .tab-tit-box .tab-tit.cur i, .page-navigation .inner-navigation .tab-tit-box .tab-tit.cur p { color: #1D9D9A; } .page-navigation .inner-navigation .tab-tit-box .tab-tit.cur:after { opacity: 1; } .page-navigation .inner-navigation .tab-pannel-wrap .tab-pannel { padding: 2rem 0; } .category-map001 h1 { font-weight: normal; text-align: center; font-size: 1.6rem; line-height: 1; margin-bottom: 2rem; } @media (max-width: 960px) { .page-navigation .inner-navigation .tab-tit-box .tab-tit { margin-right: 10px; } .page-navigation .inner-navigation .tab-tit-box .tab-tit i { font-size: 14px; margin-right: 2px; } .page-navigation .inner-navigation .tab-tit-box .tab-tit p { font-size: 14px; } } /*# sourceMappingURL=style_new.css.map */