﻿@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
#exh_wk2{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}
#exh_wk2 .exh_left{
	width: 28%;
	
}
#exh_wk2 .exh_title{
	margin-bottom: 15px;

}
#exh_wk2 .exh_title img{
	width:100%;
}
#exh_wk2 .exh_con{
	font-size: 14px;
	line-height: 25px;
	text-indent: 30px;
	color: #888;
}
#exh_wk2 .exh_right{
	width: 68%;
	margin-bottom:5%;
}
#exh_wk2 .exh_imgs{
	width:100%;
	height:auto;
	/*overflow-y:scroll;*/
	overflow-x:hidden;
	/*max-height: 550px;*/
}



/*滚动条整体样式*/
/*高宽分别对应横竖滚动条的尺寸*/
#exh_wk2 .exh_imgs::-webkit-scrollbar {
			width: 4px;     
			height: 4px;
		}
/*滚动条里面小方块*/
#exh_wk2 .exh_imgs::-webkit-scrollbar-thumb {

	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: rgba(0,0,0,0.2);
}
/*滚动条里面轨道*/
#exh_wk2 .exh_imgs::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0.1);
}
#exh_wk2 ul{

	padding-bottom: 2%;
	overflow: hidden;
}
#exh_wk2 li{
	width:31.3333%;
	float: left;
   margin:1.5% 2% 0 0;
	overflow: hidden;
    padding:0;
}

#exh_wk2 .exh_imgdiv{
	width: 100%;
	height: 100%;
	position: relative;
}
#exh_wk2 .exh_imgdiv img{
	width: 100%;
}
#exh_wk2 .exh_imgdiv .exh_div_p2{
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}
#exh_wk2 .exh_imgdiv .exh_div_p2:hover{
	opacity:0;
	transition:all 0.6s;
}
#exh_wk2 .exh_div_p1{
	font-size: 14px;
	color: white;
	position: absolute;
	top: 50%;
   left: 50%;
	transform: translate(-50%,-50%);	
	font-weight: 700;
   width: 80%;
   text-align: center;
}
#exh_wk2 .exh_div_p2{
	color: white;
	font-size: 12px;
	position: absolute;
	top: 5px;
	right: 10px;
	font-weight: 700;
}


/*--------------------------------------------------------*/



#exh_wk3{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}
#exh_wk3 .exh_left{
	width: 28%;
	
}
#exh_wk3 .exh_title{
	margin-bottom: 15px;
}
#exh_wk3 .exh_con{
	font-size: 16px;
	line-height: 25px;
	text-indent: 30px;
	color: #636363;
}
#exh_wk3 .exh_right{
	width: 68%;
}
#exh_wk3 .exh_imgs{
	width:100%;
	height:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	max-height: 550px;
}
/*滚动条整体样式*/
/*高宽分别对应横竖滚动条的尺寸*/
		/*#exh_wk .exh_imgs::-webkit-scrollbar {
            width: 10px;     
            height: 10px;
        }*/
        /*滚动条里面小方块*/
        /*#exh_wk .exh_imgs::-webkit-scrollbar-thumb {

            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }*/
        /*滚动条里面轨道*/
        /*#exh_wk .exh_imgs::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
        }*/
#exh_wk3 ul{
	padding-right: 2%;
	padding-bottom: 2%;
	overflow: hidden;
}
#exh_wk3 li{
	width:48%;
	float: left;
	padding: 1.5% 0 0 2%;
	overflow: hidden;
}
#exh_wk3 li.exh_li{
	
}
#exh_wk3 .exh_imgdiv{
	width: 100%;
	height: 100%;
	position: relative;
}
#exh_wk3 .exh_imgdiv img{
	width: 100%;
}
#exh_wk3 .exh_div_p1{
	font-size: 16px;
	color: white;
	position: absolute;
	top: 2px;
	left: 4px;
	font-weight: 700;
}
#exh_wk3 .exh_div_p2{
	color: white;
	font-size: 12px;
	position: absolute;
	top: 5px;
	right: 10px;
	font-weight: 700;
}

/*----------------------------------------------------------*/


#exh_wk4{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}
#exh_wk4 .exh_left{
	width: 28%;
	
}
#exh_wk4 .exh_title{
	margin-bottom: 15px;
}
#exh_wk4 .exh_con{
	font-size: 16px;
	line-height: 25px;
	text-indent: 30px;
	color: #636363;
}
#exh_wk4 .exh_right{
	width: 68%;
}
#exh_wk4 .exh_imgs{
	width:100%;
	height:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	max-height: 550px;
}
/*滚动条整体样式*/
/*高宽分别对应横竖滚动条的尺寸*/
		#exh_wk4 .exh_imgs::-webkit-scrollbar {
		            width: 10px;     
		            height: 10px;
		        }
        /*滚动条里面小方块*/
        #exh_wk4 .exh_imgs::-webkit-scrollbar-thumb {
        
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
        /*滚动条里面轨道*/
        #exh_wk4 .exh_imgs::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
        }
#exh_wk4 ul{
	padding-right: 2%;
	padding-bottom: 2%;
	overflow: hidden;
}
#exh_wk4 li{
	width:100%;
	float: left;
	padding: 1.5% 0 0 2%;
	overflow: hidden;
}
#exh_wk4 li.exh_li{
	
}
#exh_wk4 .exh_imgdiv{
	width: 100%;
	height: 100%;
	position: relative;
}
#exh_wk4 .exh_imgdiv img{
	width: 100%;
}
#exh_wk4 .exh_div_p1{
	font-size: 16px;
	color: white;
	position: absolute;
	top: 2px;
	left: 4px;
	font-weight: 700;
}
#exh_wk4 .exh_div_p2{
	color: white;
	font-size: 12px;
	position: absolute;
	top: 5px;
	right: 10px;
	font-weight: 700;
}


