﻿@charset "utf-8";


/*home*/
h3{ margin-top:0;}

#home{
	padding-bottom: 80px;
}
#home .daohang1{
	margin-top: 50px;
	line-height: 30px;
	text-align: left;
}
#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:18px;
	color: #333;
	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:90%; 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 table{ width:100%;}
	#home #article > div{width:100%;}
	#home .daohang1,#home #article{padding-left:0px;margin-bottom: 25px;}
	 #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;
	  }
	}	
	