@charset "utf-8";


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

#home {
	padding-bottom: 80px;
}

#home .daohang1 {
	margin-top   : 50px;
	line-height  : 30px;
	text-align   : left;
	margin-bottom: 25px;
}

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

#home .daohang1 {
	color       : #000000;
	font-size   : 16px;
	padding-left: 100px;
}

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

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


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

#home #article>div {
	width: 700px;
}

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

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

#home #article .info {
	text-align: center;
	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 {
	text-decoration: underline;
	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(../images/bg-other.png) no-repeat center;
	margin-bottom: 60px;
}

#home #article #other ul {}

#home #article #other ul li {
	width : 363px;
	height: 215px;
	float : left;
}

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

#home #article #other ul li img {
	width : 363px;
	height: 215px;
}


#home #article .video {
	float        : left;
	width        : 33.33%;
	margin-bottom: 40px;
}

#home #article h3 {
	margin-top: 10px;
}

#home #article .video .video_img {
	width        : 128px;
	height       : 128px;
	padding      : 4px;
	border       : 1px solid #cfcfcf;
	margin       : 0 auto;
	margin-bottom: 10px;
}

#home #article .video .video_img img {
	width : 100%;
	height: 100%;
}

#home #article .videotitle {
	text-align   : center;
	margin-bottom: 30px;
}

#home #article .video .video_title {
	font-size         : 12px;
	color             : #000;
	line-height       : 16px;
	height            : 32px;
	overflow          : hidden;
	display           : -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	width             : 128px;
	margin            : 0 auto;
}

#home #article .video hr {
	border    : none;
	margin    : 5px auto;
	width     : 24px;
	border-top: 1px solid #c0c0c0;
}

#home #article .video .time {
	font-size  : 12px;
	line-height: 16px;
	color      : #8d8d8d;
	text-align : center;
}

#home #article .videoplay {
	width   : 700px;
	height  : 394px;
	margin  : 0 auto;
	overflow: visible;
}

#home #article table {
	text-align: left;
}

#home #article table strong {
	font-weight: bold;
}

#home #article table td,
#home #article table p {
	font-size   : 12px;
	padding-left: 5px;
}

#home #article table.cost td {
	padding-top   : 5px;
	padding-bottom: 5px;
}

#home #article .center * {
	text-align: center;
}

.certbox {
	width                : 830px;
	height               : 601px;
	padding              : 15px;
	margin               : 0px auto;
	box-shadow           : 0 10px 25px rgba(0, 0, 0, 0.5);
	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('../img/index/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%;
		margin : auto;
		float  : none;
		padding: 0;
	}

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

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

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

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

	#home #article p {
		/*text-align:center;*/
	}

	#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 .title {
		font-size: 22px;
	}

	#home #article table {
		width: 100%;
	}

	#home #article>div {
		width: auto;
	}

	/* #home .daohang1,#home #article{padding-left:11px}; */

	#home .daohang1 {
		padding-left: 15px
	}

	;

	#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;
	}

	#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;
	}
}



/* @media screen and (max-width:1024px) and (min-width:769px){
#home .daohang1, #home #article {
    padding-left:20px;
   }
}                              */