@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#000;
}

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color: #c00 !important;
}

.fw{
	color:#fff;
}

.fw a{
	color:#fff;
}

.fw a:hover{
	color:#dfdfdf !important;
}

img{
	display:block;
	max-width: 100%;
	max-height: 100%;
}
.pic img{
	width: 100%;
	height: 100%;
}


.wrapper{
	width:100%;
	min-width:1200px;
	max-width:1920px;
	margin:0px auto;
	overflow:hidden;
}

.box{
	width:1200px;
	margin:0px auto;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}





#layout1{
	background: #645e5e;
	width: 100%;
    height: 100%;
	position:relative;
	overflow:hidden;
}
.close{
    position: absolute;
    width: 46px;
    height: 46px;
    right: 9.2%;
    top: 2.8%;
    background:url(images/close.png) no-repeat;
    transition: opacity 0.2s;
    z-index: 99;
}

.prve,.next{
	width:57px;
	height:150px;
	position:absolute;
	top:50%;
	margin-top:-75px;
	cursor:pointer;
	z-index:99;
}
.prve{ background:url(images/prve.png) no-repeat; background-size:100% 100%; left:6%;}
.next{ background:url(images/next.png) no-repeat; background-size:100% 100%; right:6%;}


.drop-photo{
	position: absolute;
	width:64%;
	height: 100%;
	left:18%;
	top: 0px;
}
.slide{
	width:100%;
    height:100%;
    position:relative;
	display:none;
	overflow:hidden;
}
.slide .pic,.slide .pic img{
	height: 100%;
	width: 100%;
}

.ren{ position:absolute;cursor:pointer; width:11.4%;}
#ren1{ top:21.1%; left:27.5%;}
#ren2{ top:16%; left:46.4%;}
#ren3{ top:17.3%; left:58.4%;}
#ren4{ top:28.1%; left:25.5%;}
#ren5{ top:26%; left:68.8%;}
#ren6{ top:35.3%; left:76.4%;}
#ren7{ top:31.2%; left:87.2%;}
#ren8{ top:39.3%; left:44.6%;}
#ren9{ top:46.1%; left:33.2%;z-index:100;}
#ren10{ top:45%; left:42.7%;}
#ren11{ top:46%; left:74.4%;}
#ren12{ top:51.7%; left:28.4%;}
#ren13{ top:52.6%; left:54.8%;}
#ren14{ top:54.2%; left:66.4%;z-index:100;}
#ren15{ top:52.6%; left:71.7%;}
#ren16{ top:58.6%; left:77.1%;}
#ren17{ top:58.1%; left:35.7%;}
#ren18{ top:60%; left:45.1%;}
#ren19{ top:63.6%; left:55.8%;}
#ren20{ top:65.6%; left:70.3%;}
#ren21{ top:65.2%; left:45%;}
#ren22{ top:69.1%; left:27.8%;}
#ren23{ top:69.5%; left:41.5%;}
#ren24{ top:70.1%; left:55.7%;}
#ren25{ top:75.3%; left:46.7%;}
#ren26{ top:74.5%; left:68.7%;}
#ren27{ top:90.3%; left:51.4%;}
#ren28{ top:0.3%; left:6%;}



.ren .name{ float:left;	margin-top:17%; overflow:hidden;}
#name1{ margin-left:-10px;}
#ren14 .name{ margin-top:30%; margin-left:-15px;}


.name h5{
	font-size:18px;
	color:#fff;
	background:#cc9e51;
	line-height:22px;
	height:24px;
	float:left;
}
.name .h5-1{padding:0px 4px 0px 11px;}
#ren10 .name .h5-1{padding:0px 3px 0px 8px;}

.name .h5-2{padding:0px 11px 0px 4px;}
.name span{
	width:0;
    height:0;
	float:left;
}
.sp1{
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    border-left:17px solid #cc9e51;
	display:inline-block;
}
.sp2{
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    border-right:17px solid #cc9e51;
	display:inline-block;
}
.sp3{
	width:0;
    height:0;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	border-bottom:6px solid #cc9e51;
}

.ren i{
	width:23.4%;
	display:inline-block;
	float:left;
}


.slide .active{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.ren.hui{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.slide .active .name h5{ background:#c62521;}
.slide .active .sp1{border-left:17px solid #c62521;}
.slide .active .sp2{border-right:17px solid #c62521;}
.slide .active .sp3{border-bottom:6px solid #c62521;}

#ren28{ width:240px;}
#ren28 i,#ren28 .name,#ren28 .name h5{ float:none;}
#ren28 i{ width:10.5%; margin-left:44.5%;}
#ren28 .name{ margin-top:-12%; overflow:visible; position:relative;}
#ren28 .sp3{ position:absolute; top:-6px; left:46.6%;}
#ren28 .name h5{ text-align:center;}


.ren .text{
	display:none;
	width:200%;
	position:absolute;
	left:0;
	top:52px;
	cursor:auto;
}
.slide .active .text{
	display:block;
}
#ren28 .text{width:96%; top:74px; left:-10px;}

.ren .text p{
	width:auto;
	display:inline-block;
	line-height:16px;
	height:16px;
	margin-top:0.4%;
	font-size:13px;
	padding:0 4px;
	background-color:rgba(255,255,255,0.8);
}






#ren-1{ top:1.2%; left:9.5%;}
#ren-2{ top:1.1%; left:22.7%;}
#ren-3{ top:15.5%; left:8.4%;}
#ren-4{ top:27.7%; left:72.3%;}
#ren-5{ top:38.9%; left:11.4%;}
#ren-6{ top:34.4%; left:23.4%;}
#ren-7{ top:39.7%; left:63.9%;}
#ren-8{ top:40.7%; left:76.9%;}
#ren-9{ top:47.6%; left:46.7%;}
#ren-10{ top:48.2%; left:64.3%;}
#ren-11{ top:52.5%; right:-0.9%;}
#ren-12{ top:57.9%; left:0.7%;}
#ren-13{ top:63.3%; left:6.3%;}
#ren-14{ top:57.9%; left:27.3%;}
#ren-15{ top:69.8%; left:36%;}
#ren-16{ top:67.6%; left:57.4%;}
#ren-17{ top:67.5%; left:72.8%;}
#ren-18{ top:72.4%; left:82.1%;}
#ren-19{ top:77.4%; right:-1.15%;}







@media (max-width: 1650px) {
	.ren .text{ width:180%;}
}
@media (max-width: 1450px) {
	.name .h5-1{padding:0px 2px 0px 6px;}
	.name .h5-2{padding:0px 6px 0px 2px;}
}




.drop-vr{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color:rgba(0,0,0,0.8);
	z-index: 6666;
	display: none;
}

.drop-vr .vr-show {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.ren .text p{
	height:auto;
	line-height:20px;
	padding:5px 0px 5px 6px;
}
#ren7 .text{ left:-80px;}
#ren-11 .text{ left:-110px;}
#ren-18 .text{ left:-120px;}
#ren-19 .text{ left:-110px;}


.ren .text p{
	height:auto;
	line-height:20px;
	padding:5px 0px 5px 6px;
}
#ren7 .text{ left:-80px;}
#ren-11 .text{ left:-110px;}
#ren-18 .text{ left:-120px;}
#ren-19 .text{ left:-110px;}

@media (max-width: 1450px) {
	#ren10{width: 12.4%;left:41.9%;}
}

/*王汉松添加开始*/
#ren29{ top:54.1%; left:42.35%;}
#ren29.ren .name{margin-top:8.6%;}
#ren17,#ren18,#ren19{ z-index:100;}
/*王汉松添加结束*/