@import url("./public.css");
@import url("./header.css");
@import url("./footer.css");

.banner {
    background: url(../images/banner6.png) no-repeat center;
}

.ztzl {
    padding: 86px 0 83px;
    background: #fff;
}

.ztzl ul {
    margin-top: 18px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.ztzl ul li{
    margin-right: 28px;
    margin-top: 30px;
    width: calc((100% - 56px) / 3);
    height: 206px;
}

.ztzl ul li:nth-child(3n){
    margin-right: 0;
}

.ztzl ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 1200px) {
    .ztzl {
        padding: 40px 0 ;
    }
    .ztzl ul {
        justify-content: space-between;
    }
    .ztzl ul li{
        margin-right: 0;
        width: calc((100% - 20px) / 2);
    }
}

@media only screen and (max-width: 996px) {
    .ztzl ul li{
        height: 170px;
    }
}

@media only screen and (max-width: 768px) {
    .ztzl ul li{
        height: 160px;
    }
}