@charset "utf-8";

/* 首页大广告图-indBanner*/ 
.indBanner{ overflow:hidden}
.indBanner .swiper-slide .con{display:none;}
.indBanner .swiper-slide .pic img{width:100%}
.indBanner .swiper-pagination{bottom:100rem}
.indBanner .swiper-pagination .swiper-pagination-bullet{width:14rem; height:14rem; background:#ffffff; opacity:0.5; margin:0 10rem}
.indBanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFE483; opacity:1}

/* content */
#content{background:#F7F4EF; position:relative; z-index:2; overflow:visible;}
/*
#content .bg-build{width:100%;height:177rem; position:absolute; background:url(../../base/img/bg-build.png) 50% 0 no-repeat;background-size:auto 100%;left:0; top: -52rem;}
*/

/* column */
.column{margin:0 auto;}
.column .cHd{height:90rem; background:url(../../base/img/chd.png) 50% 50% no-repeat; background-size:auto 78rem; margin-bottom:30rem; }
.column .cHd .title{padding-top:10rem; text-align:center;}
.column .cHd .title .cn{height:50rem; line-height:50rem; font-size:40rem; font-weight:bold; color:#831A1F; margin-bottom:5rem}
.column .cHd .title .cn a{color:#831A1F; transition:0.5s;}
.column .cHd .title .cn a:hover{ color:#E6A231;}
.column .cHd .title .en{height:20rem; line-height:20rem; font-size:14rem; font-weight:normal; color:#E6A231;}


/* columnA */
#columnA{position:relative; z-index:2; padding-top:50rem}
#columnA .calendarList{overflow:hidden}
#columnA .focusSwiper-calendar{float:left; margin-right:20rem; width:688rem}
#columnA .focusSwiper-calendar .swiper-slide .pic{width:100%; height:410rem; font-size:0; line-height:410rem; background:#eeeeee; overflow:hidden}
#columnA .focusSwiper-calendar .swiper-slide .pic img{max-height:410rem; max-width:100%; height:auto; vertical-align:middle; transition:0.5s}
#columnA .focusSwiper-calendar .swiper-slide .pic:hover img{transform: scale(1.2);}

#news-container{width:1400rem; overflow:hidden}

/* 通知公告、招标信息 */
#columnH{padding-top:20rem}
.box-swiper-tzgg .calendarListB{}
.box-swiper-tzgg .calendarListB li{width:32%; float:left; margin-right:2%; box-sizing:border-box; margin-bottom:0;}
.box-swiper-tzgg .calendarListB li:nth-child(3n){margin-right:0;}

/* columnB */
#columnB{padding-top:20rem}
#columnB .cBd{max-width:1400rem; margin:0 auto; padding-bottom:50rem}
#columnB .links{display:flex; justify-content:space-around}
#columnB .links li{width:120rem; text-align:center; padding-top:10rem}
#columnB .links li a{display:block; font-size:18rem; color:#663333; line-height:30rem; transition:0.5s; position:relative; top:0;}
#columnB .links li a i{display:block; width:70rem; height:70rem; margin:0 auto; line-height:70rem; text-align:center; font-size:50rem; transition:0.5s; }
#columnB .links li a i:before{content:"\e61b"}
#columnB .links li a:hover{ top:-10rem}
#columnB .links li a:hover i{transform:rotateY(180deg)}
#columnB .links li.li2 a i:before{content:"\e60b"}
#columnB .links li.li3 a i:before{content:"\e622"}
#columnB .links li.li4 a i:before{content:"\e627"}
#columnB .links li.li5 a i:before{content:"\e61d"}
#columnB .links li.li6 a i:before{content:"\e611"}
#columnB .links li.li7 a i:before{content:"\e642"}
#columnB .links li.li8 a i:before{content:"\e643"}

/* columnC */
#columnC{background:#fff; padding:20rem 0 50rem;}
#columnC .container{background:url(../../base/img/column-bg-xxjj.jpg) 100% 0% no-repeat; min-height:385rem; background-size:auto 385rem; padding-top:30rem }
#columnC .cHd{margin-right:750rem; background-image:url(../../base/img/cHd2.png);}
#columnC .ind-about{text-align:left; margin-right:750rem; overflow:hidden; margin-bottom:50rem}
#columnC .ind-about .intro{text-align:left; text-indent:2em; font-size:14rem; line-height:40rem; height:160rem; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis;}
#columnC .ind-about .more{float:right;height:30rem;line-height:30rem;font-size:12rem;color:#663333;background:url(../../base/img/more.png) 0 50% no-repeat;background-size:auto 12rem;transition:0.5s;width:110rem;min-width:100px;text-align:left;text-indent:45rem;}
#columnC .ind-about .more:hover{color:#663333; background-image:url(../../base/img/more-on.png); text-indent:56rem}

#columnC .links{display:flex; justify-content:space-around}
#columnC .links li{width:120rem; text-align:center; padding-top:10rem}
#columnC .links li a{display:block; color:#663333; transition:0.5s; position:relative; top:0;}
#columnC .links li a i{display:block; width:70rem; height:70rem; margin:0 auto; line-height:70rem; text-align:center; font-size:50rem; transition:0.5s; }
#columnC .links li a .title{display:block; font-size:16rem; height:38rem; line-height:38rem}
#columnC .links li a .title .num{font-size:28rem; font-weight:bold;}
#columnC .links li a .subTitle{height:18rem; line-height:18rem; font-size:14rem; color:#666666; display:block;}
#columnC .links li a:hover{ top:-10rem;}
#columnC .links li a:hover i{transform:rotateY(180deg)}


/* column-split*/ 
#column-split{width: 100%; overflow: hidden; }
#column-split-phone{width: 100%; overflow: hidden; display:none;     margin-bottom: 30rem;}
.column-split{ overflow:hidden; position:relative;}
.column-split .swiper-slide .con{display:none;}
.column-split .swiper-slide .pic img{width:100%}

/*
.column-split .column-split-mask{position:absolute; left:0; bottom:-2rem; width:100%; right:0; height:auto; z-index:10}
.column-split .column-split-mask img{width:100%; height:auto;}
*/

#columnD{background:#FFF8F3 url(../../base/img/xiangyun.png) 50% 90% no-repeat; background-size:100% auto; padding-top:50rem; padding-bottom:50rem}
#columnD .container{}
#columnD .box{width:440rem; float:left; margin-right:40rem;}
#columnD .box:nth-child(3n){margin-right:0}

/* 教育教学 */
#focusNews-jyjx .swiper-slide .pic{width:100%; height:280rem; font-size:0; line-height:280rem; background:#eeeeee; overflow:hidden;}
#focusNews-jyjx .swiper-slide .pic img{max-height:100%; max-width:100%; height:auto; vertical-align:middle; transition:0.5s}
#focusNews-jyjx .swiper-slide .pic:hover img{transform: scale(1.2);}

/* 招生就业 */
#indZsjy .calendarList li{margin-bottom:0; border-bottom:1rem solid #e6e6e6; padding:12rem 14rem 11rem;}
#indZsjy .calendarList li .date{margin-right:24rem}
#indZsjy .calendarList li .date:after{display:none}
#indZsjy .calendarList li:last-child{border-bottom:none}

/* 科学研究 */
#indKxyj .calendarListB li{height:200rem; margin-bottom:16rem;}
#indKxyj .calendarListB li .con{height:180rem;}
#indKxyj .calendarListB li .con:after{background:#ECD8C2}
#indKxyj .calendarListB li .con .title{font-size:16rem; font-weight:400; color:#222222; line-height:28rem; height:56rem}
#indKxyj .calendarListB li .date{width:80rem; height:80rem; background:#FCFAF8; top:21rem; right:21rem}
#indKxyj .calendarListB li .date b,
#indKxyj .calendarListB li .date span{color:#663333;}
#indKxyj .calendarListB li .date .webicon-corner{color:#D2C0AA}
#indKxyj .calendarListB li:last-child{margin-bottom:0}

/* 系部动态 */
#columnE{background:#FFF8F3; padding-bottom:50rem}
#columnE .txtPicList-swiper{position:relative; overflow:hidden;}
#columnE .txtPicList-swiper .swiper-slide{width:320rem;}
#columnE .cBd{position:relative;}
#columnE .xbdt-prev,
#columnE .xbdt-next{width:44rem;height:44rem;border-radius:22rem;font-size:18rem;line-height:44rem;position:absolute;left:-60rem;top: 160rem;z-index:10;background:rgba(0,0,0,0.2);color:#fff;cursor:pointer;}
#columnE .xbdt-prev:hover,
#columnE .xbdt-next:hover{background-color:#B70031}
#columnE .xbdt-next{left:auto; right:-60rem}

/*
.box-swiper-xbdt{margin-bottom:0}
.box-swiper-xbdt .txtPicList-swiper{position:relative; overflow:hidden}
.box-swiper-xbdt .txtPicList-swiper .prev,
.box-swiper-xbdt .txtPicList-swiper .next{width:44rem; height:44rem; border-radius:22rem; font-size:18rem; line-height:44rem; position:absolute; left:0rem; top:190rem; z-index:10; background:rgba(0,0,0,0.2); color:#fff; cursor:pointer; }
.box-swiper-xbdt .txtPicList-swiper .prev:hover,
.box-swiper-xbdt .txtPicList-swiper .next:hover{background-color:#B70031}
.box-swiper-xbdt .txtPicList-swiper .next{left:auto; right:0rem}
*/

/* columnF */
#columnF{background:#FFF8F3 url(../../base/img/column-xxgk.jpg) 50% 100% no-repeat; background-size:100% auto; padding-top:50rem}
#columnF .calendarListC{margin-right:-41rem;}
#columnF .calendarListC li{width:320rem; float:left; margin-right:40rem; margin-bottom:40rem;}

/* columnG */
#columnG{background:#FBFBFB; padding-top:50rem}
.specialPicList{display:flex; flex-wrap:wrap; overflow:hidden; justify-content:center}
.specialPicList li{width:32%; margin-right:2%; margin-bottom:2%; overflow:hidden;}
.specialPicList li img{width:100%; height:auto; transition:0.5s}
.specialPicList li .pic:hover img{transform: scale(1.2);}
.specialPicList li .tit{display:none;}
.specialPicList li:nth-child(3n){margin-right:0}

/* indPicList */
.indPicList li{padding: 20rem 15rem;margin-bottom:20rem;position: relative;background: #fff;text-align: left;height: 125rem;font-size: 18rem;line-height: 30rem;overflow: hidden;}
.indPicList li::before{content:""; display:block; width:0;  position:absolute; left:0; top:0; bottom: 0;background:#783E3E; transition:0.3s}
.indPicList li:last-child{margin-bottom:0;}
.indPicList li .pic{float:left; height:80rem; width:120rem; margin-right:20rem; position:relative; z-index:2; border:2px solid #fff;}
.indPicList li .pic img{height:76rem; width:116rem;}
.indPicList li .con{overflow:hidden;  position:relative; z-index:1}
.indPicList li .con .title{ position:relative; z-index:1; height:56rem; line-height:28rem; font-size:16rem; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.indPicList li .con .title a:hover{color:#fff;}
.indPicList li .con .title .node a{color:#663333}
.indPicList li .con .title .node{margin-right:5px;}
.indPicList li .con .others{ font-size:14rem; color:#888888; text-align:right; line-height:1.5; }
.indPicList li:hover::before{width:100%;}
.indPicList li:hover .title,
.indPicList li:hover .title a,
.indPicList li:hover .title .node a,
.indPicList li:hover .others{color:#fff;}

/*响应式部分----------------------------------------*/
@media screen and (max-width:1440px) {
    #columnA .focusSwiper-calendar{width:585rem}
    #columnB{background:#fff8f3; padding-top:50rem}
    #columnC .cHd{margin-right:50%}
    #columnC .ind-about{margin-right:50%}
    #columnC .container{background-size:55% auto; background-position:100% 20%;}
    #columnD .box{width: 380rem;margin-right:30rem}
}
@media screen and (max-width:1024px) {
    #columnA .focusSwiper-calendar{width:480rem}
    #columnA .focusSwiper-calendar .swiper-slide .pic{height:300rem; line-height:300rem}
    #columnA .focusSwiper-calendar .swiper-slide .pic img{max-height:300rem}
    #columnA .calendarList li{padding:10rem}
    #columnA .calendarList li .date{margin-right:20rem}
    #columnA .calendarList li .date::after{display:none;}
    #columnA .calendarList li:nth-child(4){margin-bottom:0}
    #columnA .calendarList li:nth-child(5){display:none;}
    .box-swiper-tzgg .calendarListB li{width:48%; margin:0 1%;}
    .box-swiper-tzgg .calendarListB li:nth-child(3){display:none;}
    #columnD .box{width: 316rem;margin-right:16rem}
    #columnE .xbdt-prev{left:0}
    #columnE .xbdt-next{right:0}
}
@media screen and (max-width:780px) {
    #column-split{display:none}
    #column-split-phone{display:block}
    .indBanner .swiper-pagination{display:none;}
    .column .cHd{background-size:460rem auto; background-position:50% 5rem; margin-bottom:20rem; height:auto;}
    .column .cHd .title{padding-top:0}
    .column .cHd .title .cn{font-size:26rem; margin-bottom:0; height:46rem; line-height:46rem}
    .column .cHd .title .en{font-size:12rem; height:16rem; line-height:16rem}
    
    #columnA{padding-top:20rem}
    #columnA .focusSwiper-calendar{width:100%; margin-right:0; float:none; margin-bottom:10rem;}
    #columnA .focusSwiper-calendar .swiper-slide .pic{height:220rem; line-height:220rem}
    #columnA .focusSwiper-calendar .swiper-slide .pic img{max-height:220rem}
    .box-swiper-tzgg .calendarListB li{width:100%; margin:0 0 10rem; height:auto; float:none;}
    .box-swiper-tzgg .calendarListB li .con .title{height:30rem; display:block; white-space: nowrap;}
    .box-swiper-tzgg .calendarListB li .con:after{top:69rem}
    .box-swiper-tzgg .calendarListB li:hover .date{top:0}
    .box-swiper-tzgg .calendarListB li .con{height:auto;}
    #columnB{padding-top:30rem}
    #columnB .cBd{padding-bottom:0;}
    #columnB .links{flex-wrap:wrap;}
    #columnB .links li{width:33%; padding-top:0; padding-bottom:50rem}

    #columnC{display:none;}
    #columnC .container{background-size:100% auto;padding-top:10rem;background-position: 50% 60rem;}
    #columnC .cHd{margin-right:0;}
    #columnC .ind-about{margin:0 10rem; background:rgba(255,255,255,0.6); padding:10rem;}
    #columnC .ind-about .intro{line-height:30rem; height:120rem;}
    #columnC .links{flex-wrap:wrap; }
    #columnD{padding-top:20rem}
    #columnD .box{width:100%; margin-right:0; margin-bottom:30rem}

    #focusNews-jyjx .swiper-slide .pic{height:auto; line-height:0;}
    #focusNews-jyjx .swiper-slide .pic img{max-height:none;}
    #focusNews-jyjx .swiper-slide .con{padding:20rem 20rem 50rem}
    #focusNews-jyjx .swiper-slide .title{text-align:center; height:28rem;white-space: nowrap; display:block;}
    #focusNews-jyjx .swiper-pagination{bottom:20rem}

    #columnE{padding-top:0rem; padding-bottom:30rem}
    #columnE .txtPicList-swiper .prev,
    #columnE .txtPicList-swiper .next{display:none;}

    #columnG{padding-top:30rem;}

    #columnH{padding-top:0rem}

    .specialPicList li{width:100%; margin:0 0 20rem;}

}