@charset "utf-8";

/* 公共 */
#content { padding: 0; overflow: hidden; }
#content .row { --bs-gutter-x: 6rem; --bs-gutter-y: 0; }
.row-group { padding: 0 1rem; }

/* 背景 */
.bg-01 { background: #fff url(../img/bg-01.png) no-repeat -3% center; background-size: auto 65%; }
.bg-02 { background: #fff url(../img/bg-03.jpg) no-repeat center center; background-size: cover; }
.bg-03 { background: #f5f9ff; }

/* box-index */
.box-index { padding: 5rem 0; }
.box-index > .hd { position: relative; display: flex; justify-content: center; }
.box-index > .hd ul { display: flex; justify-content: center; gap: 1rem; }
.box-index > .hd li,
.box-index > .hd h3 { position: relative; padding: 0 4.25rem .875rem; margin-bottom: .625rem; font-size: 2em; line-height: 1.4; font-family: "SourceHanSerifCN Bold"; text-align: center; }
.box-index > .hd li.on,
.box-index > .hd h3 { color: #1E4CA2; background: url(../img/bg-hd-index.png) no-repeat right bottom, url(../img/bg-hd-index.png) no-repeat left bottom; background-size: auto 2.9rem; }
.box-index > .hd li.on::after,
.box-index > .hd h3::after { content: "\e627"; position: absolute; bottom: -0.5em; left: 0; right: 0; width: 1em; font-family: "iconfont"; line-height: 1; margin: auto; font-size: 1.7rem; color: rgb(30, 76, 162, 0.8); font-family: "iconfont"; transform: rotate(15deg); font-weight: normal; }
.box-index > .hd li a,
.box-index > .hd h3 a { color: inherit; text-decoration: none; }
.box-index > .hd .more { position: absolute; z-index: 1; top: 50%; margin-top: -1.25em; right: 0; font-size: .75em; line-height: 2.5em; color: #1E4CA2; padding-right: 2em; }
.box-index > .hd .more::after { position: absolute; z-index: -1; content: '\e603'; font-family: "iconfont"; right: 0; width: 3.33em; height: 3.33em; line-height: 3.33em; font-size: 0.75em; text-align: center; border-radius: 50%; background-color: rgb(30, 76, 162, 0.05); color: #1E4CA2; }
.box-index > .hd .more,
.box-index > .hd .more::after { transition: all ease 0.6s; }
.box-index > .hd .more:hover { padding-right: 3em; }
.box-index > .hd .more:hover::after { background: #1E4CA2; color: #fff; }
.box-index > .bd { padding-top: 2.5rem; }

/* box-index 白色 */
.box-index.white { color: #fff; }
.box-index.white > .hd li,
.box-index.white > .hd h3 { color: rgba(255, 255, 255, 0.8); }
.box-index.white > .hd li.on,
.box-index.white > .hd h3 { color: #fff; background: url(../img/bg-hd-index-white.png) no-repeat right bottom, url(../img/bg-hd-index-white.png) no-repeat left bottom; background-size: auto 2.9rem; }
.box-index.white > .hd li.on::after,
.box-index.white > .hd h3::after { color: rgba(255, 255, 255, 0.8); }
.box-index.white > .hd .more { color: rgba(255, 255, 255, 0.8); }
.box-index.white > .hd .more::after { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.8); }
.box-index.white > .hd .more:hover::after { background: rgb(255, 255, 255, 0.3); color: #fff; }



/* 机电要闻 */
#news .list { margin: -1.5%; }
#news .list li { flex: 1 0 calc(100% - 3%); margin: 1.5%; background: #fff; box-shadow: 0 .3125rem 1.25rem 0 rgba(30, 76, 162, 0.1); }
#news .list .pic a { position: relative; padding-bottom: 66.6666%; overflow: hidden; background: #eee; }
#news .list .pic img { position: absolute; left: 0; top: 0; }
#news .list .con { padding: 1.875rem; }
#news .list .title { font-size: 1em; line-height: 1.4em; max-height: 2.8em; overflow: hidden; }
#news .list .title a { color: inherit; }
#news .list .intro { margin-top: .625rem; font-size: .875em; line-height: 2em; max-height: 4em; color: #999; overflow: hidden; }
#news .list .others { margin-top: .625rem; font-size: .875em; line-height: 1.4em; color: #999; }
#news .list .others .date::before { content: "\e7eb"; font-family: "iconfont"; margin-right: .5em; }

#news .list li,
#news .list .pic img,
#news .list .title a,
#news .list .intro,
#news .list .others { transition: all ease 1s; }

#news .list li:hover .pic img { transform: scale(1.1); }
#news .list li:hover { background: #1E4CA2; }
#news .list li:hover .title a,
#news .list li:hover .intro,
#news .list li:hover .others { color: #fff; }

/* 机电快讯 & 院部动态 */
#row-jdkx .list-info li { margin-top: 1.875rem; }
#row-jdkx .list-info li:first-child { margin-top: 0; }
#row-jdkx .list-info li { padding-left: 2.3em; }
#row-jdkx .list-info li > a::before { top: 0.45em; font-family: "iconfont"; content: '\e6c8'; font-size: 1.66em; background: none; width: auto; height: auto; line-height: 1; color: #BACAE8; font-weight: normal; }

/* 机电快讯 */
#jdkx { position: relative; z-index: 1; height: 100%; }
#jdkx::before { position: absolute; z-index: -1; content: ''; right: 50%; top: 0; bottom: 0; width: 2000px; background: #305aa9 url(../img/bg-02.jpg) no-repeat center center; background-size: auto 100%; transform: translateX(50%); }
#jdkx .list-info li > a { color: #fff; }
#jdkx .list-info li > a::before { color: #fff; }

/* 院部动态 */
#ybdt { position: relative; z-index: 1; height: 100%; }
#ybdt > .hd li { min-width: 4em; box-sizing: content-box; }
#ybdt::before { position: absolute; z-index: -1; content: ''; left: 50%; top: 0; bottom: 0; width: 2000px; background: #F3F7FF; transform: translateX(-50%); }
#ybdt .swiper-slide { height: auto; }

/* 媒体机电 */
#mtjd .list-info li { padding: 1.1em 0; }
#mtjd .list-info li > a::before { display: none; }
#mtjd .list-info .node { float: left; display: flex; align-items: center; justify-content: center; width: 3.88em; height: 2.22em; margin: -0.4em 1.11rem 0 0; border-radius: .3125rem; border: 1px solid #CFD8EA; background: #fff; }
#mtjd .list-info .node img { max-width: 70%; max-height: 50%; }

/* 通知公告 */
#tzgg { padding-top: 0; }

/* 图说机电 */
#slide-photo .list li { width: 25%; background: #fff; box-shadow: 0 .3125rem 1.25rem 0 rgba(30, 76, 162, 0.1); }
#slide-photo .list .pic a { position: relative; padding-bottom: 133.3333%; overflow: hidden; background: #eee; }
#slide-photo .list .pic img { position: absolute; left: 0; top: 0; }
#slide-photo .list .con { padding: 1.25rem 1.875rem; }
#slide-photo .list .title { font-size: 1em; line-height: 1.9em; max-height: 1.9em; overflow: hidden; }
#slide-photo .list .title a { color: inherit; }
#slide-photo .list .intro { display: none; }
#slide-photo .list .others { margin-top: 1.25rem; font-size: .875em; line-height: 1.4em; color: #999; }
#slide-photo .list .others .date::before { content: "\e7eb"; font-family: "iconfont"; margin-right: .5em; }
#slide-photo .swiper-prev,
#slide-photo .swiper-next { position: absolute; z-index: 1; top: 50%; width: 2.85em; height: 2.85em; line-height: 2.85em; cursor: pointer; font-size: 0.875em; background: rgb(0, 0, 0, 0.5); color: #fff; text-align: center; border-radius: 0 3px 3px 0; transform: translateY(-50%); }
#slide-photo .swiper-prev { left: 0; }
#slide-photo .swiper-next { right: 0; border-radius: 3px 0 0 3px; }
#slide-photo .swiper-prev:hover,
#slide-photo .swiper-next:hover { background: #1E4CA2; }

#slide-photo .list li,
#slide-photo .list .pic img,
#slide-photo .list .title a,
#slide-photo .list .intro,
#slide-photo .list .others { transition: all ease 1s; }

#slide-photo .list li:hover .pic img { transform: scale(1.1); }
#slide-photo .list li:hover { background: #1E4CA2; }
#slide-photo .list li:hover .title a,
#slide-photo .list li:hover .intro,
#slide-photo .list li:hover .others { color: #fff; }

/* 专题专栏 */
#slide-special li { width: 25%; }
#slide-special .pic { position: relative; display: block; height: 0; padding-bottom: 42%; overflow: hidden; }
#slide-special .pic img { position: absolute; left: 0; top: 0; height: 100%; }
#slide-special .tit { display: none; }
#slide-special .swiper-prev,
#slide-special .swiper-next { position: absolute; z-index: 1; top: 50%; width: 2.85em; height: 2.85em; line-height: 2.85em; cursor: pointer; font-size: 0.875em; background: rgb(0, 0, 0, 0.5); color: #fff; text-align: center; border-radius: 0 3px 3px 0; transform: translateY(-50%); }
#slide-special .swiper-prev { left: 0; }
#slide-special .swiper-next { right: 0; border-radius: 3px 0 0 3px; }
#slide-special .swiper-prev:hover,
#slide-special .swiper-next:hover { background: #1E4CA2; }


/* 友情链接 */
#friendly { padding-top: 3rem; padding-bottom: 3rem; }
.list-friendly { margin: -0.5%; }
.list-friendly li { width: 99%; margin: 0.5%; }
.list-friendly li a { display: block; padding: 0.8em 1em; text-align: center; font-size: 1em; line-height: 1.5; border: 1px solid #eee; border-radius: 5px; transition: all ease 0.6s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list-friendly li a:hover { border-color: #1E4CA2; background: #1E4CA2; color: #fff; }


/* 媒体查询 */
@media (max-width:420px) {
    .box-index > .hd li { font-size: 1.6em; }
}

@media (min-width:384px) {
    #news .list li { flex-basis: calc(50% - 3%); }

    .list-friendly li { width: 49%; }
}
@media (min-width:768px) {

    #news .list li { flex-basis: calc(33.3333% - 3%); }

    .list-friendly li { width: 32.3333%; }

}
@media (min-width:992px) {
    #jdkx::before { right: calc(var(--bs-gutter-x) * -.5); transform: none; background-position: center right; }
    #ybdt::before { left: calc(var(--bs-gutter-x) * -.5); transform: none; }

    #tzgg { padding-top: 5rem; }

    .list-friendly li { width: 24%; }
}
@media (min-width:1200px) {
    #content { padding-top: 6rem; }

    .list-friendly li { width: 15.6666%; }
}