.safe_p {
            width: 71%;
            margin: 20px auto;

        }

        .xmfx {
            font-size: 0.20rem;
            text-align: center;
            margin: 20px 0 32px 0;
            color: #9baeba;
        }

        /*媒体查询*/

        @media screen and (min-width:401px) and (max-width:630px) {
            .hezuo {
                display: inline;
            }

            .hezuo li {
                float: none;
                width: 100%;
                background-color: #fff;
            }
        }

        @media screen and (min-width:631px) and (max-width:767px) {
            .content {
                width: 100%;
            }


        }

        @media screen and (min-width:1200px) {
            #fb {
                height: 6rem;
            }

            #vb {
                height: 9rem;
            }
            .fb{
                width: 24.5% !important;
                margin-left: -3%;
            }
             .fb5 {
               width: 3.5%;
                transform: skew(-10deg);
                height: 60%;
                top: 40%;
                left: 1.9%;
                margin-left: -3%;
            /* border-right: 1px solid #fff; */
        }

        }
          @media screen and (min-width:900px) {
         
            .fb{
                width: 24.5% !important;
                margin-left: -3%;
            }
             .fb5 {
               width: 3.5%;
                transform: skew(-10deg);
                height: 60%;
                top: 40%;
                left: 1.9%;
                margin-left: -3%;
            /* border-right: 1px solid #fff; */
        }

        }
        @media screen and (min-width:500px) and (max-width:767px) {
            .fb {
                width: 21.5% !important;
                transform: skew(-10deg);

            }

            .hn {
                font-size: 18px !important;
            }

            .index-product ul li {
                width: 20% !important;
            }

            .fb1 {
                width: 19% !important;
                transform: skew(-10deg);
                border-left: 1px solid #fff;
                border-right: 1px solid #fff;
            }

            .fb2 {
                width: 19% !important;
                transform: skew(-10deg);
                border-right: 1px solid #fff;
            }

            .fb3 {
                width: 19% !important;
                transform: skew(-10deg);
                border-right: 1px solid #fff;
            }

            .fb4 {
                width: 18.5% !important;
                /* transform: skew(-10deg); */
                /* border-right: 1px solid #fff; */
            }

        }

       @media screen and (min-width:320px) and (max-width:499px){
           .content{
               width: 100%;
           }
           .index-project ul li{
               width: 100% !important;
           }
           .hn1{
               display: block !important;
           }
            .fv ul li{
            border-right: unset;
            height:20%;
            width: 100% !important;
            border-bottom: 1px solid rgba(255,255,255,0.4);
        }
        .he_left{
            width: 37%;
        }
         .he_left img{
            width: 100%;
        }
        .hn{
            display: none;
            /* margin: 0 !important;
            padding: 0 !important; */

        }
        .text-indent p {
            width: 100% !important;
            font-size: 16px !important;
            
        }
        #wsm{
            padding: 0 0.3rem;
        }
         #vb{
            padding: 0 0.3rem;
        }
        #vb h3{
            padding-bottom: 0.3rem !important;
            padding-top: 0.6rem;
            margin-bottom: 0 !important;
        }
        .he_right div{
            padding: 0 0.2rem 0.1rem 0.2rem;
            font-size: 16px !important;
        }
        .about-con p{
            padding: 0 !important;
        }
        #wsm h3{
               padding-bottom: 0.3rem !important;
               padding-top: 0.6rem;
               margin-bottom: 0 !important;
            }
        #fb{
            padding: 0 0.3rem;
            background-size: cover !important;
        }
        #fhs li{
            margin-bottom: 0.3rem;
        }
        #fhs li a p{
            font-size: 16px !important;
        }
        #fb h3{
            padding-bottom: 0.25rem !important;
            padding-top: 0.6rem;
            margin-bottom: 0 !important;
        }
        #linkus{
            padding: 0 0.3rem;
              padding-bottom: 0.9rem;
        }
       
        #linkus h3{
            padding-bottom: 0.25rem !important;
            padding-top: 0.6rem;
            margin-bottom: 0 !important;
        }
         .about-us-con ul{
            width: 100% !important;
        }
        .about-us-con ul li{
            width: 100% !important;
            padding-left: 48px !important;
            margin-bottom: 25px !important;
        }
        #gn li p{
                font-size: 16px !important;
                    line-height: 25px;
            }
        .about-us-con ul li p{
            font-size: 16px !important;
        }
        #gh{
            float: right !important;
        }
        .fv{
            background-position: bottom !important;
            /* background: none !important;
            background-color: none; */
        }

      .fv ul li p{
          line-height: 24px !important;
      }
        .nms{
            top: 12% !important;
        }
        #bm{
            background: none !important;
        }

        .fb {
             /* background: url(../../img/vb.png) no-repeat; */
             /* margin-bottom: 0.3rem !important; */
            width: 21.5% !important;
            transform: none !important;

        }

        .fb1 {
             /* background: url(../../img/vb.png) no-repeat; */
              /* margin-bottom: 0.3rem !important; */
            width: 19% !important;
            transform: none !important;
      
        }

        .fb2 {
             /* background: url(../../img/vb.png) no-repeat; */
              /* margin-bottom: 0.3rem !important; */
            width: 19% !important;
            transform: none !important;
        }

        .fb3 {
             /* background: url(../../img/vb.png) no-repeat; */
              /* margin-bottom: 0.3rem !important; */
            width: 19% !important;
           transform: none !important;
        
        }

        .fb4 {
             /* background: url(../../img/vb.png) no-repeat; */
              /* margin-bottom: 0.3rem !important; */
            width: 18.5% !important;
           transform: none !important;
            /* border-right: 1px solid #fff; */
        }
        .cvs {
            display: none;
           transform: none !important;
            font-size: 16px !important;
        }

        .nms {
            font-size: 18px !important;
            margin: auto;
            transform: none !important;
            text-align: center;
            position: absolute !important;
        }

         .cv {
            /* display: block !important; */
            top: 55% !important;
            text-align: center;
           transform: none !important;
            /* background: red; */
            /* transform: translateY(-100%); */
            transition: all 5s ease-in-out;
        }





        .cv1 {
            /* display: block !important ; */
            top: 55% !important;
            text-align: center;
            /* transform: translateY(-100%); */
            transition: all 5s ease-in-out;
            transform: none !important;
        }


        .cv2 {
            /* display: block !important; */
            top: 55% !important;
            text-align: center;
            /* transform: translateY(-100%); */
            transition: all 5s ease-in-out;
            transform: none !important;
        }


         .cv3 {
            /* display: block !important;  */
            top: 55% !important;
            text-align: center;
            /* transform: translateY(-100%); */
            transition: all 5s ease-in-out;
            transform: none !important;
        }



         .cv4 {
            /* display: block !important; */
            top:55% !important;
            text-align: center;
            /* transform: translateY(-100%); */
            transition: all 5s ease-in-out;
            transform: none !important;
        }



        #fh {
          
            width: 100%;
        }

        .hn {
            transform: none !important;
            color: #fff !important;
            font-size: 32px;
            padding-top: 0.6rem;
            padding-left: 0.1rem;
            text-align: left !important;
            
        }
}

        .fv {
            width: 100%;
            height: 6rem;
            margin-top: 0.6rem;
            background: url(../../img/vb.png) no-repeat;
           background-size: cover;
        }

        .fv ul {
            width: 100%;
            height: 100%;
            /* overflow: hidden; */
           /* white-space:nowrap;      */
            overflow:hidden;           
            /* text-overflow: ellipsis;  */
            /* -o-text-overflow:ellipsis;  */
             /* display:inline-block; */
        }
     
       

        .fb {
            width: 21.5%;
            transform: skew(-10deg);
            height: 100%;
        }

        .fb1 {
            width: 19% !important;
            transform: skew(-10deg);
            border-left: 1px solid rgba(255,255,255,0.4);
            border-right: 1px solid rgba(255,255,255,0.4);
            height: 100%;
        }

        .fb2 {
            width: 19% !important;
            transform: skew(-10deg);
            border-right: 1px solid rgba(255,255,255,0.4);
            height: 100%;
        }

        .fb3 {
            width: 19% !important;
            transform: skew(-10deg);
            border-right: 1px solid rgba(255,255,255,0.4);
            height: 100%;
        }

        .fb4 {
            width: 21%;
            transform: skew(-10deg);
            height: 100%;
              white-space:nowrap;     
            overflow:hidden;           
            text-overflow: ellipsis; 
            -o-text-overflow:ellipsis; 
            /* border-right: 1px solid #fff; */
        }
       

        #bm {
            background: #fff;
        }

        .cvs {
            display: none;
            transform: skew(10deg);
            font-size: 18px !important;
        }
        /* #fv{
            transform: none;
        }
        #fv1{
            transform: none;
        } */
  
        .nms {
            font-size: 22px !important;
            margin: auto;
            transform: skew(10deg);
            text-align: center;
            position: absolute !important;
        }

        .fb:hover .cv {
            display: block;
            top: 65%;
            text-align: center;
            transform: skew(10deg);
            /* background: red; */
            /* transform: translateY(-100%); */
            transition: all 5s ease-in-out;
        }





        .fb1:hover .cv1 {
            display: block;
            top: 65%;
            text-align: center;
            /* transform: translateY(-100%); */
            transition: all 5s ease-in-out;
            transform: skew(10deg);
        }


        .fb2:hover .cv2 {
            display: block;
            top: 65%;
            text-align: center;
            /* transform: translateY(-100%); */
            transition: all 5s ease-in-out;
            transform: skew(10deg);
        }


        .fb3:hover .cv3 {
            display: block;
            top: 65%;
            text-align: center;
            /* transform: translateY(-100%); */
            transition: all 5s ease-in-out;
            transform: skew(10deg);
        }



        .fb4:hover .cv4 {
            display: block;
            top: 65%;
            text-align: center;
            /* transform: translateY(-100%); */
            transition: all 5s ease-in-out;
            /* transform: skew(10deg); */
        }



        #fh {
            width: 100%;
        }

        .hn {
            transform: skew(10deg);
            color: #fff !important;
            font-size: 32px;
            padding-top: 0.6rem;
            padding-left: 0.1rem;
            text-align: left !important;
        }