@charset "utf-8";
/*------------------------------------------------------------
	首页
------------------------------------------------------------*/
#main .banner {
	margin-bottom: 0;
	position: relative;
	z-index: 10;
}

#main .banner li {
	height: 540px;
	background: url('../img/cloudBox/banner01.png') no-repeat center center;
	background-size: cover;
}

#main .comBox {
	margin-top: 50px;
	width: 1060px;
}

#sidebar {
	width: 280px;
	float: left;
	position: relative;
	z-index: 999;
	background-color: #FFF;
}

#sidebar.box-active {
	position: fixed;
  top: 91px;
}

#sidebar .outerBox {
	margin-bottom: 23px;
	border: 1px solid #efefef;
}

#sidebar .outerBox.none {
	margin-bottom: 0;
}

#sidebar .outerBox .title {
	padding: 12px 20px;
	color: #282828;
	font-size: 18px;
	background-color: #f1f3f6;
}

#sidebar .outerBox .textList {
	margin: 5px 25px;
}

#sidebar .outerBox .textList li {
	padding: 12px 0;
	color: #393939;
	font-size: 18px;
	border-bottom: 1px solid #f1f3f6;
}

#sidebar .outerBox .textList li:nth-child(2) {
	/* color: #ff3232; */
}

#sidebar .outerBox .textList li:last-child {
	border-bottom: none;
}

#sidebar .outerBox .erweimaBox {
	margin: 27px 0 24px;
	text-align: center;
}

#conts {
	width: 750px;
	float: right;
}

#conts .photoBox img {
	width: 100%;
	height: auto;
	display: block;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#main .banner {
		display: none;
	}

	#main {
		padding-bottom: 0;
	}

	#main .comBox {
		margin-top: 0;
		width: auto;
	}
	
	#sidebar {
		display: none;
	}
	
	#conts {
		width: auto;
		float: none;
	}
	
	#conts .photoBox img {
		width: 100%;
		height: auto;
		display: block;
	}
}