#main {
	margin-top:104px;
	max-width:1170px
}
@media
(max-width:992px) {
	#main {
	padding:0 20px
}
}#main h1 {
	color:#333;
	text-align:center;
	margin-top:54px;
	font-size:48px;
	font-weight:300;
	line-height:1.1;
	letter-spacing:1px
}
#main
.img {
	width:100%;
	height:480px;
	background-color:#eee;
	margin:54px auto;
	display:block;
	background-image:url(../image/about.jpg)
}
@media
(max-width:768px) {
	#main .img {
	height:200px
}
}#main p {
	color:#333;
	margin-top:40px;
	font-weight:200;
	font-size:16px;
	line-height:1.8
}
#main
p span {
	display:block
}

.clear:after {
	display:block;
	content:'';
	clear:both
}
.clear:after,.clear:before {
	content:"";
	display:table
}
.clear:after {
	clear:both
}
.clear {
	*zoom:1
}
.youziku_xxindex-cont {
	width:100%;
	height:auto;
	margin-top: 30px;
	padding: 30px 0;
	background-color: #f7f7f9;
	
}
.youziku_xxindex-cont-nei {
	width:1050px;
	height:auto;
	margin:0 auto
}
.youziku_xxindex-cont-h3 {
	position:relative;
	width:304px;
	height:35px;
	line-height:30px;
	font-size:20px;
	color:#333;
	text-align:center;
	margin:0 auto
}
.youziku_xxindex-cont-h3 img {
	width:100%
}
.youziku_xxindex-cont-h3 b {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:35px;
	line-height:30px;
	font-size:18px;
	color:#333;
	text-align:center
}

.youziku_xxindex-cont3 li a {
	width:180px;
	height:64px;
	padding:18px 30px;
	background:#f7f7f9;
	border-width:1px
}
.youziku_xxindex-cont3 li a span {
	display:block;
	width:120px;
	height:64px;
	margin:0 auto
}
.youziku_xxindex-cont3 li a span img {
	width:100%;
	transition:all .6s
}

.youziku_xxindex-cont-h4 {
	width:100%;
	height:auto;
	line-height:28px;
	font-size:14px;
	color:#333;
	text-align:center;
	font-weight:normal
}

.fl {
    float: left;
    display: inline;
}
li {
    list-style-type: none;
}
dl, dt, dd, ul, li {
    list-style: none;
}