@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
  url('iconfont.woff') format('woff'),
  url('iconfont.ttf') format('truetype'),
  url('iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6, input, select, textarea {
    outline: 0;
    font-weight: 400;
    font-size: 100%;
}
img{
	display: inline-block;
}
.clearfloat:after{
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	height:0;
}	 
.clearfloat{
	zoom:1
} 
body{
	width: 100%;
	background: #f6f6f6;
}
.banner{
	overflow:hidden;
	position:relative;
	width:100%;
	background: url(../images/banner-bg.png);
}
.banner .block_box{
	width:100%;
	height: 125px;
	top: 5px;
	position: absolute;
	background:url(../images/bdc.png)center no-repeat;
}
.banner-title{
	position:absolute;
	display:inline-block;
	width:1061px;
	height:107px;
	position:absolute;
    top:50%;
    left:50%;
    margin-top:-207.5px; /*元素高度的一半*/
    margin-left:-530.5px; /*元素宽度的一半*/
	background:url(../images/white-item.png)center no-repeat;
	
}
.banner-modern{
	position:absolute;
	display:inline-block;
	width:372px;
	height:71px;
	position:absolute;
    top:50%;
    left:50%;
    margin-top:-64.5px; /*元素高度的一半*/
    margin-left:-186px; /*元素宽度的一半*/
	background:url(../images/Modern.png)center no-repeat;
}
.banner-info{
	position:absolute;
	display:inline-block;
	width:409px;
	height:123px;
	position:absolute;
    top:50%;
    left:50%;
    margin-top:38.5px; /*元素高度的一半*/
    margin-left:-204.5px; /*元素宽度的一半*/
	background:url(../images/sam-intro.png)center no-repeat;
	
}
.content-1,.content-2,.content-3,.content-4,.content-6,.content-7,.content-8{
	width: 64%;
	min-width: 1200px;
	margin:0 auto;
}
.content-5{
	width: 74%;
	margin:0 auto;
}
.title{
	text-align: center;
	margin-bottom: 60px;
}
.small-cnt{
	margin-top: 100px;
}
.content-1 .course-ctn{
	position: relative;	
}
.content-1 .course-ctn .gallery-thumbs{
	position: absolute;
	right:44px;
	bottom:20px;
	z-index: 2;
	width: 420px;
}
.content-1 .course-ctn .gallery-thumbs .swiper-slide{
	width: 80px;
	height: 100px;
	text-align: center;
	float: left;
	position: relative;
	margin-bottom: 16px;
	cursor: pointer;
}
.content-1 .course-ctn .gallery-thumbs .swiper-slide i{
	display: block;
	color: #B18C62;	
}
.content-1 .course-ctn .gallery-thumbs .swiper-slide span{
	color: #B18C62;
	font-size: 15px;
	position: absolute;
	bottom: 20px;	
	display: block;
	width: 100%;
}
.content-1 .course-ctn .gallery-top .pic-box{
	float: left;
	width: 56%;
}
.content-1 .course-ctn .gallery-top .txt-box{
	float: left;
	width: 42%;
	height: 535.25px;	
	border: 2px solid #E5E5E5;
	border-left: none;
}
.content-1 .course-ctn .gallery-top .txt-box h5{
	font-size: 26px;
	letter-spacing: 1px;
	line-height: 3.5;
	text-align: center;
}
.content-1 .course-ctn .gallery-top .txt-box p{
	font-size: 19px;
	line-height: 1.8;
	padding:0 60px;
}
.click-btn{
	width: 24%;
	margin:0 auto;
	margin-top:50px;
	background: #EAAE32;	
    text-align: center;
    -moz-box-shadow: 2px 2px 5px #B5B5B5;
    box-shadow: 2px 2px 5px #B5B5B5;
}
.click-btn a {
	display: block;
    font-size: 27px;
    line-height: 2;
    color: #fff;
    font-weight: 400;
    letter-spacing: 3px;
	transition:all .3s;
    -webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.click-btn a:hover{
	transition:all .3s;
    -webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	background: #fff;
	color: #EAAE32;	
}
.content-2 .analysis-cnt ul li{
	display: inline-block;
	width: 25%;
	float: left;
	text-align: center; 
	
}
.content-2 .analysis-cnt ul li img{
	border-radius: 29px 96px 0 96px;
}
.content-2 .analysis-cnt ul li img:hover{
	transform: rotateY(360deg);
	box-shadow: 0 0 20px #595959;
    border-radius: 29px 96px 0 96px;
	transform:translate(0,-15px);
}
.content-4 img.left-pic{
	float: left;
}
.content-4 img.right-pic{
	float: right;
}
.content-5 .swiper-ctn{
	position: relative;
}
.content-5 .swiper-container{
	width: 87%;
	margin:0 auto;
}
.content-5 .swiper-container .swiper-slide{
	border:3px solid #D9D9DC;
	padding:24px 18px;
	min-height: 628px;
}
.content-5 .swiper-container .swiper-slide img{
	width: 100%;
}
.content-5 .swiper-container .swiper-slide h4{
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	line-height: 1.8;
	margin-top: 25px;
}
.content-5 .swiper-container .swiper-slide h5{
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	line-height: 1.8;
}
.content-5 .swiper-container .swiper-slide p{
	padding:0 20px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.8;
}
.content-5 .swiper-button-next,.content-5 .swiper-button-prev{
	width: 50px;
	height: 50px;
	line-height: 44px;
	border-radius: 50px;
	background: #9E9D9D;
	text-align: center;	
}
.content-5 .swiper-button-next span,.content-5 .swiper-button-prev span{
	font-size: 40px;
	color: #fff;
}
.content-6 .top-gallery{
	margin-bottom: 30px;
}
.content-6 .top-gallery .swiper-slide{
	text-align: center;
	cursor: pointer;
	float: left;
    width: 33%;
}
.content-6 .top-gallery .swiper-slide a{
	width: 95px;
	height: 95px;
	border-radius: 95px;
	line-height: 95px;
	display: inline-block;
	background: #DCCBB8;
	margin-right: 10px;
}
.content-6 .top-gallery .swiper-slide i{	
	font-size: 50px;
	color: #333333;	
}
.content-6 .top-gallery .swiper-slide span{
	color: #B18B61;
	font-size: 32px;
}
.content-6 .cnt-gallery{
	width: 1200px;
	height: 540px;
	overflow-x: hidden;
	position: relative;
}
.content-6 .cnt-gallery img{
	display: inline-block;
}
.content-6 .cnt-gallery .clearfloat{
	position: absolute;
}
.content-6 .cnt-gallery .clearfloat .swiper-slide{
	display: inline-block;
	width: 1200px;
	float: left;
}
.content-7 .swiper-container .teac_pic{
	width: 30%;
	float: left;
}
.content-7 .swiper-container .teacher-part{
	width: 68%;
	float: right;
}
.content-7 .swiper-container .teacher-part .teac_intro{
	padding:0 100px;
	background: #F1F1F2;
	min-height: 500px;
	margin-bottom: 20px;
}
.content-7 .swiper-container .teacher-part .teac_intro h4{
	font-size: 24px;
	line-height: 5;
}
.content-7 .swiper-container .teacher-part .teac_intro p{
	font-size: 18px;
	line-height: 1.8;
}
#swiper2 .sp1-y{
	text-align: center;
	margin-top: 30px;
}
#swiper2 .sp1-y span{
	width: 20px;
	height: 20px;
	border:2px solid #C6C6C7;
	background: #fff;
	opacity: 1;
	margin:0 8px;
}
#swiper2 .sp1-y span.swiper-pagination-bullet-active{
	background: #C6C6C7;
}
.content-8 .cooper{
	text-align: center;
}
.content-8 .cooper .cooper-1{
	margin-bottom: 20px;
}