.banner{
    background:url(/statics/images/webico/kszx/banner.jpg) center top no-repeat;
    background-size:100%;
    height:500px;
    width:100%;
}
h1{
    color:#d05329;
    font-size:1.8em;
    text-align:center;
    margin-bottom:2%;
    line-height: 1.5em;
}
.layout{
    list-style:none;
    width:100%;
    margin:3% 0 0 0;
    padding:0;
    display:table;
}
.layout li{
    width:23.5%;
    margin:2% 0 0 2%;
    float:left;
}
.layout li img{
	border-radius:8px;
}
.layout li:first-child,.layout li:nth-child(5){
    margin-left:0%;
}
.layout li p{
    text-align:center;
    margin-top:3px;
}


@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%;
    }
    .layout li{
        width:49%;
        margin-left:2%;
    }
    .layout li:nth-child(odd){
        margin-left:0%;
    }
}
@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%;
    }
    .layout li{
        width:49%;
        margin-left:2%;
    }
    .layout li:nth-child(odd){
        margin-left:0%;
    }
    
}