@charset "utf-8";

/* 公共 */
#content { padding: 0; overflow: visible; }
#content::after { display: none; }
.row { --bs-gutter-x: 4rem; --bs-gutter-y: 2.875rem; }
.row-group { padding: 3.5% 0; overflow: hidden; }
.bg-A { background: url(../images/bg1.jpg) repeat;}
.bg-B { background: url(../images/bg2.jpg) repeat;}
.bg-c { background: url(../images/gg.png) no-repeat center;background-size: contain}

/*头条 */
#news > .hd { margin: 0; height: 4rem; }
#news > .hd h3 { color: #047e7d; font-size: 4rem; }
#news > .hd h4 { font-size: 2.625rem; }
#news > .bd { padding-top: 3rem; }

/* 热点新闻 */
#rdxw > .bd { padding-top: 2.6rem; }

/* 新闻列表 */
#row-news .list li { padding: 0.5625rem 0; font-size: .9375em; line-height: 1.4285em; color: #000; }
#row-news .list li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: inherit; }
#row-news .list li .date { float: left; margin-right: 1rem; }
#row-news .list li:hover { color: #d4a03a; }
#row-news .list .t { padding: 0; position: relative; margin-bottom: 1rem; }
#row-news .list .t .date{display: none;}
#row-news .list .t .pic a { display: block; position: relative; height: 0; padding-bottom: 56%; overflow: hidden; }
#row-news .list .t .pic img { position: absolute; left: 0; top: 0; }
#row-news .list .t .title { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; line-height: 3em; height: 3em; overflow: hidden; background: rgba(0, 0, 0, 0.5); text-align: center; }
#row-news .list .t .title a { display: block; padding: 0 1rem; }
#news .bd .intro{display: none;}

.swiper-wrapper{height:auto;}



/* 通知公告 */
#notice { padding-top: 2rem; }

