/*Common CSS*/
@charset "utf-8";
/**
 * -----------------------------------------
 * 北京大学汇丰商学院萨金特研究所英文网站2017版样式表 
 * 作者：1075548652@qq.com
 * 时间：2017-05-10
 * 描述：最大宽度：100%/1200px
 * -----------------------------------------
 */
 

html,body {padding:0; margin:0 auto; font-size:1rem; font-family:'微软雅黑'; background:#FFF; color:#333333; }
ol, ul {list-style:none;}
a:link,a:hover,a:visited,a:active {text-decoration: none;}
* {margin: 0; padding: 0;}
img {max-width: 100%; vertical-align: top; border:none; }
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{zoom:1;}
.wrap { max-width: 1260px; margin: 0 auto;}
table {border-collapse: collapse; width:100%; }

.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.show{display: block!important;}
.hide{display: none!important;}
.cf:before, .cf:after {  display: table;content: ""; } 
.cf:after {  clear: both; } 
.cf { zoom: 1; clear: both; } 
.rel{ position: relative;}
.abs{position: absolute;}	
.main-center{margin: 0 auto;}
.tlogo{height:100px}
.main-center{width: 1260px;}



/*
*----------------------
*	首页中部
*----------------------
*/


.navigation li:hover .secondMenu{display: block;background: white}

.navigation li .secondMenu{border:none;position:absolute;display: none;font-size: 16px;top:180px;z-index: 88;background:#efefef;width: 520px;padding:30px 22px;overflow: hidden;}
.navigation li .secondMenu.oneList{width: 200px;}
.navigation li .secondMenu.oneList a{margin:0}
.navigation li .secondMenu .inner-wrap{overflow: hidden;}
.navigation li .secondMenu .inner-wrap .inner{margin-bottom: -10px;}
.navigation li .secondMenu a{display: block;float: left;width: 2300px;margin:0 12px;font-size: 18px;line-height: 30px;height: 70px;background:url(../../images/phbs_2017/r-gray.png) no-repeat 192px center;background-size: 6px 10px;color: #282828;}
.navigation li .secondMenu a:nth-of-type(odd){margin-right: 32px;}

.navigation li .secondMenu ul{border:none;float:none}
.navigation li .secondMenu li{border:none;}
.navigation li .secondMenu a:hover{background:white;}
/* 首页轮播 */
.slide{position: relative;}
.slidesjs-pagination{width: auto;position: absolute;bottom: 25px;right: 22%;z-index: 999;text-align: center;font-size: 0;}
.slidesjs-pagination li {display: inline-block;}
.slidesjs-pagination li a{display: block;width: 12px;height: 12px;margin: 0 8px;border:2px solid #8c8c8c;background:#8c8c8c;border-radius: 50%;box-sizing:border-box;}
.slidesjs-pagination li a.active{border: 2px solid #94070A;background: #94070A;}

/* 首页 */
.index { width:100%;max-width:1260px; margin:20px auto;}
.index .common {     width: 1200px;margin: 0 auto;}
.index .sidebar {     width: 1200px;margin: 0 auto;}
.index .box { width:100%; margin-bottom:20px; }
.index .band { padding-top:2px; }
.index .band a{ display:block; padding:10px 0; }
.index .title { line-height:30px; border-bottom:1px solid #ccc; margin-bottom:10px; }
.index .title span{ font-size:16px; color:#333; font-weight:normal; display:inline-block; border-bottom:1px solid #94070A; margin-bottom:-1px;}
.index .title .more { float:right; padding:5px 0; }
.index li { line-height:30px; border-bottom:1px dotted #ccc; position: relative;}
.index li:hover { background:#F5F5F5; }
.index li a { color:#333; font-size:14px; display:block; }
.index li a:hover { color:#94070A; }
.index .time { width:60px; text-align:center;position: absolute;right: 0; color:#333; font-size:12px; }
.index .media { border-top:1px dotted #eee; padding:10px 0; text-align:center; }
.index .media a { display:inline-block; }
.index .qrcode { position: absolute; margin-top: -220px; margin-left: 260px; display:none;z-index: 99;}


.news .news-title{width: 105px; margin: 0 auto;}
.news .news-title h1{font-size:22px;color:#930027;padding:20px}
.news .more{padding: 20px 0;width: 40px;margin: 0 auto;}
.news .more span{color:#930027;font-size:16px;}
.news .news-content{min-width:300px;width:1200px;margin:0 auto;}
.news .news-content ul{width:1200px;margin:0 auto;}
.news .news-content li{float:left;width:370px;margin:13px;border:1px solid #ccc;height:515px}
.news .news-content li a img{width:100%;height:275px}
.news .news-content li .news-list{width:290px;margin:0 auto;margin-top:20px;line-height:20px;}
.news .news-content li .news-list h3{color:#9a0000;text-align:left;font-weight:bolder;font-size:16px;height:80px;}
.news .news-content li .news-list p{text-align:left;font-size:12px;margin-top:5px;}
 .news .img-box{width:370px;height:275px;overflow:hidden;}
.news img{  cursor: pointer;   transition: all 0.6s;   } 
.news img:hover{transform: scale(1.4)}
.sidebar .box-left{width:65%;float:left}
.sidebar .box-right{width:30%;float:left;padding-left:30px;}

.index .first { width:34.7%; margin-right: 2.8%; float:left; }
.index .first img {padding-top:10px;}
.index .first p { padding:10px 0; line-height:23px; font-size:14px; border-bottom:1px dotted #ddd; }
.index .notice li { height:50px; line-height:24px; padding:5px 0; overflow:hidden; }
.index .dynamic .apply { display:block; float:right; background:#94070A; font-size:14px; padding:0 20px; color:#FFF; font-weight:normal; margin-bottom:-1px;}
.index .dynamic li a { width: 100%; padding-right: 60px;box-sizing: border-box;}
.index .activity li { height:51px; padding:5px 0; overflow:hidden; }
.index .activity a { display:inline-block; width:188px; height:51px; line-height:25px;  }
.index .activity .date { display:block; width:62px; height:51px; float:left; margin-right:10px; background:#900; color:#FFF; position:relative; font-size:14px;}
.index .activity .date .m { position:absolute; left:0; top:0; width:100%; height:25px; line-height:25px; text-align:center; border-bottom:1px solid #990000; background:#670000; }
.index .activity .date .d { position:absolute; left:0; bottom:0; width:100%; height:25px; line-height:25px; text-align:center; }
.index .activity .title a { width:100px; font-size:14px; font-weight:normal; height:30px; line-height:30px; text-align:center; float:right; color:#FC0; display:block; background:#94070A; }
.index .activity .title a:hover { background:#94070A; color:#FFF; }
.index .tabmenu { line-height:30px; border-bottom:1px solid #ccc; margin-bottom:10px; }
.index .moremenu { width:50%; padding-top:8px; float:right;  }
.index .tab { float:left; }
.index .moremenu li{ float:right; border:none; line-height:30px; }
.index .tab li { float:left; }
.index .tab span { font-size:16px; color:#333; font-weight:normal; padding:0 10px; display:inline-block; border-bottom:1px solid #94070A; margin-bottom:-1px; background:#F7F7F7; cursor:pointer; }
.index .tab span.on { background:#94070A; color:#FFF; }




/*
*----------------------
*	栏目页面部分
*----------------------
*/
.main {width:100%; max-width:1000px; margin:20px auto; zoom:1;word-wrap: break-word;}


.main .calendar .tab { line-height:30px; margin-bottom:10px; }
.main .calendar .tab a { display:block; border:1px solid #94070A; padding:0 10px; color:#333; margin-left:-1px; float:left; }
.main .calendar .tab a:hover { color:#94070A; background:#FC0; }
.main .calendar .tab .on { background:#94070A; color:#FFF; }
.main .calendar li { padding:20px 0; border-bottom:1px dotted #ccc; }
.main .calendar li a { line-height:40px; color:#4961BB; font-size:18px; }
.main .calendar li p { line-height:26px; color:#666; font-size:14px;}
.main .calendar .tips span { display:inline-block; line-height:20px; border:1px solid #858EAF; border-radius:5px; padding:2px 20px; margin-right:5px; color:#858EAF; font-size:14px; }
.main .calendarlist { min-height:610px; }

.main .common .content { line-height:28px; }
.main .common .content a { color:#94070A; }

.main .sidebar { width:100%;display: inline-block; background:url(../images/phbs_mba_20152/sidebar.png); }
.main .sidebar a { display:block; line-height:36px; border-bottom:1px solid #ccc; color:#333; padding:5px 10px; }
.main .sidebar a.on , .main .sidebar a:hover{ background:#94070A url(../images/phbs_mba_20152/li.png) left center; color:#FC0; border-bottom:1px solid #FC0; }
.main .common .content .inscribe{float: right;margin-top: 30px;text-align: right;}


#top {padding:10px; width:35px; line-height:35px; text-align:center; position:fixed; bottom:50px; right:20%; background:#e9573e; color:#FFF;cursor:pointer; font-size:40px;}
.page { margin-top: 45px; text-align: center; font-size: 16px; line-height: 42px; color: #666666; }
.page a { display: inline-block; background-color: #f9f9f9; border: solid 1px #dcdcdc; height: 42px; line-height: 40px; padding-left: 10px; padding-right: 10px; color: #666666; margin: 0 5px; }
.page a:hover { background-color: #93060a; border: solid 1px #dcdcdc; color: #fff; }
.page .num-cont { margin-left: 10px; margin-right: 10px; display: inline-block; }
/*
*----------------------
*	内容详情
*----------------------
*/
.main .common .content .text{margin-top: 27px;}
.main .common .content .table {margin-top: 13px;}
.main .common .content .table li {width: 49%;display: inline-block;padding: 15px 0;}


/**/
.nav-mobile-left,.nav-mobile-right,.mobi-side-left,.mobi-side-right,.mobi-side--film{display: none;}

/*
*----------------------
*	媒体查询1000px
*----------------------
*/

@media screen and (max-width:1000px){
	.index{padding: 0 10px;box-sizing:border-box;}
	/**
	 *------------------------
	 * 通用头部
	 * header
	 *------------------------  
	 */
	 .header .top{position: relative;}
	 .header .topmenu .submenu{width: 93px;}
	 .header .topmenu a{font-size: 12px;}
	 .header .nav{height: auto;}
	 .header .nav li{display: inline-block;float: none;vertical-align: top;}
	 .header .nav a{font-size: 12px;line-height: 40px;padding: 0 10px;width: 60px;}
	 .header .nav .submenu li{float: left;}
	 .header .search{position: absolute;right: 10px;}
	.index .common{width:100%}
	.index .sidebar{width:100%}
	.index .news li .l-text{width:100%;}
	.index .news li a{padding:5px 0}
	.index .common .l-date{display:none}
	.warp{width:auto}
	
	.news .news-content{min-width:300px;width:100%;margin:0 auto;}
	.news .news-content ul{width:100%;margin:0 auto;}
	.news .news-content li{float:none;width:100%;margin:20px auto;border:1px solid #ccc;height:auto}
	.news .news-content li a img{width:100%;height:auto}
	.news .news-content li .news-list{width:290px;margin:0 auto;margin-top:20px;line-height:20px;}
	.news .news-content li .news-list h3{color:#9a0000;text-align:left;font-weight:bolder;font-size:16px;height:80px;}
	.news .news-content li .news-list p{text-align:left;font-size:12px;margin-top:5px;}
	.news .img-box{width:100%;height:auto}
	.sidebar .box-left{width:100%;float:none}
	.sidebar .box-right{width:100%;float:none;padding-left:0;}
	.secondMenu{display:none!important;}
	/*底部*/
	.footer{padding: 0 6px;}
}

/*
*----------------------
*	移动端左右滑动切换
*----------------------
*/
@media screen and (max-width:768px){
	.header .topmenu{display: none;}
	.header .nav{display: none;}
	.header .search {position: static;float: none;width: 60%;margin:0 auto 5px auto;text-align: center;padding-top: 8px;}
	.header .search .key{width: 75%;}
	.slide{margin-top: 10px;}
	/*
	*----------------------
	*	移动端左右滑动切换
	*----------------------
	*/
	html, body, .body-inner{
		width: 100%;
		height: 100%;
	}
	.body-inner {
		position: relative;
	}
	.nav-mobile-left{
		height: 21px;
		margin: 0 auto;
		width: 30px;
		overflow: hidden;
		position: absolute;
		top: 11px;
		left: 10px;
		padding: 0;
		display: block;
	}
	.nav-mobile-left span {
		display: block;
		overflow: hidden;
		height: 2px;
		width: 22px;
		background: #fff;
		border-radius: 1px;
		margin-bottom: 5px;
	}
	.nav-mobile-right {
		display: block;
		position: absolute;
		top: 17px;
		right: 5px;
		font-size: 36px;
	}
	.nav-mobile-right i {
		width: 4px;
		height: 4px;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		float: left;
		margin-right: 5px;
		background: #fff;
		display: block;
	}
	.mobi-side--film {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 11;
		filter: alpha(opacity=0);
		background: #000;
		opacity: 0;
		transition: opacity 0.5s ease-in-out;
		z-index: 2;
	}
	.body-inner.mobi_side_active-left .mobi-side--film, .body-inner.mobi_side_active-right .mobi-side--film {
		top: 0%;
		filter: alpha(opacity=40);
		opacity: 0.4;
	}
	.body-inner.mobi_side_active-left .nav-mobile-left, 
	.body-inner.mobi_side_active-right .nav-mobile-right {
		font-size: 0;
		display: inline-block;
		width: 17px;
		height: 17px;
		top: 11px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAAAJ1BMVEUAAAC0tLS3t7fIyMjNzc3S0tLU1NTZ2dnv7+/////v7+/9/f3////LBYCtAAAAC3RSTlMAAAAAAAAAAAAA+7t3jWsAAACVSURBVHgBbcxBDgJBFAJRbEdbnL7/eY1hVeSzrRdkvy/PS5Ef5+wZpEjngAD8i3STEJxluUgDy0UaWB7JCnAECUEECUEECUEECUEECUEECUEECUAECAAECADFysVu0aCIGtxNVGCpiQrYTdSgSQRAExEMRAMg0QRANAEQTQBErwZNdDUo8pR3A5CvZG8CkI8s90Bk/wDDSiaN6Mv+5gAAAABJRU5ErkJggg==);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	.body-inner.mobi_side_active-right .nav-mobile-right{right: 11px;}
	.mobi-side-left {
		display: block;
		position: absolute;
		top: 0;
		left: -70%;
		width: 70%;
		height: 100%;
		z-index: 10;
		transition: left 0.4s ease-in-out;
		overflow: hidden;
		background: #f0f0f0;
		z-index: 3;
	}
	.body-inner.mobi_side_active-left .mobi-side-left {
		left: 0%;
	}
	.mobi-side-right {
		display: block;
		position: absolute;
		top: 0;
		right: -83%;
		width: 70%;
		height: 100%;
		z-index: 10;
		transition: right 0.4s ease-in-out;
		-webkit-transition: right 0.4s ease-in-out;
		overflow: hidden;
		background: #f0f0f0;
		z-index: 3;
	}
	.body-inner.mobi_side_active-right .mobi-side-right {
		right: 0%;
	}
	.mobi-main {
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		margin: 0;
		float: none;
		position: absolute;
		top: 0;
		right: 0%;
		transition: all 0.4s ease-in-out;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		z-index: 1;
	}
	.body-inner.mobi_side_active-right .mobi-main {
		right: 70%;
	}
	.body-inner.mobi_side_active-left .mobi-main {
		right: -70%;
	}
	.body-inner.mobi_side_active-right .nav-mobile-right i{display: none;}
	.body-inner.mobi_side_active-left .nav-mobile-left span{display: none;}
	/*侧滑导航栏样式*/
	.mobi-menu{font-size: 13px;overflow-x: hidden;overflow-y: scroll;height: 100%;padding: 10px 20px 20px 20px;box-sizing:border-box;-webkit-overflow-scrolling: touch;}
	.mobi-menu li{line-height: 24px;margin-top: 10px;position: relative;}
	.mobi-menu li a{color: #000;}
	.mobi-menu li a:visited{color: #000;}
	.mobi-menu .mobi-submenu{padding-left: 25px;display: none;}
	.mobi-menu .mobi-submenu li{background: none;margin-top: 0;}
	.mobi-menu .mobi-submenu li a{color: #7d7d7d;}
	.mobi-menu .mobi-submenu li a:visited{color: #7d7d7d;}
	.mobi-menu li i{
		width: 12px;
		height: 6px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAXCAMAAABH511dAAABmFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADn+ofsAAAAh3RSTlMAAQIDBAUGBwgJCgsMDg8QERMUFhgZGxweHyAlJicsLTQ1PT5FRkdJUFFSVFVXWFxdXmFiZmdoaWxvcnN2ent8fX5/gIGFhoeIioyQkpOUlpicnp+jpaipra6xsrS2uLu8vb/DxMzN09Ta29zd4eLj5Ofo6ers7e7v8PHy8/X29/j5+vv8/f4F1nI6AAABXUlEQVQ4y42TVVNCURSF970qdmF3i2J3d7fY3YmtCBaKgnx/2wfGsS5X9tta882Zc/ZZS7ocVpMEMMXHd71yDacB0KYTsMk2cFmm6KOK+QLYkcx1wFaj6rFq9Q2wkSWSugo4moL9s8ENdmAtVUQkeQl4bDP4Yw2tj8Byik8lLnrB2ROuzYZ1O8G7mPSpE+bewTUcpcVGDrnAO5/w5cRbPOCejP3Lxky8wfus8bsXO+UGz4zxN2u0eMAzHffTjR57+3Ez3yQteME9Hv37jKiRV2A1/buXtgK8jmq8JWLABWxlfjkZm4BrMEJzR30vwF7Op87eBV76/Ww0tMMJHOT5VO4+8NwZ6vev2p6AowIRkfxD4KndoJOC5nvAWiRSaAUeWkL08hVU7wDOS0rOgLvGIP3kqrW3gN0O3Nap/1VCqboBAFu1+n+BlIorgKtKJZBqSuk5XJglwDEfW8u1/A+QzXEmEpzIBgAAAABJRU5ErkJggg==);
		background-size: 100% 100%;
		position: absolute;
		top: 8px;
		right: 20px;
		display: none;
		transition: transform 0.3s ease-out; 
	}
	.mobi-menu li i.show{
		display: block;
	}
	.mobi-menu li i.active{
		transform:rotate(180deg);
		-ms-transform:rotate(180deg); 	/* IE 9 */
		-moz-transform:rotate(180deg); 	/* Firefox */
		-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
		-o-transform:rotate(180deg); 	/* Opera */
	}
	/*左侧导航*/
	/*右侧导航*/
	/* 头部轮播图 */
	.slidesjs-pagination{
		width: 100%;
		position: absolute;
		right: 0;
		bottom: 10px;
		z-index: 999;
		text-align: center;
		font-size: 0;
	}
	.slidesjs-pagination li a{
		display: block;
		width: 10px;
		height: 10px;
		margin: 0 5px;
		border:1px solid #fff;
		border-radius: 50%;
		box-sizing:border-box;
	}
	.slidesjs-pagination li a.active{
		border: 1px solid #94070A;
		background: #94070A;
	}
}

/*
*----------------------
*	媒体查询767px
*----------------------
*/
@media screen and (max-width:767px){
	.header .top{text-align: center;}
	.header .top li{float: none;display: inline-block;}
	.header .topmenu a{padding: 0 5px;}
	.index{margin: 10px auto;}
	.index .viewpoint img{width: 100%;height: auto;}
	.index .viewpoint .detail{width:100%;padding-bottom: 30px;}
	.header .navbar{width: 100%;overflow: hidden;}
	.header .nav{height: 40px;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;margin-bottom: -10px;padding-bottom: 10px;}
	.index .first{width: 100%;}
	.index .news ul{width: 100%;}
	.index .first img {padding-top: 10px;margin: 0 auto;display: block;}
	.index .first p{font-size: 12px;}
	.index li a{font-size: 12px;}
	.index .news li a{height: auto;}
	.index .title span{font-size: 14px;}
	.index .dynamic .apply{font-size: 12px; padding: 0 7px;line-height: 24px;position: relative;top: 5px;}
	.index .tab span{font-size: 14px;}
	.index .viewpoint a{font-size: 14px;}
	.index .viewpoint p{font-size: 12px;}
	.index .qrcode{position: fixed;top: 50%;left: 50%;margin-top: -100px;margin-left: -100px;}


	/*
	*----------------------
	*	栏目页面部分
	*----------------------
	*/
	.main{width: 100%;max-width: none;box-sizing:border-box;padding:0 10px;}
	.main .common{width: 100%;box-sizing:border-box;padding: 10px 20px;}
	.main .sidebar li{width:20%;display: inline-block;border-radius: 5px;text-align: center;}
	.main .common .lists{overflow:hidden;margin-bottom:20px;}
	.main .common .lists li{padding:20px 0 40px;}
	.main .common .lists .more{bottom:10px;}
	.main .common .pages a{margin-bottom:10px;}
	.main .common .lists img{width:100px;height:66px;margin-right:10px;}
	.main .common .content img{width:100% !important;height:auto !important;}
	.main .common .content table{width:100% !important;}
	.footer{display: none}

}

/*
*----------------------
*	媒体查询500px
*----------------------
*/
@media screen and (max-width:500px){
	.main .common{padding: 10px 10px;}
	.main .calendar .tab{margin-bottom: 0;}
	.main .calendar .tips span{font-size: 12px;padding: 0 10px;}
	.main .calendar .tab a{font-size: 14px;}
	.main .calendar li{padding: 10px 0;}
	.main .calendar li a{font-size: 14px;line-height: 30px;display: block;margin-top: 3px;}
	.main .calendar li p{font-size: 12px;}
	#top{right: 15px;width: 15px;height: 15px;line-height: 13px;font-size: 22px;}
	.main .common .content .table li {width: 100%;display: inline-block;padding: 5px 0;}
	.main .sidebar li{width:25%;}
		.footer{display: none}
}

@media screen and (max-width:350px){
	.main .sidebar li{width:33%;}
		.footer{display: none}
}