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

html{
	height: 100%;
}

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: 5vh;
    padding-left: 2.5vw;
    font-weight: normal;
}
.sfzt_list {
    background-image: url('../../img/201710311236440.png');
    float: left;
    overflow: hidden;
    width: 24%;
    height: 100%;
    position: absolute;
    background-color: #f1c192;
    background-size: 80%;
    background-position: 15vw 58vh;
    background-repeat: no-repeat;
}
.lanmu{
	margin-top: 5vh;
    display: block;
    float: left;
    margin-left: 1.8vw;
    overflow: hidden;
    white-space: nowrap;
}
.lanmu a{
	color: #FFF;
	font-size: 1.0vw;
    text-decoration:none;
}
.sfzt_list ul{
	width: 100%;
    overflow: hidden;
    position: relative;
    top: 1%;
    text-align: center;
    font-size: 1.4vw;	
}
.sfzt_list ul li{
	border-bottom: 1px solid #FFF;
	height: 9vh;
	line-height: 9vh;
}
.sfzt_list ul li a{
	color: #FFF;
    text-decoration:none;
}

.sfzt_nr{
    overflow: auto;
    width: 76%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/img/exhibition_list_bg.jpg);
}
.listwz_In{
	display: none;
}
.sfzt_nr_ul{
	width: 100%;
	height: 100%;
	display: block;
	overflow: auto;
}
.sfzt_nr_ul div{
	width: 50%;
	height: 100%;
}
.sfzt_nr_ul li{
	width: 100%;
	height: 49.9%;
	overflow: hidden;
	display: block;
	border-bottom: 1px solid #FFF;
}
.sfzt_nr_ul li a{
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	opacity: 0.9;
}
.sfzt_nr_ul li a:hover{
	opacity: 1.0;
}
.page{ 
	width:100%; 
	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;}

.sfzt_nr_l{
	float: left;
    width: 50%;
    height: 100%;
}
.sfzt_nr_l img{
	width: 100%;
	height: 100%;
}
.sfzt_nr_r{
	float: right;
	display: block;
	width: 100%;
	height: 100%;
	background-size: 10%;
    background-position: 90% 90%;
	background-image: url(../img/images/icon/R_arrowsC.svg);
    background-repeat: no-repeat;
}
.sfzt_nr_r h2{
	color: #FFF;
    font-size: 2vw;
    font-weight: normal;
    padding-top: 5vh;
    padding-left: 2.5vw;
}
.sfzt_nr_r span{
	color: #FFF;
    padding-top: 3vh;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    font-size: 1.5vw;
    line-height: 2vw;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 20px;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.sfzt_nr_ul::-webkit-scrollbar{
    width: 6px;
    height: 10px;
    background-color: #f5f5f5;
}
/*定义滚动条的轨道，内阴影及圆角*/
::-webkit-scrollbar-track{
    border-radius: 10px;
    background-color: #f5f5f5;
}
/*定义滑块，内阴影及圆角*/
.sfzt_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;
}