@charset "utf-8";

#content { margin-bottom: 0; }


/* box-ver */
.box-ver { display: flex; }
.box-ver>.hd { width: 92px; flex-direction: column; margin-bottom: 0; justify-content: space-between; }
.box-ver>.hd h3 { padding: 0 20px; line-height: 1.05; }
.box-ver>.hd .more { margin: 0 auto; }
.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: 28px; overflow: hidden; position: absolute; left: 0; width: 100%; bottom: 50px;}
.banner .hd ul { width: 100%; display: flex; justify-content: center; gap: 10px; }
.banner .hd li { cursor: pointer; margin: 0 5px; width: 28px; height: 28px; background: url(../../base/img/li-dot.png) no-repeat center; }
.banner .hd li span { display: none;}
.banner .hd .on { background: url(../../base/img/lion-dot.png) no-repeat center;}
@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; background: url(../../base/img/row-bg-01.jpg) no-repeat center; margin-bottom: 60px; }
.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;  }
.date-list li:last-child { margin-bottom: 0; }
.date-list .title { display: flex; align-items: center; transition: 0.3s; position: relative; justify-content: space-between; height: 110px; padding: 15px 20px; background-color: #F9F5F6; box-sizing: border-box; }
.date-list .date { width: 70px; padding-right: 50px; color: #9A2535; height: 64px; overflow: hidden; margin-right: 15px; position: relative; }
.date-list .date::after { display: block; content: ""; width: 40px; height: 1px; background-color: #D2D2D2; position: absolute; right: 0; top: 18px; transform: translateY(-50%); }
.date-list .date .dd { font-size: 24px; font-weight: bold; line-height: 1.5; display: block; }
.date-list .date .ym { line-height: 1.1; display: block; }
.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 .title { background: #9A2535;}
.date-list li:hover .title a.tit { color: #fff; }
.date-list li:hover .date { color: #fff; }
.date-list li:hover .date .ym { opacity: 0.8; }
.date-list li:hover .title::before { display: block; content: ""; width: 45px; height: 44px; background: url(../../base/img/icon-hua5.png) no-repeat; left: 63px; bottom: 0; position: absolute; opacity: 0.2; }


/* box-notice */
.box-notice { gap: 45px; min-height: 374px; margin-bottom: 100px; }
.box-notice .hd { flex-shrink: 0; padding: 60px 0; }
.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: #9A2535; }
.box-notice .swiper-wrapper { align-items: center; }
.box-notice .t .con { background-color: #fff; min-height: 224px; transform: translateY(16px); padding: 20px; box-sizing: border-box; transition: 0.4s; position: relative; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.23); }
.box-notice .t .title { font-size: 18px; margin-bottom: 5px; line-height: 36px; height: 36px; overflow: hidden; white-space: nowrap; 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: 48px; margin-bottom: 15px; transition: 0.4s; line-height: 24px; color: #666;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-notice .t .others { height: 90px; overflow: hidden; background: #F5F5F5 url(../../base/img/white-hua.png) no-repeat 10px bottom; display: flex; justify-content: space-between; padding: 0 20px; align-items: center; transition: 0.4s; }
.box-notice .t .others .date { width: 70px; padding-right: 50px; height: 64px; }
.box-notice .t .others .date .dd { font-size: 24px; font-weight: bold; line-height: 1.5; display: block; }
.box-notice .t .others .date .ym { line-height: 1.1; display: block; color: #949494; }
.box-notice .t .others .more { width: 14px; font-size: 12px; line-height: 1.2; text-align: center; color: #DCAF3E; position: relative; }
.box-notice .t .others .more::after { display: block; content: ""; position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); width: 1px; height: 10px; background-color: #DCAF3E; }
.box-notice .swiper-slide-next .con { transform: translateY(0);  }
.box-notice .swiper-slide-next .intro { -webkit-line-clamp: 3; height: 72px; margin-bottom: 23px; }
.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: #9A2535; 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 { background-color: #9A2535; color: #fff; }
.box-notice .t:hover .others .date .ym { color: #fff; }


/* box-scient ------------------- */
.box-scient .hd { height: 240px; }
.box-scient .bd { position: relative; padding-bottom: 30px;}

/* menu-list */
.menu-list { display: flex; flex-wrap: wrap; width: 743px; position: relative; z-index: 1; }
.menu-list li { text-align: center; }
.menu-list li a { font-size: 28px; transition: 0.4s; font-weight: bold; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; }
.menu-list li a::before { content: ""; height: 105px; width: 105px; background: url(../../base/img/icon-ky.png) no-repeat 0 0; }
.menu-list .li2 a::before { background-position: 0 -105px; }
.menu-list .li3 a::before { background-position: 0 -210px; }
.menu-list .li4 a::before { background-position: 0 -315px; }

.menu-list .li1 a,.menu-list .li4 a { border-radius: 0 100px; }
.menu-list .li1 a { width: 326px; height: 302px; background-color: #3389C4; margin-left: 70px; }
.menu-list .li2 a,.menu-list .li3 a { border-radius: 100px 0; }
.menu-list .li2 a { background-color: #E8CB3E; width: 332px; height: 267px; margin-top: 35px; }
.menu-list .li3 a { background-color: #9A2535; width: 323px; height: 286px; }
.menu-list .li4 a { background-color: #57B65C; width: 419px; height: 250px; }
.menu-list .li1:hover a { transform: translate(-20px,-20px); }
.menu-list .li2:hover a { transform: translate(20px,-20px); }
.menu-list .li3:hover a { transform: translate(-20px,20px); }
.menu-list .li4:hover a { transform: translate(20px,20px); }

.box-scient .li5 { position: absolute; right: 0; bottom: 0; }
.box-scient .li5 .pic { overflow: hidden; border-radius: 0 100px; }
.box-scient .li5 .pic img { max-width: 861px; height: 417px; }
.box-scient .li5 .title { position: absolute; top: 48px; left: 218px; }
.box-scient .li5 .title a { color: #fff; border-radius: 5px 20px; transition: 0.4s; background-color: #9A2535; text-align: center; font-size: 28px; display: block; height: 66px; line-height: 66px; width: 210px; }
.box-scient .li5 .title a:hover { background-color: #3389C4; }

/* row-jyjx --------------------------------- */
.row-jyjx { background: url(../../base/img/row-bg-jyjx.jpg) no-repeat center; padding: 100px 0; background-size: cover; }
.row-jyjx .box-default .hd { margin-bottom: 70px; }


/* menu-jx */
.menu-jx { display: flex; padding: 0 95px; background-size: 100% auto; justify-content: space-between;  gap: 30px;/*background: url(../../base/img/red-bg.png) no-repeat center;*/}
.menu-jx li { width: 300px; position: relative; transition: 0.4s; }
.menu-jx .pic { overflow: hidden; display: block; width: 100%; }
.menu-jx .pic img { max-width: 100%; height: auto; }
.menu-jx .tit { position: absolute; text-align: center; padding: 25px 15px 40px; left: 0; top: 0; color: #fff; font-weight: bold; display: flex; align-items: center; line-height: 1.2; background-color: #3389C4; width: 20px; border-radius: 0 0 50px 0; }
.menu-jx .li2 .tit { background-color: #57B65C; } 
.menu-jx .li3 .tit { background-color: #9A2535; } 
.menu-jx .li4 .tit { background-color: #E8CB3E; } 
.menu-jx li .title{display:none;}


/* row-tab ---------------------------------- */
.row-tab { padding: 80px 0; background: url(../../base/img/row-bg-tab.jpg) no-repeat center top; background-size: cover; }
.row-tab .box-default .hd { margin-bottom: 60px; }


/* tab-list */
.tab-list { position: relative; min-height: 494px; padding-left: 700px; }
.tab-list .t { position: absolute; text-align: center; left: 0; top: 0; padding: 40px 93px; width: 456px; height: 414px; background: #9A2535 url(../../base/img/icon-hua2.png) no-repeat center bottom; }
.tab-list .t .pic { border: 15px solid rgba(255, 255, 255, 0.2); margin-bottom: 15px; overflow: hidden; }
.tab-list .t .title { font-size: 18px; margin-bottom: 5px; color: #fff; line-height: 40px; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tab-list .t .intro { font-size: 14px; line-height: 24px; color: #F6DFDF;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.tab-list .t a { color: inherit; }
.tab-list .n { line-height: 40px; height: 40px; padding: 20px 50px; background-color: #F7F6F4; margin-bottom: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tab-list .n:last-child { margin-bottom: 0; }
.tab-list .n .date { width: 130px; display: inline-block; border-radius: 0 30px; margin-right: 5px; transition: 0.3s; background-color: #3389C4; text-align: center; color: #fff; }
.tab-list .n a::before { display: inline-block; content: ""; width: 40px; height: 1px; background-color: #D2D2D2; margin-right: 10px; vertical-align: middle; }
.tab-list .n:hover .date { background-color: #9A2535; }
.tab-list .n:hover a { font-weight: bold; }


/* row-photo ----------------------------- */
.row-photo { background: url(../../base/img/row-bg-photo.jpg) no-repeat center top; background-size: cover; padding-bottom: 60px;}
.box-photo .hd { margin-right: 69px; padding-top: 20px; padding-bottom: 20px;}

/* photo-list */
.photo-list { position: relative; height: 761px; }
.photo-list li { position: absolute; }
 .photo-list .li1 { width: 698px; height: 440px; top: 0; left: 0;}
.photo-list .li2 { width: 740px; height: 350px; top: 0; right: 0; }
.photo-list .li3 { width: 698px; height: 320px; bottom: 0; left: 0; }
.photo-list .li4 { width: 369px; height: 410px; bottom: 0; right: 370px; }
.photo-list .li5 { width: 369px; height: 410px; right: 0; bottom: 0; } 
.photo-list .pic, 
.photo-list .pic a,
.photo-list .pic img { width: 100%; height: 100%; display: block; }
.photo-list .title { position: absolute; text-align: center; bottom: 0; width: 90%; line-height: 65px; height: 65px; background-color: rgba(0, 0, 0, 0.5); padding: 0 5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; } 
.photo-list .title a { color: inherit; }



@media (max-width:1680px) {
    .date-list .title { height: 94px; }

    /* menu-list */
    .menu-list,.box-scient .li5,.menu-jx { zoom: 0.875; }
    .menu-jx .tit { font-size: 18px; }

    .photo-list { zoom: 0.875; }
    .photo-list .title { font-size: 18px; }
}