.pro-img .swiper-container {
        width: 100%;
       
        margin-left: auto;
        margin-right: auto;

    }
    .pro-img .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    .pro-img .gallery-top {
        height: 400px;
        width: 100%;
    }
.pro-img .gallery-top { height: 400px; width: 100%; }
.pro-img .gallery-top  i{position: absolute; z-index: 9; right: 30px;top: 0px;width: 45px;height: 56px;}
.pro-img .gallery-top  i.t{background: url(../images/h-icon-t.png) no-repeat;}
.pro-img .gallery-top  i.n{background: url(../images/h-icon-n.png) no-repeat;}
.pro-img .gallery-top  i.n_1{background: url(../images/h-icon-n102.png) no-repeat;background-size:100%;}
.pro-img .gallery-top  i.n_2{background: url(../images/h-icon-n103.png) no-repeat;background-size:100%;}




    .pro-img .gallery-thumbs {
        height: 120px;
        box-sizing: border-box;
        padding: 10px 0;
    }
    .pro-img .gallery-thumbs .swiper-slide {
        width: 20%!important;
        height: 100%;
        opacity: 0.4;
    }
    .pro-img .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
    }
    @media screen and (max-width: 1450px) {
        .pro-img{ width: 1100px;}
    }
    @media screen and (max-width: 1290px) {
        .pro-img{ width:900px;}
    }
    @media screen and (max-width: 1034px) {
        .pro-img{ width:850px;}
    }