.mainbox{width: 100%}
.container{width: 1200px;margin:0 auto;padding: 20px 0;}
.   .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.gallery-top {
    height: 500px;
    width: 600px;background£º#ddd;border: 1px solid #ddd;
}
.gallery-thumbs {
    height: 150px;
    width: 600px;
    box-sizing: border-box;
    padding: 10px 0;border: 1px solid #eee;
}
.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
    border: 2px solid #d7000d;margin-left: 5px;
}
.swiper-button-next{background: url("../Image/n.png") center no-repeat!important;width: 45px;}
.swiper-button-prev{background: url("../Image/p.png") center no-repeat!important;width: 45px;}
.np{width: 650px;height: 650px;float: left;}