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

}

@media screen and ( min-width: 640px ){
#footer .footer-nav .sub-nav li{
display:inline-block;
vertical-align:top;
margin:0 10px 5px
}


#footer-map .footer-nav .sub-nav li{
display:inline-block;
vertical-align:top;
margin:0 10px 5px
}

}

@media screen and ( min-width: 640px ){
.link-list li{
display:inline-block;
vertical-align:top;
width:49.99999%;
padding:0 20px
}


}

@media screen and ( min-width: 640px ){
#home .comm-section{
max-width:1200px
}

#home .comm-news2 .item{
display:inline-block;
vertical-align:top;
width:49.9999%;
margin:0 auto
}

#home .comm-news2 .item+.item{
margin:0 auto
}

#home .comm-law{
float:left;
width:48%;
margin:0 0 20px
}

#home .comm-down{
margin:0 0 20px 51%
}


}

@media screen and ( min-width: 640px ){
#about .about-history{
padding:70px 2% 0
}

#about .about-history .bg{
position:absolute;
left:2%;
top:0;
z-index:0
}

#about .about-history .history-list{
-moz-box-shadow:0 0 3px 3px #ccc;
-webkit-box-shadow:0 0 3px 3px #ccc;
box-shadow:0 0 3px 3px #ccc;
position:relative;
float:right;
width:51%;
padding:40px 0;
border:1px solid #eee;
border-top:3px solid #D9A300;
background:#fff;
z-index:1
}

#about .map-chose{
text-align:right
}

#about .map-chose .cate{
display:inline-block;
vertical-align:middle;
text-align:left;
width:35%;
max-width:340px;
margin:0 5px 15px
}


}

@media screen and ( min-width: 640px ){
#im .im-opinion .sub-nav a:hover{
background:#eee;
color:#444
}

#im .im-telephone-directory a:hover{
text-decoration:underline
}


}

@media screen and ( min-width: 640px ){
#user .service-group .item{
display:inline-block;
vertical-align:top;
width:49.99999%;
padding:0 10px 0 0
}


}

@media screen and ( min-width: 640px ){
#news .news-history .date-wrap label{
display:inline-block;
vertical-align:top;
width:45%;
max-width:280px
}

#news .news-history .date-wrap label:first-child{
margin:0 4% 0 0
}

#news .news-history .cate{
margin:0 20px
}


}

@media screen and ( min-width: 640px ){
#seminar .form-wrap fieldset{
margin:15px auto;
width:100%;
display:inline-block;
vertical-align:middle
}

#seminar .form-wrap .field1{
width:550px
}

#seminar .form-wrap .field2{
width:490px
}

#seminar .form-wrap label{
width:auto
}

#seminar .form-wrap .legend{
float:left;
margin:0 10px 0 0
}

#seminar .form-wrap .cate{
width:210px
}

#seminar .form-wrap .label{
display:inline-block;
vertical-align:middle;
margin:0 10px 0 0
}

#seminar .form-wrap .datepicker{
width:150px
}

#seminar .form-wrap .btn-submit{
margin:0;
display:inline-block;
vertical-align:middle;
width:120px;
text-align:center
}

#seminar .page-chose .label{
margin:0 20px 0 0
}


}