@charset "utf-8";

.row-group { padding-left: 10em; padding-right: 10em; --bs-gutter-x: 30rem; --bs-gutter-y: 30rem; clear: both; }
.swiper-container { width: 100%; overflow: hidden; }
.pageBanner{display: none;}

/* ind-banner */
#ind-banner {  overflow: hidden; z-index: 0; height: auto; position: relative; margin: 0 auto; text-align: center; }
#ind-banner .pic img { width: 100%; height: auto; object-fit: cover; }
#ind-banner .swiper-slide { opacity: 0;}
#ind-banner .swiper-slide-active { opacity: 1;}
#ind-banner .swiper-slide-active .pic img { transform: scale(1); transition: all 5s ease 0s; }
#ind-banner .swiper-pagination { bottom: 20rem; z-index: 1; left: 0; }
#ind-banner .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; transition: all 0.5s; width: 12rem; height: 12rem; position: relative; background: #fff; margin: 0 5rem; opacity: 0.5; border-radius: 10px; }
#ind-banner .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 30rem; opacity: 1; }
#ind-banner .titleBg { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); position: absolute; width: 100%; height: 120rem; bottom: 0; left: 0; }
#ind-banner .con { display: none; }
#ind-banner .title { position: absolute; bottom: 20rem; left: 0; font-size: 18em; width: 100%; z-index: 2; line-height: 60rem; height: 60rem; color: #fff; text-align: left;}
#ind-banner .title a { color: inherit; padding-left: 30rem;}

/* row-group-news ------------------------- */
.row-group-news { padding: 20rem 0 30rem; }

