*{box-sizing:border-box;}
.shop-banner{position:relative;}
.shop-banner .text{position:absolute;top:32%;left:20%;}
.shop-banner h2{font-size:65px;font-weight:bold;color:#fff;}
.shop-banner p{font-size:27px;color:#fff;opacity:0.75}
.shop-block{margin-top:20px;position:relative;color:#000;}
.shop-block .block-tit{font-size:22px;color:#000;font-weight:bold;line-height:60px;}
.shop-block .block-tit span{font-size:15px;color:#000;line-height:60px;}
.shop-block .shop-l{width:380px;position:absolute;left:0;right:0;height:500px;}
.shop-block .shop-l img{width:100%;height:100%;}
.shop-block .shop-l .text{position:absolute;width:100%;padding:20px 30px;left:0px;bottom:0px;}
.shop-block .shop-l .text p{font-size:14px;line-height:20px;text-align:justify;color:#fff;}
.shop-block .shop-r{margin-left:390px;height:500px;position:relative ;}
.shop-block4 .shop-r .shop-r-l {
    width: 260px;
    height: 500px;
    position: relative;
    float: left
}

    .shop-block4 .shop-r .shop-r-r 
    {
        float:right;
        width:535px
    }

        .shop-block4 .shop-r .shop-r-r > div {
            float: left;
            width: 260px;
            height: 245px;
            margin-right:10px;
            margin-bottom:10px;
            position:relative
        }

            .shop-block4 .shop-r .shop-r-r > div:nth-child(2n) {
                float: right;
                margin-right: 0px
            }

            .shop-block4 .shop-r .shop-r-r > div p {
                position: absolute;
                top: 15px;
                left: 0;
                width: 100%;
                text-align: center;
                padding: 0 10px;
            }


            .shop-block1 .shop-r .shop-r-l {
                width: 490px;
                height: 500px;
                position: absolute;
                top: 0;
                left: 0;
            }
    .shop-block1 .shop-r .shop-r-l >div{
        float:left;
        width:240px;
        height:245px;
        background:#fff;
        text-align:center;
        margin-right:10px;
        margin-bottom:10px

    }

        .shop-block1 .shop-r .shop-r-l > div:nth-child(2n)
        {
            float:right;
            margin-right:unset !important
        }
        .shop-block1 .shop-r .shop-r-l .shop-r-l-t {
            width: 100%;
            height: 250px;
        }
.shop-block1 .shop-r .shop-r-l .shop-r-l-b{height:250px;padding-top:10px;}
.shop-block1 .shop-r .shop-r-l .shop-r-l-b div{width:185px;margin-left:10px;position:relative;float:left;}
.shop-block1 .shop-r .shop-r-l .shop-r-l-b div p{position:absolute;top:15px;left: 0;width:100%;text-align:center;padding:0 10px;}
.shop-block1 .shop-r .shop-r-l .shop-r-l-b div:first-child{margin-left:0px;}
.shop-block1 .shop-r .shop-r-r{margin-left:500px;width:300px;}
    .shop-block1 .shop-r .shop-r-r div {
        width: 300px;
        height: 117px;
        position: relative;
        margin-bottom: 10px;
     
    }
.shop-block1 .shop-r .shop-r-r div p{position:absolute;top:2px;left:8%;}
.shop-block2 .shop-r-l{width:225px;height:500px;position:absolute;top:0;left:0;}
.shop-block2 .shop-r-l div{margin-bottom:10px;position:relative;width:100%;}
.shop-block2 .shop-r-l div p{position:absolute;top:15px;left:2%;padding:0 10px;}
.shop-block2 .shop-r-r{margin-left:235px;position:relative;}
.shop-block2 .shop-r-r .shop-r-r-l{width:380px;position:absolute;top:0;left:0;}
.shop-block2 .shop-r-r .shop-r-r-l .shop-r-r-l-t{width:100%;height:250px;}
.shop-block2 .shop-r-r .shop-r-r-l .shop-r-r-l-b{width:100%;height:250px;padding-top:10px;}
.shop-block2 .shop-r-r .shop-r-r-l .shop-r-r-l-b div{width:185px;height:240px;margin-left:10px;float:left;position:relative ;}
.shop-block2 .shop-r-r .shop-r-r-l .shop-r-r-l-b div:first-child{margin-left:0px;}
.shop-block2 .shop-r-r .shop-r-r-l .shop-r-r-l-b div p{position:absolute;top:15px;left: 0;width:100%;text-align:center;padding:0 10px;}
.shop-block2 .shop-r-r .shop-r-r-r{margin-left:390px;width:185px;}
.shop-block2 .shop-r-r .shop-r-r-r .shop-r-r-r-t{width:100%;height:330px;margin-bottom:10px;position:relative ;}
.shop-block2 .shop-r-r .shop-r-r-r .shop-r-r-r-b{width:100%;height:160px;position:relative ;}
.shop-block2 .shop-r-r .shop-r-r-r div p{position:absolute;top:15px;left: 0;width:100%;text-align:center;padding:0 10px;}
.shop-block3 .shop-r-l{width:510px;height:500px;position:absolute;top:0;left:0;}
.shop-block3 .shop-r-l .l{float:left;margin-left:10px;width:330px;margin-bottom:10px;position:relative}
    .shop-block3 .shop-r-l .l >div{
        width:160px;height:160px;
        float:left;
        margin-bottom:10px;
        position:relative
        
    }

        .shop-block3 .shop-r-l .l > div:nth-child(2n)
        {
            float:right;
        }

        .shop-block3 .shop-r-l .r {
            margin-left: 0px;
            width: 160px;
            float: right;
            position:relative
        }
.shop-block3 .shop-r-l div p{position:absolute;top:0px;left: 0;width:100%;text-align:left;padding:0 2px;}
.shop-block3 .shop-r-r{margin-left:520px;width:300px;height:500px;}
.shop-block3 .shop-r-r div{width:100%;height:118px;margin-bottom:4px;position:relative;}
.shop-block3 .shop-r-r div p{position:absolute;bottom:5px;left: 0;width:100%;text-align:center;padding:0 10px;color:#fff;}
.shop-block4 .shop-r-t{height:180px;width:810px;margin-bottom:10px;}
.shop-block4 .shop-r-t div{float:left;margin-left:10px;width:263px;}
.shop-block4 .shop-r-t div:first-child{margin-left:0px;}
.shop-block4 .shop-r-b{height:310px;width:810px;}
.shop-block4 .shop-r-b div{float:left;margin-left:10px;width:185px;position:relative;}
.shop-block4 .shop-r-b div:first-child{margin-left:0px;}
.shop-block4 .shop-r-b div:nth-child(3),.shop-block4 .shop-r-b div:nth-child(4){width:205px;}
.shop-block4 .shop-r-b div p{position:absolute;bottom:5px;left: 0;width:100%;text-align:center;padding:0 40px;height:50px;}
.shop-block5 .shop-r-l{width:225px;height:500px;position:absolute;top:0;left:0;}
.shop-block5 .shop-r-l div{margin-bottom:10px;position:relative;width:100%;height:160px;}
.shop-block5 .shop-r-r{margin-left:235px;position:relative;}
.shop-block5 .shop-r-r .shop-r-r-l{width:380px;position:absolute;top:0;left:0;}
.shop-block5 .shop-r-r .shop-r-r-l .shop-r-r-l-t{width:100%;height:160px;}
.shop-block5 .shop-r-r .shop-r-r-l .shop-r-r-l-b{width:100%;height:250px;padding-top:10px;}
.shop-block5 .shop-r-r .shop-r-r-l .shop-r-r-l-b div{width:185px;height:240px;margin-left:10px;float:left;position:relative ;}
.shop-block5 .shop-r-r .shop-r-r-l .shop-r-r-l-b div:first-child{margin-left:0px;}
.shop-block5 .shop-r-r .shop-r-r-r{margin-left:390px;width:185px;}
.shop-block5 .shop-r-r .shop-r-r-r div{width:100%;height:250px;margin-bottom:10px;position:relative ;}
.shop-block5 .shop-r-r .shop-r-r-r div p{position:absolute;top:15px;left: 0;width:100%;text-align:center;padding:0 10px;}
.shop-block6 .shop-r .shop-r-l{width:575px;height:500px;position:absolute;top:0;left:0;}
.shop-block6 .shop-r .shop-r-l .shop-r-l-t{width:100%;height:300px;position:relative;}
.shop-block6 .shop-r .shop-r-l .shop-r-l-t p{position:absolute;bottom:5px;left: 30px;}
.shop-block6 .shop-r .shop-r-l .shop-r-l-b{height:200px;padding-top:10px;}
.shop-block6 .shop-r .shop-r-l .shop-r-l-b .shop-r-l-b-l{width:225px;margin-right:10px;position:relative;float:left;}
.shop-block6 .shop-r .shop-r-l .shop-r-l-b .shop-r-l-b-r{width:340px;position:relative;float:left;}
.shop-block6 .shop-r .shop-r-l .shop-r-l-b div p{position:absolute;bottom:6px;left: 15px;color:#fff;}
.shop-block6 .shop-r .shop-r-r{margin-left:585px;width:235px;}
.shop-block6 .shop-r .shop-r-r div{width:225px;height:160px;position:relative;margin-bottom:10px;}
.shop-block6 .shop-r .shop-r-r div p{position:absolute;bottom:15px;left: 0;width:100%;text-align:center;padding:0 40px;color:#fff;}
.shop-block7 .shop-r .shop-r-l{width:575px;height:500px;position:absolute;top:0;left:0;}
.shop-block7 .shop-r .shop-r-l .shop-r-l-t{width:100%;height:250px;position:relative;}
.shop-block7 .shop-r .shop-r-l .shop-r-l-t p{position:absolute;bottom:5px;left: 30px;color:#fff;}
.shop-block7 .shop-r .shop-r-l .shop-r-l-b{height:250px;padding-top:10px;}
.shop-block7 .shop-r .shop-r-l .shop-r-l-b .shop-r-l-b-l{width:380px;margin-right:10px;position:relative;float:left;}
.shop-block7 .shop-r .shop-r-l .shop-r-l-b .shop-r-l-b-r{width:185px;position:relative;float:left;}
.shop-block7 .shop-r .shop-r-l .shop-r-l-b div p{position:absolute;bottom:6px;left: 15px;color:#fff;}
.shop-block7 .shop-r .shop-r-r{margin-left:585px;width:235px;}
.shop-block7 .shop-r .shop-r-r div{width:225px;height:160px;position:relative;margin-bottom:10px;}
.shop-block7 .shop-r .shop-r-r div p{position:absolute;bottom:8px;left: 15px;color:#fff;}
.shop-block8 .shop-r-t{height:250px;width:810px;margin-bottom:10px;position:relative}
.shop-block8 .shop-r-t .shop-r-t-l{width:575px;position:absolute;top:0;left:0;}
.shop-block8 .shop-r-t div div{position:relative;}
.shop-block8 .shop-r-t div div p{position:absolute;bottom:6px;left: 6px;color:#fff;}
.shop-block8 .shop-r-t .shop-r-t-r{margin-left:585px;width:235px;}
.shop-block8 .shop-r-t .shop-r-t-r div{width:225px;height:121px;margin-bottom:10px;}
.shop-block8 .shop-r-t div p{position:absolute;bottom:8px;left: 15px;color:#fff;}
.shop-block8 .shop-r-b{height:250px;width:810px;}
.shop-block8 .shop-r-b .shop-r-b-l{float:left;width:412px;position:relative;}
.shop-block8 .shop-r-b .shop-r-b-r{float:left;margin-left:10px;width:386px;position:relative;}
.shop-block8 .shop-r-b div p{position:absolute;bottom:10px;left:15px;color:#fff;}

.shop-top{
    display:flex;
    color:#fff
}
    .shop-top img {
        height: 150px;
        width: 300px;
    }


    .shop-top .text {
        display: flex;
        line-height: 30px;
        align-items: center;
        padding: 0 15px;
        text-align: justify;
    }

.shop-block1 .shop-c, .shop-block1 .shop-b {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    text-align:center
}

    .shop-block1 .shop-c > div img,
    .shop-block1 .shop-b > div img {
        width: 292px;
        transition: all 0.5s;
    }


    .shop-block1 .shop-c .img-box, .shop-block1 .shop-b .img-box {
        text-align: center;
        overflow: hidden;
        width: 292px;
    }


        .shop-block1 .shop-c .img-box img:hover, .shop-block1 .shop-b .img-box img:hover {
            transform: scale(1.2);
        }
.shop-block3 .shop-c
{
    overflow:hidden;
    display:flex;
    justify-content:space-between;
    margin:10px 0;
    text-align:center
}


.shop-block3 .shop-c .shop-c-l {
   /* width: 908px;
    float:left*/
}

    .shop-block3 .shop-c .shop-c-r    
    {
        /*float:right*/
    }
    
    .shop-block3 .shop-c .shop-c-l > div {
        width: 292px;
        margin-right: 10px;
        float: left;
    }

    .shop-block3 .shop-c .shop-c-l > div:nth-child(4n) {
       /* float: right;*/
        margin-right: 0px;
    }

    .shop-block3 .shop-c .shop-c-l p, .shop-block3 .shop-c .shop-c-r p
    {
        line-height:32px;
    }


    .shop-block3 .shop-c > div img{
        width: 292px;
        transition: all 0.5s;
    }


    .shop-block3 .shop-c .img-box {
        text-align: center;
        overflow: hidden;
        width: 292px;
    }


        .shop-block3 .shop-c .img-box img:hover {
            transform: scale(1.2);
        }


   .shop-block3 .shop-b > div img {
        width: 292px;
        transition: all 0.5s;
    }


 .shop-block3 .shop-b .img-box {
        text-align: center;
        overflow: hidden;
        width: 292px;
    }


       .shop-block3 .shop-b .img-box img:hover {
            transform: scale(1.2);
        }


.shop-block3  .shop-b
{
    display:flex;
    justify-content:space-between;
    text-align:center;

}

    .shop-block3 .shop-b>div{
        width:292px;
    }
    .shop-block3 .shop-b p {
      padding:0 3px
    }

.shop-block4 .shop-c {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    text-align:center
}

    .shop-block4 .shop-c .shop-c-l > div{
        width:232px;
        float:left;
        margin-right:10px;
    }

        .shop-block4 .shop-c .shop-c-l > div:nth-child(4n) {
            float: right;
        }

    .shop-block4 .shop-c > div img {
        width: 232px;
        transition: all 0.5s;
    }


    .shop-block4 .shop-c .img-box {
        text-align: center;
        overflow: hidden;
        width: 232px;
    }


        .shop-block4 .shop-c .img-box img:hover {
            transform: scale(1.2);
        }

    .shop-block4 .shop-c .shop-c-l p, .shop-block4 .shop-c .shop-c-r p {
        line-height: 32px;
    }



.shop-block7 .shop-c {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    text-align: center
}

    .shop-block7 .shop-c .shop-c-l > div {
        width: 393px;
        float: left;
        margin-right: 10px;
    }

        .shop-block7 .shop-c .shop-c-l > div:nth-child(2n) {
            float: right;
        }

    .shop-block7 .shop-c > div img {
        width: 393px;
        transition: all 0.5s;
    }


    .shop-block7 .shop-c .img-box {
        text-align: center;
        overflow: hidden;
        width: 393px;
    }


        .shop-block7 .shop-c .img-box img:hover {
            transform: scale(1.2);
        }

    .shop-block7 .shop-c .shop-c-l p, .shop-block7 .shop-c .shop-c-r p {
        line-height: 32px;
    }








.shop-block6 .shop-c{
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin:10px 0;
}

.shop-block6  .shop-c-1 > div {
    width: 1200px;
    margin-right: 10px;
}


.shop-block6 .shop-c-2 > div {
    width: 595px;
    margin-right: 10px;
}

    .shop-block6 .shop-c-2 > div:nth-child(2n) {
        float: right;
        margin-right: 0px;
    }

    .shop-block6 .shop-c-2 > div img {
        width: 595px;
        transition: all 0.5s;
    }


.shop-block6 .shop-c-2 .img-box {
    text-align: center;
    overflow: hidden;
    width: 595px;
}


    .shop-block6 .shop-c-2 .img-box img:hover {
        transform: scale(1.2);
    }



.shop-block6 .shop-c-3 > div {
    width: 393px;
    margin-right: 10px;
}

    .shop-block6 .shop-c-3 > div:nth-child(3n) {
        float: right;
        margin-right: 0px;
    }

    .shop-block6 .shop-c-3 > div img {
        width: 393px;
        transition: all 0.5s;
    }


.shop-block6 .shop-c-3 .img-box {
    text-align: center;
    overflow: hidden;
    width: 393px;
}


    .shop-block6 .shop-c-3 .img-box img:hover {
        transform: scale(1.2);
    }


.shop-block6 .shop-c-1 p, .shop-block6 .shop-c-2 p, .shop-block6 .shop-c-3 p {
    line-height: 32px;
}




.shop-block2 .shop-c, .shop-block2 .shop-b, .shop-block2 .shop-b .shop-b-r {
    display: flex;
    justify-content: space-between;
    text-align: center
}


.shop-block2 .shop-c-1{
    text-align:center;
    margin-top:10px
}

.shop-block2 .shop-b .shop-b-l > div {
    float: left;
    width: 292px;
    margin-right: 10px;
}

    .shop-block2 .shop-b .shop-b-l > div:nth-child(2n) {
        float: right;
        margin-right: 0px;
    }


   .shop-block2 .shop-c-1 p {
        line-height: 32px;
    }

.shop-block2 .shop-b p, .shop-block2 .shop-c p {
    line-height: 33px;
}


.shop-block2 .shop-c > div img, .shop-block2 .shop-b > div img {
    width: 292px;
    transition: all 0.5s;
}


.shop-block2 .shop-c .img-box, .shop-block2 .shop-b .img-box {
    text-align: center;
    overflow: hidden;
    width: 292px;
}


    .shop-block2 .shop-c .img-box img:hover, .shop-block2 .shop-b .img-box img:hover {
        transform: scale(1.2);
    }

.shop-block2 .shop-b .img-box {
    background:#fff
}

.shop-block2 .shop-b .shop-b-l, .shop-block2 .shop-b .shop-b-r {
    width: 594px;
}


.shop-block8 .shop-c{
    display:flex;
    justify-content:space-between;
    margin-top:10px;
    text-align:center;
}

.shop-block8 .shop-b {
    display: flex;
    justify-content: space-between;
    text-align:center
}


.shop-block8 .shop-b .shop-b-l{
    display:flex;
   
}


    .shop-block8 .shop-b .shop-b-l p, .shop-block8 .shop-c p {
        line-height: 33px;
    }

    .shop-block8 .shop-b .shop-b-l


    .shop-block8 .shop-b .shop-b-l .img-box img {
           width: 505px;
        height: 260px;
        transition: all 0.5s;
    }


    .shop-block8 .shop-b .shop-b-l .img-box {
        text-align: center;
        overflow: hidden;
        width: 505px;
        height: 260px;
        transition: all 0.5s;
    }


    .shop-block8 .shop-b .shop-b-l img:hover {
        transform: scale(1.2);
        transition: all 0.5s;
    }


    .shop-block8 .shop-b .shop-b-r .img-box img {
        width: 225px;
        transition: all 0.5s;
    }


    .shop-block8 .shop-b .shop-b-r .img-box {
        text-align: center;
        overflow: hidden;
        width: 225px;
        transition: all 0.5s;
    }


    .shop-block8 .shop-b .shop-b-r img:hover {
        transform: scale(1.2);
        transition: all 0.5s;
    }