@charset "utf-8";
@import url("reset.css");
@import url("footer.css");
@import url("top.css");

.header{position: absolute;z-index: 1;}
.PageBanner{overflow:hidden;margin:0 auto;position: relative;}
.PageBanner img{ min-width:100%;}
@media screen and (max-width:2560px ) {
    .PageBanner img{transform: translateX(calc((100vw - 2560px) / 2));}
}
@media screen and (max-width:750px ) {
    .PageBanner img{transform: translateX(-46%);left: 50%;position: relative;}
}
.PageBanner::after{ content: ''; position: absolute; display: block; width: 100%; height: 160px; left: 0; bottom: 0; background: linear-gradient(transparent, rgba(0,0,0,0.8));}
.header .top1{height:5px;overflow: hidden;position: relative;}
.header .top2{position: relative;/* left: 0; *//* top: 0; */}

.dw1400{ width: 1400px; }


.PageTitlePart{margin-top: -160px;/* z-index: 4; */}
.PageTitlePart .w1400{ overflow:initial; }
.PageTitlePart .PageTit{color: #FFF;user-select: none;text-shadow: 2px 1px 3px #3a3838;}
.PageTitlePart .PageTit h1{ font-size: 48px; line-height: 1.5;}
.PageTitlePart .PageTit p{ font-size: 16px; line-height: 1.5; margin-top: 5px; }
.PageTitlePart .dqwz{ position: relative; padding: 15px 0; height: 60px; line-height: 30px; color: #FFF; background-color: #972c2c; max-width: 830px; margin:28px 0 0; overflow: initial; }
.PageTitlePart .dqwz a{color: #FFF;padding: 0 5px;}
.PageTitlePart .dqwz a:hover{ text-decoration: underline; }
.PageTitlePart .dqwz::before,
.PageTitlePart .dqwz::after{ content: ''; display: block; position: absolute; height: 60px; top: 0; }
.PageTitlePart .dqwz::before{ width: calc((100vw - 1400px) / 2); transform: translateX(-100%); background-color: #972c2c; }
.PageTitlePart .dqwz::after{ width: 20px; right: -20px; background: url("../images/PubList_ico_1.png") no-repeat left top; }

/*Part1 本科教育、继续教育*/
.Part1{height:auto;margin:80px auto 58px;}
.Part1 .jyBox{width:680px;height:380px;border:1px solid #eeeeee;background:url("../images/jyjx_img02.png")no-repeat center 48px #ffffff;padding:0px 39px;position:relative;}
.Part1 .jyBox .title{width:300px; height:87px;position:relative;margin-top:12px;margin-bottom:30px;}
.Part1 .jyBox .title span{font-size:34px;color:#000000;line-height:85px;}
.Part1 .jyBox .title p{font-size:20px;color:#961617;line-height:85px;display: inline-block;}
.Part1 .jyBox .title em{display:block;width:61px;height:2px;background:#b50009;position:absolute;left:0px;bottom:0px;}
.Part1 .jyBox .content{height:auto;max-height:120px;text-indent:2em;line-height:30px;font-size:16px;color:#686868;}
.Part1 .jyBox .more{width:600px;height:80px;background:#961617;position:absolute;bottom:37px;transition:all .4s;}
.Part1 .jyBox .more:hover{ transform: translateY(-3px); box-shadow:5px 5px 6px -5px #630001;}
.Part1 .jyBox .more a{display:block;width:100%;height:100%;}
.Part1 .jyBox .more a span{display:block;width:112px;height:80px;font-size:14px;color:#ffffff;line-height:80px;text-align:center;float:left;}
.Part1 .jyBox .more a i{display:block;width:52px;height:80px;float:right;margin-right:14px;background: url("../images/jyjx_img03.png")no-repeat center;}

.Con{height:auto;background:#f5f7f8;}
/*Part2 师资队伍*/
.Part2{height:auto;padding-bottom:67px;}
.Part2 .title{width:300px;height:69px;margin:38px auto 23px;position:relative;}
.Part2 .title a{display:block;width:100%;height:100%;font-size:34px;color:#000000;line-height:67px;text-align:center;}
.Part2 .title em{display:block;width:60px;height:2px;background:#b50009;position:absolute;left:50%;margin-left:-30px;bottom:0px;}
.Part2 p{height:72px;line-height:36px;overflow:hidden;text-indent:2em;font-size:16px;color:#333333;margin-bottom:45px;}
.Part2 ul{width: auto;height:80px;margin:0px auto;position: relative;display: flex;justify-content: space-evenly;}
.Part2 ul li{width:288px;height:80px;float:left;border-right:1px solid #dddddd;text-align:center;}
.Part2 ul li:last-child{border:none;}
.Part2 ul li h1{height:54px;line-height:54px;font-size:48px;color:#961617;margin-bottom:9px;}
.Part2 ul li span{font-size:16px;color:#333333;}

/*Part3 教学动态*/
.Part3{height:auto;}
.Part3 .title{width:100%;height:52px;margin:0px auto 32px;border-bottom:2px solid #b50009;}
.Part3 .title .name{display:block;width:200px;height:52px;line-height:52px;font-size:24px;color:#961617;float:left;}
.Part3 .title .more{display:block;width:80px;height:52px;line-height:52px;font-size:14px;color:#961617;float:right;text-align:right;}
.picBox {width:600px;height:375px;position: relative;overflow: hidden;margin-bottom:77px;}
.picBox .pic,.picBox .pic li{height: 100%!important;}
.picBox .pic img { width:100%;height:100%;overflow: hidden;}
.picBox .txt {position: absolute;left: 0px;bottom:0px;width:100%;height:60px;background:url( "../images/jyjx_img06.png") repeat-x;}
.picBox .txt ul li{width:470px;height:100%;}
.picBox .txt>ul li:hover{margin-left:5px;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;}
.picBox .txt ul li a {display: block;width:100%;height:60px;line-height:60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px; color: #ffffff;text-indent:20px;}
.picBox .num {height:60px;position: absolute;bottom:0px;right:11px;z-index:2;}
.picBox .num li {width:13px;height:13px;float:left;margin:24px 5px; background:url("../images/jyjx_img07.png"); border-radius:7px; } 
.picBox .num li.on{background:#ffffff;}
.picBox .prev {background: url("../images/jyjx_img04.png") no-repeat center;left:0px;}
.picBox .next {background: url("../images/jyjx_img05.png") no-repeat center;right:0px;}
.picBox .prev,.picBox .next {display:block;width:30px;height:80px;position: absolute;top:148px;cursor: pointer;transition: all .5s;}
.newsList{width:764px;height:375px;margin-top:-6px;}
.newsList ul li{width: 100%;height: auto;overflow: hidden;line-height: 48px;background: url(../images/dian.png) left center no-repeat;padding-left:20px;}
.newsList ul li a{display: block;float: left;color: #000000;font-size: 18px; max-width:78%;max-width: calc(100% - 120px);position: relative;overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.newsList ul li a:hover{ color: #961617;}
.newsList ul li span{display: inline-block;width: 115px;float: right;color: #888888;font-size: 18px;text-align: right;}

.Footer{margin-top:0px;}
.Footer{background:#962b2b;}
.Footer .foot_a .tb{position:unset;}
