@charset "UTF-8";

/* 首页布局重置 */
#content{width:auto; background:#fff;}
.wrap{background-image:none; overflow:hidden}
.pageBanner{display:none}
#footer{background-image:url(../../base/img/bg-footer-top-ind.png)}

/* 首页大广告图-indBanner*/ 
.indBanner{ overflow:hidden; min-height:200px; position:fixed; left:0px; right:0px; top:0px; width:100%; height:100vh; z-index:1;}
.indBanner .swiper-slide{overflow:hidden}
.indBanner .swiper-slide .pic img{width:100%; height: 100vh; transform: translate3d(0px, 0px, 0px) scale(1.05); transition: opacity 0.5s ease 0s, transform 0s ease 1s; object-fit: cover;}
.indBanner .swiper-slide-active .pic img { transform: scale(1); transition: all 5s ease 0s; }
.indBanner .swiper-slide .videoLink{position:absolute; left:0px; top:0; right:0; bottom:0; display:block; } 
.indBanner .swiper-slide video{object-fit: fill;width: 100%; height: auto; max-height: 100vh;}
.indBanner .swiper-slide .con{position:absolute; bottom:80px; left:50%; margin-left:-600px; max-width:1400px; z-index:10;}
.indBanner .swiper-slide .con .title{height:50px; line-height:50px; font-size:24px; color:#fff; padding-left:15px; position:relative}
.indBanner .swiper-slide .con .title::before{content:""; display:block; width:4px; height:28px; background:#F50042; position:absolute; left:0px; top:11px;}
.indBanner .swiper-slide .con .title a{color:#fff; }
.indBanner .swiper-pagination{bottom:50px; right:200px; left:auto; width:auto; z-index:3}
.indBanner .swiper-pagination .swiper-pagination-bullet{width:30px; height:40px; border-radius:0; background:url(../../base/img/icon-dance.png) center bottom no-repeat; opacity:1; margin:0 10px; transition:0.5s;}
.indBanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1; background-image:url(../../base/img/icon-dance-on.png);}
.indBanner-mask{height:100vh; position:relative; z-index:auto; position:relative; bottom:-1px;}
.indBanner-mask::after{content:""; display:block; width:100%; height:46px; background:url(../../base/img/indBanner-mask.png) center bottom no-repeat; background-size:100% auto; position:absolute; left:0; right:0; bottom:-1px; z-index:2}

/* indBox */
.indBox .hd{height:50px; line-height:50px; display:flex; justify-content:space-between; align-items:center; margin-bottom:30px;}
.indBox .hd h3{display:flex; font-size:30px; font-weight:bold; align-items:center; color:#222222}
.indBox .hd h3 a{color:#222222;}
.indBox .hd h3 a:hover{color:#B00B14}
.indBox .hd h3::before{content:""; display:block; width:25px; height:50px; background:url(../../base/img/icon-box-hd.png) center center no-repeat; margin-right:10px; }
.indBox .hd h3::after{content:""; display:block; width:90px; height:10px; background:url(../../base/img/box-hd-right.png) 0 center no-repeat; margin-left:10px; }
.indBox .hd .more{font-size:12px; display:flex;justify-content:space-between;  align-items:center; color:#777777;}
.indBox .hd .more::before{content:""; display:block; width:36px; height:12px; background:url(../../base/img/more-left.png) center center no-repeat; margin-right:10px; transition: 0.5s;}
.indBox .hd .more .more-icon{width:18px; height:18px; box-sizing:border-box; border:1px solid #777777; border-radius:50%; background:url(../../base/img/more-icon.png) center center no-repeat; margin:0 5px 0 10px; position:relative; transition: 0.5s; }
.indBox .hd .more .more-icon::after{content:""; display:block; width:24px; height:24px; box-sizing:border-box; border:1px dashed #777777; border-radius:50%; position:absolute; left:-4px; top:-4px; transition: 0.5s;}
.indBox .hd .more:hover{text-decoration:none; color:#B00B14}
.indBox .hd .more:hover::before{background-image:url(../../base/img/more-left-on.png)}
.indBox .hd .more:hover .more-icon{background-image:url(../../base/img/more-icon-on.png); border-color:#B00B14}
.indBox .hd .more:hover .more-icon::after{border-color:#B00B14; animation: circle 25s linear infinite;}

/* column */
.column .cHd{width:1400px; margin:0 auto; height:50px; line-height:50px; position:relative; text-align:center; margin-bottom:50px; }
.column .cHd h3{display:inline-block;height:50px;line-height:50px;padding-left: 35px;font-size:30px;font-weight:bold;background:url(../../base/img/icon-box-hd.png) left center no-repeat; position:relative;color:#222222 }
.column .cHd h3 a{color:#222222}
.column .cHd h3 a:hover{color:#B00B14}
.column .cHd h3::before{content:""; display:block; width:90px; height:10px; position:absolute; left:-100px; top:50%; margin-top:-5px; background:url(../../base/img/box-hd-left.png) right center no-repeat;}
.column .cHd h3::after{content:""; display:block; width:90px; height:10px; position:absolute; right:-100px; top:50%; margin-top:-5px; background:url(../../base/img/box-hd-right.png) left center no-repeat;}
.column .cHd .more{font-size:12px; display:flex;justify-content:space-between;  align-items:center; color:#777777; height:50px; position:absolute; right:0px; top:0px;}
.column .cHd .more::before{content:""; display:block; width:36px; height:12px; background:url(../../base/img/more-left.png) center center no-repeat; margin-right:10px; transition: 0.5s;}
.column .cHd .more .more-icon{width:18px; height:18px; box-sizing:border-box; border:1px solid #777777; border-radius:50%; background:url(../../base/img/more-icon.png) center center no-repeat; margin:0 5px 0 10px; position:relative; transition: 0.5s; }
.column .cHd .more .more-icon::after{content:""; display:block; width:24px; height:24px; box-sizing:border-box; border:1px dashed #777777; border-radius:50%; position:absolute; left:-4px; top:-4px; transition: 0.5s;}
.column .cHd .more:hover{text-decoration:none; color:#B00B14}
.column .cHd .more:hover::before{background-image:url(../../base/img/more-left-on.png)}
.column .cHd .more:hover .more-icon{background-image:url(../../base/img/more-icon-on.png); border-color:#B00B14}
.column .cHd .more:hover .more-icon::after{border-color:#B00B14; animation: circle 25s linear infinite;}
.column .cBd{width:1400px; margin:0 auto;}

/* ======================================================================
columnA
====================================================================== */
#columnA{background:url(../../base/img/bg-column-a.png) right bottom no-repeat; padding-top:50px; padding-bottom:30px;}
#columnA .siteWidth{display:flex; justify-content:space-between;}
#columnA .areaL{width: 800px; }
#columnA .areaR{width: 555px; }

/* 校园新闻 */
#indXyxw .txtPicList li{height:160px;}

/* 招生就业培训 */
#indZsjypx{margin-bottom:30px;}
#indZsjypx .zsjyLinks{display:grid; grid-gap: 15px; grid-template-columns: repeat(3, 1fr);}
#indZsjypx .zsjyLinks li{width:100%; height:150px; background:url(../../base/img/zsjy-01.jpg) center center no-repeat; background-size:100% auto; overflow:hidden; border-radius:10px; position:relative; transition:all ease 0.5s; }
#indZsjypx .zsjyLinks li::before{content:""; background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 50%); display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2 }
#indZsjypx .zsjyLinks li::after{content:""; background: rgba(63,0,0,0.35); display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1 }
#indZsjypx .zsjyLinks li a{display:block; font-size:18px; line-height:30px; color:#fff; position:relative; z-index:3; font-weight:bold; padding:20px; box-sizing:border-box; height:150px;}
#indZsjypx .zsjyLinks li a:hover{text-decoration:none;}
#indZsjypx .zsjyLinks li:hover{background-size:120% auto;}
#indZsjypx .zsjyLinks .li1{grid-row:span 2; height:315px;}
#indZsjypx .zsjyLinks .li1 a{text-align:center; font-size:22px; height:315px; padding-top:80px; }
#indZsjypx .zsjyLinks .li1 a::before{content:""; display:block; width:80px; height:80px; background:url(../../base/img/icon-wsbm.png) center center no-repeat; margin:0 auto;}
#indZsjypx .zsjyLinks .li2{background-image:url(../../base/img/zsjy-02.jpg);}
#indZsjypx .zsjyLinks .li3{background-image:url(../../base/img/zsjy-03.jpg);}
#indZsjypx .zsjyLinks .li4{background-image:url(../../base/img/zsjy-04.jpg);}
#indZsjypx .zsjyLinks .li5{background-image:url(../../base/img/zsjy-05.jpg);}

/* ======================================================================
columnB
====================================================================== */
#columnB{padding:0}
#columnB .column-top,
#columnB .column-bottom{margin:0px; padding:0px; line-height:0; font-size:0; background:#CCE1FA; }
#columnB .column-top img,
#columnB .column-bottom img{width:100%; height:auto;}
#columnB .column-main{min-height:600px; background:url(../../base/img/columnB-bg.jpg) 0% center no-repeat #CCE1FA; padding-top:50px;}

/* 教学科研切换 */
#indJxky .bd{padding: 50px 60px 0;height: 380px;}
#indJxky .txtPicListB li:nth-child(4n){margin-right:0}

/* ======================================================================
columnC
====================================================================== */
#columnC{padding:50px 0px; background:url(../../base/img/columnC-bg.png) center center no-repeat; min-height:350px;}
#columnC .txtPicListB{overflow:hidden}
#columnC .txtPicListB li{width:310px; margin:0 20px;}
#columnC .txtPicListB li .pic img{height:170px;}
#columnC .txtPicListB li .con .intro{height:72px;}
#columnC .txtPicListB li .con .others .date{color:#D6BE96; background-image:url(../../base/img/icon-date2.png)}

/* ======================================================================
columnD
====================================================================== */
#columnD{padding:50px 0px; background:url(../../base/img/columnD-bg.jpg) center center repeat-x;  min-height:590px; padding:170px 0px 120px;}
.xywhLinks{position:relative; height:480px;}
.xywhLinks li{width:280px; height:220px; position:absolute; z-index:2}
.xywhLinks li a{display:block; height:220px; background:url(../../base/img/pic-xsgz.jpg) 0 0 no-repeat; box-sizing:border-box; padding-top:39px; transition: all .5s ease-in-out;}
.xywhLinks li a i{width:70px; height:70px; display:block; margin:0 auto; background:url(../../base/img/icon-xsgz.png) center center no-repeat; margin-bottom:10px; transition: all .5s ease-in-out; position:relative; top:0;}
.xywhLinks li a .zh{display:block; text-align:center; font-size:24px; font-weight:bold; color:#fff; height:36px; line-height:36px; overflow:hidden; margin-bottom:5px;}
.xywhLinks li a .en{display:block; text-align:center; font-size:12px; font-weight:bold; color:rgba(255,255,255,0.5); height:20px; line-height:20px; overflow:hidden;}
.xywhLinks li:hover{z-index:5}
.xywhLinks li a:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,.47);}
.xywhLinks li a:hover i{top:-8px}
.xywhLinks li.li1{left:0px; top:40px;}
.xywhLinks li.li1 a{background-image:url(../../base/img/pic-xsgz.jpg)}
.xywhLinks li.li2{left:280px; top:40px;}
.xywhLinks li.li2 a{background-image:url(../../base/img/pic-zzzc.jpg)}
.xywhLinks li.li2 a i{background-image:url(../../base/img/icon-zzzc.png)}
.xywhLinks li.li3{left:246px; top:260px;}
.xywhLinks li.li3 a{background-image:url(../../base/img/pic-xljk.jpg)}
.xywhLinks li.li3 a i{background-image:url(../../base/img/icon-xljk.png)}
.xywhLinks li.li4{left:526px; top:260px;}
.xywhLinks li.li4 a{background-image:url(../../base/img/pic-wsjk.jpg)}
.xywhLinks li.li4 a i{background-image:url(../../base/img/icon-wsjk.png)}
.xywhLinks li.li5{left:auto; top:0; right:0; width:664px; height:480px; z-index:auto;}
.xywhLinks li.li5 a{background-image:url(../../base/img/pic-xshd.jpg); height:480px; background-position:center center; background-size:100% auto; position:relative;animation: xshdBack 0.5s linear 1; z-index:1; }
.xywhLinks li.li5 a i{display:none;}
.xywhLinks li.li5 a .zh{font-size:36px; height:50px; line-height:50px; text-align:left; padding-left:66px; transition:0.5s; position:relative; z-index:3}
.xywhLinks li.li5 a::after{content:""; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.5); z-index:2}
.xywhLinks li.li5:hover{}
.xywhLinks li.li5:hover .pic{animation: xshd 0.5s linear 1; animation-fill-mode:forwards;}

/* ======================================================================
columnE
====================================================================== */
#columnE .cBd{padding-bottom:20px;}
.ztList{display:grid; grid-gap: 34px; grid-template-columns: repeat(4, 1fr);}
.ztList li{ height:auto; margin-right:34px; }
.ztList li:nth-child(4n){margin-right:0px;}
.ztList li .pic{overflow:hidden; position: relative; top:0; display: block; transition: all .5s ease-in-out; }
.ztList li .pic img{width:100%; max-height:133px; transition:0.5s}
.ztList li .tit{overflow:hidden; display:none}
.ztList li:hover .pic{top:-8px;box-shadow: 0 0 10px 0 rgba(0,0,0,.47);}

/* 旋转 */
@keyframes circle{
    0%{transform: rotate(0)}
    100%{transform: rotate(360deg)}
}

@keyframes xshd{
    0%{right:0px}
    50%{right:-80px; z-index:1}
    51%{z-index:5}
    100%{right:0px; z-index:5}
}
@keyframes xshdBack{
    0%{right:0px; z-index:5}
    50%{right:-80px; z-index:5}
    51%{z-index:1}
    100%{right:0px; z-index:1}
}