@charset "utf-8"; /* header */ html { font-size: 62.5%; color: #333 } body { overflow-x: hidden; font-size: 1.4rem; line-height: 1.5; font-family: "微软雅黑"; } a { color: #333 } a:hover { color: #00258b; } .ybd-hide { display: none } .ybd-text-c { text-align: center } .ybd-text-r { text-align: right } .ybd-float-r { float: right; } .ybd-float-l { float: left; } .ybd-bg-primary { background-color: #d9230d; } .ybd-bg-f5 { background-color: #f5f5f5; } .ybd-bg-ff { background-color: #fff; } img.ybd-response { max-width: 100%; } .ybd-text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ybd-text-overflow-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ybd-text-overflow-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ybd-main { height: auto !important; min-height: 280px; height: 280px; } .ybd-pre-next{padding-bottom: 30px} /* 头部 */ .ybd-header { } .ybd-logo { display: block; padding: 20px 0; } .ybd-logo a img { vertical-align: -23px; } .ybd-logo em { font-size: 4rem; font-weight: bold; color: #00258b; display: inline-block; font-style: normal; margin-left: 20px; } /* .ybd-nav { text-align: right; padding: 30px 0 0 0 } */ .ybd-menu { background-color: #124be8; } /* .nav-bottom ul li i { display: none } .nav-bottom ul { font-size: 0; display: flex; justify-content: space-around; } .nav-bottom ul li { display: inline-block; font-size: 1.6rem; font-weight: bold } .nav-bottom ul li a { display: block; padding: 0 1px; } */ .ybd-nav { height: 60px; line-height: 60px; overflow: hidden; border-radius: 30px; } .nav-bottom ul li i { display: none } .nav-bottom ul { font-size: 0; display:flex; justify-content: space-around; } .nav-bottom ul li { display: inline-block; font-size: 1.6rem; } .nav-bottom ul li a { display: block; color: #fff; padding: 0 16px; } .nav-bottom ul li a.active, .nav-bottom ul li a:hover { background: #05398e; } .ybd-banner dl { position: relative; } .ybd-banner dl dd { position: absolute; top: 0; width: 100%; text-align: center; background: rgba(6, 31, 132, 0.7); color: #fff; height: 80px; line-height: 80px; /* margin-top: -40px; */ font-weight: bold; font-size: 2rem; } /* 专题幻灯 */ .ybd-index-main { padding: 30px 0 } .ybd-zt-owl .owl-carousel { margin-top: 15px } .ybd-zt-owl img { height: 183px; width: 100%; } .ybd-zt-owl .owl-dots { /* position: absolute; width: 100%; bottom: 0; z-index: 1; text-align: right; */ } .ybd-zt-owl p { background: rgba(0, 0, 0, 0.6); color: #fff; height: 40px; line-height: 40px; padding: 0 55px; margin-top: -40px; position: relative; text-align: center; overflow: hidden; } .ybd-zt-owl a:hover p { background-color: #00258b } /* 专题首页list */ .ybd-zt-list { border: 1px solid #f1f1f1; border-top: none } .ybd-zt-list-title { border-top: 1px solid #00258b; height: 40px; line-height: 40px; padding-left: 15px; font-size: 1.8rem; background: #f5f5f5; color: #00258b; font-weight: bold; overflow: hidden; } .ybd-zt-list-title .ybd-float-r a { padding: 0 16px; color: #00258b; display: block } .ybd-zt-list-title .ybd-float-r a:hover { background-color: #00258b; color: #fff } .ybd-zt-list-title h3 { position: relative; font-size: 1.8rem; font-weight: bold } .ybd-zt-list-title h3::before { content: ""; position: absolute; width: 0; height: 0; border-top: 5px solid #00258b; border-left: 5px solid transparent; border-right: 5px solid transparent; left: 50%; margin-left: -7px; } .ybd-zt-list-items span.ybd-float-l { width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ybd-zt-list-items { padding: 10px 8px 5px 5px; } .ybd-zt-list-items ul li { height: 2.8rem; line-height: 2.8rem; clear: both; } .ybd-zt-list-items ul li span.ybd-float-r { color: #666; font-size: 12px; } .ybd-zt-list-items ul li a { display: block; height: 100%; } .txt-indent{text-indent: 2em} .txt-indent img { margin-left: -32px !important; } /* 专题内页list */ .ybd-sub-l { background: #2d81ff; box-shadow: 2px 4px 12px 0px #bcbcbd; } .ybd-sub-l h2 { height: 80px; line-height: 80px; background-color: #0f6fff; text-align: center; font-size: 24px; color: #fff; font-weight: bold } .ybd-sub-l-list {} .ybd-sub-l-list ul li { clear: both; } .ybd-sub-l-list ul li+li { border-top: 1px solid #38a3f9 } .ybd-sub-l-list ul li a { display: block; color: #fff; /* height: 50px; line-height: 50px; */ font-size: 1.4rem; transition: all 0.5s; padding: 20px 12px; } .ybd-sub-l-list ul li a span { display: inline-block; height: 34px; line-height: 34px; padding: 0 20px; } .ybd-sub-l-list ul li a i { /* visibility: hidden; */ float: right; } .ybd-sub-l-list ul li a.sub-on, .ybd-sub-l-list ul li a:hover { background: #006fe3; /* text-align: center; */ } .ybd-sub-title h1 { border-bottom: 1px solid #f1f1f1; padding: 15px; margin-bottom: 30px; font-weight: bold; } .ybd-sub-cont h2 { border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; line-height: 26px; padding: 10px 20px; font-size: 2rem; color: #0059c9; font-weight: bold } .ybd-sub-cont a { color: #333 } .ybd-sub-cont a:hover h2{ color: #333 } .ybd-sub-cont dl { padding: 0 20px; } .ybd-zt-main{ margin: 30px 0 } .ybd-sub-cont dl dt h2 { font-weight: bold; line-height: 40px; padding: 10px 0 } .ybd-sub-cont dl dd.ybd-sub-descri { color: #888; font-size: 14px; line-height: 26px; } .ybd-sub-cont dl dd.ybd-sub-dates { color: #888; margin: 25px 0; font-family: 'Times New Roman', Times, serif } .ybd-sub-cont dl dd.ybd-sub-dates span{margin-right: 10px;} .ybd-sub-cont dl dd.ybd-sub-dates i { margin-right: 3px; font-size: 12px; } .ybd-sub-cont dl dd.ybd-sub-more { margin-top: 20px } .ybd-page{ line-height: 30px; font-size: 16px; padding: 0 15px; margin-bottom: 20px } .ybd-sub-cont dl dd a:hover { background-color: #0074da } .ybd-sub-cont .ybd-zt-dl-img{max-height: 156px; overflow: hidden;} /* 分页 */ .ybd-pages { padding-top: 30px; padding-bottom: 30px; margin-bottom: 80px; } .ybd-pages a, .ybd-pages span { display: inline-block; vertical-align: middle; padding: 0 20px; height: 40px; line-height: 40px; margin: 0 5px; background-color: #fff; color: #333; font-size: 14px; border: none; border-radius: 6px; } .ybd-pages span.current, .ybd-pages a:hover { background-color: #004dc4; color: #fff; } .ybd-pages a, .ybd-simple-cont .ybd-pages span { background-color: #f1f1f1; } /* 面包屑导航 */ .ybd-breadcrumb { height: 40px; line-height: 40px; } .ybd-breadcrumb i { font-size: 20px; } .ybd-breadcrumb a:nth-child(2) { display: none } /* 专题内容页 */ .ybd-arti-mes { /* padding-top: 30px; */ text-align: center; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; } .ybd-arti-mes h2.ybd-arti-title { line-height: 60px; font-size: 26px; font-weight: bold } .ybd-arti-mes small { color: #888 } .ybd-arti-cont { padding: 50px 0; line-height: 30px; overflow: hidden; } .after-img-mt img{margin-bottom:20px} .ybd-arti-author-veri { padding: 0 0 30px 0 } .ybd-person-view .ybd-arti-cont .ybd-person-txt { margin-top: 20px } /* 底部 */ .ybd-footer { color: #f1f1f1; } .ybd-footer h3 { line-height: 40px; font-size: 18px; } .ybd-footer a { color: #f7f7f7; transition: all 0.2s; display: block } .ybd-footer li { line-height: 30px } .ybd-footer a:hover { color: #f1f1f1; padding-left: 5px } .ybd-tel-txt { padding-top: 50px } .ybd-tel-txt img { margin-bottom: 30px; display: block } .ybd-tel-txt dl { padding-bottom: 6px; display: inline-block } .ybd-tel-txt dl+dl { margin-left: 40px } .ybd-tel-txt dl dt, .ybd-tel-txt dl dd { display: inline-block; color: #f1cccc } .ybd-tel-txt dl dt i { font-size: 34px; vertical-align: 3px } .ybd-tel-txt dl dd { line-height: 20px; padding-left: 6px; font-size: 1.2rem } .ybd-tel-txt dl dd span { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 22px } .ybd-ewm-wb dl { display: inline-block } .ybd-ewm-wb i { font-size: 32px } .ybd-ewm-wb img { border: 3px solid #fff; margin: 0 5px } .ybd-ewm-wb dd { line-height: 36px } .ybd-footer-top { padding: 30px 0 } .ybd-footer-bottom { background-color: #00258b; padding: 30px 0 } .ybd-footer-bottom img { width: 60px !important; height: 60px !important; } .ybd-footer-bottom p { padding-top: 20px } .layui-fixbar li { background-color: #1845c3; } /* 响应式 */ @media screen and (max-width:991px) { body { background-color: #fff; } .ybd-header { padding-top: 10px; padding-bottom: 0 } /* .ybd-logo { text-align: center } .ybd-logo img { width: 90%; } .ybd-nav { background-color: #00258b; position: absolute; width: 100%; left: 0; padding: 0px 0px; line-height: 45px; margin-top: 10px } .ybd-pos-inher { position: inherit !important; } .ybd-nav .ybd-hide { display: block; text-align: right; padding-right: 15px } .ybd-nav a.ybd-home-a { position: absolute; color: #fff; font-size: 1.8rem; font-weight: bold; display: block; padding-left: 15px; } .ybd-nav span { color: #fff; } .ybd-nav span i { font-size: 3rem; } .ybd-nav span.ybd-close { display: none !important; } .nav-bottom { display: none; position: absolute; z-index: 999; background: rgba(0, 0, 0, 0.9); width: 100%; left: 0; text-align: left; padding-bottom: 5px } .nav-bottom ul li { display: block; font-size: 1.6rem; } .nav-bottom ul li:first-child { display: none } .nav-bottom ul li+li { border-top: 1px solid #313131 } .nav-bottom ul li a { display: block; position: relative; color: #fff; font-weight: normal } .nav-bottom ul li span { display: block; position: absolute; right: 35px; margin-top: -30px; top: 50%; } .nav-bottom ul li span i { font-size: 16px; display: block } .ybd-banner { margin-top: 55px; } */ .ybd-logo { text-align: center; padding: 10px 0 6px 0; } .ybd-logo em { font-size: 3rem; margin-left: 0 } .ybd-nav .ybd-hide { display: block; text-align: right } .nav-bottom ul { display: block } .ybd-nav a.ybd-home-a { position: absolute; color: #fff; font-size: 1.8rem; font-weight: bold; display: block } .ybd-nav span { color: #fff; } .ybd-nav span i { font-size: 3rem; } .ybd-nav span.ybd-close { display: none !important; } .nav-bottom { display: none; position: absolute; z-index: 999; background: rgb(0, 44, 146); width: 100%; left: 0; text-align: left; padding-bottom: 5px } .nav-bottom ul li { display: block; font-size: 1.6rem; } .nav-bottom ul li:first-child { display: none } .nav-bottom ul li+li { border-top: 1px solid #073dab } .nav-bottom ul li a { display: block; position: relative; } .nav-bottom ul li span { display: block; position: absolute; right: 10px; margin-top: -30px; top: 50%; } .nav-bottom ul li span i { font-size: 16px; display: block } .ybd-banner img { min-height: 100px } .ybd-banner dl dd { background: rgba(0, 0, 0, 0.7); height: 40px; line-height: 40px; top: auto; bottom: 0 } .ybd-banner dl dd h1 { font-weight: bold; font-size: 1.8rem } /* 专题幻灯 */ .ybd-zt-owl img { height: auto !important; width: 100% !important; } /* 列表页 */ .ybd-breadcrumb { height: 40px; } .ybd-arti-mes h2.ybd-arti-title { font-size: 18px; } .ybd-pages { font-size: 0; padding-bottom: 20px; margin-bottom: 0; text-align: center; padding-top: 0px } .ybd-pages a, .ybd-pages span { padding: 0 8px; height: 24px; line-height: 24px; margin: 0 4px; font-size: 14px; border-radius: 3px; } /* footer */ .ybd-tel-txt dl dt i { font-size: 24px; } .ybd-footer li { line-height: 30px; display: inline-block; padding: 0 8px; } .ybd-footer-logo { display: none !important } .ybd-footer-bottom { padding: 0; } .ybd-footer-bottom { overflow: hidden; padding: 0; } .ybd-footer-bottom p { padding-top: 12px; font-size: 12px; } .ybd-footer-bottom img { margin-top: 10px; } .ybd-tel-txt { padding-top: 12px; } .ybd-tel-txt dl dd span { font-size: 1.6rem; } .ybd-tel-txt dl+dl { margin-left: 10px; float: right; } .ybd-tel-txt dl dd { padding-left: 4px; } .ybd-nav-right { display: none } .layui-fixbar .layui-fixbar-top { display: none; font-size: 0; opacity: 0; } /* 文章页 */ .ybd-pre-next .ybd-text-r { text-align: left !important } .ybd-sub-cont dl::after { display: none; } /* 列表页 */ .ybd-zt-list .ybd-zt-list-title { height: 48px; line-height: 48px } .ybd-sub-cont h2 { margin-bottom: 12px; padding: 10px 0px; } .ybd-sub-cont dl { padding: 0px; } .ybd-sub-cont dl dd.ybd-sub-descri { min-height: 20px; } .ybd-sub-cont dl dd.ybd-sub-dates { margin: 15px 0; } .ybd-sub-cont .ybd-zt-dl-img{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #f1f1f1; max-height: 100%} }