@charset "utf-8";
.vim{
overflow:hidden;
}
.vim>.title{
text-align:center;
width:15%;
position:relative;
}
.vim .title,.vim .pic{
float:left;
}
.vim .pic{
position:relative;
/*width:78%;*/
width:85%;
float:right;
}
.vim .top-title a {
color:#9A231D;
}
.vim .top-title{
padding:50px 0px;
width:45%;
margin:0px auto;
float:left;
}
.vim .work-title{
font-size:40px;
}
.vim .work-title span{
display:block;
}
.vim .more-title{
margin-top:40px;
}
.vim>.title>.top-title{
background-color:#EEECED;
box-shadow:0 3px 5px 5px rgba(0, 0, 0, 0.1);
margin-bottom:250%;
}
/*
.vim .bottom-title{
float:left;
position:absolute;
width:200px;
z-index:20;
display:none;
}
.vim .bottom-title>a{
width:100%;
padding:6px 0px;
display:block;
color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color:#9A231D;
}
.vim .bottom-title>a:hover{
background-color:#791C17;
}*/
/*vim pic*/
.vim .pic .big{
overflow:hidden;
width:70%;
}
.vim .pic .big>div{
width:4000px;
overflow:auto;
position:relative;
}
.vim .pic .big>div>a{
float:left;
position:relative;
display:block;
}
.vim .pic .big>div>a .exhibition{
display:inline;
background-color:#9A231D;
padding:0.5% 1.5%;
border-radius:2px;
color:#FFFFFF;
font-size:13px;
margin-left:4%;
}									
.vim .pic .big>div>a .exhi-text{
font-size:22px;
color:#000000;
margin:1% 0px 1% 4%;
}
.vim .pic .big>div>a .exhi-text:hover{
color:#9A231D;
}
.vim .pic .big>div>a .exhi-excert{
color:#777777;
font-size:13px;
margin-left:4%;
margin-right:4%;
}
.vim .pic .big>div>a>.text-1,.vim .pic .small>div>a>.text-1{
position:relative;
width:100%;
bottom:0px;
top:-4px;
padding:15px 0px;
background-color:#F1F1F1;
}
.vim .pic .big>div>a>.text-1{
width:66%;
}
.vim .pic .small{
width:40%;
overflow:hidden;
position:absolute;
top:65%;
right:4%;
}
.vim .pic .small>div{
width:4000px;
position:relative;
overflow:auto;
}
.vim .pic .small>div>a{
float:left;
position:relative;
display:block;
}
.vim .pic .small>div>a .exhi{
display:inline;
background-color:#9A231D;
padding:0.5% 1.5%;
border-radius:2px;
color:#FFFFFF;
font-size:13px;
margin-left:4%;
}									
.vim .pic .small>div>a .exhimar{
margin-left:4%;
margin-top:2%;
}



.vim .button{
position:absolute;
top:110%;
width:30%;
left:27%;
}			
.vim .button>div{
width:8px;
height:8px;
background-color:#DDDDDD;
float:left;
margin:0px 2%;
cursor:pointer;
}				
.vim .top-title:hover{
transform:scale(1.1);
box-shadow:3px 35px 77px -17px rgba(0, 0, 0, 0.8);
background-color:#EEECED;
}
.vim .top-title{													
overflow:auto;
padding:50px 0px;
transition:all 0.3s ease;
position:relative;
z-index:21;						
}


@media screen and (min-width: 1240px) {

}

@media (min-width: 1200px) and (max-width: 1239px){
.vim .work-title{
font-size:30px;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.vim .work-title{
font-size:30px;
}			
}
@media (min-width: 750px) and (max-width: 991px){
.vim .work-title{
font-size:25px;
}			
}
@media (min-width: 0px) and (max-width: 749px){
	.vim>.title,.vim .pic,.vim>.title{
		width:100%;
	}
	.vim .more-title{
		display:none;
	}
	.vim>.title{
		position:static;
		margin-bottom:10%;
	}	
	.vim .top-title{
		width:100%;
		margin-bottom:0px !important;
		padding:2% 0px;
	}
	.vim .work-title{
		overflow:auto;
		font-size:20px;
		width:30%;
		margin:0px auto;
	}
	.vim .work-title>span{
		display:inline;
		
	}
	.vim .bottom-title>div{
		padding:17px 0px;
		margin:10% 0px;;
	}
	.vim .bottom-title>a{
		margin:2% 0px;
	}		
	.vim .bottom-title{
		position:static;
		width:100%;
	}
	.vim .pic .small{
		display:none;
	}
	.vim .pic .big{
		width:100%;
	}
	.vim .button{
		position:static;
		width:30%;
		margin:0px auto;
		overflow:hidden;
		margin-top:20px;
	}
	.vim .button>div{
		margin:0px 12%;	
	}
	.vim .pic{
		overflow:hidden;
	}
	.vim-top{
		padding-top:0px !important;
	}
	.vim .pic .big>div>a>.text-1{
		width:100%;
	}

}