.null {
	border-bottom: 2px solid #ccc;
}
.main h1 {
	text-align: center;
	line-height: 60px;
	font-size: 30px;
}
.main-l {
	margin-top: 60px;
}
.main-l span {
	color: #ccc;
	font-size: 16px;
}
/*.main-r {
	padding-right: 30px;
}*/
.main-l a {
	line-height: 40px;
	color: #333;
	font-size: 16px;
}
.main-l a:hover {
	color: skyblue;
}
	#cont{
		position: relative;
		width: 100%;
		height: 500px;
		margin:20px auto 0 auto
	}
	.imm li {
		position: absolute;
		display: block;
		width: 100%;
		height: 600px;
	}
	.imm li img {
		width: 100%;
		height: 500px;
	}
	.btn ul {
		position: absolute;
		z-index: 10000;
		bottom: 40px;
		right: 20px;

	}
	.btn ul li{
		width: 20px;
		height: 20px;
		background-color: #cccccc;
		border-radius: 50%;
		list-style: none;
		float: left;
		margin: 0 5px;
		text-align: center;
		color: white;
		line-height: 20px;
		cursor: pointer;
	}
	.btn ul li.on{
		background-color: aquamarine;
	}
	.diin{
		width: 100%;
		height: 30px;
		background-color: black;
		opacity: 0.5;
		position: absolute;
		bottom: 0;
		color: white;
		z-index: 10000;
	}
	#jiao{
		display: none;
	}
   #left{
	   width: 35px;
	   height: 50px;
	   background-color: #555555;
	   opacity: 0.6;
	   z-index: 9999;
	   display: block;
	   position: absolute;
	   top: 50%;
	   left: 20px;
	   color: white;
	   font-size: 20px;
	   line-height: 50px;
	   text-align: center;
	   text-decoration: none;


   }
	#right{
		width: 35px;
		height: 50px;
		background-color: #555555;
		opacity: 0.6;
		z-index: 9999;
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		color: white;
		font-size: 20px;
		line-height: 50px;
		text-align: center;
		text-decoration: none;

	}
.title h1 {
	color: #132527;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 7px;
}
.about {
	width: 1020px;
	margin: 0 auto;
}
.img {
	width: 450px;
	overflow: hidden;
	padding-top: 15px;	
}
.img img {
	/*width: 400px;*/
}
.word {
	width: 540px;
	padding-top: 40px;
}
.word h3 {
	line-height: 30px;
	font-family: 'Gidugu';
}
.word span {
	line-height: 40px;
	color: #888;
}
.word p {
	color: #02bdd5;
	line-height: 30px;
	margin-bottom: 18px;
}
.main .p {
	font-size: 30px;
	font-weight: 700;
	padding-left: 30px;
	background-color:#02bdd5;
	line-height: 60px;
	width: 200px;
}
.main span {
	margin-left: 30px;
	height: 60px;
	width: 110px;
	display: inline-block;
	background-color: #fff;
}
.imp {
	border-top: 1px solid #333;
	margin-top: 60px;
	height: 350px;
}
.imp-l {
	width: 500px;
}
.imp-l img {
	width: 500px;
}
.imp-r {
	margin-left: 60px;
	width: 640px;
}
.imp-r h5 {
	font-size: 28px;
	line-height: 60px;
	color: #333;
	margin-top: 20px;
}
.imp-r p {
	font-size: 20px;
	line-height: 40px;
	color: #333;
	margin-top: 0px;
}
.imp-r a {
	display: block;
	margin: 20px auto;
	width: 100px;
	height: 40px;
	background-color: #02bdd5;
	color: #f4f4f4;
	line-height: 40px;
	font-size: 20px;
	text-align: center;
	border-radius: 8px;

}
.imp-r a:hover {
	background-color: #fff;
	color: #02bdd5;
}