@charset "utf-8";

/* banner */
.banner{ position: relative; height: auto; overflow: hidden; padding-top: 112rem; }
.banner .swiper-slide{ overflow: hidden; }
.banner .pic img{ width: 100%; height: auto; transform: translate3d(0px, 0px, 0px) scale(1.05); transition: opacity 0.5s ease 0s, transform 0s ease 1s; object-fit: cover; }
.banner .bg{ position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.banner .swiper-slide-active .pic img { transform: scale(1); transition: all 5s ease 0s; }
.banner .title { position: absolute; bottom: 2rem; left: 2.5%; font-size: 1.875rem; z-index: 1; line-height: 8.375rem; color: #fff; display: none; }
.banner .title a { color: #fff; }
.banner .titleBg { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); display: block; width: 100%; height: 100em; left: 0; bottom: 0; position: absolute; opacity: 0.6; }
.banner .swiper-pagination { bottom: 8%; text-align: center; padding: 0 2.6%; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; transition: all 0.5s; width: 18rem; height: 18rem; border: 2px solid transparent; background: rgba(255, 255, 255, 0.7); margin: 0 10rem; opacity: 1; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #A13531; border: 2px solid rgba(255, 255, 255, 0.8); }
.banner .down { position: absolute; left: 50%; transform: translateX(-50%); bottom: 2%; line-height: 1; cursor: pointer; font-size: 26rem; color: #fff; z-index: 10; padding: 10rem; animation: down 2s linear 0s infinite; }


/* row-group-new -------------  */

/* 公共 */
.row-group { padding: 30rem 0; }
.row-group-news { background: url(../../base/img/row-bg-01.jpg) no-repeat center bottom; background-size: auto 70%; }

/* 校园新闻 */
#xyxw { margin-bottom: 40rem; }
#xyxw > .bd { padding-top: 30rem; }
#focus-news::after { display: block; content: ""; position: absolute; right: 0; height: 100%; width: 1px; background-color: #fbf6ef; top: 0; z-index: 1;}
#focus-news .swiper-slide .pic a { padding-bottom: 60%; }
#focus-news .item .pic,
#focus-news .item .con,
#focus-news .swiper-slide .date { display: none; }
#focus-news .item .d1 { font-size: 24em; line-height: 28rem; display: block; }
#focus-news .swiper-slide .title { margin-bottom: 0.8em; }
#focus-news .swiper-pagination { position: absolute; text-align: center; bottom: 140em; overflow: hidden; }
#focus-news .item { width: 20em; height: 5em; background-color:#fff; margin:0 5em; padding:0; float: none; display: inline-block; color: #fff; cursor: pointer; overflow: hidden; text-align: center; }
#focus-news .item.on { background: rgba(161, 53, 49, 0.8); }
#focus-news .item .date { display:none}


/* 校园新闻列表 */
#xyxw .list-info-date li { margin-bottom: 5rem; border-bottom: none; background: #fff; }
#xyxw .list-info-date li:nth-child(5) { display: none; }

/* notice-list */
.notice-list { display: grid; grid-template-columns: 1fr;}
.notice-list li { background-color: #fff; padding: 30rem; position: relative; margin-bottom: 10em; transition: all 0.5s; }
.notice-list li:before { display: block; content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #633; transition:all 0.5s; }
.notice-list .tit { font-size: 18em; padding-right: 4em; line-height: 1.6em; height: 1.6em; margin-bottom: 20rem; font-weight:bold; position: relative; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.notice-list .calendar { position: absolute; top:0; right: 20rem; width: 65em; text-align: center; color: #fff; background-color: #C4C4C4; transition:all 0.5s;}
.notice-list .calendar em { font-size: 30em; display: block; padding-top: 5rem;line-height: 1.5em;}
.notice-list .calendar span { font-size: 14em; display: block; line-height: 1.4em; padding-bottom: 8rem;}
.notice-list .intro { font-size: 16em; position: relative; padding-right: 5em; line-height: 1.6em; height: 3.2em; color: #888; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } 

.notice-list li:hover { color: #fff; }
.notice-list li:hover:before { width: 100%; }
.notice-list li:hover .tit { color: #fff; }
.notice-list li:hover .intro { color: #fff; opacity: 0.5; }
.notice-list li:hover .calendar { background-color: #ECC18E; }

/* row-group-link -------------  */
.row-group-link { padding: 45rem 0 20rem; }

/* pic-links */
.pic-links { display: grid; grid-template-columns:repeat(2, 1fr); grid-gap:15rem; }
.pic-links li { position: relative; border-radius: 0 20rem; overflow: hidden; }
.pic-links .pic img { transition:all 0.5s; }
.pic-links .tit { position: absolute; top: 0; left: 0; background: #B0813F; height: 2em; transition: all 0.5s; line-height: 2em; font-size: 18em; padding: 0 30rem 0 20rem; color: #fff; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); border-radius: 0 44rem 44rem 0;}
.pic-links li:hover .tit { padding-left: 30rem; padding-right: 40rem; background-color: #A13531; }
.pic-links li:hover .pic img { transform: scale(1.2); }


/*  row-group-book -------------  */
.row-group-book { background: url(../../base/img/row-bg-02.jpg) no-repeat center top;  }
.row-group-book .box { margin-top: 25em; }


/* focus-news-2 */
#focus-news-2 { overflow: hidden; }
#focus-news-2 .swiper-slide { background-color: #f5f5f5; }
#focus-news-2 .pic { overflow: hidden; height: 280em;}
#focus-news-2 .pic a {  }
#focus-news-2 .pic img { transition: all 0.5s; }
#focus-news-2 .con { padding: 20em; }
#focus-news-2 .title { font-size: 18em; line-height: 1.4; height: 2.8em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
#focus-news-2 .title a { display: block; color: inherit; }
#focus-news-2 .swiper-pagination-bullets { width: 100%; left: 0; bottom: 25rem; font-size: 0; display: none; }
#focus-news-2 .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; width: 10rem; height: 10rem; font-size: 0; text-align: center; opacity: 1; background: #d9d9d9; transition:all 0.5s; }
#focus-news-2 .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #FFA800; width: 30rem; border-radius: 10rem; }
#focus-news-2 .swiper-slide .pic:hover img { transform: scale(1.2); }

/* row-group-edu -------------  */
.row-group-edu { background: #fbf7f0; }
.row-group-edu .container { position: relative; }


/* pic-intro-list  */
.box-edu .swiper-slide { position: relative; background-color: #fff;}
.box-edu .swiper-slide:hover .pic img { transform: scale(1.2); }
.box-edu .con { position: relative; transition: all 0.5s ease; padding: 15rem 20rem;}
.box-edu .title { overflow: hidden; margin-bottom: 10rem; color: #633; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 18em; line-height: 1.8em; height: 1.8em; font-weight:bold; }
.box-edu .title a { color: inherit; }
.box-edu .intro {  transition: all 0.4s; font-size: 16em; line-height: 1.6em; height: 4.8em; margin-bottom: 10rem; color: #999; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-edu .date { color: #CBB281; display: block; font-size: 16em; }
.box-edu .date:before { vertical-align: middle; content: '\E61D'; font-family: "iconfont";  display: inline-block; margin-right: 8rem; font-size: 1.5em; position: relative; top: -0.1em; }

.box-edu .swiper-slide:hover { color: #fff; background-color: #633;}
.box-edu .swiper-slide:hover .date,
.box-edu .swiper-slide:hover .intro,
.box-edu .swiper-slide:hover .title { color: #fff; }
.box-edu .swiper-slide:hover .date,
.box-edu .swiper-slide:hover .intro { opacity: 0.5; }
.box-edu .swiper-slide:hover .con { transform: translateY(10rem);}

.box-edu .pic { overflow: hidden; }
.box-edu .pic a { display: block; padding-bottom: 56.25%; position: relative; }
.box-edu .pic img { width: 100%; transition: all 0.5s; height: auto; position: absolute; min-height: 100%; position: absolute; left: 0; top: 0; }
.box-edu .pic a:after { display: block; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.row-group-edu .iconfont { position: absolute; color: #fff; background-color: rgba(0, 0, 0, .1); z-index: 3; transition: all 0.5s; border-radius: 50%; text-align: center; width: 44em; height: 44em; top: 50%; line-height: 44em;}
.row-group-edu .iconfont:hover { background-color: #B70031; }
.row-group-edu .icon-arrow-left { left: 0; }
.row-group-edu .icon-arrow-right { right: 0; }
.row-group-edu .swiper-button-disabled .iconfont { background-color:  rgba(0, 0, 0, .1) !important; }

/* row-group-menu -------------  */
.row-group-menu { /*padding-bottom: 60rem;*/ padding-bottom: 120rem; }

/* list-menu  */
.list-menu { display:grid; grid-template-columns:1fr 1fr; }
.list-menu li { height: 260rem; text-align: center; position: relative;}
.list-menu li:before { display: block; content:""; width: 100%; height:100%; position: absolute; top:0; left:0; background-color: #000; opacity: 0; transition: all 0.4s;}
.list-menu li.li3:before,
.list-menu li.li5:before,
.list-menu li.li6 h3 a:after { display: none !important; }
.list-menu .con { position: relative; z-index: 1; height: 100%; }
.list-menu h3 { padding-top: 40rem; }
.list-menu h3 a { font-size:20em; font-weight:bold; color: #fff; display: block; height:100%; width:100%; }
.list-menu h3 a:after { display: block; content: ""; width:100%; height: 100%; position: absolute; top: 0; left: 0; }
.list-menu .li1 { background: url(../../base/img/about-01.jpg) no-repeat center; background-size: cover; }
.list-menu .li2 { background: url(../../base/img/about-02.jpg) no-repeat center; background-size: cover; }
.list-menu .li3 { background: url(../../base/img/about-03.jpg) no-repeat right center; background-size: cover; }
.list-menu .li4 { background: url(../../base/img/about-04.jpg) no-repeat center; background-size: cover; }
.list-menu .li5 { background: url(../../base/img/about-05.jpg) no-repeat center; background-size: cover; position: relative; }
.list-menu .li6 { background: url(../../base/img/about-06.jpg) no-repeat center; background-size: cover; padding:0 30rem; text-align:left; }
.list-menu .li1 i,
.list-menu .li2 i,
.list-menu .li4 i { display: block; position: relative; width: 113rem; height: 112rem; margin: 0 auto 20rem;}

.list-menu li i:before,
.list-menu li i:after { width: 100%; height: 100%; display: block; content: ""; opacity: 0.5; position: absolute; top: 0; left: 0;}
.list-menu .li1 i:before,
.list-menu .li2 i:before,
.list-menu .li4 i:before { background: url(../../base/img/border-dashed.png) no-repeat; background-size: 100% 100%; }
.list-menu .li1 i:after,
.list-menu .li2 i:after,
.list-menu .li4 i:after { background: url(../../base/img/border-solid.png) no-repeat; background-size: 100% 100%; }

.list-menu .li1 i span:after,
.list-menu .li2 i span:after,
.list-menu .li4 i span:after { display: block; text-align: center; font-family: "iconfont"; font-style: normal; font-size: 56rem; font-weight: normal; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

.list-menu .li1 i span:after { content: "\E619"; }
.list-menu .li2 i span:after { content: "\E8DC"; }
.list-menu .li4 i span:after { content: "\E603"; }

.list-menu li:hover:before { opacity: 0.2; }
.list-menu li:hover i:before { animation: clockwise 3s linear infinite; opacity: 1; }
.list-menu li:hover i:after { animation: counterclockwise 3s linear infinite; opacity: 1; }

.list-menu .li5:after { position: absolute; top:100%; right: 0; background: #FAF6EE; display: block; content: ""; width: 100rem; height: 80rem;}
.list-menu .li6 .intro p {  overflow: hidden; line-height: 1.6em; margin: 10rem 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 16em; color: #fff; }
.list-menu .li6 .intro .more { display: inline-block; transition: all 0.5s; font-size: 14rem; float: right; border: 1px solid rgba(255, 255, 255, 0.5); padding: 0 20rem; height:40rem; line-height: 40rem; text-align: center; color: #fff;}
.list-menu .li6 .intro .more:hover { background-color: #fff; border-radius: 50rem; color: #633; }


/* 媒体查询 */
@media (min-width:768px) {

    .banner{ padding-top: 0; }

    /* row */
    .row { --bs-gutter-y: 0; }
    .row-group-news { background-size: cover; }

    #xyxw .list-info-date li .title { padding-top:10.5em; padding-bottom:10.5em; }

    /* pic-links */
    .pic-links { grid-gap:25rem; grid-template-columns:repeat(4, 1fr); }
    .pic-links li { margin-bottom: 0; }

    /* list-menu */
    .list-menu { grid-template-columns:1fr 1fr 2fr; }
    .list-menu .li6 .intro p { margin: 15rem 0; }

}
@media (min-width:992px) {


    /* focus-news */
    #focus-news .swiper-pagination { text-align: left; bottom: 123.5em}
    #focus-news .item { width: 66em; height: 66em; padding: 10em 0; background-color: rgba(176, 129, 63, 0.8); margin-right: 5em; margin-left: 0; }
    #focus-news .item .date { display:block}

    /* xyxw */
    #xyxw .list-info-date li:nth-child(5) { display: block; }
    #xyxw .list-info-date li .title { padding-top: 9.5em; padding-bottom: 9.5em; }

    /* notice-list */
    .notice-list { grid-gap:25rem; grid-template-columns: repeat(3, 1fr); }
    .notice-list li .con { position: relative; z-index: 1; }
    .notice-list li .con:before { display: block; content: ""; position: absolute; top: 50%; left: 0; width: 40rem; height: 1px; background-color: #C4C4C4; transition: all 0.5s; margin-bottom: 1.5em;}
    .notice-list li:hover .con:before { width: 80%; }
    .notice-list .tit { -webkit-line-clamp: 2; height: 3.2em; }
    .notice-list .intro { padding-right: 0; font-size: 14em; }
    .notice-list .calendar { top:-30rem; right: -10rem; width: 75em; }

    /* 成果展台 */
    #focus-news-2 .swiper-pagination-bullets { display: block; }
    #focus-news-2 .con { height: 140rem; }

    /* box-edu */
    .box-edu .intro,
    .box-edu .date,
    .list-menu .li6 .intro p { font-size: 14em; }
}

@media (min-width:1170px) {
    /* box-edu */
    .box-edu .title { -webkit-line-clamp: 2; height: 3.6em; }

    .list-menu .li6 .intro p { margin-top: 25rem; margin-bottom: 25rem; }

}

@media (min-width:1200px) {

    #xyxw .list-info-date li .title { padding-top: 15em; padding-bottom: 15em; }

    #focus-news-2 .con { height: 129rem; }
}


@media (min-width:1280px) {

    /* row-group-edu */
    .row-group-edu .icon-arrow-left { left: -50em; }
    .row-group-edu .icon-arrow-right { right: -50em; }

}

@media (min-width:1300px) {
    #xyxw .list-info-date li .title { padding-top: 14em; padding-bottom: 14em; }
}

@media (min-width:1400px) {
    #xyxw .list-info-date li .title { padding-top: 10.5em; padding-bottom: 10.5em; }
    #focus-news-2 .con { height: 124rem; }
}

@media (min-width:1500px) {
    #xyxw .list-info-date li .title { padding-top: 16.5em; padding-bottom: 16.5em; }
}


/* 动画库 */
@keyframes clockwise {
    from{
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

@keyframes counterclockwise {
    from{
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }

    to {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
}