/* box-news */
.box-news { position: relative; }
.box-news .hd h3::before { font-size: 2em; }
.box-news .bd { padding-left: 10rem; padding-right: 10rem;}
.box-news .bd .pic { margin-bottom: 20rem; }
.box-news .bd .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 57.5%; height: 0; z-index: 1; }
.box-news .bd .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
.box-news .bd .pic span.tit { display: block; position: absolute; bottom: 0; left: 0; right: 0; padding: 0 5%; box-sizing: border-box; font-size: 16em; line-height: 3em; height: 3em; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.00) 100%); color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.box-news .bd .title { display: none; }
.box-news .bd .intro { font-size: 16em; color: #7f7f7f; line-height: 1.8em; text-indent: 2em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-news .arrow { position: absolute; top: 30%; z-index: 1; }
.box-news .arrow::before { display: block; content: "\E808"; font-family: iconfont; font-size: 50rem; color: #fff; background-color: rgba(0, 0, 0, 0.5);}
.box-news .swiper-next::before { content: "\E807";}
.box-news .swiper-prev { left: 15rem; }
.box-news .swiper-next { right: 15rem; }
.box-news .swiper-button-disabled { display: none; }
.box-news .swiper-button-disabled::before { color: #666; }


/* row-group-red ------------------------- */
.row-group-red { background: url(../skin/images/columnbg.jpg) no-repeat center; background-size: cover; padding: 20rem 0 30rem; }
.row-group-red .row { --bs-gutter-x: 60rem; --bs-gutter-y: 0; }
.row-group-red .box-default .hd h3 a,
.row-group-red .box-default .hd h3::before,
.row-group-red .box-default .hd .more { color: #fff; }
.row-group-red .box-default .bd { padding: 20rem; background-color: #fff; }
.row-group-red .box-lecture .bd { padding: 0; background: none; }
.row-group-red .box-lecture .bd .pic { padding: 20rem; background-color: #fff; }


.box-lecture .hd h3::before { content: "\E843"; }
.box-party .hd h3::before { content: "\E799"; }
.box-edu .hd h3::before { content: "\E844"; }

/* .box-lecture  */
.box-lecture .bd { position: relative; }
.box-lecture .bd .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 116%; height: 0; z-index: 1; }
.box-lecture .bd .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
.box-lecture .arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; opacity: 0.7; }
.box-lecture .arrow::before { display: block; content: "\E808"; font-family: iconfont; font-size: 60em; color: #fff; }
.box-lecture .swiper-next-2::before { content: "\E807";}
.box-lecture .swiper-prev-2 { left: 0; }
.box-lecture .swiper-next-2 { right: 0; }
.box-lecture .swiper-button-disabled { display: none; }
.box-lecture .swiper-button-disabled::before { color: #666; }

.box-lecture .bd .noData { padding-left: 20rem; }


/* list-pic */
.list-pic .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 55%; height: 0; z-index: 1; }
.list-pic .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.4s;  }
.list-pic .title { line-height: 2.5em; margin-bottom: 10rem; height: 2.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18em; font-weight: bold; text-align: center; border-bottom: 2px solid #960a15; }
.list-pic .n { font-size: 16em; line-height: 2em; transition: 0.4s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 0 15rem 0 30rem; }
.list-pic .n a::before { content: ""; width: 6rem; height: 6rem; background-color: #474747; border-radius: 100%; display: block; position: absolute; left: 10rem; top: 50%; transform: translateY(-50%);  }
.list-pic .pic:hover img { transform: scale(1.05); }
.list-pic .n:hover { padding-left: 35rem; padding-right: 10rem;}
.list-pic .n:hover a::before { background-color: #9a0000; }

/* row-group-03 -------------------------- */
.row-group-03 { background-color: #f5f5f5; padding: 20rem 0 30rem; }
.row-group-03 .row { --bs-gutter-x: 60rem; --bs-gutter-y: 0; }
.row-group-03 .box-default .bd { background-color: #e3e3e3; padding: 20rem; }

.box-research .hd h3::before { content: "\E845"; font-size: 2.5em;}
.box-student .hd h3::before { content: "\E846"; font-size: 2.5em;}
.box-notice .hd h3::before { content: "\E847"; font-size: 2.5em;}


/* row-group-04 -------------------------- */
.row-group-04 .box-photo .bd { background: none; }
.row-group-04 .row { --bs-gutter-x: 0; --bs-gutter-y: 0; }
.box-photo .hd h3::before { content: "\E847"; font-size: 2.5em;}
.box-photo .pic { margin-bottom: 5rem; }
.box-photo .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 150%; height: 0; z-index: 1; }
.box-photo .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.4s; background-color: #fff; }
.box-photo .title { line-height: 2.5em; height: 2.5em; font-size: 16em; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.box-photo .title a { color: inherit; }
.box-photo .pic:hover img { transform: scale(1.05); }

#photo-swiper { position: relative; padding: 0 10rem; }
#photo-swiper .arrow { position: absolute; display: flex; align-items: center; transition: 0.3s; justify-content: center; top: 50%; transform: translateY(-65%); z-index: 1; width: 40rem; height: 120rem; background-color: #f4f4f4; }
#photo-swiper .arrow::before { display: block; content: ""; width: 0; height: 0; border: 5px solid transparent; transition: 0.3s;  }
#photo-swiper .arrow:hover { background-color: #ed712d; }
#photo-swiper .swiper-prev-3::before { border-right: 5px solid #ed712d; margin-right: 5rem; }
#photo-swiper .swiper-prev-3 { left: 10rem; }
#photo-swiper .swiper-prev-3:hover::before { border-right-color: #fff;  }
#photo-swiper .swiper-next-3::before { right: 0; border-left: 5px solid #ed712d; margin-left: 5rem; }
#photo-swiper .swiper-next-3 { right: 10rem; }
#photo-swiper .swiper-next-3:hover::before { border-left-color: #fff; }
#photo-swiper .swiper-button-disabled { display: none; }


/* row-group-05 -------------------------- */
.row-group-05 { background-color: #f5f5f5; padding: 10rem 0 20rem; }

.box-marquee .hd h3::before { content: "\E847"; font-size: 2.5em; }

/* phtotList-swiper */
#marquee-swiper { padding: 80rem 0; overflow: hidden; position: relative; }
#marquee-swiper .swiper-slide { position: relative; text-align: center; font-size: 16em; transition: 750ms; overflow: hidden; }
#marquee-swiper .swiper-slide::before { display: block; content: ""; background-color: rgba(0, 0, 0, 0.3); position: absolute; right: 0; top: 0; left: 0; bottom: 0; z-index: 1; }
#marquee-swiper .swiper-slide .pic { display: block; overflow: hidden; position: relative; padding-bottom: 65%; height: 0;  }
#marquee-swiper .swiper-slide .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
#marquee-swiper .swiper-slide-active { z-index: 11; font-size: 12em; transform: scale(1.5); }
#marquee-swiper .swiper-slide .title { overflow: hidden; font-weight: bold; display: none; z-index: 3; font-size: 1em; color: #fff; white-space: nowrap; text-overflow: ellipsis; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 0 10%; line-height: 2.5em; height: 2.5em; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}
#marquee-swiper .swiper-slide .title a { color: inherit; }
#marquee-swiper .swiper-slide-active .title { display: block; }
#marquee-swiper .swiper-slide-active::before { display: none; }
#marquee-swiper .sjmt-prev,
#marquee-swiper .sjmt-next { position:absolute; top:50%; transform: translateY(-50%); bottom:0; width: 40px;cursor:pointer;z-index:100; height: 40px;}
#marquee-swiper .sjmt-prev{ left: 15px; }
#marquee-swiper .sjmt-next{ right:15px; }
#marquee-swiper .sjmt-prev::before,
#marquee-swiper .sjmt-next::before { display: block; content: "\E807"; background-color: rgba(0, 0, 0, 0.5); transition: 0.4s; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-family: "iconfont"; font-weight: bold; color: #B9B9B9; text-align: center; font-size: 20px; border-radius: 100%; border: 2px solid #B9B9B9; width: 32px; height: 32px; line-height: 32px; }
#marquee-swiper .sjmt-prev::before { content: "\E808"; }
#marquee-swiper .sjmt-prev:hover::before,
#marquee-swiper .sjmt-next:hover::before { color: #3A70B5; border-color: #3A70B5; background-color: rgba(255, 255, 255, 0.9); }

#marquee-swiper .swiper-slide-prev,
#marquee-swiper .swiper-slide-next { transform: scale(1.25); z-index: 8; }

#marquee-swiper .arrow { position: absolute; display: flex; align-items: center; transition: 0.3s; justify-content: center; top: 50%; transform: translateY(-50%); z-index: 1; width: 40rem; height: 120rem; background-color: rgba(185, 57, 29, 0.8); }
#marquee-swiper .arrow:hover { background-color: #ed712d; }
#marquee-swiper .arrow::before { font-family: iconfont; font-size: 30em; color: #fff; }
#marquee-swiper .swiper-prev-4 { left: 5rem; border-radius: 5px 0 0 5px; }
#marquee-swiper .swiper-prev-4::before { content: "\E808"; }
#marquee-swiper .swiper-next-4::before { content: "\E807"; }
#marquee-swiper .swiper-next-4 { right: 5rem; border-radius: 0 5px 5px 0; }

@media (max-width:768px) {
	.row-group-03 .row,
    .row-group-red .row { --bs-gutter-x: 0; --bs-gutter-y: 0;}
}
@media (min-width:768px) {
    #marquee-swiper { padding: 120rem 0; }
    
    .box-news .bd { padding-left: 0; padding-right: 0;}
}
@media (min-width:992px) {
    .row-group-news,
    .row-group-red,
    .row-group-03,
    .row-group-05 { padding-top: 20rem; padding-bottom: 40rem; }

    .box-news .bd .intro { -webkit-line-clamp: 6; }
    
    .list-pic { display: flex; flex-wrap: wrap; gap: 4%; }
    .list-pic .t { width: 48%; }
    .list-pic .n { width: 100%;}


}

@media (min-width:1200px) {


    #photo-swiper .arrow::before { border-width: 10px; }
}

@media (min-width: 1400px) {

    .row-group-news,
    .row-group-red,
    .row-group-03,
    .row-group-05 { padding-top: 30rem; padding-bottom: 50rem; }
	
    .box-news .bd .pic span.tit,
    .box-photo .title,
    .list-pic .n { font-size: 18em;}

}

@media (min-width:1600px) {
	.box-news .arrow { top: 40%; }
    .box-news .arrow::before { background: url(../skin/images/arrow-1.png) no-repeat;  width: 40rem; height: 79rem; background-size: cover; font-size: 0; }
    .box-news .swiper-next::before { background: url(../skin/images/arrow-2.png) no-repeat; background-size: cover; }
    .box-news .swiper-prev { left: -70rem; }
    .box-news .swiper-next { right: -70rem; }

 
}