@charset "utf-8";

/* CSS Document */
.content {
	position: relative;
	height: 100vh;
	width: 100%;
}

.white {
	background: #f1f1f1;
}

.black {
	background: #000;
}

.icon01 {
	width: 22px;
	height: 22px;
	background-image: url(../images/quan.png);
	background-size: cover;
	position: absolute;
	right: 10px;
	top: 108px;
	z-index: 1;
	display: none;

}

.black .icon01 {
	width: 22px;
	height: 22px;
	background-image: url(../images/quan.png);
	background-size: cover;
	position: absolute;
	right: 10px;
	top: 108px;
	z-index: 1;
	display: none;

}

.kuangjia {
	width: 375px;
	display: block;
	height: 667px;
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -187.5px;
	top: 50%;
	margin-top: -333.5px;
}

.iframe_a {
	margin: 0 auto;
	width: 375px;
	display: block;
	height: 667px;
	border: 0;

}

.black .kuangjia {
	width: 550px;
	display: block;
	height: 90vh;
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -275px;
	top: 5vh;
	margin-top: 0;
}

.black .iframe_a {
	margin: 0 auto;
	width: 550px;
	display: block;
	height: 90vh;
	border: 0;

}

.logo {
	width: 1200px;
	margin: 0vh auto 23vh auto;
	text-align: center;
	padding-top: 10vh;

}

.list {
	margin: 0 auto;
	width: 1200px;
	position: relative;
}

.list .a01 {
	position: absolute;
	left: 0;
	top: 0
}

.list .a02 {
	position: absolute;
	left: 176px;
	top: 101px;
}

.list .a03 {
	position: absolute;
	left: 352px;
	top: 0px;
}

.list .a04 {
	position: absolute;
	left: 526px;
	top: -101px;
}

.list .a05 {
	position: absolute;
	left: 526px;
	top: 101px;
}

.list .a06 {
	position: absolute;
	left: 702px;
	top: 0px;
}

.list .a07 {
	position: absolute;
	left: 878px;
	top: -101px;
}

.list .a08 {
	position: absolute;
	left: 878px;
	top: 101px;
}

.list .a09 {
	position: absolute;
	left: 1055px;
	top: 0px;
}
.list .a10 {
	position: absolute;
	left: 176px;
	top: -101px;
}

.list .zhenzhao {
	background-image: url(../images/bg01.png);
	width: 197px;
	height: 178px;
	position: absolute;
	left: 19px;
	top: 16px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	letter-spacing:8px;
	font-weight: bold;
	line-height:170px;
	padding-left: 8px;
	background-size: cover;
	display: none;
}
.list a:hover  .zhenzhao{
	display: block;
}
.contentc{
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position:left bottom; 
}