.box-primary > .hd h3{color: #047e7d;}

/* 特色专栏 */
#tszl > .hd h3 { color: #ff9900; }
#tszl > .hd h4{color: #e2cfaf;font-size: 4rem;}
.list-pic-menu { margin: -1.5%;display: flex;flex-wrap: wrap;justify-content: center;  }
.list-pic-menu li { position: relative; width: 47%; margin: 1.5%; }
.list-pic-menu .pic { position: relative; height: 0; padding-bottom: 150%; height: 0; }
.list-pic-menu .pic img { position: absolute; left: 0; top: 0; 	transition: all .5s;padding:1rem;background-color: #fff;}
.list-pic-menu .title { width: 100%; font-size: 1.25em; line-height: 3.1em; height: 3.1em; overflow: hidden; padding: 0 1em;  text-align: center; font-weight: bold; }
.list-pic-menu li,.list-pic-menu .title { transition: all ease 0.6s; }
.list-pic-menu li:hover { transform: translateY(-0.5rem); }


/* 公共服务 */
/* 公共服务 */
.list-menu { display: flex;}
.list-menu li a { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; font-size: 1.2em; }
.list-menu li a::before{ padding:1.3rem; display: block; width: 9.8rem; height: 9.8rem; line-height: 9.8rem; content:""; background-size:75% 75%;  background-color: #30b2b2; background-color: #53bfbf;background-image: url(../images/g01.png); background-position: center; background-repeat: no-repeat; color: #fff; font-size: 5.6rem; margin-bottom: 0.8rem; border-radius: 50%; font-weight: normal;   display: flex;
    justify-content: center;margin-top: 1rem;}
.list-menu li:nth-child(3n+2) a::before { background-color: #d4a03a;background-color: #dbb05b;}
.list-menu li:nth-child(3n+3) a::before { background-color: #d43a3a;background-color: #db5b5b;}
.list-menu li:hover a::before {transform: rotateY(360deg);transition: 0.5s;background-color: #db61bd;}
.list-menu li.li2 a::before{background-image:url(../images/g02.png);}
.list-menu li.li3 a::before{background-image:url(../images/g03.png);}
.list-menu li.li4 a::before{background-image:url(../images/g04.png);}
.list-menu li.li5 a::before{background-image:url(../images/g05.png);}
.list-menu li.li6 a::before{background-image:url(../images/g06.png);}
.list-menu li.li7 a::before{background-image:url(../images/g07.png);}
.list-menu li.li8 a::before{background-image:url(../images/g08.png);}
.list-menu li.li9 a::before{background-image:url(../images/g09.png);}
.list-menu li.li10 a::before{background-image:url(../images/g10.png);}
.list-menu li.li11 a::before{background-image:url(../images/g11.png);}
.list-menu li.li12 a::before{background-image:url(../images/g12.png);}
.list-menu li.li13 a::before{background-image:url(../images/g13.png);}
.list-menu li.li14 a::before{background-image:url(../images/g14.png);}
.list-menu li.li15 a::before{background-image:url(../images/g15.png);}
.list-menu li.li16 a::before{background-image:url(../images/g16.png);}

#ggfw{padding-bottom: 100px;}
#ggfw .swiper-pagination-bullet{width: 1.02rem;height: 1.02rem;}
#ggfw .swiper-pagination-bullet-active{ background-color: #ff9900;}

/* 校园文化 */
.bg-d{background-color:#036565;}
.box-xywh{display: flex;}
.box-xywh .box-l{width: 35%;position: relative;display: flex;flex-wrap: wrap;}
.box-xywh .box-l .box-pic1{ width: 55%;margin-left:15%;position: relative;}
.box-xywh .box-l .box-pic1 img{border-radius: 50%;width: 100%;height: auto;  position: relative;z-index: 2;}
.box-xywh .box-l .box-pic1 span{position:absolute;z-index: 1;width: 100%;height: 100%;border-radius: 50%; background-color: #53b2b2;left:0.5rem;top: 0;}
.box-xywh .box-l .hd{width: 25%;font-size: 3rem; writing-mode: vertical-rl;text-orientation: mixed;}
.box-xywh .box-l .hd h4{ font-size: 1.2rem; color:#188484;padding-top:4rem; }
.box-xywh .box-l .hd h3{ color:#d4a03a;font-weight: bold;}
.box-xywh .box-l .hd h3 span{color:#30b2b2;}

.box-xywh .box-l .box-pic2{ width: 30%;position: relative;}
.box-xywh .box-l .box-pic2 img{border-radius: 50%;width: 100%;height: auto;position: relative;z-index: 2; }
.box-xywh .box-l .box-pic4{ width: 60%;position: relative;margin-top: 1.5rem;margin-left: 2rem;}
.box-xywh .box-l .box-pic4 img{border-radius: 50%;width: 100%;height: auto; z-index: 2;position: relative; }
.box-xywh .box-l .box-pic1 .pic,.box-xywh .box-l .box-pic2 .pic,.box-xywh .box-l .box-pic4 .pic{position: relative;}
.box-xywh .box-l .box-pic2 span{position:absolute;z-index: 1;width: 100%;height: 100%;border-radius: 50%; background-color: #d46363;left:0.5rem;top: 0;}
.box-xywh .box-l .box-pic4 span{position:absolute;z-index: 1;width: 100%;height: 100%;border-radius: 50%; background-color: #d4a03a;right:0.5rem;top: 0.2rem;}

.box-xywh .box-r{display: flex;flex-direction: column;font-size: 1.2rem;}
.box-xywh .box-top ul{display: flex;flex-wrap: nowrap;}
.box-xywh .box-top ul li{width: 48%;margin-left: 5%; color: #fff;text-align: center;position: relative;border:0.7rem solid #cde0e0; overflow: hidden;}
.box-xywh .box-top ul li .pic img{width:100%;height: auto;	transition: all .5s;}
.box-xywh .box-top ul li:hover .pic img { z-index: 1;transform: scale(1.2);line-height: 3rem; background-color:rgba(0, 0, 0, 0.5);color: #fff;}
.box-xywh .box-top ul li .tit{ position: absolute;left:0px;bottom: 0px;z-index: 1;width: 100%; /*! line-height: 3rem; */ background-color:rgba(0, 0, 0, 0.5);color: #fff;}
.box-xywh .box-bottom{ margin-left: 5%; margin-top: 5%;}
.box-xywh .box-bottom li{ line-height: 4rem;  color: #fff;white-space: nowrap; text-overflow: ellipsis;}
.box-xywh .box-bottom li a{color: #fff;}
.box-xywh .box-bottom li .date{ background-color: #876f18;padding: 0.4rem;border-radius:3rem;padding-left:1rem;padding-right:1rem;transition: all .5s; }
.box-xywh .box-r{width:61%;position: relative;}
.box-xywh .box-bottom li:hover .date{background-color: #d4a03a;}
.box-xywh .box-bottom li:hover a{color: #d4a03a;}


/* 专题专栏 */
#ztzl h3{ color: #037272;}
#ztzl h3 span{color: #ff9900;}
#ztzl .bd ul{display: flex;}
#ztzl .bd ul li{ width: 33.3%; margin: 0 1rem; position: relative;}
#ztzl .bd ul li .pic { overflow: hidden;}
#ztzl .bd ul li .pic img{transition: all .5s;}
#ztzl .bd ul li:hover .pic img {transform: scale(1.2);}
#ztzl .bd ul li .title{font-size: 1.2rem; position: absolute; box-shadow: 3px 1px 5px #999;left: 0px;  bottom:-1rem; background-color: #fff; padding: 0.5rem 1rem;width: 80%; border-radius: 0 2rem 2rem 0;}
.bg-e{background: url(../images/ztzlbg.jpg) no-repeat center bottom; background-size: cover;padding-bottom:6%;}



/* 媒体查询 */
@media (min-width:768px) {  
     /* 特色专栏 */
     .list-pic-menu li { width: 22%;width: 28%; }

}
@media (min-width:992px) {
    .col-main { width: 66%; }
    .col-side { width: 34%; }
    /* 快速导航菜单 */
    .list-menu li { width: 10.5%; }
  
}

@media (max-width:768px) {
    .row-group { padding: 5.5% 0; overflow: hidden; }
    /* 校园文化 */
    .box-xywh{display: flex;flex-direction: column;}
    .box-xywh .box-r,.box-xywh .box-l{width:100%;}
    .box-xywh .box-l .box-pic2,.box-xywh .box-l .box-pic1,.box-xywh .box-l .box-pic3,.box-xywh .box-l .box-pic4{display: none;}
    .box-xywh .box-l .hd{width: 100%;font-size: 4rem; writing-mode: horizontal-tb; text-align: center;padding-bottom: 2rem;display: flex;flex-direction: column-reverse;}
    .box-xywh .box-l .hd h4{ font-size: 1.5rem; color:#188484;padding-top:0rem;letter-spacing:1px; }
    .box-xywh .box-l .hd h3{ color:#d4a03a;font-weight: bold;}
    .box-xywh .box-l .hd h3 span{color:#30b2b2;}
    .box-xywh .box-top ul li,
    .box-xywh .box-bottom li{ line-height: 6rem; font-size: 2rem;overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
    .box-xywh .box-bottom li a{overflow: hidden;  color: inherit;}
    .box-xywh .box-top ul{flex-wrap:wrap;}
    .box-xywh .box-top ul li{width: 100%;margin-bottom: 2rem;}
/* 专题专栏 */
    #ztzl .bd ul{flex-wrap: wrap;}
    #ztzl .bd ul li{ width:100%; margin-bottom:4rem;}
    #ztzl .bd ul li .title{font-size: 2.2rem;}
    }

    @media (min-width:1024px) { 
         /* banner */
        
        .banner{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; }
        .banner .pic{height:100vh;min-height: 6rem;}
        .banner-h{ height: 100vh; transition: all .5s cubic-bezier(.5,0,.2,1) 0s; }
        .banner-h.fixed{ height: 0; }
    }