@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; }
.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; }
.Channel{height:100px;position:absolute;left:50%;margin-left:-700px; bottom:60px;}
.Channel h1{width:100%; height:67px;line-height:67px;font-size:48px;color:#ffffff;}
.Channel p{width:100%; height:33px;line-height:33px;font-size:16px;color:#ffffff;}

.address{width: 100%; height: 61px; line-height: 61px; position: relative; color: #FFFFFF; font-size: 14px;z-index:2;}
.address .addressBox{width: 100%; height: 61px; line-height: 61px; background: url("../images/jyjx_img08.png") left top no-repeat; position: absolute; top: -30px;}
.address .addressBox a{ color: #FFFFFF; font-size: 14px;}


/*校园生活*/
.title{width:300px;height:69px;margin:38px auto 43px;position:relative;}
.title a{display:block;width:100%;height:100%;font-size:34px;color:#000000;line-height:67px;text-align:center;}
.title em{display:block;width:60px;height:2px;background:#b50009;position:absolute;left:50%;margin-left:-30px;bottom:0px;}
.Part1 .hd {width: 455px;height: 50px;margin: 0 auto;}
.Part1 .hd ul {display: flex;justify-content: space-between;}
/* */
.Part1 .hd ul li:hover a,.Part1 .hd ul li.on a{color: #ffffff;}
.Part1 .hd ul li {text-align: center;position: relative;width: 228px;height: 50px;line-height: 50px;color: #961617;font-size: 20px;}
.Part1 .hd ul li a {display: block;}
.Part1 .hd ul li::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #ffffff;z-index: -1;transform: skew(-25deg);border: 1px solid #961617;}
.Part1 .hd ul li:hover::before,.Part1 .hd ul li.on::before {background: #961617;color: #ffffff;}

.Part1 .bd {margin-top: 30px;height: 582px;}
.Part1 .picBox {width:460px;height:582px;position: relative;overflow: hidden;}
.Part1 .picBox .pic,.Part1 .picBox .pic li{width:100%;height:582px;}
.Part1 .picBox .pic img {width:100%;height:582px;overflow: hidden;object-fit: cover;}
.Part1 .picBox .txt {position: absolute;left: 0;bottom:0;width:100%;height:40px;background:url(../images/2021_dcgz_bg07.png) repeat;}
.Part1 .picBox .txt ul li{width:460px;height:582px;text-align: center;padding: 0 10px;}
.Part1 .picBox .txt ul li a {display: block;width:100%;height:40px;line-height:40px;font-size:18px; color: #ffffff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal;}
.Part1 .picBox .s_prev {background: url("../images/das_icon6.png") no-repeat center;left:0;}
.Part1 .picBox .s_next {background: url("../images/das_icon7.png") no-repeat center;right:0;}
.Part1 .picBox .s_prev,.Part1 .picBox .s_next {display:block;width:29px;height:77px;position: absolute;top:251px;cursor: pointer;transition: all .5s;}
.lis_hidden{position: absolute;width:100%!important;height: 100%!important;background: url(../images/2021_dcgz_bg07.png) repeat; display:table;}
.lis_hidden p{color:#fff;text-indent:2em; display: table-cell;vertical-align: middle; padding:0 10px;z-index: 2;line-height: 24px;max-height:72px;overflow: hidden;font-size: 15px;}
.lis_hidden p>a{color:#E80C10;margin-left: 5px;font-size: 15px;line-height: 24px;}
.Part1 .r_pic_list {width: 933px;height: 582px;float: right;}
.Part1 .r_pic_list ul li{float: left;position: relative;}
.Part1 .r_pic_list .pic{display: block;width:100%;height: 100%;}
.Part1 .r_pic_list .pic img{width:100%;height: 100%;object-fit: cover;}
.Part1 .r_pic_list .txt{width:100%;height: 40px;background: url(../images/2021_dcgz_bg07.png) repeat-x;position: absolute;left: 0;bottom: 0;z-index:333;}
.Part1 .r_pic_list .txt span{display: block; width:90%;margin: 0 auto;text-align: center;line-height:40px;font-size: 16px;color:#ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Part1 .r_pic_list ul li:first-child {width: 233px;height: 290px;}
.Part1 .r_pic_list ul li:first-child,.Part1 .r_pic_list ul li:nth-of-type(2) {width: 233px;height: 290px;}
.Part1 .r_pic_list ul li:nth-of-type(3) {width: 466px;height: 290px;}
.Part1 .r_pic_list ul li:nth-of-type(4) {width: 466px;height: 290px;}
.Part1 .r_pic_list ul li:nth-of-type(5),.Part1 .r_pic_list ul li:nth-of-type(6) {width: 233px;height: 290px;}

/* 校园景观*/
.title{width:300px;height:69px;margin:38px auto 43px;position:relative;}
.title a{display:block;width:100%;height:100%;font-size:34px;color:#000000;line-height:67px;text-align:center;}
.title em{display:block;width:60px;height:2px;background:#b50009;position:absolute;left:50%;margin-left:-30px;bottom:0px;}
.xyjg {height: 843px;position: relative;}
.xyjg_hd {width: 745px;width: 895px;width: calc(895px + 130px);height: 170px;position: absolute;bottom: 0;left: 50%;/* margin-left: -372px; */transform: translateX(-50%);z-index: 99;padding: 0 65px;}
.xyjg_hd ul {display: flex;justify-content: space-between;}
.xyjg_hd ul li {height: 170px;width: 179px;cursor: pointer;}
.xyjg_hd ul li img {width: 177px;height: 127px;border: 2px solid #ffffff;object-fit: cover;}
.xyjg_hd ul li.on img {border: 2px solid #b50009;}
.xyjg_hd ul li p {text-align: center;font-size: 18px;margin-top: 16px;}
.xyjg_bd {height: 800px;}
.xyjg_bd li {width: 100%;height: 800px;}
.xyjg_bd li img {width: 100%;height: 100%;object-fit: cover;}

.xyjg_hd>a{display:block;position:absolute;width: 60px;height: 127px;top:0;z-index:99;cursor:pointer;}
.xyjg_hd>a._prev{background:url(/images/tsxxzx_img11.png) no-repeat center rgba(0,0,0,0.5);left: 0;}
.xyjg_hd>a._next{background:url(/images/tsxxzx_img12.png) no-repeat center rgba(0,0,0,0.5);right: 0;}

/*校园视频*/
.title{width:300px;height:69px;margin:38px auto 43px;position:relative;}
.title a{display:block;width:100%;height:100%;font-size:34px;color:#000000;line-height:67px;text-align:center;}
.title em{display:block;width:60px;height:2px;background:#b50009;position:absolute;left:50%;margin-left:-30px;bottom:0px;}
.xysp {width: 100%;height: 814px;position: relative;}
.xysp_bg {width: 100%;height: 687px;background: #961617;border-radius: 40px;position: absolute;left: 0;top: 63px;}
.xysp .h_slide {width: 1300px;height: 812px;position: absolute;top: 0;left: 50px;}
.xysp .h_slide .h_hd_big {width: 100%;height: 812px;}
.xysp .h_slide .h_hd_big .zdc {width: 100%;height: 812px;position: absolute;background: url(../images/2021_dcgz_bg07.png) repeat;z-index: 100;}
.xysp .h_slide .h_hd_big li {width: 100%;height: 812px;}
.xysp .h_slide .h_hd_big img {width: 100%;height: 812px;}
.xysp .wzqh {position: absolute;width: 187px;height: 400px;left: 53px;top: 208px;z-index: 200;}
.xysp .wzqh li {color: #ffffff;font-size: 20px;margin-bottom: 37px;height: 41px;line-height: 41px;}
.xysp .wzqh li:hover a,.xysp .wzqh li.on a {border-bottom: 1px solid #ffc833;color: #ffc833;height: 41px;}
.xysp .wzqh .more {color: #ffc833;}
.xysp .h_bd {width: 800px;height: 500px;position: absolute;left: 303px;top: 150px;z-index: 200;}
.xysp .h_bd li {width: 800px;height: 500px;position: relative;}
.xysp .h_bd li i {display: block;width: 61px;height: 63px;background: url("../images/xysp_icon.png") no-repeat;position: absolute;left: 50%;margin-left: -30px;top: 50%;margin-top: -31px;}
.xysp .h_bd li img {width: 100%;height: 100%;}
.xysp .h_hd {position: absolute;width: 109px;bottom: 116px;left: 649px;z-index: 200;}
.xysp .h_hd ul {display: flex;justify-content: space-between;}
.xysp .h_hd li {width: 12px;height: 12px;border-radius: 50%;background: #a09fa0;text-indent: 9999px;cursor: pointer;}
.xysp .h_hd li.on {background: #ffffff;}
.xysp .h_prev {background: url("../images/das_icon6.png") no-repeat center;left:0;}
.xysp .h_next {background: url("../images/das_icon7.png") no-repeat center;right:0;}
.xysp .h_prev,.xysp .h_next {display:block;width:29px;height:77px;position: absolute;top:207px;cursor: pointer;transition: all .5s;display: none;}

.Part4 {overflow: hidden;margin-bottom: 75px;}
.Part4 .syxx {overflow: hidden;}
.Part4 .hd {width: 684px;padding-left: 12px;}
.Part4 .hd ul {display: flex;justify-content: space-between;}
.Part4 .hd ul li:hover a,.Part4 .hd ul li.on a{color: #ffffff;}
.Part4 .hd ul li {text-align: center;position: relative;width: 228px;height: 50px;line-height: 50px;color: #961617;font-size: 20px;}
.Part4 .hd ul li::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #ffffff;z-index: -1;transform: skew(-25deg);border: 1px solid #961617;}
.Part4 .hd ul li:hover::before,.Part4 .hd ul li.on::before {background: #961617;color: #ffffff;}

.Part4 .l_dt {position: relative;width: auto;}
.Part4 .l_dt .hd {width: 684px;padding-left: 12px;margin: 0 auto;}
.Part4 .l_dt .hd ul {display: flex;justify-content: space-between;}
.Part4 .l_dt .hd ul li a {display: block;}
.Part4 .l_dt .hd ul li:hover a,.Part4 .hd ul li.on a{color: #ffffff;}
.Part4 .l_dt .hd ul li {text-align: center;position: relative;width: 228px;height: 50px;line-height: 50px;color: #961617;font-size: 20px;}
.Part4 .l_dt .hd ul li::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #ffffff;z-index: -1;transform: skew(-25deg);border: 1px solid #961617;}
.Part4 .l_dt .hd ul li:hover::before,.Part4 .hd ul li.on::before {background: #961617;color: #ffffff;}
.Part4 .l_dt .bd {margin-top: 27px;width: auto;height: 670px;}
.Part4 .l_dt .bd li {position: relative;width: 100%;height: 670px;border: 1px solid #eeeeee;}
.Part4 .l_dt .bd li img {width: 100%;height: 100%;/* object-fit: contain; */}

.Part4 .r_xl {width: 611px;float: right;}
.Part4 .r_xl .hd {width: 446px;padding-left: 12px;margin: 0 auto;}
.Part4 .r_xl .hd ul {display: flex;justify-content: space-between;}
.Part4 .r_xl .hd ul li:hover a,.Part4 .hd ul li.on a{color: #ffffff;}
.Part4 .r_xl .hd ul li a {display: block;}
.Part4 .r_xl .hd ul li {text-align: center;position: relative;width: 228px;height: 50px;line-height: 50px;color: #961617;font-size: 20px;}
.Part4 .r_xl .hd ul li::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #ffffff;z-index: -1;transform: skew(-25deg);border: 1px solid #961617;}
.Part4 .r_xl .hd ul li:hover::before,.Part4 .hd ul li.on::before {background: #961617;color: #ffffff;}
.Part4 .r_xl .bd {margin-top: 27px;width: 611px;height: 500px;}
.Part4 .r_xl .bd li {width: 100%;height: 500px;border: 1px solid #eeeeee;text-align: center;}
.Part4 .r_xl .bd li img{ width:100%; height:100%;}

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