#demo {
        overflow: hidden;
    }
    #indemo {
        float: left;
        width: 600%;
    }
    #demo1 {
        float: left;
    }

    #demo2 {
        float: left;
    }
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}

.clearfix:after {
clear: both;
}
.Box {
position: relative;
margin-bottom: 30px;
}

.Box .content {
margin: 0 auto;
}

.Box .Box_con {
position: relative;
}

.Box .Box_con .conbox {
position: relative;
overflow: hidden;
}

.Box .Box_con .conbox ul {
position: relative;
list-style: none;
}

.Box .Box_con .conbox ul li {
    float: left;
    overflow: hidden;
    cursor: pointer;
    float: left;
    /*width: 25%;*/
    max-width:340px;
    height: 450px;
    padding: 0px 12px 0px 12px;
    list-style: none;
}

.Box .Box_con .conbox ul li img {
    display: block;
    transition: all 0.5s;
        object-fit: cover;
}

.Box .Box_con .conbox ul li:hover img {
transform: scale(1.1);
}

.Box .BoxSwitch {
margin-top: 30px;
text-align: center;
}


@media (max-width:1600px) {

}

@media (max-width:1400px) {

}

@media (max-width:1200px) {

}

@media (max-width:991px) {

}

@media (max-width:767px) {

}

@media (max-width:640px) {
    .Box .Box_con .conbox ul li {
    float: left;
    overflow: hidden;
    cursor: pointer;
    float: left;
    width: 50%;
    height: 450px;
    padding: 0px 12px 0px 12px;
    list-style: none;
}
}

@media (max-width:460px) {

}