@charset "utf-8";
/* CSS Document */

html{
	height: 100%;
}
a :hover {
	text-decoration: none;cursor:pointer;
}
a {
	text-decoration: none;cursor:pointer;
}
body{
	width: 100%; 
	height: 100%;
	background-size:16px; 
	background-repeat:no-repeat;
	font-family: "微软正黑";
}
.center{
	width: 94%;
	height: 100%;
    float: right;
    bottom:0;
}
.center_title{    
    width: 100%;
    float: left;
    overflow: hidden;
}
.center_title h1{
	color: #FFF;
    font-size: 2.5vw;
    padding-top: 5vh;
    padding-bottom: 2vh;
    padding-left: 2.5vw;
    font-weight: normal;
}
.whsc_list{
	background-image: url(/img/57fb4cded1496.png);
	float: left; 
	overflow: hidden; 
	width: 21%; 
	height: 100%; 
	position: absolute;
    background-color: #f7a0a1;
    background-size: 80%;
    background-position: 120% 105%;
    background-repeat: no-repeat;
}
.lanmu{
	margin-top: 4vh;
    display: block;
    float: left;
    margin-left: 2vw;
    overflow: hidden;
    white-space: nowrap;
}
.lanmu a{
	color: #FFF;
	font-size: 1vw;
    text-decoration: none;
}
.whsc_list ul{
	width: 100%;
    overflow: hidden;
    position: relative;
    top: 2vh;
    text-align: center;
    font-size: 1.5vw;	
}
.whsc_list ul li{
	border-bottom: 1px solid #FFF;
	height: 8vh;
	line-height: 8vh;
}
.whsc_list ul li a{
	color: #FFF;
	font-size: 1.4vw;
}
.whsc_list ul li a:hover{
text-decoration:none;

}
.listwz_In,.listph_In{
	display: none;
}
.whsc_nr{
	overflow: auto;
    width: 79%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/img/exhibition_list_bg.jpg);
    padding-left:2vw;
}
.dh{
	width: 99%;
    height: 4vh;
    margin-top: 3vh;
	display: block;
	overflow: auto;
	float: right;
	margin-bottom: 2vh;
}
.dh ul{
	
}
.dh ul li{
	float: left;
	margin: 0 0.5vw;
	font-size: 1.2vw;
	height: 3.5vh;
	width: 2.5vw;
	border: none;
	display: block;
	overflow: hidden;
}
.dh ul li a{
	color: #333333;
	font-size: 1.2vw;
	height: 3.5vh;
	width: 2.5vw;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
	.dh ul li a:hover {
		text-decoration:none;
	}

.whsc_nr_ul{
	width: 99%;
	height: 95%;
	display: block;
	overflow: auto;
	float: right;
}

.whsc_nr_ul li{
	width: 23%;
	height: 49.9%;
	overflow: hidden;
	display: block;
	border: 1px solid #FFF;
	float: left;
	margin: 2vh 2vw;
}
.whsc_nr_ul li a{
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	opacity: 0.9;
}
.whsc_nr_ul li a:hover{
	opacity: 1.0;
}
.ph_nr_ul{
	width: 99%;
	height: 100%;
	display: block;
    overflow:hidden;
}

.ph_nr_ul li{
	width: 23%;
	height: 49.9%;
	overflow: hidden;
	display: block;
	border: 1px solid #FFF;
	float: left;
	margin: 1vh 0.5vw;
}
.ph_nr_ul li a{
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	opacity: 0.9;
}
.page{ 
	width:60%; 
	height: 5% !important;
	margin:30px auto; 
	overflow:hidden;
	text-align: center;
}
.page ul li{ 
	width:2.5%;
	font-size:18px; 
	color:#333333; 
	float:left; 
	margin:0 10px; 
	cursor:pointer;
	border: none;
}
.page p{ 
	font-size:18px; 
	color:#333333; 
	float:left; 
	margin:0 10px; 
	cursor:pointer;
}
.page li:hover{ color:#E3393C;}
.page p:hover{ color:#E3393C;}

.whsc_nr_u{
	float: left;
    width: 100%;
    height: 33vh;
    border-bottom: 1px solid #FFF;
}
.whsc_nr_u img{
	width: 100%;
	height: 100%;
}
.whsc_nr_d{
	float: right;
	display: block;
	width: 100%;
	height: 30%;
	background-size: 10%;
    background-position: 90% 90%;
	background-image: url(../img/images/icon/R_arrowsC.svg);
    background-repeat: no-repeat;
}
.whsc_nr_d h2{
	color: #FFF;
    font-size: 1.2vw;
    font-weight: normal;
    width: 80%;
    margin: 1vh auto 0.5vh;
    height: 2.5vh;
    line-height: 2.5vh;
    overflow: hidden;
    display: block;
}
.whsc_nr_d h3{
	color: #FFF;
    font-size: 1.2vw;
    font-weight: normal;
    width: 80%;
    margin: 1vh auto 0.5vh;
    height: 2.5vh;
    line-height: 2.5vh;
    overflow: hidden;
    display: block;
    color: #E72B3B;
}
.whsc_nr_d span{
	color: #FFF;
	width: 80%;
    margin: 0 auto;
    font-size: 1vw;
    line-height: 2vw;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.whsc_nr_ul::-webkit-scrollbar{
    width: 6px;
    height: 10px;
    background-color: #f5f5f5;
}
/*定义滚动条的轨道，内阴影及圆角*/
::-webkit-scrollbar-track{
    border-radius: 10px;
    background-color: #f5f5f5;
}
/*定义滑块，内阴影及圆角*/
.whsc_nr_ul::-webkit-scrollbar-thumb{
    /*width: 10px;*/
    height: 10px;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}