@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}