@charset "utf-8";
/* CSS Document */
.ul-inline{font-size: 0;}
.fpx16{font-size: 16px;}
.ul-inline li{display: inline-block;*display: inline;*zoom:1;font-size: 14px;vertical-align: top;}
.subBanner {width:100%;overflow:hidden;position: relative;z-index: 0;margin:90px auto 0;max-width: 1920px;}
.subBanner .imgResponsive{padding-bottom:20.83%; }
.wrapBreadTitle{background-color: #005bac}
.wrapBreadTitle > div{width: 1200px;margin:0 auto;}
.wrapBreadTitle h2{color:#fff;font-size: 22px;letter-spacing: 0.5px;padding:10px 0;}
/*面包屑*/
.bread{height:auto; line-height:20px; color:#fff;padding:15px 0;overflow:hidden;font-size: 14px;margin:0 auto;float: right;}
.bread span{float:left;font-weight:normal;color:#fff;}
.bread a{color:#fff;}
.bread a:hover{opacity: 0.85;}

.wrapSubPage{background-color: #fff;position: relative;}
.bg01{width: 50%;position: absolute;left: 0;top: 0;background-color: #f5f5f5;height: 100%;}
.subPage{width:1400px;margin:80px auto 0;position:relative;background-color: #fff;}
.subLeft{width: 240px;float:left;overflow: hidden;position: relative;background-color:#f5f5f5;padding-bottom: 5000px;margin-bottom: -5000px; }
.subLeft ul{width: 100%;overflow: hidden;margin-bottom: 40px;}
.subLeft li{line-height: 1.5;font-size: 16px;position:relative;border-bottom:1px dashed #bbb;padding:10px 0;}
.subLeft li a{display: block;padding:8px 5px;position: relative;transition: all 0.3s ease-in-out;color:#666;}
.subLeft li > a:hover,.subLeft li a.active{color:#005bac;border-left: 10px solid #005bac;padding-left: 12px;font-weight: bold;}
/*移动端二级导航开始*/
.phone_subNav{margin: 20px 0 5px;}
.phone-icon01{width: auto;height: 40px;background-color:#005bac;display: block;}
.sub_navm{ width:auto;; overflow: hidden;display: none;}
.sub_navm ul{background-color:#eaeef5;text-align: left;width: 100%;overflow: hidden;}
.sub_navm li{border-bottom:1px solid #dadada;width: 100%;overflow: hidden;position:relative;}
.sub_navm li a{font-size: 14px; padding-left:13px; height:45px;line-height:45px;display:block;width: 100%;float:left;}

.phone_subNav{display: none;}
.phone-icon01{text-align: left;display: block;padding-left: 15px;}
.phone_subNav .mobile-inner-header-icon{height: 40px;color:#fff;width: 100%;text-align: left;margin-right:0;font-size:16px;line-height:40px;}
.phone_subNav{width: 100%;overflow: hidden;}
.phone_subNav .mobile-inner-header-icon i{float: right;margin-right: 15px;font-size: 20px;font-weight: normal;}
.phone_subNav .mobile-inner-header-icon-click{right: 0}
.sub_right{margin-left:280px;}


/*机构设置*/
.listTitle h2{font-size: 20px;padding:25px 0;}
.bjtu-column{margin-bottom: 40px;}
.bjtu-title01 span{height: 50px;line-height: 50px;background-color: #f5f5f5;display: inline-block;*display: inline;*zoom:1;border-left: 20px solid #eea200;padding:0 25px;min-width: 190px;font-size: 16px;position: relative;}
.bjtu-title01 i{width: 30px;height: 30px;border-radius: 50%;position: absolute;left: -19px;top: 50%;margin-top: -15px;color:#fff;line-height: 30px;background-color: #eea200;text-align: center;font-size: 22px;font-weight: normal;line-height: 31px;}
.bjtu-list01{margin:0 -13px;padding-top: 20px;}
.bjtu-list01 li{width: 33.33%;margin-bottom: 10px;*width: 236px;}
.bjtu-list01 li > a{display: block;margin:0 13px;border-left: 2px solid #eea200;padding:11px 10px 11px 18px;background-color: #f5f5f5;transition: all 0.3s ease-in-out;line-height: 1.5;color:#666;}
.bjtu-list01 li > a:hover{background-color:#eea200;color:#fff;}
.bjtu-column2 .bjtu-title01 span,.bjtu-column2 .bjtu-list01 li > a{border-color:#468fd4;}
.bjtu-column2 .bjtu-title01 i,.bjtu-column2 .bjtu-list01 li > a:hover{background-color: #468fd4;}
.bjtu-column3 .bjtu-title01 span,.bjtu-column3 .bjtu-list01 li > a{border-color:#00988d;}
.bjtu-column3 .bjtu-title01 i,.bjtu-column3 .bjtu-list01 li > a:hover{background-color: #00988d;}
.bjtu-column4 .bjtu-title01 span,.bjtu-column4 .bjtu-list01 li > a{border-color:#4ba509;}
.bjtu-column4 .bjtu-title01 i,.bjtu-column4 .bjtu-list01 li > a:hover{background-color: #4ba509;}
/*现任领导*/
.bjtu-list02{margin:0 -18px;}
.bjtu-list02 li{width: 50%;margin-bottom: 30px;}
.bjtu-list02 li > a{display: block;margin:0 18px;overflow:hidden;padding:15px;border:1px solid #cfdbe5;position: relative;border-radius: 5px;transition: all 0.3s ease-in-out;}
.bjtu-list02 li > a:before{content: '';width: 0;height: 0;border-bottom: 12px solid #7fadd5;    border-left: 12px solid transparent;position: absolute;right:0;bottom: 0;transition: all 0.3s ease-in-out;}

.item-img02{width: 105px;border:2px solid #c6d9f5;float: left;}
.item-img02 .imgResponsive{padding-bottom: 142.857%;}
.item-txt02{margin-left: 122px;}
.item-txt02 h3{font-size: 18px;padding:2px 0 12px;border-bottom: 1px dashed #d9d9d9;font-weight: normal;margin-bottom: 13px;}
.item-txt02 h4{color:#005bac;margin-bottom: 13px;}
.item-txt02 p{line-height: 22px;height: 66px;overflow:hidden;color:#666;}
/*校园地图*/
.listTitle .more2{float: right;font-size: 14px;font-weight: normal;padding-top: 3px;}
#bMapContainer {height: 550px;margin-bottom: 35px;}
.BMap_bubble_content {font-size: 14px;line-height: 2;padding-top: 7px;}
/*校园风光*/
.bjtu-list03{margin:0 -15px ;}
.bjtu-list03 li{width: 33.3%;margin-bottom: 10px;}
.bjtu-list03 li > a{display: block;margin:0 15px;}
.bjtu-list03 li .imgResponsive{padding-bottom: 50%;}
.bjtu-list03 li h3{color:#333;height: 40px;line-height: 40px;overflow:hidden;text-align: center;font-weight: normal;}
.campus{padding:15px;background-color: #cfdae6;margin-bottom: 50px;}
.campus .imgResponsive{padding-bottom: 50%;position: relative;}
.slide_title02{height: 50px;line-height: 50px;color:#fff;font-size: 18px;overflow:hidden;position: absolute;left: 0;bottom: 0;z-index: 5;margin:0 15px;font-weight: normal;}
.slide_bg02{height: 50px;background-color: #000;opacity: 0.5;filter: alpha(opacity=50);position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;display: block;}
/*用户通道*/
.bjtu-title02 span{border-left-width: 28px;min-width: 153px;}
.bjtu-title02 i{background:none;font-size: 30px;left: -27px;width: 28px;}
.bjtu-title02 i:after{content: '';width: 0;height: 0; border-top:11px solid transparent;    border-left: 11px solid #eea200;    border-bottom: 11px solid transparent;position: absolute;right: -10px;top: 50%;margin-top: -11px;}
.bjtu-list04{margin:0 -13px;padding: 20px 0 35px;}
.bjtu-list04 li{margin-bottom: 15px;width:33.33%;}
.bjtu-list04 li >a{margin:0 13px;border:1px solid #d9d9d9;line-height: 1.5;padding:8px 20px;display: block;}
.bjtu-column6 .bjtu-title01 span{border-color:#468fd4;}
.bjtu-column6 .bjtu-title02 i:after{border-left: 11px solid #468fd4; }
.bjtu-column7 .bjtu-title01 span{border-color:#00988d;}
.bjtu-column7 .bjtu-title02 i:after{border-left: 11px solid #00988d; }
.bjtu-column8 .bjtu-title01 span{border-color:#4ba509;}
.bjtu-column8 .bjtu-title02 i:after{border-left: 11px solid #4ba509; }
/*列表页*/
.bjtu-list05{}
.bjtu-list05 li{border-bottom: 1px dashed #d9d9d9;margin-bottom: 12px;padding:15px 0;line-height: 1.5;}
.bjtu-list05 li span{float: right;font-family: 'Arial';font-size: 14px;color:#999;margin-left: 10px;}
.bjtu-list05 li i{color:#005bac;font-size: 14px;float: left;padding-top: 3px;}
.bjtu-list05 li a{display: block;margin-left: 25px}
/*学院概况*/
.subPage{width: 1200px;margin:0 auto;padding-bottom: 20px;}
/*文章页*/

.pageArticle{width:100%;position: relative;padding-top: 10px;padding-bottom: 35px;}
.articleTitle{padding-top:20px;}
.articleTitle h3{font-size:22px;font-size: 2.2rem;line-height:1.8;text-align:center;}
.articleAuthor{color:#999;text-align: center;font-size: 0;padding:15px 0;border-bottom: 1px dashed #ccc;border-top: 1px dashed #ccc;margin:20px 0;}
.articleAuthor span{display: inline-block;*display: inline;*zoom:1;color:#999;font-size: 14px;}
.articleAuthor i{font-style: normal;color:#999;margin:0 10px;font-size: 14px;}
.article{font-size: 15px;padding: 15px 0;line-height: 1.7;}
.Annex {padding:20px 0 ; overflow:hidden;}
.Annex h3 { font-size: 18px;height: 40px;line-height: 40px}
.Annex ul{overflow: hidden;padding-top:10px;}
.Annex ul li {line-height:1.5;padding:15px 0;background-color:#f5f5f5;padding-left: 20px;}
.Annex ul li a { font-size: 14px;}
.article strong{font-weight: bold;}
.article i,.article em{font-style: italic;}
.articleBottom{width: 100%;position: relative;min-height: 130px;}
.share{float: right;}
.share .bdsharebuttonbox{float: left;}
.share > span{float: left;height: 24px;line-height: 24px;margin:6px;}
.share .bdsharebuttonbox .bds_weixin{background:url(../../images/img2019/share-wechat.png) no-repeat center;background-position: 0;}
.share .bdsharebuttonbox .bds_tsina{background:url(../../images/img2019/share-sina.png) no-repeat center;background-position: 0;}
.share .bdsharebuttonbox .bds_qzone{background:url(../../images/img2019/share-zqone.png) no-repeat center;background-position: 0;}
.share .bdsharebuttonbox .bds_more{background:url(../../images/img2019/share-more.png) no-repeat center;background-position: 0;}
.share .bdsharebuttonbox a{margin:6px 8px !important;}
/*分页*/
.pages{ text-align:center; height:30px;line-height:28px; margin:35px 0; overflow: hidden;font-size: 14px;}
.pages img{vertical-align: middle;width: auto;}
.pages span{ color:#003c7f; padding:0 20px 0 0px;}
.pages a{ display: inline-block; *display:inline; *zoom:1; *vertical-align: middle;width:28px; height: 28px;*height:29px;line-height: 28px; text-align:center; margin:0 5px;border:1px solid #ddd;}
.pages a img{*display:block; *margin-top: 8px;}
.pages a:hover{ color:#fff; background-color:#003b90;}
.pages a.prev,.pages a.start,.pages a.next,.pages a.end{width: auto;padding:0 8px;}
.pages a.prev:hover,.pages a.start:hover,.pages a.next:hover,.pages a.end:hover{background:#003b90;color:#fff;}
.pages a.on_pages{ background-color:#005bac;color:#fff;}
.pages_min{ margin:25px 0; overflow: hidden; display: none;padding:0 18px;font-size:13px;font-size:1.3rem;}
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; float:left; background: #eaeef5; border-radius: 3px; color:#003c7f; line-height: 30px; text-align: center;}
.pages_min a.next_min{ float:right;}
.pages_min a:hover{ background:#f18e21; color:#fff; transition:0.5s;}
/*领导详情页*/
.leaderImg{width: 130px;margin:0 auto;float: none;}
.leaderName{padding: 10px 0;text-align: center;}
.leaderName strong{color:#005bac;font-size: 18px;margin-right: 10px;}
.leader-detail p{margin-bottom: 15px;line-height: 1.8;}
@media screen  and (min-width:992px) {
	.bjtu-list02 li > a:hover{box-shadow: 0px 1px 12px rgba(0,0,0,0.15);border-color: #fff;}
	.bjtu-list02 li > a:hover:before{right: 3px;bottom: 3px;}
}
@media screen  and (max-width:1386px) {
	.subPage,.wrapBreadTitle > div{width: 1000px;}
	.wrapBreadTitle h2{font-size: 20px;}
	.fpx16{font-size: 15px;}
	/*.HNUST-list01 li,.HNUST-list02 li,.HNUST-list04 li{width: 33.3%;}
	.item-img02{width: 300px;}
	.item-txt02{margin-left: 320px;}
	.HNUST-list07 li{width: 50%;}
	.article-share{margin-left: 370px;}
	.article-share{width: 50px;height: 50px;line-height: 50px;}
	.article-share .iconfenxiang{font-size: 20px;}
	.article-share .bdshare-button-style0-24{width: 50px;}
	.article-share .bdshare-button-style0-24 a{width: 50px;height: 50px;line-height: 50px;font-size: 20px;}
	.article-share .bdshare-button-style0-24 .bds_weixin{font-size: 18px;}*/
}
@media screen  and (max-width:1220px) {
	/*.article-share{position: static;margin:0;width: 200px;margin-top: 10px;}
	.article-share i{float: left;width: 50px;}
	.article-share .bdshare-button-style0-24{width: 150px;float: left;margin:0;}
	.article-share .bdshare-button-style0-24 a{float: left;}
}*/
@media screen  and (max-width:1020px) {
  .wrapBreadTitle > div{width: auto;padding:0 15px;}
  .subPage{width: auto;}
  .subLeft{padding-left: 15px;}
  .sub_right{padding-right: 15px;}
  .listTitle h2{padding:20px 0;}
  
}

@media screen  and (max-width:992px) {
	.subLeft,.wrapBreadTitle h2{display: none;}
	.subBanner{margin-top: 0}
	.sub_right{margin:0;padding:0;}
	.subPage{padding:0 15px;}
	.phone_subNav{display: block;}
	.bread{float: none;padding:10px 0;}
	.bjtu-list01,.bjtu-list02,.bjtu-list03,.bjtu-list04{margin:0 -8px;}
	.bjtu-list01 li > a,.bjtu-list02 li > a,.bjtu-list03 li > a,.bjtu-list04 li > a{display: block;margin:0 8px;}
	.bjtu-list03 li{margin-bottom: 0}
	

}

@media screen  and (max-width:767px) {
	.bjtu-list01 li,.bjtu-list04 li{width: 33.3%}
	.fpx16{font-size: 14px;}
	.item-txt02 h3{font-size: 16px;}
	#bMapContainer{height: 300px;}
	.pages{display: none;}
	.pages_min{display: block;}
	.slide_bg02{height: 35px;}
	.slide_title02{height: 35px;line-height: 35px;font-size: 15px;}
	#slider .flex-direction-nav a{width: 30px;height: 52px;font-size: 25px;line-height: 52px;margin-top: -26px;}
	.bjtu-list05 li span{float: none;display: block;margin-left: 25px;}
	.bjtu-list05 li i{margin-top: 23px;}
	.bjtu-list05 li{margin-bottom: 0;padding:10px 0;}
	.article img{width: auto !important;height: auto !important;}
	.article table{width: 100% !important;}
	.article video{width: 100% !important;}
}

@media screen and (max-width:640px) {
	.bjtu-list01 li,.bjtu-list03 li,.bjtu-list04 li{width: 50%}
	.bjtu-list02 li{width: 100%;}
	.item-txt02 p{height: auto;}
}

@media screen and (max-width:600px) {


}

@media screen and (max-width:480px) {
	

}
@media screen and (max-width:460px) {

}
@media screen and (max-width:400px) {
	.item-txt02{margin:10px 0 0;}
	.item-img02{float: none;margin:0 auto;width: 80px;}
	.item-txt02 h3,.item-txt02 h4{text-align: center;}
	.bjtu-list03 li{width: 100%;}


}
