@charset "utf-8";

#content { margin-bottom: 0; padding-top: 20px; background: url(../../base/img/row-bg-01.jpg) no-repeat center top; }

/* box-ver */
.box-ver { display: flex; }
.box-ver>.hd { width: 117px; flex-direction: column; margin-bottom: 0; justify-content: space-between; }
.box-ver>.hd h3 { padding: 0 30px; line-height: 1.05; font-size: 30px; color: #9351C3;  }
.box-ver>.hd h3::before { background: url(../../base/img/white-hua.png) no-repeat center; width: 105px; opacity: 0.2; height: 73px; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.box-ver>.hd h3 a { position: relative; z-index: 1; }
.box-ver>.hd .more { margin: 0 auto; }
.box-ver>.hd .more:hover { transform: translateX(0); transform: translateY(5px); }
.box-ver>.bd { flex: 1; }


/* 轮播大图 */
.banner { position: relative; clear: both; height: 100vh; z-index: 0; }
.banner .bd .pic img{ height: 100vh; animation: slideBanner 8s ease-in-out 1; object-fit: cover; width: 100%; }
.banner .bd .con { display: none;; }
.banner .hd { height: 30px; overflow: hidden; position: absolute; left: 0; width: 100%; bottom: 50px;}
.banner .hd ul { width: 100%; display: flex; justify-content: center; }
.banner .hd li { cursor: pointer; width: 30px; margin-left: -6px; height: 30px; background: url(../../base/img/li-dot.png) no-repeat center; opacity: 0.6; transition: 0.4s; }
.banner .hd li span { display: none;}
.banner .hd .on { opacity: 1; }
@keyframes slideBanner {
    0% { transform: scale(1.2); }
    100% { transform: scale(1); }
}
.banner .mark { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: rgba(0, 0, 0,0.5); font-size: 60px; font-weight: bold; color: #fff; z-index: 5; padding: 40px;}

/* row-news --------------------------------- */
.row-news { padding-top: 30px; }
.row-news .Tbd { display: flex; gap: 30px; justify-content: space-between; margin-bottom: 40px; }

/* date-list */
.date-list { min-width: 0; flex: 1; }
.date-list li {  margin-bottom: 20px; position: relative; padding-left: 40px;}
.date-list li:last-child { margin-bottom: 0; }
.date-list .con { height: 84px; line-height: 1.5; gap: 5px; padding: 0 20px 0 60px; display:flex; flex-direction: column; justify-content: center; border-radius: 3px; background-color: #FBF5FF; box-sizing: border-box; }
.date-list .title { font-size: 18px; line-height: 1;}
.date-list .title a::after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }
.date-list .title,
.date-list .intro { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.date-list .intro { font-size: 14px; color: #666; }
.date-list .date { width: 80px; height: 80px; line-height: 1.2; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 1; border-radius: 100%; color: #AA6BD9; background-color: #eef; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.date-list .date::before { display: block; width: 54px; height: 72px; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../../base/img/icon-hua5.png) no-repeat;}
.date-list .date .dd { font-size: 30px; font-weight: bold; position: relative; z-index: 1; }
.date-list .date .ym { font-size: 14px;  position: relative; z-index: 1;}
.date-list .tit { flex: 1 0 0%; min-width: 0; line-height: 32px; font-size: 18px; max-height: 64px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.date-list li:hover .con { background: #9351C3 url(../../base/img/logo-s.png) no-repeat 90% center;}
.date-list li:hover .intro { color: #fff; opacity: 0.6; }
.date-list li:hover .title,
.date-list li:hover .title a { color: #fff; }
.date-list li:hover .date { color: #fff; background-color: #6663cb; }
.date-list li:hover .date::before { opacity: 0.3; }


.date-list .titleBg { display: none; }

/* box-notice */
.box-notice { gap: 45px; min-height: 268px; margin-bottom: 50px; }
.box-notice .hd { flex-shrink: 0; padding: 20px 0; }
.box-notice .hd h3 { text-align: center; }
.box-notice .bd { padding: 20px 10px 88px; margin-right: -10px; position: relative;}
.box-notice .swiper-pagination-progressbar { bottom: 22px; left: 10px; top: auto; background-color: #D9D9D9; width: 88%; }
.box-notice .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #9351C3; }
.box-notice .swiper-wrapper { align-items: center; }
.box-notice .t .con { transition: 0.4s; max-height: 160px; background-color: #fff; position: relative; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.23); }
.box-notice .t .title { box-sizing: border-box; padding: 20px; height: 100px; line-height: 30px; display: flex; align-items: center;}
.box-notice .t .title a { display: block;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.box-notice .t .title a::after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.box-notice .t .intro { font-size: 14px; height: 24px; margin-bottom: 15px; line-height: 24px; color: #666;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-notice .t .others { height: 60px; overflow: hidden; background: #f5f5f5; display: flex; justify-content: space-between; padding: 0 20px; align-items: center;}
.box-notice .t .others .date { width: 70px; padding-right: 50px; line-height: 1.1;  }
.box-notice .t .others .date .dd { font-size: 24px; display: block; }
.box-notice .t .others .date .ym { display: block; opacity: 0.8; }
.box-notice .t .others .more { font-size: 0; line-height: 1.2; text-align: center; color: #DCAF3E; position: relative; }
.box-notice .t .others .more::after { display: block; content: "\E1CE"; font-family: fontpower; font-size: 26px; color: #ccc; }
.box-notice .swiper-button-prev { right: 68px; left: auto;}
.box-notice .swiper-button-next,.box-notice .swiper-button-prev { top: auto; bottom: 0;  z-index: 2; width: 45px; height: 45px; background-color: #9351C3; color: #fff; border-radius: 100%;}
.box-notice .swiper-button-prev:after,.box-notice .swiper-button-next:after { content: "\E1CE"; font-family: fontpower; font-size: 26px; }
.box-notice .swiper-button-prev { transform: rotate(180deg); }
.box-notice .t:hover .others { color: #fff; background: linear-gradient(90deg, #AA6BD9 0%, #6663CB 100%); }
.box-notice .t:hover .others .date .ym { color: #fff; }
.box-notice .t:hover .con { transform: translateY(-10px);   }


/* row-loop ---------------------------------- */
.row-loop { background: url(../../base/img/row-bg-02.png) no-repeat center top; padding-top: 200px; padding-bottom: 80px; background-size: cover; }
.row-loop .container { display: flex; justify-content: space-between; gap: 20px; }
.row-loop .box-default { flex: 1; min-width: 0; background-color: #fff; padding: 30px 20px 20px; box-sizing: border-box; }

/* top-list */
.top-list .t { display: flex; margin-bottom: 15px; }
.top-list .t .pic { flex-shrink: 0; }
.top-list .t .pic,
.top-list .t .pic img { width: 240px; height: 160px; }
.top-list .t .con { border: 1px solid #eee; padding: 15px; flex: 1; min-width: 0; }
.top-list .t .title { line-height: 26px; margin-bottom: 10px; font-size: 18px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.top-list .t .date { color: #666; }
.top-list .n { line-height: 42px; height: 42px; font-size: 18px; position: relative; padding-left: 20px; padding-right: 5px; transition: 0.4s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.top-list .n .date { float: right; color: #666; padding-left: 15px; }
.top-list .n::before { display: block; content: "";  background: #D9D9D9; border-radius: 100%; width: 5px; height: 5px; position: absolute; left: 3px; top: 50%; transform: translateY(-50%); }
.top-list .n:hover { transform: translateX(5px); }
.top-list .n:hover::before { background-color: #9351C3; }


/* row-photo ---------------------------------- */
.row-photo { position: relative; padding-top: 60px; padding-bottom: 60px; }
.row-photo::before { background: linear-gradient(180deg, rgba(220, 220, 250, 0) 0%, #DCDCFA 100%); min-width: 1400px; height: 300px; display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; }
.row-photo .container { position: relative; z-index: 1; }



/* list-menu */
.list-menu { display: flex; gap: 30px; justify-content: space-between; }
.list-menu li { min-width: 0; text-align: center; }
.list-menu li a { transition: 0.4s; display: flex; flex-direction: column; justify-content: center; gap: 15px; align-items: center; color: #220364; font-size: 20px; }
.list-menu li i { width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; padding: 5px; background: url(../../base/img/dot.png) no-repeat; }
.list-menu li i::before { content: ""; width: 50px; height: 50px; display: block; background: url(../../base/img/icon-ky.png) no-repeat 0 0; transition: 0.4s; }
.list-menu .li2 i::before { background-position: 0 -50px; }
.list-menu .li3 i::before { background-position: 0 -100px; }
.list-menu .li4 i::before { background-position: 0 -150px; }
.list-menu .li5 i::before { background-position: 0 -200px; }
.list-menu .li6 i::before { background-position: 0 -250px; }
.list-menu .li7 i::before { background-position: 0 -300px; }
.list-menu li:hover a { transform: translateY(-10px); }
.list-menu li:hover i::before { transform: rotateY(180deg); }

@media (max-width:1680px) {
    .date-list li { margin-bottom: 15px; }
    .date-list .con { height: 76px; }
    .date-list .date { width: 76px; height: 76px; }

    .row-loop .box-default { zoom: 0.875; }
    .list-menu li a  { font-size: 18px; }
}