/**********学校部门*********/
.hj_conter {
    width: 100%;
    padding: 40px 0px 40px;
    background: #f0f0f0;
}
.xx_mb{width:100%;
}

/*院系设置*/
.xx_mb_top{padding:18px 0px 0px;}
.xx_mb_top_left{width:45%;float:left;}
.xx_mb_top .pic{padding-top:60.5%; position: relative;overflow: hidden;height:0;}
.xx_mb_top .pic img{display: block;width: 100%;height: 100%;position: absolute;top: 0; left: 0;transition: .3s;    object-fit: cover;}
.xx_mb_top  span{background:#cf9b48; position:absolute;left:0;bottom:0;line-height:50px;padding:0px 30px;font-size:18px;color:#fff;}


.xx_mb_top:hover img{transform: scale(1.1); transition: 0.6s;}

.xx_mb_top_right{width:55%;  float:right; background:#fff url(../img/xx_ej_bg.png) left bottom no-repeat;border-right:10px #1a3565 solid; z-index: 1;padding:30px 30px 60px 50px;box-sizing: border-box;}

.xx_mb_top_right h1{line-height:65px;color:#d5993a;font-weight:bold;font-size:25px;background:url(../img/yx_line.jpg) left center no-repeat;text-indent:20px;}

.xx_mb_top_right ul li{width:50%;box-sizing: border-box;float:left;padding-right:50px;}
.xx_mb_top_right ul li .font{width:100%;padding:20px 0px;font-size:20px;}
.xx_mb_top_right ul li .font:hover{font-weight:bold;background:#1a3565 url(../img/yx_jt.png) 90% center no-repeat;cursor: pointer;text-indent:30px;}
.xx_mb_top_right ul li .font:hover a{color:#fff!important;}








/**/
.xx_mb_bot{width:100%;margin:40px 0px;}

.xx_mb_bot_left{width:45%;float:right;}
.xx_mb_bot .pic{padding-top: 56.2%; position: relative;overflow: hidden;height:0;z-index: 2;}
.xx_mb_bot .pic img{display: block;width: 100%;height: 100%;position: absolute;top: 0; left: 0;transition: .3s;}
.xx_mb_bot  span{background:#cf9b48; position:absolute;left:0;bottom:0;line-height:50px;padding:0px 30px;font-size:18px;color:#fff;}


.xx_mb_bot:hover img{transform: scale(1.1); transition: 0.6s;}

.xx_mb_bot_right{width:55%;  float:left;  background:#fff url(../img/xx_ej_bg.png) left bottom no-repeat;border-right:10px #1a3565 solid; z-index: 1;padding:30px 30px 30px 60px;box-sizing: border-box;}
.xx_mb_bot_right h1{line-height:65px;color:#d5993a;font-weight:bold;font-size:25px;background:url(../img/yx_line.jpg) left center no-repeat;text-indent:20px;}


.xx_mb_bot_right ul li{width:50%;box-sizing: border-box;float:left;padding-right:50px;}
.xx_mb_bot_right ul li .font{width:100%;padding:20px 0px;font-size:20px;}
.xx_mb_bot_right ul li .font:hover{font-weight:bold;background:#1a3565 url(../img/yx_jt.png) 90% center no-repeat;cursor: pointer;text-align:center;}
.xx_mb_bot_right ul li .font:hover a{color:#fff!important;}




.xx_mb_bot_left01{width:45%;float:left;}
.xx_mb_bot .pic01{padding-top: 85%; position: relative;overflow: hidden;height:0;z-index: 2;}
.xx_mb_bot .pic01 img{display: block;width: 100%;height: 100%;position: absolute;top: 0; left: 0;transition: .3s;object-fit: cover;}
.xx_mb_bot  span{background:#cf9b48; position:absolute;left:0;bottom:0;line-height:50px;padding:0px 30px;font-size:18px;color:#fff;}


.xx_mb_bot:hover img{transform: scale(1.1); transition: 0.6s;/*object-fit: cover;*/}



.xx_mb_bot_right01{width:55%;  float:right;  background:#fff url(../img/xx_ej_bg.png) left bottom no-repeat;border-right:10px #1a3565 solid; z-index: 1;padding:30px 10px 30px 40px;box-sizing: border-box;}
.xx_mb_bot_right01 h1{line-height:65px;color:#d5993a;font-weight:bold;font-size:25px;background:url(../img/yx_line.jpg) left center no-repeat;text-indent:20px;}


.xx_mb_bot_right01 ul li{width:33.33%;box-sizing: border-box;float:left;padding-right:50px;}
.xx_mb_bot_right01 ul li .font{width:100%;padding:20px 0px;font-size:20px;}
.xx_mb_bot_right01 ul li .font:hover{font-weight:bold;background:#1a3565 url(../img/yx_jt.png) 90% center no-repeat;cursor: pointer;text-indent:20px;}
.xx_mb_bot_right01 ul li .font:hover a{color:#fff!important;}





/*学生工作处*/

.xx_cbot{width:50%;margin:40px 0px;float:left;}

.xx_cbot01{width:50%;margin:40px 0px;float:right;padding-left:40px; box-sizing:border-box;}

.xx_cbot_left{width:100%;}
.xx_cbot .pic{padding-top: 50%; position: relative;overflow: hidden;height:0;}
.xx_cbot .pic img{display: block;width: 100%;height: 100%;position: absolute;top: 0; left: 0;transition: .3s;}
.xx_cbot  span{background:#cf9b48; position:absolute;left:0;bottom:0;line-height:50px;padding:0px 30px;font-size:18px;color:#fff;}


.xx_cbot:hover img{transform: scale(1.1); transition: 0.6s;}

.xx_cbot_right{width:100%;   z-index: 1;padding:30px 50px;box-sizing: border-box;background:#fff;}
.xx_cbot_right h1{line-height:60px;/*color:#1c3d77;*/font-weight:bold;font-size:25px;background:url(../img/ld_line.jpg) left center no-repeat;text-indent:15px;}
.xx_cbot_right ul{margin-top:15px;}

.xx_cbot_right ul li{width:33.33%;box-sizing: border-box;float:left;padding-right:50px;}
.xx_cbot_right ul li .font{width:100%;padding:15px 0px;font-size:18px;background:url(../img/cebianlan-lanmu.png) left center no-repeat;text-indent:1.5em;}
.xx_cbot_right ul li .font:hover{font-weight:bold;cursor: pointer;text-indent:20px;background:url(../img/cy_doc.png) right center no-repeat;color:#cf9b48;}
.xx_cbot_right ul li .font:hover a{color:#1a3565!important;}




.xx_cbot_left01{width:100%;float:left;}
.xx_cbot_left01 .pic01{padding-top: 50%; position: relative;overflow: hidden;height:0;}
.xx_cbot_left01 .pic01 img{display: block;width: 100%;height: 100%;position: absolute;top: 0; left: 0;transition: .3s;object-fit: cover;}
.xx_cbot  span{background:#cf9b48; position:absolute;left:0;bottom:0;line-height:50px;padding:0px 30px;font-size:18px;color:#fff;}


.xx_cbot:hover img{transform: scale(1.1); transition: 0.6s; object-fit: cover;}



.xx_cbot_right01{width:100%;  float:right;  background:#fff ; z-index: 1;padding:30px 50px;box-sizing: border-box;}
.xx_cbot_right01 h1{line-height:65px;color:1c3d77;font-weight:bold;font-size:25px;background:url(../img/ld_line.jpg) left center no-repeat;text-indent:20px;}

.xx_cbot01 ul{margin-top:15px;}
.xx_cbot01 ul li{width:33.33%;box-sizing: border-box;float:left;padding-right:50px;}
.xx_cbot01 ul li .font{width:100%;padding:15px 0px;font-size:18px;background:url(../img/cebianlan-lanmu.png) left center no-repeat;text-indent:1.5em;}
.xx_cbot01 ul li .font:hover{font-weight:bold;cursor: pointer;text-indent:20px;background:url(../img/cy_doc.png) right center no-repeat;}
.xx_cbot01 ul li .font:hover a{color:#1a3565!important;}

.xs_font{line-height:35px;text-indent:2em;overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 5;}


/**********新闻左侧导航列表******************/
.xz_zclm{width: 282px;float: left;position: relative;z-index: 9; padding-top: 18px;padding-left: 15px;}
.xz_zclm:before { content: "";height: 80%; width: 100%;background:#1d4387; position: absolute;top: 0;left: 0;}

.xz_zclm_font { position: relative; padding-bottom: 305px; background: #fff;}

.xz_zclm_font ul{/* padding:0px 25px; */}

.xz_zclm_font ul li{position: relative;padding: 10px 0 10px 40px;/* border-bottom: 1px dashed #d6d8d9; */font-size:18px;font-weight: bold;/* background: url(../img/leftnav-ico1.png) right center no-repeat; */float: none;height: auto;}

.xz_zclm_font ul li.on>a{ color: #1d4387;font-weight: bold;}
.xz_zclm_font ul li a:hover {color: #1d4387;font-weight: bold;}


.xz_zclm_right{float: right; width: calc(100% - 354px); line-height:50px;}

.xz_zclm_right .hnavp{font-size:25px;font-weight:normal;line-height:60px;height:60px;background: url(../img/ld_line.jpg) left center no-repeat;text-indent:1em;margin-bottom:15px;}

.xz_zclm_right_font ul li{margin-bottom:25px;border:1px #dddddd solid;background:#fff; float:left;display: block;width:100%;transition: all 0.6s;}
.xz_zclm_right_font ul li .gg_left{float: left;width: 120px;height: 65px;text-align: center;padding: 15px 0px 40px;}
.xz_zclm_right_font ul li .gg_left h1{font-size:35px;color:#1d4387;background:none;}
.xz_zclm_right_font ul li .gg_left span{width:27px;background:#e8c689;height:1px;margin:2px auto 8px;display:block;}
.xz_zclm_right_font ul li .gg_left h2{font-size:20px;color:#222;font-weight:normal;}

.xz_zclm_right_font ul li:hover .gg_left{background:#1d4387;cursor: pointer;}
.xz_zclm_right_font li:hover .gg_left h1,.ej_font_gg ul li:hover .gg_left h2{color:#fff!important;}

.xz_zclm_right_font ul li .gg_right{padding:10px 30px;}
.xz_zclm_right_font ul li .gg_right::before{content: "";width:1px;height:80px;background:#dddddd;display: block;float:left;margin-right: 20px;
    margin-top: 10px;}
.xz_zclm_right_font ul li .gg_right h1{line-height:40px;font-size:17px;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.xz_zclm_right_font ul li .gg_right h2{line-height:28px;font-size:15px;color:#777;font-weight:normal;overflow: hidden;
    display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.xz_zclm_right_font ul li:hover{margin-left:5px;cursor: pointer;transition: all 0.6s;}




/**********新闻左侧导航图片******************/

.yc_img{margin-left:-40px;float: left;  line-height:50px;width:100%;}
.yc_img ul li{width:33.33%;float:left;padding-left:40px;box-sizing: border-box;margin-bottom:25px;}

.yc_img  ul li .pic{padding-top: 67%;
    overflow: hidden;
    position: relative;
    height: 0;}
.yc_img ul li  img{isplay: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;}


.yc_img  ul li  h1{line-height:50px;color:#222;font-size:18px;width:100%;  font-weight: normal;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}