@charset "utf-8"; /* basic css */ html { font-size: 62.5%; color: #333 } body { overflow-x: hidden; font-size: 1.4rem; line-height: 1.5; /* min-width: 1440px; */ font-family: "微软雅黑"; } body.ybd-body-top { padding-top: 114px } a { color: #333 } a:hover { color: #1489f1 } .ybd-bg-fff { background-color: #fff } .ybd-bg-primary { background-color: #0745d4 } .ybd-bg-f7 { background-color: #f7f7f7 } .ybd-bg-blue-qian { background-color: #deeaff; } .ybd-bg-f7c { background-color: #f7fcff } .ybd-text-c { text-align: center !important } .ybd-text-l { text-align: left !important } .ybd-text-r { text-align: right !important } img.ybd-response { max-width: 100%; } .ybd-hide { display: none } small.ybd-dates { font-family: Arial, Helvetica, sans-serif; color: #888; font-size: 1.2rem; } small.ybd-dates i { margin-right: 5px; font-size: 14px; color: #ccc; } .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-slide .owl-carousel { z-index: 0; } .ybd-slide .owl-nav { width: 70%; position: absolute; top: 30%; left: 15%; } .ybd-slide .owl-theme .owl-nav [class*='owl-'] { padding: 4px 15px; background: transparent; font-size: 40px; color: #efeaea } .ybd-slide .owl-theme .owl-nav .owl-prev { float: left; } .ybd-slide .owl-theme .owl-nav .owl-next { float: right; } .ybd-slide .owl-theme .owl-nav [class*='owl-']:hover { background: #003fa2; } .ybd-title { color: #fff; padding: 4rem 0 } .ybd-title h2 { font-size: 3.2rem; display: inline-block; font-weight: normal; position: relative; letter-spacing: 2px } .ybd-title h2::before { /* content: ""; width: 30px; height: 20px; position: absolute; border-top: 2px solid #fff; border-left: 2px solid #fff; left: -36px; top: -8px; */ content: ""; width: 50%; height: 1px; position: absolute; left: -66%; top: 50%; background-color: #dad8d8; } .ybd-title h2::after { /* content: ""; width: 30px; height: 20px; position: absolute; border-bottom: 2px solid #fff; border-right: 2px solid #fff; right: -36px; bottom: -8px; */ content: ""; width: 50%; height: 1px; position: absolute; right: -66%; top: 50%; background-color: #d8d8d8; } h2 span i.iconfont{ /* font-style: italic; text-transform: uppercase; font-size: 2rem; padding-left: 10px; letter-spacing: 0px */ font-size: 38px; vertical-align: -3px; } .ybd-title h2.blue { color: #039; } .ybd-title h2.blue::before { /* border-top: 2px solid #004dab; border-left: 2px solid #004dab; */ background-color: #039; } .ybd-title h2.blue::after { /* border-bottom: 2px solid #004dab; border-right: 2px solid #003b9f; */ background-color: #039; } /* .ybd-title h2 span { font-style: italic; text-transform: uppercase; font-size: 2rem; padding-left: 10px; letter-spacing: 0px } */ /* header */ .ybd-index-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: rgba(6, 31, 132, 0.8); } .ybd-logo { padding-top: 20px } .ybd-nav a { color: #fff; } .ybd-nav a:hover { color: #ccc; } .nav-top { padding: 30px 0 10px 0 } .nav-top a i { background: #1064e2; border-radius: 50%; padding: 6px; } .nav-top a+a { padding-left: 6px } .nav-bottom { font-size: 1.6rem; padding: 10px 0 0px 0 } .nav-bottom ul li { display: inline-block; position: relative; } .nav-bottom ul li.active { background: #00248b; } .nav-bottom ul li a { display: block; padding: 8px 12px; } .nav-bottom ul li ul li { display: block; } .nav-bottom ul li ul li a { padding: 10px 20px; white-space: nowrap; text-align: left; } .nav-bottom ul li ul li+li { border-top: 1px solid #053392 } .nav-bottom ul li ul li a:hover { background: #0745d4; } .nav-bottom ul li ul { position: absolute; display: none; background: #00248b; font-size: 14px; } .nav-bottom ul li span { display: none } .ybd-fixed-top .ybd-logo { padding-top: 10px } .ybd-fixed-top .ybd-logo img { width: 48%; } .ybd-fixed-top .nav-top { display: none } .ybd-fixed-top .nav-bottom { padding: 20px 0 0 0 } .ybd-fixed-top .nav-bottom a+a { padding-left: 20px } .ybd-fixed-top.ybd-index-header { background-color: rgba(0, 0, 0, 0.6); } /* .owl-carousel */ .ybd-slide .owl-theme .owl-nav.disabled+.owl-dots { margin-top: -220px; position: absolute; width: 100%; text-align: right; } /* index main */ .ybd-index-news { position: relative; min-height: 1000px } .ybd-index-news .ybd-title { padding: 2rem 0 } .ybd-index-news figure { margin: 0; padding: 40px 20px 30px 20px } .ybd-index-news figure a figcaption { background: #f1f1f1; font-size: 0; transition: all 0.8s; padding-right: 16px; } .ybd-index-news figure a { display: block; transition: all 0.8s } .ybd-index-news figure a:hover { margin-top: -10px } .ybd-index-news figure figcaption span { display: inline-block; vertical-align: top } .ybd-index-news figure a:hover figcaption { background: #0644d4; color: #fff; } .ybd-index-news .ybd-dates { background: #00258b; color: #fff; text-align: center; padding: 10px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; line-height: 24px } .ybd-index-news .ybd-dates b { font-size: 2.4rem; font-weight: normal } .ybd-index-news .ybd-index-news-title { font-size: 1.6rem; padding-left: 10px; padding-top: 24px; } .ybd-index-news-bg { background: url(../img/sec.jpg); position: absolute; z-index: 0; transform: rotate(3deg); transform-origin: center top; -ms-transform: rotate(3deg); -ms-transform-origin: center top; height: 100%; width: 200%; left: -5px; top: -80px } .ybd-index-new-pic-txt .layui-col-md4 { margin-top: -270px } .ybd-index-new-pic-txt img { width: 100%; height: 277px; } .ybd-index-news-list { padding-bottom: 30px; } .ybd-index-news .ybd-a-btn { padding-top: 40px } .ybd-index-news .ybd-a-btn .layui-btn { background: transparent; border: 1px solid #6da9f5; height: 46px; line-height: 46px; padding: 0 30px; } .ybd-index-news-list h3 { margin-bottom: 10px } .ybd-index-news-list .layui-col-md4 a { display: block; margin: 10px auto; /* background: rgba(239, 239, 239, 0.5); */ /* color: #f1f1f1; */ /* transition: all 0.5s; */ width: 90%; /* box-shadow: 2px 3px 15px #e0e0e0; */ box-shadow: 0 0 15px #efefef; } .ybd-index-news-list a dl { padding: 20px } .ybd-index-news-list a dl dt { height: 60px; } .ybd-index-news-list a dl dt h3 { font-weight: bold } .ybd-index-news-list a dl dt h3 i { font-size: 16px; color: #002c92; } .ybd-index-news-list a dd.ybd-desc { color: #888; font-size: 14px; height: 44px; line-height: 22px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ybd-index-news-list a dd.ybd-dd-date { font-family: Arial, Helvetica, sans-serif; color: #999; border-top: 1px solid #f6f6f6; padding-top: 5px; } .ybd-index-news-list a dd i { margin-right: 5px } .ybd-index-news-list .layui-col-md4 a:hover { /* background-color: rgba(6, 31, 132, 1); */ background: #0745d4; color: #f1f1f1 } .ybd-index-news-list a:hover dd.ybd-desc { color: #c1d5f9; } .ybd-index-news-list a:hover dd.ybd-dd-date { color: #f1f1f1; border-top: 1px solid #1f6ef1; } .ybd-anounce { background-color: #003b9f; margin-top: -184px; padding-top: 60px; padding-bottom: 30px } .ybd-anounce .ybd-a-btn { line-height: 30px; height: 30px; margin-top: 30px; } .ybd-anounce .ybd-a-btn a { color: #fff; transition: all 0.5s; } .ybd-anounce .ybd-a-btn a i { margin-left: 5px; font-size: 14px } .ybd-anounce .ybd-a-btn a:hover { margin-left: 10px; } .ybd-anounce-list a { color: #fff; margin-bottom: 20px; display: block; border-bottom: 1px solid #0452d4; transition: all 0.8s; position: relative; } .ybd-anounce-list a:hover { border-bottom: 1px solid #1143b9; margin-left: 6px; font-size: 14px } .ybd-anounce-list dl { /* border-right: 1px solid #0f4bd6; */ padding: 5px 0; color: #ccc; /* background: #0642cc; */ box-shadow: 3px 3px 28px #134edc; font-family: Arial, Helvetica, sans-serif; min-height: 60px; text-align: center; } /* .ybd-anounce-list a:hover dl{ margin-top: -10px } */ .ybd-anounce-list a dt { /* height: 60px; */ font-size: 24px } .ybd-anounce-list a dd { font-size: 14px; } /* .ybd-anounce-list dd,.ybd-anounce-list dt{display: inline-block} */ .ybd-anounce-list a h3 { padding-left: 15px; padding-top: 8px; color: #ccd9f7 } .ybd-sub-cont-after { line-height: 30px; padding: 25px 0 80px 0; font-size: 14px; overflow-x: hidden } .ybd-sub-cont-after dl {margin-bottom: 5px; border-bottom: 1px solid #f1f1f1; padding: 5px 0;} .ybd-sub-cont-after dl h2{font-size: 18px; font-weight: bold} .ybd-sub-cont-after dl h2 i{font-weight: normal; color: #E91E63; font-size: 20px;} .ybd-sub-cont-after dl dd{color: #999; font-family: Arial, Helvetica, sans-serif } .ybd-sub-cont-after dl dd span{margin:0 5px} .ybd-sub-cont-after dl dd span i{margin-right: 5px; vertical-align: -1px; font-size: 14px; } .ybd-no-mar-t.layui-col-space30 { margin-top: 0; } /* 媒体&视频 */ .ybd-media { padding: 20px 0 70px 0 } .ybd-media h2 span i.iconfont{ font-size: 28px; margin-right: 5px; } .ybd-media-list a { display: block; color: #00248b; padding: 20px; } .ybd-media-img { background: #eaeaea; } .ybd-media-img img { transition: all 0.5s; height: 192px; width: 100%; } .ybd-media-img a:hover img { transform: scale(1.05); } .ybd-media-txt { background: #f7f7f7; } .ybd-media-txt a { transition: all 0.5s } .ybd-media-txt a:hover { margin-top: -6px } .ybd-media-txt dt { height: 60px; border-bottom: 1px solid #d9e7fb; } .ybd-media-txt dl dd.ybd-dd-desc { padding-top: 10px; min-height: 84px; color: #777; line-height: 2.2rem; } .ybd-media-txt dl dd.ybd-dd-date { padding-top: 16px } .ybd-media-list .ybd-media-item+.ybd-media-item { margin-top: 20px } .ybd-media .owl-theme .owl-dots .owl-dot.active span, .ybd-media .owl-theme .owl-dots .owl-dot:hover span { background: #039; } .ybd-title02 { padding: 40px 0 20px 0; color: #039; } .ybd-title02 h2 { font-size: 2.6rem } .ybd-media .ybd-title02 .ybd-text-r a { padding-top: 15px; display: inline-block; } .ybd-video-list p { margin-top: -40px; height: 40px; background: rgba(0, 0, 0, 0.8); color: #fff; position: relative; width: 100%; line-height: 40px; text-align: center; } .ybd-video-list { padding: 30px 20px; } .ybd-video-list .owl-carousel .owl-item img { width: 100%; height: 389px; } /* 专题 */ .ybd-zhuanti { /* margin: 50px 0; */ padding: 10px 0 60px 0 } .ybd-zhuanti .ybd-title { color: #039; } .ybd-zhuanti a { color: #039; } .ybd-zhuanti a:hover { color: #0745d4; } .ybd-zhuanti-list a { display: block; position: relative; transition: all 0.5s } .ybd-zhuanti-list a:hover { margin-top: -10px } /* .ybd-zhuanti-list a::after{ border: 1px solid #e8e8e8; content: ""; position: absolute; width: 90%; height: 80%; left: 5%; top: 10%; } */ /* 链接 */ .ybd-links { padding: 66px 0 30px 0 } .ybd-links-title { font-size: 16px; color: #039; text-transform: uppercase; padding-top: 16px; } .ybd-links-title i { font-size: 26px; vertical-align: -8px } .ybd-links-title h3::after { content: "" } .ybd-links-title span { display: block; margin-top: -12px; font-style: italic; padding-left: 30px; font-size: 14px; font-family: Arial, Helvetica, sans-serif } .ybd-links-title-line { padding-top: 10px } .ybd-links-title-line i { font-size: 40px; color: #003b9f; } .ybd-links a { color: #039; transition: all 0.3s; display: block } .ybd-links a:hover { margin-top: -8px; } .ybd-links a p { background-color: #039; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; color: #fff; margin: 0 auto; transition: all 0.3s; } .ybd-links a:hover p { background-color: #0745d4; } .ybd-links a p i { font-size: 26px } /* 底部 */ .ybd-footer { color: #f1f1f1; } .ybd-footer h3 { line-height: 40px; font-size: 18px; } .ybd-footer a { color: #bdd3f9; 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: #bdd3f9 } .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: #039; padding-bottom: 10px } .ybd-footer-bottom img { width: 60px !important; height: 60px !important; } .ybd-footer-bottom p { padding-top: 20px } .layui-fixbar li { background-color: #004ab9; } /* 右侧导航 */ .ybd-nav-right { position: fixed; right: 20px; /* padding: 5px 10px; */ background-color: rgba(255, 255, 255, 0.5); box-shadow: 0px 4px 12px 0px rgba(7, 17, 27, 0.1); top: 15%; z-index: 999; /* margin-top: -100px; */ border-radius: 4px; } .ybd-nav-right span { display: block; padding: 12px 20px; cursor: pointer; } .ybd-nav-right span:hover, .ybd-nav-right span.active { background-color: #0745d4; color: #fff } .ybd-layer { background: transparent !important; box-shadow: none !important } /* 内页通用 */ .ybd-main { height: auto !important; min-height: 580px; height: 580px; padding-bottom: 50px } .ybd-sub-cont { line-height: 30px; padding: 30px 0 80px 0; font-size: 1.6rem } .ybd-sub-cont img { max-width: 100%; height: auto !important; } .ybd-breadcrumb { position: relative; margin-top: -40px; height: 40px; line-height: 40px; text-align: right; color: #fff; } .ybd-breadcrumb a { color: #fff } .ybd-breadcrumb a:nth-child(2) { display: none } .ybd-sub-title h1 { border-bottom: 1px solid #eee; color: #0070e6; font-size: 2.6rem; padding-top: 10px } .ybd-sub-title h1 i { font-size: 38px; vertical-align: -7px; } /* 左栏 */ .ybd-sub-l { position: relative; margin-top: -60px; width: 80%; background: #005dc0; background: linear-gradient(#0921a5 20%, #2d81ff); border: 5px solid #2889f1; box-shadow: 2px 4px 12px 0px #bcbcbd; margin-bottom: 50px; } .ybd-sub-l h2 { height: 80px; line-height: 80px; border-bottom: 1px solid #0733bf; text-align: center; font-size: 30px; color: #fff; } .ybd-sub-l-list { padding: 20px 0 } .ybd-sub-l-list ul li { clear: both; } .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-l-list ul li a.sub-on i, .ybd-sub-l-list ul li a:hover i { visibility: visible; } */ /* .ybd-sub-l-list ul li a.sub-on span, .ybd-sub-l-list ul li a:hover span { border: 1px solid #fff; } */ /* 搜索 */ .ybd-list-title h1 { font-weight: bold; font-size: 32px; line-height: 40px; margin: 30px 0 } .ybd-sub-cont dl { padding: 30px; background-color: #fff; position: relative; margin-bottom: 20px } .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; font-family: 'Times New Roman', Times, serif } .ybd-sub-cont dl dd.ybd-sub-dates i { margin-right: 5px } .ybd-sub-cont dl dd.ybd-sub-more { margin-top: 20px } .ybd-sub-cont dl dd a { padding: 10px 60px; background-color: #888; color: #fff; transition: all 0.5s; } .ybd-sub-cont dl dd a:hover { background-color: #0074da } .ybd-sub-cont dl::after { content: ""; position: absolute; top: 50%; right: -40px; border-left: 40px solid #FFFFFF; border-top: 40px solid transparent; border-bottom: 40px solid transparent; margin-top: -40px } /* 分页 */ .ybd-pages { padding-top: 30px; padding-bottom: 30px; text-align: center } .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: #0086f7; color: #fff; } .ybd-pages a, .ybd-simple-cont .ybd-pages span { background-color: #f1f1f1; } /* 普通列表 */ .ybd-sub-txt-list { padding: 30px 0 } .ybd-sub-txt-list .ybd-list-item { border-bottom: 1px solid #f3f3f3; padding: 10px 0 } .ybd-sub-txt-list .ybd-list-item a { display: block } /* 专题列表页 */ .ybd-sy-ztlist { padding: 30px 0 80px 0 } .ybd-sy-ztlist figure { margin: 0 } .ybd-sy-ztlist figure a { text-align: center; display: block; transition-property: transform; transition-duration: .3s; -moz-transition-property: transform; -moz-transition-duration: .3s; -webkit-transition-property: transform; -webkit-transition-duration: .3s; -o-transition-property: transform; -o-transition-duration: .3s; background-color: #f7f7f7; } .ybd-sy-ztlist figure img { display: block; margin: 0 auto } .ybd-sy-ztlist figcaption { text-align: center; height: 4rem; line-height: 4rem; } .ybd-sy-ztlist a figcaption { transition: all 0.3s } .ybd-sy-ztlist figure a:hover { transform: translateY(-10px); } .ybd-sy-ztlist a:hover figcaption { background-color: #005dc0; color: #fff } /* 内页单篇 */ .ybd-single { margin-bottom: 50px } /* 在校生、教师等单页 */ .ybd-single-tx { font-size: 1.4rem; line-height: 32px } .ybd-single-tx .layui-elem-quote { border-left: 5px solid #1f9ffc; } .ybd-single-tx h2 { font-weight: bold; border-bottom: 1px solid #f1f1f1; padding: 10px 0; margin: 15px 0; font-size: 1.8rem } .ybd-single-tx h2 i { font-size: 22px; color: #002d80; margin-right: 5px } /* 沿革 */ .ybd-times-cont { font-size: 1.4rem } .ybd-times-cont .layui-row { padding: 30px 0 } .ybd-times-cont .layui-row+.layui-row { border-top: 1px solid #efefef; } .ybd-times-cont p { line-height: 26px; } .ybd-times-cont p.ybd-dates { background: #0088f9; color: #fff; display: inline-block; padding: 0 15px; line-height: 2.2rem; position: relative; } .ybd-times-cont p.ybd-dates::after { content: ""; position: absolute; top: 50%; right: -14px; z-index: 9; margin-top: -8px; border: 8px solid transparent; border-left: 8px solid #0088f9; } .ybd-times-cont p span { color: #666; font-size: 1.2rem; } /* 内页普通图片列表 */ .ybd-sub-pic { padding: 30px 0 80px 0 } .ybd-sub-pic figure { margin: 0 } .ybd-sub-pic figure a { display: block; transition-property: transform; transition-duration: .3s; -moz-transition-property: transform; -moz-transition-duration: .3s; -webkit-transition-property: transform; -webkit-transition-duration: .3s; -o-transition-property: transform; -o-transition-duration: .3s; } .ybd-sub-pic figure img { width: 100%; height: 219px; display: block; } .ybd-sub-pic figcaption { text-align: center; height: 4rem; line-height: 4rem; background-color: #f7f7f7; } .ybd-sub-pic a figcaption { transition: all 0.3s } .ybd-sub-pic figure a:hover { transform: translateY(-10px); } .ybd-sub-pic a:hover figcaption { background-color: #005dc0; color: #fff } /* 普通文章页面 */ .ybd-arti-mes { padding-top: 30px; text-align: center } .ybd-arti-mes h2.ybd-arti-title { line-height: 60px; font-size: 24px; } .ybd-arti-mes small { color: #888 } .ybd-pre-next { border-top: 1px solid #eee; margin-top: 30px; padding-top: 20px } .ybd-arti-author-veri { padding: 0 0 30px 0; /* text-align: right */ } /* 内页子栏目列表 */ .ybd-sub-class { padding: 30px 0 80px 0; font-size: 1.6rem } .ybd-sub-class i { color: #002faf; } /* 内页子栏目孙栏目列表 */ .ybd-sub-class-list { font-size: 1.6rem; padding: 0px 0 80px 0; } .ybd-sub-class-list h2 { text-align: center; border-bottom: 1px dotted #4b96e4; padding: 45px 0 15px 0; margin-bottom: 40px; /* border-radius: 10px; */ } .ybd-sub-class-list h2 i { color: #002faf; font-size: 2.8rem; margin-right: 5px; vertical-align: -3px } /* media */ @media screen and (min-width:1601px) { .layui-container { width: 1400px } } @media screen and (min-width:1440px) and (max-width:1600px) { .layui-container { width: 1400px } .ybd-nav-right { right: 20px; background-color: rgba(255, 255, 255, 0.5); } .ybd-index-news .ybd-index-news-title { padding-right: 5px; font-size: 1.4rem } } @media screen and (min-width:1200px) and (max-width:1439px) { .layui-container { width: 1200px } .ybd-index-news { min-height: 920px; } .ybd-index-new-pic-txt img { height: 233px; } .ybd-media .ybd-title02 .ybd-text-r a { padding-top: 12px; display: inline-block; } .ybd-media-item { background-color: transparent } .ybd-media-img img { height: 160px; width: 98%; display: block; margin: 0 auto; } .ybd-media-txt dt { height: 52px; } .ybd-media-txt h3 { font-size: 1.4rem; } .ybd-media-txt dl dd.ybd-dd-desc { min-height: 60px; line-height: 1.8rem; } .ybd-links-title h3 { font-size: 1.6rem } .ybd-links a { font-size: 1.2rem; } .ybd-video-list .owl-carousel .owl-item img { width: 100%; height: 329px; } .ybd-index-news .ybd-index-news-title { font-size: 1.4rem; width: 61%; } } @media screen and (min-width:992px) and (max-width:1199px) { .layui-container { width: 96%; } .ybd-logo img { width: 100% } .ybd-links-title h3 { font-size: 1.2rem } .ybd-nav-right { display: none } /* meida&video */ .ybd-media { padding: 0px 0 40px 0; } .ybd-index-new-pic-txt img { height: 185px; } .ybd-index-news { min-height: 850px; } .ybd-media-img img { height: 124px; } .ybd-media-txt dl dd.ybd-dd-desc { min-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-top: 10px; line-height: 1.8rem; } .ybd-media-txt dl dd.ybd-dd-date { padding-top: 10px; } .ybd-media .ybd-title02 .ybd-text-r { padding-top: 12px } .ybd-video-list .owl-carousel .owl-item img { width: 100%; height: 253px; } .ybd-index-news .ybd-index-news-title { font-size: 1.2rem; width: 70%; /* overflow: hidden; */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 内页 */ /* 左栏 */ .ybd-sub-l { width: 80%; } .ybd-sub-l-list ul li a { font-size: 1.4rem } .ybd-sub-l-list ul li a span { padding: 0 6px; } /* 图片列表 */ .ybd-sub-pic figure img { height: 148px; } } @media screen and (max-width:991px) { body { background-color: #fff } .ybd-slide .owl-nav { width: 100%; left: 0; } .layui-table td, .layui-table th { padding: 9px 8px; } /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 8px; /*滚动条宽度*/ height: 8px; /*滚动条高度*/ } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 5px; /*滚动条的背景区域的圆角*/ background-color: fff; /*滚动条的背景颜色*/ } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 5px; /*滚动条的圆角*/ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: fff; /*滚动条的背景颜色*/ } /* header */ .ybd-wap-header-row { padding-top: 30px; padding-bottom: 8px; } .ybd-wap-pos-inher, *.ybd-wap-pos-inher { position: inherit !important; } .ybd-logo img { max-width: 100% } .ybd-nav .ybd-hide { display: block } .ybd-nav span { margin-top: 20px; color: #fff; } .ybd-nav span i { font-size: 30px } .ybd-nav span.ybd-close { display: none !important; } .nav-top { position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0.2); height: 40px; line-height: 40px; left: 0; top: 0; font-size: 12px; text-align: left; padding: 0 } .nav-top a { display: inline-block } .nav-top a:first-child { display: none } .nav-top a:last-child { float: right; padding-right: 10px } .nav-bottom { display: none; position: absolute; z-index: 999; background: rgba(9, 40, 115, 0.9); width: 100%; left: 0; text-align: left; padding-bottom: 5px } .nav-bottom ul li { display: block; } .nav-bottom ul li+li { border-top: 1px solid #275392 } .nav-bottom ul li a { display: block; position: relative; } .nav-bottom ul li span { display: block; position: absolute; right: 10px; margin-top: -15px; top: 50%; } .nav-bottom ul li span i { font-size: 16px } .layui-input-block { margin-left: 0px; } .ybd-slide .owl-theme .owl-nav [class*='owl-'] { font-size: 24px; } /* news */ .ybd-index-news { padding-bottom: 25px; } .ybd-index-new-pic-txt .layui-col-md4 { margin-top: 0px } .ybd-index-new-pic-txt img { width: 100%; height: auto !important; } .wap-news-top { padding-top: 30px } .ybd-index-news .ybd-index-news-title { display: block; text-align: center; padding-left: 0px; padding-top: 0px; height: 34px; line-height: 34px; } .ybd-index-news-bg { transform: rotate(0deg); transform-origin: center top; -ms-transform: rotate(0deg); -ms-transform-origin: center top; height: 100%; width: 100%; left: 0px; top: -1px; } .ybd-index-news .ybd-dates { display: none } .ybd-index-news figure { padding: 20px 10px 0px 10px; } .ybd-index-news-list { padding-top: 10px; } .ybd-index-news-list a dl { padding: 0px } .ybd-index-news-list a dl dt { padding: 10px 10px 0 10px; height: auto !important; } .ybd-index-news-list a dd.ybd-desc { display: none } .ybd-index-news-list a dd.ybd-dd-date { padding: 0 0px 5px 10px } /* gonggao */ .ybd-anounce { margin-top: -1px; padding-bottom: 30px; padding-top: 0 } .ybd-anounce .layui-col-space30>* { padding: 5px 15px; } .ybd-anounce-list a { padding-bottom: 0; /* border-bottom: 1px solid #002c92; */ } .ybd-anounce-list dl { min-height: 48px; } .ybd-anounce-list a dt { font-size: 18px; } .ybd-anounce-list div:nth-child(4) a { border-bottom: none } .ybd-anounce-list div:nth-child(5), .ybd-anounce-list div:nth-child(6), .ybd-anounce-list div:nth-child(7), .ybd-anounce-list div:nth-child(8), .ybd-anounce-list div:nth-child(9) { display: none } /* meida&video */ .ybd-media { padding: 0px 0 40px 0; } .ybd-media-txt dt { border-bottom: none } .ybd-media-txt .ybd-dd-desc, .ybd-media-txt .ybd-dd-date { display: none } .ybd-media .ybd-title02 .ybd-text-r { padding-top: 0px } .ybd-media-img img { height: auto; width: 100%; } /* zhuanti */ .ybd-zhuanti-list a { text-align: center; } .ybd-zhuanti-list a:hover { margin-top: 0px } /* links */ .ybd-links { padding: 14px 0 30px 0; } .ybd-links a p { width: 40px; height: 40px; line-height: 40px; margin-top: 10px; } .ybd-links a { font-size: 12px; } .ybd-links a p i { font-size: 20px; } .ybd-title h2 { font-size: 2.2rem; } .ybd-links a:hover { margin-top: 0; } /* footer */ .ybd-tel-txt dl dt i { font-size: 24px; } .ybd-footer { background: linear-gradient(180deg, #0921a5 40%, #2d81ff) !important; } .ybd-footer li { line-height: 30px; display: inline-block; padding: 0 8px; } .ybd-footer-logo { display: none !important } .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-video-list .owl-carousel .owl-item img { width: 100%!important; height: auto!important; } /* 内页通用 */ .ybd-sub-cont { padding: 15px 0 30px 0; overflow-x: hidden } /* 左栏目 */ .ybd-sub-l { width: 100%; margin: 0; background: none; border: none; box-shadow: none; } .ybd-sub-l h2 { display: none } .ybd-sub-l-list { padding: 12px 0; border-bottom: 1px solid #f1f1f1; } .ybd-sub-l-list ul { font-size: 0 } .ybd-sub-l-list ul li { display: inline-block; width: 30.33%; margin: 5px 1.5%; text-align: center; } .ybd-sub-l-list ul li a { color: #333; height: 32px; line-height: 32px; border-radius: 4px; background-color: #f1f1f1; font-size: 1.2rem; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ybd-sub-l-list ul li a span { padding: 0 } .ybd-sub-l-list ul li i { display: none; } .ybd-sub-l-list ul li a.sub-on, .ybd-sub-l-list ul li a:hover { background: #006fe3; color: #fff } .ybd-sub-l-list ul li a.sub-on span, .ybd-sub-l-list ul li a:hover span { border: none; height: auto !important; line-height: auto !important; color: #fff } .ybd-breadcrumb { margin-top: 0; text-align: left } .ybd-breadcrumb a { color: #333 } /* 单篇 */ .ybd-sub-title h1 { text-align: center } .ybd-times-cont .layui-row { padding: 14px 0; } .ybd-times-cont-xs { display: none } /* 图片列表 */ .ybd-sub-pic figure img { width: 100%; height: auto; } .ybd-pages { font-size: 0; padding-bottom: 10px; margin-bottom: 0; text-align: center } .ybd-pages a, .ybd-pages span { padding: 0 8px; height: 24px; line-height: 24px; margin: 0 4px; font-size: 14px; border-radius: 3px; } /* .ybd-list-item .ybd-text-r{text-align: left !important} */ /* 文章页 */ .ybd-pre-next .ybd-text-r { text-align: left !important } .ybd-sub-cont dl::after { display: none; } } .duilian { position: fixed; z-index: 9999; bottom: 70px; } .duilian_left { left: 10px; } a.duilian_close { display: block; margin-bottom: -18px; position: relative; } .duilian_left a.duilian_close { margin-left: -7px; } .duilian_right a.duilian_close { margin-right: -7px; text-align: right; } a.duilian_close i { font-size: 20px; color: #fff; } .duilian_right { right: 10px; } @media screen and (max-width:991px) { .duilian { display: none } } .layui-form .layui-input,.layui-form .layui-btn{height: 50px;} .ybd-sub-cont .layui-form .layui-input,.ybd-sub-cont .layui-form .layui-btn{height: 38px;} @media screen and (max-width:991px) { .ybd-sub-cont label{display: none} .ybd-sub-cont .layui-btn{width: 100%; margin-top: 15px} } .ybd-sub-txt-list .layui-colla-content{padding: 0;} .ybd-sub-txt-list .layui-colla-content p{padding: 10px 15px} .ybd-sub-txt-list .layui-colla-content p.ybd-guest-a{background: #eaf2ff} .ybd-sub-txt-list .layui-colla-content p.ybd-guest-a span{color:#0050d6} .ybd-sub-txt-list .layui-colla-item{border-color: #f5f5f5}