@charset "utf-8";


/*home*/
h3 {
	margin-top: 0;
}

#home {
	padding-bottom: 80px;
	background    : #FFF;
}

#home .daohang1 {
	margin-top   : 27px;
	line-height  : 30px;
	text-align   : left;
	margin-bottom: 25px;
	color        : #000;
	font-size    : 16px;
	padding-left : 100px;
}

#home .daohang1 img {
	vertical-align: middle;
	margin-right  : 5px;
	width         : 40px;
	height        : auto;
}

#home .daohang1 a {
	color: #000000;
}

#home .daohang1 a:hover {
	color: #545151;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	#home .daohang1 {
		padding-left: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	#home .daohang1 {
		padding-left: 0;
	}
}

@media screen and (min-width:1200px) and (max-width:1240px) {
	#home .daohang1 {
		padding-left: 16px !important;
	}
}

#home .artcs {
	width       : 900px !important;
	padding-left: 0 !important;
}

#home #article {
	float        : left;
	width        : 880px;
	padding-left : 100px;
	padding-right: 80px;
}

#home #article #other {
	width: auto;
}

#home #article .title {
	font-size  : 22px;
	color      : #000000;
	font-weight: bold;
}

#home #article .info {

	padding  : 18px 0 15px 0;
	font-size: 14px;
	color    : #000000;
}

#home #article .info span {
	margin-right: 15px;
}

#home #article .info span img {
	margin-right: 4px;

}

#home #article .teacher {
	text-align: center;
	margin-top: 5px;
}

#home #article .img {
	margin    : 15px auto;
	text-align: left;
}

#home #article .img img {
	max-width: 100%;
	height   : auto;
}

#home #article p {
	text-align     : left;
	font-size      : 14px;
	color          : #333333;
	line-height    : 24px;
	/*padding-right: 15px;*/
}

#home #article .intr p {
	/*line-height: 30px;*/
}

#home #article .indent {
	text-indent: 2em;
}

#home #article em {
	display    : block;
	text-align : left;
	font-weight: bold;
	font-style : italic;
	font-size  : 12px;
}

#home #article .right {
	float: right;
}

#home #article .tit_little {
	font-size  : 14px;
	color      : #000000;
	font-weight: bold;
	margin     : 20px 0 5px 0;
	text-align : left;
}

#home #article .pic {
	float       : left;
	margin-right: 30px;
	width       : 200px;
	margin-top  : 15px;
}

#home #article .pic p {
	padding-right: 0;
}

#home #article a {
	color: #333;
}

#home #article a:hover {
	text-decoration: none;
}

#home #article #other {
	padding-top : 100px;
	margin-right: -140px;
}

#home #article #other h3.xiangguan {
	font-size    : 24px;
	color        : #282828;
	font-weight  : bold;
	background   : url(../fonts/d0d8789db0234070a31a05b80edbb0ab.woff);
	background           : #f9f9f9;
	text-shadow          : none;
	-webkit-border-radius: 4px;
	-moz-border-radius   : 4px;
	border-radius        : 4px;
	position             : fixed;
	left                 : 0;
	right                : 0;
	z-index              : 40;
	display              : none;
}

.certbox img.img {
	width  : 800px;
	height : 581px;
	z-index: 60;
}

.certbox .close {
	width          : 30px;
	height         : 30px;
	background     : url('../images/close.png') no-repeat;
	background-size: 30px;
	display        : inline-block;
	cursor         : pointer;
	position       : absolute;
	right          : -15px;
	top            : -15px;
	z-index        : 90;
}

@media(max-width:1240px) {
	#home #article {
		width  : 98% !important;
		margin : auto;
		float  : none;
		padding: 0;
	}

	#home .daohang1 {
		text-align: left;
	}

	#home #article .teacher {
		margin: auto;
	}

	#home #article .teacher img {
		width: 100%;
	}

	#aside .ft {
		margin-bottom: 0;
	}

	#home #article #other {
		margin-right: 0;
		padding-top : 0px
	}

	#home #article #other ul li {
		width        : 98%;
		float        : none;
		text-align   : center;
		margin-bottom: 60px;
	}

	#home #article #other ul li img {
		width: 300px;
	}

	#home #article #other ul li.two {
		margin-left: 0;
	}

	.fancybox {
		display: none;
	}

}

@media(max-width:1240px) {
	#aside {
		width     : 100%;
		margin-top: 16px;
		position  : relative;
		right     : 0;
	}

}


@media(max-width:768px) {
	#home #article table {
		width: 100%;
	}

	#home #article>div {
		width: 100%;
	}

	#home .daohang1 {
		padding-left: 3px;
		display     : none;
	}

	#home #article #other h3.xiangguan {
		margin-bottom: 20px;
	}

	#home #article .imglist img {
		text-align   : center;
		width        : 100%;
		margin-bottom: 20px;
	}

	#home #article .video {
		text-align: center;
		width     : 50%;
	}

	#home #article .title {
		text-align: center;
		font-size : 18px !important;
	}

	#home #article .right {
		float: none;
	}

	#home #article #other ul li img {
		width: 100%;
	}

	#home #article #other ul li h4 {
		font-size: 14px;
	}

	#home .ditu {
		width     : 100%;
		text-align: center;
		height    : auto;
	}

	#home #article .videoplay {
		width   : 300px;
		height  : 200px;
		margin  : auto;
		overflow: visible;
	}

	#home #article .text-width {
		/*max-width:375px;*/
		overflow: hidden;
		margin  : auto;
	}

	#aside {
		width     : 100%;
		margin-top: 36px;
		position  : relative;
		right     : 0;
	}

	.school_album .tab div.first,
	.fees .tab div {
		margin-left: 40px !important;
	}

	.course_milan_article_css.fees .tab .tab1,
	.course_milan_article_css.fees .tab .tab2,
	.course_milan_article_css.fees .tab .tab3,
	.school_album.fees .tab div,
	.fees .tab div {
		margin: 0 20px 0 0;
	}
}