*{
    margin: 0;padding: 0;list-style: none;text-decoration: none;font-family: "微软雅黑";
}
input[type=button],
input[type=submit],
input[type=file],
button {
	cursor: pointer;
	-webkit-appearance: none;
}
.middle .banner {
    padding-bottom: 1vw;
}
.middle .banner img{
    display: block;
    width: 100%;
}
.middle .position {
    height: 9.333333333333333vw;
    background-color: #f5f5f5;
}
.middle .position ul {
    display: flex;
    padding-left: 2vw;
}
.middle .position li:first-child {
    color: #1f1f1f;
    padding-right: 1vw;
}
.middle .position li {
    font-size: 3.2vw;
    line-height: 9.333333333333333vw;
    color: #555555;
}

.middle .position li a {
    color: #555555;
}



.middle .list ul{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding-top: 2vw;
}

.middle .list li{

    width: 47%;

}
.middle .list .img
{
    width: 100%;
    height: 29vw;
    overflow: hidden;
    background: url(/class/template/publicimg/loading.gif) no-repeat center;
    background-size: 10%;

}


.middle .list li img{
    display: block;
    width: 100%;
}
.middle .list li h4{
    text-align: center;
    font-size: 3.2vw;
    color: #2d2d2d;
    padding: 1.333333333333333vw 0 2.666666666666667vw;
}

.middle .page {
    padding: 4vw 0;
    text-align: center;
    font-size: 3.2vw;
    color: #666666;
}