.banner{
    background:url(/statics/images/webico/kszx/banner.jpg) center top no-repeat;
    background-size:100%;
    height:500px;
    width:100%;
}
.title{
    color:#de7d60;
    text-align:center;
    font-size:2em;
    margin-bottom:2%;
}
.department_layout{
    margin:3% 0 0 0;
    padding:0;
    list-style:none;
    width:100%;
    display:table;
}
.department_layout li{
    width:14.8%;
    float:left;
    text-align:center;
    border:1px solid #d7d3d3;
    margin:2% 0 0 2%;
    border-radius:8px;
    cursor:pointer;
}
.department_layout li a img{
    margin-top:9%;
}
.department_layout li a div{
    margin:3% 0 12% 0;
}
.department_layout li:first-child,.department_layout li:nth-child(7),.department_layout li:nth-child(13){
    margin-left:0;
}
.department_layout li:hover{
    border:1px solid #de7d60;
    -moz-box-shadow:-2px 3px 15px #de7d60; 
    -webkit-box-shadow:-2px 3px 15px #de7d60; 
    box-shadow:-2px 3px 15px #de7d60;
}
hr{
    height:3px;
    background-color:#e9e7e7;
    margin-top:3%;
    border:0;
}

@media screen and (min-device-width:371px) and (max-device-width: 420px) {
    .banner{
        background:url(/statics/images/webico/kszx/m_banner.jpg) center top no-repeat;
        height:260px;
        background-size: 100%;
    }
    .title{
        font-size:1.5em;
        margin-bottom:3%;
    }
    .department_layout li{
        width:23.6%;
        margin:1% 0 0 1%;
    }
    .department_layout li a img{
        width:70%;
    }
    .department_layout li:first-child,.department_layout li:nth-child(5),.department_layout li:nth-child(9),.department_layout li:nth-child(13){
	    margin-left:0;
    }
    .department_layout li:nth-child(7){
	    margin-left:1%;
    }
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
    .banner{
        background:url(/statics/images/webico/kszx/m_banner.jpg) center top no-repeat;
        height:230px;
        background-size: 100%;
    }
    .title{
        font-size:1.5em;
        margin-bottom:3%;
    }
    .department_layout li{
        width:23.6%;
        margin:1% 0 0 1%;
    }
    .department_layout li:first-child,.department_layout li:nth-child(5),.department_layout li:nth-child(9),.department_layout li:nth-child(13){
	    margin-left:0;
    }
    .department_layout li:nth-child(7){
	    margin-left:1%;
    }
    .department_layout li a img{
        width:70%;
    }
}