@media screen and (max-width: 767px) and (min-width: 320px) {

            .product-con .product-img img,
            .jiemo-img img {
                width: 100% !important;
            }
        }

        .gb li {
            background: none !important;
            box-shadow: none !important;

        }

        .proimg {
            border-radius: 100px;
            width: 1rem;
            height: 1rem;
            margin: auto !important;
            /* border: 1px solid #bebebe; */
        }

        .proimg img {
            padding-top: 0.1rem;
        }

        .fv {
            width: 100%;
            height: 6.5rem;
            margin-top: 1rem;
            background: url(../../static/pt/jiemo/yy_1.png) no-repeat;
            background-size: 100% 100%;
        }

        .fv ul {
            width: 100%;
            height: 100%;
        }

        .fv ul li {
            width: 33.33%;
            height: 100%;
            color: #fff;
            border-right: 1px solid #fff;
            margin: auto;
            text-align: center;
        }



        .cvs {
            display: none;
            font-size: 16px !important;
            text-align: left;
            padding: 0 5%;
        }

        .nms {
            font-size: 22px !important;
            margin: auto;
            top: 83% !important;
            text-align: center;
            position: absolute !important;
            font-weight: 600;
        }

        .fb:hover .cv {
            display: block;
            position: absolute;
            top: 25% !important;
            line-height: 25px !important;
            /* transform: translateY(-100%); */
            transition: all 5s ease-in-out;
            text-align: left;
            padding: 0 5%;
            line-height: 40px !important;
        }

        .fb:hover .nm {
            position: absolute !important;
            top: 0.6rem !important;
            text-align: left;
            padding: 0 5%;
        }

        .fb1:hover .cv1 {
            display: block;
            top: 25% !important;
            position: absolute;
            line-height: 25px !important;
            /* transform: translateY(-100%); */
            transition: all 5s ease-in-out;
            text-align: left;
            padding: 0 5%;
            line-height: 25px !important;
        }

        .fb1:hover .nm1 {
            position: absolute !important;
            top: 0.6rem !important;
            text-align: left;
            padding: 0 5%;
        }

        .fb2:hover .cv2 {
            display: block;
            position: absolute;
            top: 25% !important;
            line-height: 25px !important;
            /* transform: translateY(-100%); */
            transition: all 5s ease-in-out;
            text-align: left;
            padding: 0 5%;
            line-height: 25px !important;
        }

        .fb2:hover .nm2 {
            position: absolute !important;
            top: 0.6rem !important;
            text-align: left;
            padding: 0 0 0 5%;

        }

        @media screen and (min-width:920px) and (max-width:1200px) {
            .fv{
                height: 6rem;
            }
            .nms{
                font-size: 18px !important;
            }
        .sl {
            /* line-height: 30px; */
            display: flex;
            align-items: center;
            margin-bottom: 0px !important;
        }
         
        .zd {
            /* line-height: 30px; */
            display: flex;
            align-items: baseline;
            margin-bottom: 0px !important;
        }
            .fb:hover .cv{
                line-height: 32px !important;
            }
             .fb1:hover .cv1{
                line-height: 26px !important;
            }
             .fb2:hover .cv2{
                line-height: 26px !important;
            }
        }

        @media screen and (min-width:700px) and (max-width:919px) {
               .fv{
                height: 4.5rem;
            }
                .sl {
            /* line-height: 30px; */
            display: flex;
            align-items: center;
            margin-bottom: 0px !important;
        }
          .zd {
            /* line-height: 30px; */
            display: flex;
            align-items: baseline;
            margin-bottom: 0px !important;
        }
            .nms{
                font-size: 16px !important;
            }
            .fb2:hover .cv2 {
                position: absolute;
                top: 30%;
                line-height: 30px;
            }

            .fb2:hover .nm2 {
                top: 0.4rem;
            }

            .fv ul li {
                width: 33.33% !important;
            }

            .fb:hover .nm {
                top: 0 !important;
            }

            .fb:hover .cv {
                position: absolute;
                top: 16% !important;
                font-size: 12px !important;
                line-height: 20px !important;
            }

            .fb1:hover .nm1 {
                top: 0!important;
            }

            .fb1:hover .cv1 {
                position: absolute;
                top: 13% !important;
                font-size: 12px !important;
                line-height: 20px !important;
                padding: 0 5%;
            }

            .fb2:hover .nm2 {
                top: 0 !important;
            }

            .fb2:hover .cv2 {
                position: absolute;
                top: 16% !important;
                font-size: 12px !important;
                line-height: 20px !important;
                padding: 0 5%;
            }
        }

        @media screen and (min-width:500px) and (max-width:699px) {

            .fv {
                background: none !important;
                background-color: none;
            }

            .fv ul li {
                border-right: none
            }
            .fb1:hover .cv1{
                line-height: 28px !important;
            }
            .fb2:hover .cv2{
            line-height: 28px !important;
            }
            .fb {
                background: url(../../static/pt/jiemo/yy_1.png) no-repeat;
                margin-bottom: 0.4rem !important;
            }

            .fb1 {
                background: url(../../static/pt/jiemo/yy_2.png) no-repeat;
                margin-bottom: 0.4rem !important;
            }

            .fb2 {
                background: url(../../static/pt/jiemo/yy_3.png) no-repeat;
                margin-bottom: 0.4rem !important;
            }

            #er {
                height: 23rem;
            }

        }

        @media screen and (min-width:401px) and (max-width:499px) {
            .gb {
                display: contents !important;
            }
                .sl {
            /* line-height: 30px; */
            display: flex;
            align-items: center;
            margin-bottom: 0px !important;
        }
          .zd {
            /* line-height: 30px; */
            display: flex;
            align-items: baseline;
            margin-bottom: 0px !important;
        }
            #bns {
                padding: 0.7rem 0.3rem;
            }
            #er {
                height: 23rem;
            }

            .fv {
                height: 5.5rem;
                background: none !important;
                background-color: none;
            }

            .fv ul li {
                border-right: none
            }

            .fb {
                background: url(../../static/pt/jiemo/yy_11.png) no-repeat;
                background-size: 100% 100%;
                margin-bottom: 0.4rem !important;
            }

            .fb1 {
                background: url(../../static/pt/jiemo/yy_22.png) no-repeat;
                 background-size: 100% 100%;
                margin-bottom: 0.4rem !important;
            }

            .fb2 {
                background: url(../../static/pt/jiemo/yy_33.png) no-repeat;
                 background-size: 100% 100%;
                margin-bottom: 0.4rem !important;
            }

            .cv {
                position: absolute;
                display: block;
                top: 25% !important;
                line-height: 25px !important;
                /* transform: translateY(-100%); */
                transition: all 5s ease-in-out;
                text-align: left !important;
                padding: 0 10%;
                line-height: 22px !important;
            }

            .fb:hover .cv {
                display: block;
                position: absolute;
                top: 25% !important;
                line-height: 25px !important;
                /* transform: translateY(-100%); */
                transition: all 5s ease-in-out;
                text-align: left !important;
                padding: 0 10%;
                line-height: 22px !important;
            }

            .nm {
                position: absolute !important;
                top: 0.6rem !important;
               text-align: left !important;
                padding: 0 10%;
                
            }
            
            .cv1 {
                display: block;
                position: absolute;
                top: 25% !important;
                line-height: 25px !important;
                /* transform: translateY(-100%); */
                transition: all 5s ease-in-out;
                text-align: left !important;
                padding: 0 10%;
                line-height: 22px !important;
            }

            .fb1:hover .cv1 {
                display: block;
                position: absolute;
                top: 25% !important;
                line-height: 25px !important;
                /* transform: translateY(-100%); */
                transition: all 5s ease-in-out;
                text-align: left !important;
                padding: 0 10%;
                line-height: 22px !important;
            }

            .nm1 {
                position: absolute !important;
                top: 0.6rem !important;
                text-align: left;
                padding: 0 10%;
                text-align: left !important;
            }

            .cv2 {
                display: block;
                position: absolute;
                top: 25% !important;
                line-height: 25px !important;
                /* transform: translateY(-100%); */
                transition: all 5s ease-in-out;
                text-align: left !important;
                padding: 0 10%;
                line-height: 22px !important;
            }

            .fb2:hover .cv2 {
                display: block;
                position: absolute;
                top: 25% !important;
                line-height: 25px !important;
                /* transform: translateY(-100%); */
                transition: all 5s ease-in-out;
                text-align: left !important;
                padding: 0 10%;
                line-height: 22px !important;
            }

            .nm2 {
                position: absolute !important;
                top: 0.6rem !important;
                padding: 0 0 0 10%;
                text-align: left !important;
            }



        }
        @media screen and (min-width:320px) and (max-width:400px) {
            .gb {
                display: contents !important;
            }
              .sl {
            /* line-height: 30px; */
            display: flex;
            align-items: center;
            margin-bottom: 0px !important;
        }
          .zd {
            /* line-height: 30px; */
            display: flex;
            align-items: baseline;
            margin-bottom: 0px !important;
        }

            #bns {
                padding: 0 0.3rem;
                margin: 0.6rem 0 0.4rem 0;
            }
            #er {
                height: 17.9rem;
                padding-top: 0;
            }
            .fv ul li{
                width: 100% !important;
            }
            .fv {
                height: 5rem;
                margin-top: 0.6rem;
                background: none !important;
                background-color: none;
            }

            .fv ul li {
                border-right: none
            }

            .fb {
                background: url(../../static/pt/jiemo/yy_11.png) no-repeat;
                background-size: 100% 100%;
                margin-bottom: 0.2rem !important;
            }

            .fb1 {
                background: url(../../static/pt/jiemo/yy_22.png) no-repeat;
                background-size: 100% 100%;
                margin-bottom: 0.2rem !important;
            }

            .fb2 {
                background: url(../../static/pt/jiemo/yy_33.png) no-repeat;
                background-size: 100% 100%;
                margin-bottom: 0.2rem !important;
            }
            .cvs{
                padding: 0 0.3rem !important;
            }
            .cv {
                display: block;
                position: absolute;
                top: 25% !important;
                line-height: 25px !important;
                /* transform: translateY(-100%); */
                transition: all 5s ease-in-out;
                text-align: left !important;
                padding: 0 10%;
                /* line-height: 22px !important; */
            }

            .fb:hover .cv {
                display: block;
                position: absolute;
                top: 25% !important;
                line-height: 25px !important;
                /* transform: translateY(-100%); */
                transition: all 5s ease-in-out;
                text-align: left !important;
                padding: 0 10%;
                /* line-height: 22px !important; */
            }
           
            .nm {
                position: absolute !important;
                top: 0.4rem !important;
                text-align: left !important;
                padding: 0 0.3rem;
            }
            .fb:hover .nm{
                padding: 0 0.3rem;
                top: 0.4rem !important;
            }
            
            .cv1 {
                display: block;
                position: absolute;
                top: 25% !important;
                line-height: 25px !important;
                /* transform: translateY(-100%); */
                transition: all 5s ease-in-out;
                text-align: left !important;
                padding: 0 10%;
                /* line-height: 22px !important; */
            }

            .fb1:hover .cv1 {
                position: absolute;
                display: block;
                top: 25% !important;
                line-height: 25px !important;
                /* transform: translateY(-100%); */
                transition: all 5s ease-in-out;
                text-align: left !important;
                padding: 0 10%;
                /* line-height: 22px !important; */
            }

            .nm1 {
                position: absolute !important;
                top: 0.4rem !important;
               text-align: left !important;
               padding: 0 0.3rem;
            }
            .fb1:hover .nm1{
                padding: 0 0.3rem;
                top: 0.4rem !important;
            }
            .cv2 {
                display: block;
                position: absolute;
                top: 25% !important;
                line-height: 25px !important;
                /* transform: translateY(-100%); */
                transition: all 5s ease-in-out;
                text-align: left !important;
                padding: 0 10%;
                /* line-height: 22px !important; */
            }

            .fb2:hover .cv2 {
                display: block;
                position: absolute;
                top: 25% !important;
                line-height: 25px !important;
                /* transform: translateY(-100%); */
                transition: all 5s ease-in-out;
                text-align: left !important;
                padding: 0 10%;
                /* line-height: 22px !important; */
            }

            .nm2 {
                position: absolute !important;
                top: 0.4rem !important;
               padding: 0 0.3rem;
                text-align: left !important;
            }
            .fb2:hover .nm2{
                padding: 0 0.3rem;
                top: 0.4rem !important;
            }


        }
        .gb {
            width: 100%;
            display: flex;
            justify-content: space-around;
            margin-top: 1rem;
        }

        .hn {
            font-size: 18px !important;
            color: #333333 !important;
            margin-top: 0.3rem;
        }