.head_img{
margin:0 auto;
width:73%;
height:250px;
background:#B2B2B2;
position:relative;
}
.head_img img{
width:100%;
height:250px;
position:absolute;
z-index:1;
}
@media screen and (max-width:800px) {
body{
width:1450px !important;
}
}

.logo{
position:absolute;
z-index:5;
}
.menu ul li div{
z-index:5;
}

#content{
width:73%;
height:auto;
padding:50px 2px;
overflow:hidden;
margin-top:60px;

}
#content h1{
font-weight:normal;
font-size:22px;
}

#vsb_content{
padding: 0 100px!important;
}
#vsb_content_2{
padding: 0 100px!important;
}
#vsb_content img{
margin:0 auto !important;
}



.handwriting{
display:inline-block;
width:30%;
height:350px;
margin-left:15px;
float:left;
}
.handwriting h4{
color:#eb6100;
margin:0;
margin-top:10px;
margin-left:10px;
}
.handwriting a{
text-decoration:none;
color:black;
}
.handwriting a:hover{
color:red;
}




#content>ul>li{
list-style:none;
width:700px;
height:210px;
margin:20px auto;
border-bottom:1px solid #B2B2B2;
}
.work-img{
width:300px;
height:210px;
float:left;
}
.work-img img{
height:92%!important;
}
.work-content{
overflow:hidden;
}
.work-content p,span{
margin-left:10px;
}
.work-content p{
font-size:14px; 
font-weight: 100;
}
.work-time,.work-teacher{
padding:2px;
display:inline-block;
margin:10px 10px;
font-size:14px;
background:#d3d1d1;
}
.work-title{
padding:5px;
display:inline-block;
margin:10px 10px;
background:#eb6100;
color:white;
}
.work-more{
margin-top: 4px;
}
.work-more a{
color:black;
text-decoration:none;
}
.work-more a:hover{
color:red;
}