/*-----------------------------------------------------------*/


#exh_wk5{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}
#exh_wk5 .exh_left{
	width: 28%;
	
}
#exh_wk5 .exh_title{
	margin-bottom: 15px;
}
#exh_wk5 .exh_con{
	font-size: 16px;
	line-height: 25px;
	text-indent: 30px;
	color: #636363;
}
#exh_wk5 .exh_right{
	width: 68%;
}
#exh_wk5 .exh_imgs{
	width:100%;
	height:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	max-height: 550px;
}
/*滚动条整体样式*/
/*高宽分别对应横竖滚动条的尺寸*/
		/*#exh_wk .exh_imgs::-webkit-scrollbar {
            width: 10px;     
            height: 10px;
        }*/
        /*滚动条里面小方块*/
        /*#exh_wk .exh_imgs::-webkit-scrollbar-thumb {

            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }*/
        /*滚动条里面轨道*/
        /*#exh_wk .exh_imgs::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
        }*/
#exh_wk5 .exh_right .exh_imgs{
	/*overflow: hidden;*/
}
#exh_wk5 ul{
	float: left;
	width: 30%;
	padding-right: 2%;
	padding-bottom: 2%;
	overflow: hidden;
}
#exh_wk5 li{
	width:100%;
	float: left;
	padding: 1.5% 0 0 2%;
	overflow: hidden;
}
#exh_wk5 li.exh_li{
	
}
#exh_wk5 .exh_imgdiv{
	width: 100%;
	height: 100%;
	position: relative;
}
#exh_wk5 .exh_imgdiv img{
	width: 100%;
}
#exh_wk5 .exh_div_p1{
	font-size: 16px;
	color: white;
	position: absolute;
	top: 2px;
	left: 4px;
	font-weight: 700;
}
#exh_wk5 .exh_div_p2{
	color: white;
	font-size: 12px;
	position: absolute;
	top: 5px;
	right: 10px;
	font-weight: 700;
}





#exh_wk6{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}
#exh_wk6 .exh_left{
	width: 28%;
	
}
#exh_wk6 .exh_title{
	margin-bottom: 15px;
}
#exh_wk6 .exh_con{
	font-size: 16px;
	line-height: 25px;
	text-indent: 30px;
	color: #636363;
}
#exh_wk6 .exh_right{
	width: 68%;
}
#exh_wk6 .exh_imgs{
	width:100%;
	height:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	max-height: 550px;
}
/*滚动条整体样式*/
/*高宽分别对应横竖滚动条的尺寸*/
		/*#exh_wk .exh_imgs::-webkit-scrollbar {
            width: 10px;     
            height: 10px;
        }*/
        /*滚动条里面小方块*/
        /*#exh_wk .exh_imgs::-webkit-scrollbar-thumb {

            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }*/
        /*滚动条里面轨道*/
        /*#exh_wk .exh_imgs::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
        }*/
#exh_wk6 .exh_right .exh_imgs{
	/*overflow: hidden;*/
}
#exh_wk6 ul:nth-child(1){
	float: left;
	width: 30%;
	padding-right: 2%;
	padding-bottom: 2%;
	overflow: hidden;
}
#exh_wk6 ul:nth-child(2){
	float: left;
	width: 64%;
	padding-right: 2%;
	padding-bottom: 2%;
	overflow: hidden;
}
#exh_wk6 li{
	width:100%;
	float: left;
	padding: 0 0 0 2%;
	overflow: hidden;
}
#exh_wk6 li.exh_li{
	
}
#exh_wk6 .exh_imgdiv{
	width: 100%;
	height: 100%;
	position: relative;
}
#exh_wk6 .exh_imgdiv img{
	width: 100%;
}
#exh_wk6 .exh_div_p1{
	font-size: 16px;
	color: white;
	position: absolute;
	top: 2px;
	left: 4px;
	font-weight: 700;
}
#exh_wk6 .exh_div_p2{
	color: white;
	font-size: 12px;
	position: absolute;
	top: 5px;
	right: 10px;
	font-weight: 700;
}

@media screen and (max-width: 1053px) {
   	#exh_wk2 li{
		width:31%;
	}
	#exh_wk3 li{
		width:48%;
	}
}

@media screen and (max-width: 830px) {
   	#exh_wk2 li{
		width:48%;
	}
	#exh_wk3 li{
		width:48%;
	}
}
@media screen and (max-width: 768px) {
	#exh_wk2 .exh_left{
		width: 90%;
		float: none;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	#exh_wk2 .exh_right{
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	#exh_wk3 .exh_left{
		width: 90%;
		float: none;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	#exh_wk3 .exh_right{
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	#exh_wk4 .exh_left{
		width: 90%;
		float: none;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	#exh_wk4 .exh_right{
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	#exh_wk5 .exh_left{
		width: 90%;
		float: none;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	#exh_wk5 .exh_right{
		float: none;
		width: 90%;
		margin: 0 auto;
	}	
	#exh_wk6 .exh_left{
		width: 90%;
		float: none;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	#exh_wk6 .exh_right{
		float: none;
		width: 90%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 500px) {
	#exh_wk3 li{
		width:100%;
	}
	#exh_wk5 ul{
		width: 100%;
	}
	#exh_wk6 ul:nth-child(1){
		width: 100%;
	}
	#exh_wk6 ul:nth-child(2){
		width: 100%;
	}
}


.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
  
  
}
.fangda{
	-webkit-transform:scale(1.3);
    transform:scale(1.3);
}






