*{
        margin: 0;
        padding: 0;
    }
    body{

        font-family: 'Roboto', sans-serif;;
    }
    html {
        font-size: 16px;
         box-sizing: border-box;
    }

    .layui-laypage-em{
       color:#ff9f00 !important;
    }
    html, body {
        overflow-x: hidden;
        width: 100%;
    }
        
    .container{
      width: 100%;
   
     }

   
    .index_bannerL{
        display: flex;
        height: 95vh;
        position: relative;
    }
        
        
        .index_banner{
            position: relative;
            width: 100%;
            overflow: hidden;
            height: 100%;
            background-color: #cccccc;
        }
        .index_banner_img{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: all 1.5s;

        }
    .index_banner_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
        .index_banner_img:nth-child(1){
           opacity: 1; 
        }
      .index_banner_zindex{
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 5px;
         }
        .index_banner_zindex>ul{
            padding: 0;
            margin: 0;
            list-style: none;
        }
         .index_banner_zindex li{
             width: 10px;
             height: 10px;
             border-radius: 100%;
             background-color: #565973;
             float: left;
             margin-right: 10px;
         }

         .index_banner_zindex li:hover{
              background-color: #ffffff;
               cursor: pointer
         }


         .index_banner_zindex li.selected {
            background-color: #345aca ;
            border-radius: 30% / 40%;
            width: 20px;
        }
        

.nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    height: 12vh;
    background-color: transparent; 
    transition: background-color 0.3s ease; 

}
.nav.scrolled {
    background-color: white; 
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}


.nav_container{
    width: 70%; 
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
     
}
.nav_container-logo{
     width: 18%;
}
.nav_container-logo img{
    max-width: 100%;
    max-height: 100%;
}
.nav_container-cate{
        height: 100%;
        width: 80%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}

.index_banner_po{
    position: absolute;
    bottom: 10%;
    right: 10%;
    z-index: 2; 
    display: flex;
}
.index_banner_po_list{
        width: 5rem;
        height: 3rem;
        margin-right: 3%;
}

.index_banner_po_list-selected{
  border: 2px solid  #a16940;

}

.nav_container-cate-title{
    display: flex;
    align-items:center;
     justify-content: flex-end;
    height: 100%;
    color: #fff;
    font-size: 0.9rem;
    padding: 1% 0;

}
.nav_container-cate-title-ul-li{
    display: flex;
    align-items: center;
    position:relative;

    color: #000;
}
.nav_container-cate-title-ul-li-Language{
    font-size: 0.8rem;
    color:#fff;
}


.nav_container-cate-ul-liLanguage-Languageimg{
    display: flex;
    justify-content: center;
}
.nav_container-cate-ul-liLanguage-Languageimg img{
    max-width: 50%;
}
.nav_container-cate-title-ul-li:hover{
    cursor: pointer;
    color: #000;
}
.nav_container-cate-title-ul-li-ul{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 8rem;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid  #ccc;
}
.nav_container-cate-title-ul-li:hover .nav_container-cate-title-ul-li-ul{
    display: block;
 
}
.nav_container-cate-title-ul-li-ul li{
      
        height: 2rem;
}
.nav_container-cate-title-ul-li-ul li:hover {
    border-bottom:1px solid  #3cabff;
}
.nav_container-cate-title-ul-li-ul li a {
    color: black;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
    height: 100%;
}

.nav_container-cate-title-ul-li-ul-li-a-div1{
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav_container-cate-title-ul-li-ul-li-a-div1 .icon{
    max-width: 60%;
    
}
.nav_container-cate-title-ul-li-ul-li-a-div2{
    width:60%;
}

.nav_container-cate-bottom-ul{
    display: flex;
    justify-content: flex-end;
}
.nav_container-cate-bottom-ul-li{
     position: relative; 
     padding: 1rem;
}
.nav_container-cate-bottom-ul-li:last-child {
    padding-right: 0;
}
.nav_container-cate-bottom-ul-li-a{
    /*color: #fff;*/
    font-size: 1rem;
    font-weight: 700;
}

.nav_container-cate-bottom-ul-li-a:hover{
    color: #3cabff;
}
.nav_container-cate-bottom-ul-li::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #3cabff;
    transition: width 0.3s ease-out;
}
.nav_container-cate-bottom-ul-li:hover::after {
    width: 100%;
}
.nav_container-cate-bottom-ul-li-son{
    display: none;
    position: absolute;
    width: 36rem;
    height: auto;
    top: 100%; 
    left: 0;   
    background-color: white;
    border: 1px solid #ccc;
    padding: 8px;
    left: 50%;  
    transform: translateX(-50%); 
    z-index: 1000; 
}
.nav_container-cate-bottom-ul-li:hover .nav_container-cate-bottom-ul-li-son{
   display: block;
}
.nav_container-cate-bottom-ul-li:nth-last-child(-n+3):has(>.nav_container-cate-bottom-ul-li-son) .nav_container-cate-bottom-ul-li-son {
    left: auto; 
    right: 0;  
    transform: none; 
}
.nav_container-cate-bottom-ul-li-son-item{
      width: 100%;
      display: flex;
}
.nav_container-cate-bottom-ul-li-son-item-left{
    width: 50%;
    border-right: 1px solid  #929292;
    padding: 2%;
    box-sizing:border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  
}
.nav_container-cate-bottom-ul-li-son-item-left-li{
        flex: 0 0 auto; 
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid  #929292;
        padding: 1rem;
        box-sizing:border-box;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
}

.nav_container-cate-bottom-ul-li-son-item-left-li-l{
    width: 40%; 
  
}

.nav_container-cate-bottom-ul-li-son-item-right{
     height: 100%;
     width: 50%;
     padding: 1rem;
     box-sizing:border-box;
     display:flex;
     justify-content: center;
     align-items: center;
}
.nav_container-cate-bottom-ul-li-son-item-right img{
    max-height: 100%;
    max-width: 100%;
}

/*index-product/*/
.index-product-item-bottom{
    /*background-image: url('/static/index/index/tower-crane-bj01.webp');*/
    /*background-size: cover; */
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*height: 75vh;*/
    display: flex;
    overflow: hidden;
}



.index-product-item-bottom-items{
    width:70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.index-product-item-bottom-items-i{
    width: 24%;
    overflow: hidden;
        border: 1px solid #ccc;
}
.index-product-item-bottom-items-i-img{
    overflow: hidden;
    height:16rem;
        border-bottom: 1px solid #ccc;
}
.index-product-item-bottom-items-i-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
   transition: transform 0.3s ease;
}
.index-product-item-bottom-items-i-img a{
    display: block;
       width: 100%;
    height: 100%; 
    padding:3% ;
    box-sizing: border-box;
}

.index-product-item-bottom-items-i-img img:hover{
     transform: scale(1.2);
}
.index-product-item-bottom-items-i-b a{
   font-size: 0.9rem;
   line-height: 1.3rem;
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
   overflow: hidden;  
}
.index-product-item-bottom-items-i-b{
    padding: 3%;
    box-sizing: border-box;
}
.index-product-item-bottom-items-i-b a{
    text-align: center;
    font-weight: 700;
}
/*.index-product-item-bottom-left{*/
/*    width: 50%;*/
/*    height: 100%;*/
/*    background-image: url('/static/index/index/black.6.png');*/
/*    background-size: cover; */
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/

/*}*/

/*.index-product-item-bottom-left-i-ul{*/
/*  height: 100%;*/
/*  display: flex;*/
/*   flex-direction: column;*/
/*    justify-content: space-between;*/
/*}*/

/*.index-product-item-bottom-left-i-ul li{*/
/*    height: 20%;*/
/*    cursor: pointer;*/
/*    position: relative;*/
/*    display: flex;*/
/*    justify-content: flex-end;*/
/*}*/

/*.index-product-item-bottom-left-i-ul li::before {*/
/*            content: '';*/
/*            position: absolute;*/
/*            top: 0;*/
/*            left: 0;*/
/*            width: 0;*/
/*            height: 100%;*/
      /*      background-color: #ff9f00; /* 背景颜色 */
    /*/*        transition: width 0.5s ease-out; /* 平滑过渡效果 */
    /*        z-index: 1; /* 确保背景色在文本之下 */
/*}*/

/*.index-product-item-bottom-left-i-ul li:hover::before {*/
   /*         width: 100%; /* 悬停时宽度变为100% */
/*        }*/
/*.index-product-item-bottom-left-i-ul li:hover .index-product-item-bottom-left-i-ul-li-div-l {*/
    /* 悬停时应用的样式 */
/*    border-bottom: none;*/
/*}*/
/*.index-product-item-bottom-left-i-ul-li-div-r a:hover {*/
  /*          color: #fff; /* 悬停时改变文字颜色 */
/*}*/
/*.index-product-item-bottom-left-i-ul-li-div{*/
/*    width: 85%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
    
/*}*/
/*.index-product-item-bottom-left-i-ul-li-div-l{*/
/*     width:30%;*/
/*     padding: 2%;*/
/*     box-sizing: border-box;*/
/*     border-bottom: 1px solid #fff;*/
/*     z-index: 3;*/
/*     overflow: hidden;*/
/*     justify-content: center;*/
/*     display: flex;*/
/*}*/
/*.index-product-item-bottom-left-i-ul-li-div-l img{*/
/*    max-width: 80%;*/
/*}*/
/*.index-product-item-bottom-left-i-ul-li-div-l-clear{*/
/*   border-bottom: 0;  */
/*}*/
/*.index-product-item-bottom-left-i-ul-li-div-l img{*/
/*max-width: 50%;*/
/*max-height: 50%;*/

/*}*/
/*.index-product-item-bottom-left-i-ul-li-div-r{*/
/*   width:65%;  */
/*   color: #fff;*/
/*   z-index: 3;*/
/*   margin-right: 3%;*/
/*}*/
/*.index-product-item-bottom-left-i-ul-li-div-r a{*/
/*  color: #fff;*/
/*}*/
/*.index-product-item-bottom-left-i-ul-li-div-r a h4{*/
/*    font-size: 1rem;*/
/*    font-weight: 700;*/
/*    margin-bottom: 2%;*/
    
/*}*/
/*.index-product-item-bottom-left-i-ul-li-div-r a p{*/
/*    font-size: 0.7rem;*/
/*}*/


.index-product-item-top{
    width: 65%;
    margin: 0 auto;
    text-align: center;
    padding:3% 0;
}
.index-product-item-top h3{
    font-size: 2rem;
    margin-bottom: 2%;
}
.index-product-item-top p{
    font-size: 1rem;
    line-height: 2rem;
}

/*index-article*/
.index-article{
    background-image: url('/static/index/index/ipart2_bj.jpg');
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat; 
    margin: 3% 0;
    position: relative;
}
.index-article-titless{
    width: 65%;
    margin: 0 auto;
    text-align: center;
    padding:3% 0;
}
.index-article-titless h3{
    font-size: 2rem;
    margin-bottom: 2%;

}

.index-article-titless p{
    font-size: 1rem;
    line-height: 2rem;

}

.index-news-carousel-listsss{
    width: 100%;

    position: relative;
}

.index-news-carousel {
    position: relative;
    width: 70%;
    margin: auto;
    overflow: hidden;
    display: flex;

}

.index-news-carousel-inner{
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.index-news-carousel-item {
    min-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-around;
    align-items: start;
}
.index-news-carousel-news-item {
    margin: 10px;
    text-align: center;
    width: 31%;
    transition: transform 0.3s ease, box-shadow 0.3s ease; 

}
.index-news-carousel-news-item-a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
    align-items: start;
}
.index-news-carousel-news-item-a-img{
    height: 10rem;
    width: 100%;
    object-fit: cover;
}



.index-news-carousel-news-item:hover {
    transform: scale(1.05); 
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); 
}
.index-news-carousel-news-item-bottom{
    background: #F0F0F0;
    padding: 3%;
    box-sizing: border-box;
    text-align: left;
    height: 10rem;
}
.index-news-carousel-news-item-bottom h3{
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 3%;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; 
}
.index-news-carousel-news-item-bottom-time{
    font-size: 0.8rem;
    color: #00448d;
    margin-bottom: 3%;
}
.index-news-carousel-news-item-bottom-desc{
    font-size: 0.8rem;
    line-height: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; 
}

.index-news-carousel-pre , .index-news-carousel-next{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-news-carousel-pre{
    left:10%;
    top: 50%;
}
.index-news-carousel-next{
    right:10%;
    top: 50%;
}
.carousel-control {
    background: hsla(0, 0%, 89%, .6);
    color: #00448d;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
    font-size: 1rem;
}
.index-news-carousel-color{
    width: 60%;
    margin:  0 auto;
    display: flex;
    justify-content: center; 
    align-items: center; 
    padding: 20px; 
}
.index-news-carousel-color-list{
    display: flex; 
    list-style: none; 
    padding: 0;
    margin: 0; 
    gap: 10px; 
}
.index-news-carousel-color-list-item{
    width: 1.1rem; 
    height: 1.1rem; 
    background-color: #b6b6b6; 
    border-radius: 4px; 
}
.index-news-carousel-color-list-item-active {
  background-color: #ff9f00; 
}

/*index-about*/
.index-about {
    background-image: url('/static/index/index/about.webp');
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat; 
    width: 100%;
     padding-top: 6%;
     overflow: hidden;
}
.index-about-item{
    width: 65%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    height: 100%;
}
.index-about-item-top{
  margin-bottom: 5%;
}

.index-about-item-bottom{
    width: 100%;
    display: flex;

}
.index-about-item-top h2{
    font-size: 2.2rem;
    line-height: 1;
    margin-bottom: 2%;
    color: #ff9f00;
    font-weight: 700
}
.index-about-item-top h3{
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 2%;
    color: #ff9f00;


}
.index-about-item-top p{
    font-size: 0.9rem;
    width: 80%;
    line-height: 1.2rem;
    color: #fff;
}
.index-about-item-bottom-left, .index-about-item-bottom-right{
    flex: 1; 
    padding: 2rem;
    box-sizing: border-box;
    color:#fff;
}
.index-about-item-bottom-left{
      background-image: url('/static/index/index/index_about02.jpg');
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;  
    display:flex;
    flex-direction: column;
    justify-content:space-between;
}
.index-about-item-bottom-left_t{
    font-size: 1rem;
    margin-bottom: 3%;
}
.index-about-item-bottom-right{
    background-image: url('/static/index/index/index_about01.jpg');
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;  
}
.index-about-item-bottom-left_b_ul{
    display: flex;
    justify-content: space-between;
}
.index-about-item-bottom-left_b_ul li{
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    align-items: center;
}
.index-about-item-bottom-left_b_ul_li_title{
    margin-bottom: 10%;
    font-weight: 700;
}
.index-about-item-bottom-left_b_ul_li_bottom{
    font-size: 0.8rem;
}

/*index-idnex-characteristic*/
.idnex-characteristic{
    width: 100%;
    padding: 3% 0;
}
.idnex-characteristic-title{
    width: 65%;
    margin: 0 auto;
    text-align: center;
    padding:3% 0;

}
.idnex-characteristic-title h3{
    font-size: 2rem;
    margin-bottom: 2%;

}
.idnex-characteristic-title p{
    font-size: 1rem;
    line-height: 1.8rem;

}


.idnex-characteristic-centent{
    width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.idnex-characteristic-centent-item{
    display: flex;
    width: 22%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5%;
}
.idnex-characteristic-centent-item-button{
    display: blocks;
    
}
.idnex-characteristic-centent-item:hover{
  background-color: #0056b3;
  cursor: pointer;
  color:#fff;
}
.idnex-characteristic-centent-item-bottom{
    text-align: center;
}
.idnex-characteristic-centent-item-top{
    margin-bottom: 10%;
    display: flex;
    justify-content: center;
}
.idnex-characteristic-centent-item-top img{
    width: 3rem;
    height: 3rem;
    margin-bottom: 10%;
}
/*products-index*/
.products-index{
    height: 40vh;
    background-image: url('http://en.dhtj.com/upload/images/2017/07/13/581ab833056e44db832ccdd050d889ec.jpg');
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat; 
}
.products-cate{
    width: 100%;
    background-color: #F0F0F0;
}
.products-cate-WEB{
    display: none;
}
.products-catelist{
    width: 70%;
    margin: 0 auto;
}

.products-catelist ul{
    display: flex;
    flex-wrap: wrap;
}

.products-catelist ul li{
    padding: 1.5rem;
}
.products-catelist ul li a:hover{
    color:#ff9f00;
}

.products-catelist ul li a{
    font-size: 0.9rem;
}
.products-content{
    width: 100%;
    margin: 3% 0 3% 0;
}
.products-content-list{
    width: 70%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.products-content-list > i {
    width: 31%;
}
.products-content-list-item{
      width:31%;
      height:15rem;
      margin-bottom: 3%;
      position: relative;
}
.products-content-list-item:hover{
 pointer:cursor;
}
.products-content-list-item img{
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    transition: transform 0.3s ease;
    transform-origin: center; 
    max-width: 100%;
    max-height: 100%; 
}
.products-content-list-item:hover img {
    transform: scale(1.02); 
    cursor: pointer;
   
}
.products-content-list-item-b{
    bottom: 0;
    position: absolute;
    background: #5e5e5e;
    color: #fff;
    width: 100%;
    padding: 5% 0;
    text-align: center;
    font-size: 16px;
    transition: all .5s ease;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
}


/*news-list*/
.news-cate{
    width: 100%;
    background-color: #F0F0F0;
}
.news-index{
    height: 40vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; 
}


.news-index-web{
         display: none;
}

.news-catelist{
    width: 70%;
    margin: 0 auto;
}

.news-catelist ul{
    display: flex;
}

.news-catelist ul li{
    padding: 1.5rem;
}
.news-catelist ul li a:hover{
    color:#ff9f00;
}

.news-catelist ul li a{
    font-size: 0.9rem;
}

.news-content{
    width: 100%;
    margin: 3% 0;
}
.news-content-item{
    width: 70%;
    margin: 0 auto;

}
.news-content-ul-li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 10rem;
    border-bottom: 1px solid #F0F0F0;
    box-sizing: border-box;
    padding-bottom: 2%;
    margin-bottom: 3%;
}
.news-content-ul-li-left{
      width: 22%;
      height: 100%;
}
.news-content-ul-li-left img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.news-content-ul-li-left img:hover{
  cursor: pointer;
}


.news-content-ul-li-right{
   width: 76%;
   height: 100%;
   display:flex;
   justify-content: space-between;
   align-items: center;
}

.news-content-ul-li-right-l{
    width: 90%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    border-right: 1px solid #F0F0F0;
    padding: 0 2% ;
}



.news-content-ul-li-right-r-title{
    font-size: 2rem;
    color:#ff9f00;
    margin-bottom: 2%;
}
.news-content-ul-li-right-r-bottom{
    font-size: 0.9rem;
    color: #8d8b8b;
}


.news-content-ul-li-right-l  h3{
    font-size: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}




.news-content-ul-li-right-l a h3:hover{
    color: #ff9f00;
    cursor: pointer;
}


.news-content-ul-li-right-r{
   width: 10%; 
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
}
.news-content-ul-li-right-l p{
font-size: 0.9rem;
overflow: hidden;
line-height: 1.5rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; 
text-overflow: ellipsis;
}

/*news-details*/
.news-details{
   width: 100%;
   margin: 3% 0;
}
.news-details-centent{
    width: 70%;
    margin:  0 auto;
}
.news-details-centent img{
    max-width: 100%;

}
.news-details-centent-title{
    text-align: center;
    margin-bottom: 3%;
}
.news-details-centent-title h1{
    font-size: 1.5rem;
    margin-bottom: 5%;
}

.news-details-centent-title span{
    font-size: 1rem;
    color: #7e7e7e;
    display: block;
    margin-bottom: 5%;
}
.news-details-centent-c{
   font-size: 1rem; 
}



/*products-details*/
.products-details-route-cate{
    width: 70%;
    margin: 3% auto;
}
.products-details-route-cate ul li a{
    font-size: 1rem;
    color: #b5b5b5;
}
.products-details-route{
    width: 100%;
    height: 50vh;
    margin: 3% 0;
    border-bottom: 1px solid #ededed;
    padding-bottom: 3%;
}

.products-details-route-item{
    width: 70%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
   
}

.products-details-route-item-left{
    width: 40%;
    height: 100%;
    overflow: hidden;
    border-radius: 0.5rem;
     
}
.products-details-route-item-left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
 

}
.products-details-route-item-left:hover img {
    transform: scale(1.1);
}
.products-details-route-item-right{
    width: 55%;
     height: 100%;
     padding: 1%;
     box-sizing: border-box;
}
.products-details-route-item-right-title{
     margin-bottom: 5%;
}
.products-details-route-item-right-title h1{
    font-size: 1.2rem;
   
}
.products-details-route-item-right-desc{
    font-size: 0.9rem;
    color: #7d7d7d;
    margin-bottom: 5%;
}
.products-details-route-item-right-t-ul{
    display: flex;
    padding: 5% 0;
}
.products-details-route-item-right-t{
    background: #f8f6f7;
     border-radius: 0.5rem;
     margin-bottom: 5%;
}
    
.products-details-route-item-right-t-ul li{
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #8a8a8a;
}

.products-details-route-item-right-t-ul li:last-child {
    border-right: none;
}
.products-details-route-item-right-t-ul-li-title{
    font-size: 1rem;
    margin-bottom: 5%;
    text-align: center;
}
.products-details-route-item-right-t-ul-li-d{
    font-size: 0.9rem;
    color: #8a8a8a;
}
.products-details-route-item-right-sub-button{
    width: 30%;
    background: #15499a;
    font-size: 0.9rem;
    color: #fff;
    padding: 0.8rem 0;
    border-radius: 1rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}



.products-details-cen{
    width: 100%;
    margin: 3% 0;
    border-bottom: 1px solid #ededed;
    padding-bottom: 3%;
}

.products-details-cen-item{
    width: 70%;
    margin: 0 auto;
    /*display: flex;*/
    /*justify-content: space-between;*/
}
.products-details-cen-item img{
    max-width: 100%;
}

.products-details-cen-item-title{
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 3%;
    
}
.products-details-cen-item-left{
 
    font-size: 0.9rem;
    line-height: 1.5rem;
}
/*.products-details-cen-item-right{*/
/*    width: 30%;*/
/*}*/

/*.products-details-cen-item-right img{*/
/*    max-width: 100%;*/
/*     border-radius: 0.5rem;*/
/*}*/
.products-details-can{
     width: 100%;
    margin: 3% 0;
    border-bottom: 1px solid #ededed;
    padding-bottom: 3%; 
}
.products-details-can-c{
    width: 70%;
    margin: 0 auto;
}

.products-details-can-title{
     font-size: 1.3rem;
    text-align: center;
    margin-bottom: 3%;
}



.products-details-pro{
   width: 100%;
    margin: 3% 0;
    border-bottom: 1px solid #ededed;
    padding-bottom: 3%; 
}
.products-details-pro-title{
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 3%;
}
.products-details-pro-items{
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.products-details-pro-item{
    width: 32%;
    position: relative;

}
.products-details-pro-item-b{
    position: absolute;
    bottom: 0;
    background: #5e5e5e;
    color: #fff;
    width: 100%;
    padding: 5% 0;
    text-align: center;
    font-size: 0.9rem;
    transition: all .5s ease;
    white-space: nowrap; /* 防止文本换行 */
  overflow: hidden;    /* 隐藏超出容器宽度的内容 */
  text-overflow: ellipsis; /* 当文本溢出时显示省略号 */
}
.products-details-pro-item img{
    max-width: 100%;
     border-radius: 0.5rem;
}
.products-details-pro-item:hover{
   transform: scale(1.02); 
    cursor: pointer;
}





/*contact-us*/

.contact-us-about{
    width: 100%;
    padding: 3% 0; 
}
.contact-us-about-centen-title{
    margin-bottom: 3%;
}
.contact-us-about-centen-title h1{
    color: rgb(119, 119, 119);
    font-size: 1.5rem;
}
.contact-us-about-centen-bottom{
     color: rgb(119, 119, 119);
     font-size: 0.9rem;
     line-height: 1.5rem;
}
.contact-us-about-centen{
    width: 70%;
    margin: 0 auto;
}

.contact-us{
    width: 100%;
    padding: 3% 0; 
}
.contact-us-centent{
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.contact-us-centent-item{
    width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contact-us-centent-item-title{
    margin-bottom: 10%;
}

/*.contact-us-centent-item-title a i{*/
/*    color:#13227a;*/
/*    font-size:3rem;  */
/*    margin-right: 5px;*/
/*}*/
.contact-us-centent-item-title i{
    color:#13227a;
    font-size:3rem;  
    margin-right: 5px;
}

.contact-us-centent-item-bottom{
    font-size: 0.9rem;
}

.contact-us-position{
    width: 100%;
    padding: 3% 0; 
   
}
.contact-us-position-itme{
    width: 70%;
    margin: 0 auto;

     height: 30vh;
}


.contact-us-position-itme img{
    width: 100%;
    height:100%;
    object-fit: cover;
}

.contact-us-message{
      padding: 3% 0; 

}
.contact-us-message-itme{
    width: 70%;
    margin: 0 auto;
}

.contact-us-message-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
  
    margin-bottom: 3%;
}
.contact-us-message-top-left,.contact-us-message-top-right{
 
    width: 50%;
}
.contact-us-message-top-left{
    display: flex;
    align-items: center;
    width: 48%;
}
.contact-us-message-top-right{
    width: 48%;
    display: flex;
    align-items: center;
}
.contact-us-message-top-left-l{
    width: 15%;
}
.contact-us-message-top-left-r{
    width: 85%;
}



.contact-us-message-msg{
    display: flex;
    margin-bottom: 3%;
   
}
.contact-us-message-msg-left{
     width: 7%;
}


.contact-us-message-msg-right{
    width: 93%;
 
}
.contact-us-message-sub{
     padding-left: 7%;
}
.contact-us-message-sub .layui-btn{
    height: 30px;
    line-height: 30px;
    padding: 0 16px
}




/*about*/

.about-introduction {
            width: 100%;
            padding: 3% 0;
}

.about-introduction-content {
    position: relative; 
    width: 30%;
    margin: 0 auto;
    text-align: center;
    padding: 2% 0;
     font-size: 1.5rem;
    border-bottom: 1px solid #cccccc; 
}
.about-introduction-content h1{
        font-size: 1.5rem;
}

.about-introduction-content .underline-animation {
    content: ''; 
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #3cabff;
    animation: underlinePulse 10s infinite ease-in-out;
}


@keyframes underlinePulse {
    0%, 100% {
        width: 0;
    }
    50% {
        width: 50%;
    }
}


.about-introduction-content-desc{
    width: 70%;
    margin: 0 auto; 
    padding: 3% 0;
    color:#696969;
    font-size: 1rem;
    line-height: 2rem;
}

.about-introduction-content-desc iframe{
   display:block; 
   margin: 0 auto;
   width:80%;
   height:50vh;
   
}
.products-details-cen-item iframe{
   display:block; 
   margin: 0 auto;
   width:80%;
   height:50vh;
   
}
    .news-details  iframe{
     margin: 0 auto;
       width:80%;
       height:50vh; 
    }
    



.about-introduction-content-desc img{
    max-width: 100%;
}
.about-culture{
     width: 100%;
    padding: 5% 0; 
    background-image: url(/static/index/about/about03.png );
        background-position: center;
    background-repeat: no-repeat;
}
.about-culture-content{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 1.5rem;
    color: #ffffff;
    padding-bottom: 5%;
  
}
.about-culture-c{
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    color: #fff;
    text-align: center;
}
.about-culture-c-i{
    position: relative; 
    width: 25%;
    transition: all 0.3s ease-in-out; 
    border-right: 1px solid #fff;
    padding: 3%;
    background-color: #ff9f00;
}
.about-culture-c-i:last-child {
    border-right: none;
}
.about-culture-c-i:hover {
    cursor: pointer;
}
.about-culture-c-i-title{
    font-size: 2.2rem;
    margin-bottom: 8%;
     font-family: 'Impact', sans-serif;
}
.about-culture-c-i-desc{
    font-size: 1.1rem;
}
.about-culture-c-i .underline-animation {
    content: '';
    position: absolute;
    bottom: -4px; 
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px; 
    background-color: #fff; 
    transition: width 1s ease-in-out;
}

.about-culture-c-i:hover .underline-animation {
    width: 100%; 
}


.about-purpose{
    width: 80%;
    margin: 3% auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*flex-direction: column;*/
}

.about-purpose-item{
    width: 32%;
    border: 1px solid  #cccccc;
    border-radius: 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2% 2%;
    box-sizing: border-box;
    border-bottom:2px solid #011689;
    margin-bottom: 2%;
}
.about-purpose-item:hover{
    border-bottom:2px solid #8c8c8c;
    transition: all 300ms ease 0s;
}

.about-purpose-item:hover .about-purpose-item-num{
    background: #8c8c8c;
  transition: all 300ms ease 0s;
}


.about-purpose-item-title{
    font-size: 1.1rem;
    margin-bottom: 3%;
}

.about-purpose-item-num{
    font-family: Impact;
    text-align: center;
    width: 3.5rem;
    line-height: 3.5rem;
    margin: 0 auto 25px;
    font-size: 1.8rem;
    color: rgba(255, 255, 255, 1);
    border-radius: 100px;
    display-radio: 1;
    font_radio: 2;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    background-color: #ff9f00;
    bottom: auto;
}
.about-purpose-item-desc{
    color: #696969;
    font-size: 0.9rem;
    line-height: 1.5rem;
}
/*honor-content*/

.honor-content-list{
    width: 80%;
    margin: 3% auto;
}
.honor-content{
    display:flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 3%;
}
.honor-content>i{
    width: 23%; 
}
.honor-content-item{
    width: 23%;
    margin-bottom: 2%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    
}
.honor-content-item-top{
    overflow: hidden;
    width: 100%;
    height: auto; 
}

.honor-content-item-top-img-fullscreen{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: contain; 
    background-color: rgba(0, 0, 0, 0.8); 
    z-index: 1000;
}


.honor-content-item-top img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.3s ease-in-out;
   cursor: pointer;
}
.honor-content-item-desc{
    font-size: 1rem;
    text-align: center;
    padding:2%;
    box-sizing:border-box;
    background-color: rgba(245, 245, 245, 1);
    transition: all ease .5s;
    flex: 1;
        display: flex;
    justify-content: center; 
    align-items: center; 
}

.honor-content-item-top:hover img {
    transform: scale(1.1); 
}

.about-introduction-content-anli-list{
    padding-bottom:0;
}





/*common-footer*/
.common_footer{
   width:100%;
   background-color: #262626;
   padding: 0.5% 0;
   box-sizing:border-box;
}


.common_footer-item{
   width: 80%;
   margin: 3%  auto  0 ;
   color:#fff;
}
.common_footer-item a{
    color:#fff; 
}
.common_footer_list{
    
   display: flex;
    
}

.common_footer_item{
    
 width: 25%; 
 padding-bottom: 2%;

}

.common_footer_item_ul{
    text-align: left;
}

.common_footer_item_ul li{
    margin-bottom:2%;
     font-size: 0.9rem;
    
}
.common_footer_item_ul li a{
 font-size: 0.9rem;
    
}
.common_footer_item_ul_title{
    margin-bottom:5%;
    font-weight: 600;
    font-size: 1rem;
}

.common_footer_item_ul_title_li2{
     width: 85%;
    white-space: normal;
    word-wrap: break-word;
    line-break: auto;
}

.common_footer_item_ul_title_ddd{
    width: 100%;
    display:flex;
    flex-wrap: wrap;

}
.common_footer_item_ul_title_ddd_item{

    margin-right: 5%;
}
.common_footer_item_ul_title_ddd_item img{
    max-width: 100%;
    max-height: 100%;
}

.default-image, .hover-image {
    width: 80%; 
    height: 80%;
    transition: opacity 0.3s ease;
}
.hover-image {
   display:none;  
}
.common_footer_item_ul_title_ddd_item:hover .default-image {
    display:none; 
}
.common_footer_item_ul_title_ddd_item:hover .hover-image {
   display:block 
}
.common_footer_item_ul_title_ddd li{
    text-align: center;
}
.common_footer_item_ul li a:hover{
   color: #f08127;
   cursor: pointer;
}
.common_footer_cop{
    padding: 2% 0;
    box-sizing: border-box;
    border-top: 1px solid #808080;
}
.web_nav_item , .web_right_nav{
    display: none;
}

 .floating-panel {
    position: fixed;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .floating-panel-icon-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0.5rem;
  }

  .floating-panel-icon-wrapper-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    margin-right: 10px; 
  }

  .floating-panel-icon-wrapper-icon:hover {
    background-color: #ddd;
  }

  .floating-panel-icon-wrapper-icon i {
    font-size: 24px;
    cursor: pointer;
  }
  
  
  

  .floating-panel-tooltip {
      margin-right: 30%;
    position: absolute;
    right: 2rem; 
    white-space: nowrap;
    padding: 5px 10px;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    opacity: 0;
    pointer-events: none; 
    transition: opacity 0.3s, transform 0.3s;
    transform: translateX(100%);
    font-size: 16px;
    top: 50%;
    transform-origin: right;
    transform: translateX(100%) translateY(-40%); 
  }

  .floating-panel-icon-wrapper:hover .floating-panel-tooltip,
  .floating-panel-tooltip:hover {
    opacity: 1;
    transform: translateX(0) translateY(-50%);
    pointer-events: auto;
  }

  .floating-panel-tooltip a {
    color: inherit;
    text-decoration: none;
  }

  .floating-panel-tooltip a:hover {
    text-decoration: underline;
  }

.floating-panel-web{
    display:none;
    padding: 2% 0;
    width: 100%;
    position: fixed;
    z-index: 99;
    bottom: 0;
    background-color: #F1F3F5;
}

.floating-panel-web-ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.floating-panel-web-li{
        width: 25%;
          display: flex;
        justify-content: center;
        align-items: center;
}
.floating-panel-web-li a{
     display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.floating-panel-web-li-from {
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; 
}
.floating-panel-web-li-top{
    margin-bottom: 2%;
}
.floating-panel-web-li-bottom{
    font-size: 0.9rem;
}





/*button*/

#backToTopBtn {
    display: none; /* Hide the button by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20%; /* Place the button at the bottom of the page */
    right: 2rem; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #3aa1d5; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 0.1rem; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    text-align: center; /* Center text */
    text-decoration: none; /* Remove underline */
}

#backToTopBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

.web_nav_item , .web_right_nav{
    display: none;
}
.web_nav_item {
    height: 6vh;
}
/*web*/

.web_right_nav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 20px;
}
.web_right_nav a {
    padding: 10px 15px;
    text-decoration: none;
    font-size: 16px;
    color: #000;
    display: block;
    transition: 0.3s;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.web_right_nav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: white;
}
.web_nav_item_list_open {
    border: none;
    font-size: 1.3rem;
    cursor: pointer;
    position: relative;
    margin-right: 5%;
}

.web_nav_item_list_open:hover {
    background-color: #555;
}


.web_nav_item_list{
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
 .web_nav_item .logo {
   width: 30%;
   margin-left: 2%;
}

.web_nav_item .logo img {
  max-height: 80%;
   max-width: 80%;
}

.web_menu{
     display: flex;
     width: 100%;
     padding: 5% 0;
     margin-bottom: 5%;
     justify-content: space-between;
     align-items: center;
 }
.web_menu h5{
    font-size: 1.2rem;
    font-weight: 700;
}

.web_menu_butt{
    font-size: 1rem;
}
.web_right_content_ul_oneli{
    width: 100%;
}
.web_right_content_ul_oneli_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative; 
}
.web_right_content_ul_oneli_list:hover {
 background-color: #B6CFED;
 color: #fff;
}
.web_right_content_ul_oneli_list a{
    width:90%;
}
.web_right_content_ul_oneli_list a:hover {
 color: #fff;
}
.web_right_content_ul_oneli_child {
    display: none; 
    margin-top: 5px; 
    width: 100%;
}

.web_right_content_ul_oneli_list span{
     font-size: 1rem;
     width: 10%;
}
.web_right_content_ul_oneli_child{

    display: none;
    margin-top: 5px; 
}

.web_right_content_ul li a{
    font-size: 1.2rem;
}
.web_right_content_ul_oneli_child{
    border: 1px solid  rgb(128, 128, 128,0.2);
}



   /* 模态框背景 */
        .common-myModal {
            display: none; /* 默认隐藏 */
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.9);
        }
        
         .common-modal-content{
            margin: auto;
            display: block;
            width: 80%;
            max-width: 700px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        #common-caption {
            text-align: center;
            color: #ccc;
            font-size: 18px;
            padding: 10px;
            height: 150px;
            position: absolute;
            bottom: 0;
            width: 80%;
            max-width: 700px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            text-align: center;
            margin: auto;
            left: 50%;
            transform: translateX(-50%);
        }

        .common-close {
            position: absolute;
            top: 25px;
            right: 35px;
            color: #f1f1f1;
            font-size: 40px;
            transition: 0.3s;
            cursor: pointer;
        }

        .common-close:hover,
        .common-close:focus {
            color: #bbb;
            text-decoration: none;
            cursor: pointer;
        }

        .common-prev, .common-next {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 16px;
            margin-top: -22px;
            color: white;
            font-weight: bold;
            font-size: 18px;
            transition: 0.6s ease;
            border-radius: 0 3px 3px 0;
            user-select: none;
            background-color: rgba(0, 0, 0, 0.8);
        }

        .common-next {
            right: 0;
            border-radius: 3px 0 0 3px;
        }

        .common-prev:hover, .common-next:hover {
            background-color: rgba(0, 0, 0, 1);
        }






@media screen and (max-width: 576px) {
        html {
            font-size: 14px;
        }
        /*index*/
        .nav{
            display: none;
        }
        .web_nav_item , .web_right_nav,.nav_h{
            display: block !important;
        }
        /*.web_nav_item {*/
     
        /*      height: 6vh;*/
        /*      width: 100%;*/
        /* }*/
        .layui-layer-page {
          width: 80% !important;
         }
        .index_bannerL{
            height: 30vh;
   
        }
        .index_banner_img img{
            object-fit:fill ;
        }
        .index-product{
           
        }
 
        .index-product-item-top{
            width: 90%;
            padding:5% 0;
        }
        .index-product-item-top h3{
            font-size: 1.3rem;
        }
        .index-product-item-top p{
            font-size: 0.9rem;
            line-height: 1.5rem;
         
        }
        
         .index-product-item-bottom-items{
            width: 90%;
            display: block;
        }
        .index-product-item-bottom-items-i{
            width: 100%;
   
          
        }
        .index-product-item-bottom-items-i-img{
            height: 16rem;
              border-radius: 10px;
            
        }
        .index-product-item-bottom-items-i-b a{
            font-size: 1rem;
        }
        
        
        /*.index-product-item-bottom-left{*/
        /*    width: 100%;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul-li-div-l img{*/
        /*    max-width: 80%;*/
        /*    max-height: 80%;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul-li-div-l{*/
        /*    border-bottom: 0;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul li{*/
        /*    width: 90%;*/
        /*    margin-bottom: 5%;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul-li-div{*/
        /*    width: 100%;*/
        /*}*/
        /*.index-product-item-bottom{*/
        /*    height: auto;*/
        /*    padding: 5% 0;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul-li-div-r  a p{*/
        /*    font-size: 0.8rem;*/
        /*}*/
        
        
        
        
        
        .index-article{
            height: auto;
        }
      .index-article-item{
          width: 90%;
          display: block;
      } 
      .index-article-item-right{
          display: block;
          width: 100%;
      }
      .index-article-item-right-i{
          width: 100%;
          margin-bottom: 5%;
      }
     .index-about-item{
         width:90%;
     }  
     .index-about{
         height: auto;
         padding-bottom: 6%;
     }
     .index-about-item-bottom{
         display: block;
     }
     .index-article-item-left-ul{
         display: none ;
     }
     .index-about-item-bottom-left , .index-about-item-bottom-right{
         width: 100%;
     }
     .index-article-item-left{
         width: 100%;
     }
     .index-about-item-top{
         margin-bottom: 5%;
     }
     .index-about-item-top h2{
         font-size: 1.5rem;
     }  
     .index-about-item-top h3{
         font-size: 1.3rem;
     }      
     .index-about-item-top p {
         font-size: 0.8rem;
         line-height: 1.1rem;
     }  
     .index-about-item-bottom-left_t{
         margin-bottom: 5%;
     }   
     .idnex-characteristic-centent{
         width: 90%;
     }

     .idnex-characteristic-centent-item{
         width: 10%;
     }  
    .common_footer{
        padding: 0;
    }
     .idnex-characteristic-centent-item-l{
         width: 7rem;
         height: 7rem;
     }
     .index-article-titless{
         width: 90%;
     }
     .index-news-carousel{
         width: 80%;
     }
     .index-news-carousel-pre{
         left:2%;
     }
      .index-news-carousel-next{
          right: 2%;
      }
      .index-article-titless h3{
          font-size: 1.3rem;
      }
      .idnex-characteristic-title{
          width: 90%;
          padding: 5% 0;
      }
     .idnex-characteristic-title h3{
         font-size: 1.3rem;
     }
     .index-news-carousel-news-item-bottom{
         height: auto;
     }

     
     
     
    /*Contact us*/  
      
      .news-index{
          height: 20vh;

      }
      .news-index-web{
         display: block ;
      }
      .news-index-pc{
         display: none;
      }
      .contact-us-about-centen{
          width: 90%;
          padding: 5% 0;
      }
      .contact-us-centent{
          width: 90%;
      }
      .contact-us-about-centen-title h1{
          font-size: 1.1rem;
      }
     .contact-us-centent-item-title a i{
         font-size: 2rem;
     }
     .contact-us-centent-item-title i{
         font-size: 2rem;
     } 
    .contact-us-position-itme{
        width: 90%;
    }
    .contact-us-message-itme{
        width: 90%;
    }
    .contact-us-about-centen-bottom p{
        font-size: 0.9rem;
    }
    .contact-us-message-msg{
                display: block;
        margin-bottom: 3%;
    }
    .contact-us-message-top-left-img img{
        max-width: 60%!important;
    }
    .contact-us-message-top{
        display: block;
        margin-bottom: 3%;
    }
    .contact-us-message-top-left , .contact-us-message-top-right{
        width: 100%;
           margin-bottom: 3%;
    }
    
    .contact-us-message-top-left-l{
        width: 20%;
    }
    .contact-us-message-msg-left{
        width: 100%;
        margin-bottom: 3%;
    }
    
.contact-us-message-sub{
        padding-left: 0;
        margin-top: 5%;
}
    .contact-us-message-msg-right{
         width: 100%;
    }
    .contact-us-message-top-left{
        justify-content: space-between;
    }
    
    .contact-us-message-top-left-r{
        flex: 1;
    }
    /*news*/
    .news-content-item{
            width: 90%;
    }
    .news-content-ul-li{
        height: auto;
    }
    .news-catelist{
        width: 90%;
    }
    .news-catelist ul li a{
        font-size: 1rem;
    }
    .news-content-ul-li-right-l h3{
        font-size: 1rem;
    }
       .news-content-ul-li-right-l p{
        font-size: 0.8rem;
        line-height: 1rem;
        margin-top: 3%;
    } 
    .news-content-ul-li-right-r-title{
        font-size: 1.3rem;
    }
    .news-content-ul-li-right-r-bottom{
        font-size: 0.8rem;
    }
    .news-content-ul-li-right-l{
        width: 88%;
    }
    .news-content-ul-li-right-r{
        width: 12%;
    }
    .common_footer_list{
        display: none;
    }
     /*news-details*/
    .news-details-centent{
        width: 90%;
    }
    .news-details-centent-title h1 {
        font-size: 1rem;
    }
    .news-details-centent-title span {
        font-size: 0.8rem;
    }
    .news-details-centent-c {
        font-size: 0.8rem;
    }
    /*about*/
    .about-introduction-content{
        width: 70%;
        margin-bottom: 5%;
    }
    .about-introduction-content h1{
        font-size: 1.3rem;
    }
    .about-introduction-content-desc{
        width: 90%;
        font-size:0.8rem;
    }
    .about-culture-content{
        font-size: 1.3rem;
    }
    .about-introduction-content{
        font-size: 1.3rem;
    }
    .about-culture-c{
        width: 90%;
        flex-wrap: wrap;
    }
    .about-culture-c-i{
        padding: 8% 0;
        width: 49%;
        margin-bottom: 3%;
        background: rgba(0, 0, 0, 0.3);
        border-right: 0;
  
    }
    .about-purpose{
        width: 90%;
    }
    .about-purpose-item{
        width: 100%;
        margin-bottom: 5%;
        padding: 5% 0;
    }
    .about-purpose-item-desc{
        padding: 2rem;
    }
    
    /*.products-index*/
    .products-index{
        height: 20vh;
    }
    .products-cate-PC{
        display: none;
    }
    .products-cate-WEB{
        display: block;
        background-color: #fff;
    }
    .products-catelist ul{
      margin: 3% 0;
    }
    .products-catelist ul li{
        width: 100%;
        padding: 0.8rem;
        border: 1px solid  #F0F0F0;
        border-radius: 10px;
        margin-bottom: 2%;
    }
        .products-catelist ul li a{
          display: block; 
          width: 100%; 
          height: 100%;
    }  
    .products-catelist{
        width: 90%;
    }
    .products-content-list{
        width: 90%;
    }
    .products-content-list-item{
        width: 49%;
            height: 12rem;
    }
    .products-content-list-item-b{
        font-size: 0.9rem;
    }
    /*.products-details*/
    .products-details-route-item{
        width: 90%;
        height: auto; 
        display: block;
    }
    .products-details-route{
        height: auto;
    }
    .products-details-route-cate{
        width: 90%;
        margin: 5% auto;
    }
    .products-details-route-item-left{
        width: 100%;
        margin-bottom: 3%;
    }
    .products-details-route-item-right{
        width: 100%;
    }
    .products-details-cen-item{
        width: 90%;
    }
    .products-details-cen img{
        max-width: 100%;
    }
    .products-details-pro-items{
        width: 90%;
         margin-top: 3%;
    }
    .common_footer{
        padding: 0;
    }
    

    
    /*honor*/
    .honor-content-list{
        width: 90%;
    }
    .honor-content-item{
        width: 48%;
        height: auto;
    }
    
    /*cooom*/
    
    .floating-panel{
        display:none

    }
    .floating-panel-web{
        display: block;
    }
    /*iframe*/
    .about-introduction-content-desc iframe{
       margin: 0 auto;
       width:100%;
       height:30vh;
    }
    .products-details-cen-item iframe{
      margin: 0 auto;
       width:100%;
       height:30vh;
    }
    
        .news-details  iframe{
             margin: 0 auto;
       width:100%;
       height:30vh; 
    }
    
    
}
@media screen and (min-width: 577px) and (max-width: 768px) {
        html {
            font-size: 14px;
        }
        
        /*index*/
        .nav{
            display: none;
        }
        .web_nav_item , .web_right_nav,.nav_h{
            display: block !important;
        }
        .layui-layer-page {
          width: 80% !important;
         }
        .index_bannerL{
            height: 36vh;
   
        }
        .index_banner_img img{
            object-fit:fill ;
        }
        .index-product{
           
        }
 
        .index-product-item-top{
            width: 90%;
            padding:5% 0;
        }
        .index-product-item-top h3{
            font-size: 1.3rem;
        }
        .index-product-item-top p{
            font-size: 0.9rem;
            line-height: 1.5rem;
        }

        .index-product-item-bottom-items{
            width: 90%;
        }
        .index-product-item-bottom-items-i-b a{
            font-size: 1rem;
        }
        /*.index-product-item-bottom-left{*/
        /*    width: 90%;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul-li-div-l img{*/
        /*    max-width: 80%;*/
        /*    max-height: 80%;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul-li-div-l{*/
        /*    border-bottom: 0;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul li{*/
        /*    width: 90%;*/
        /*    margin-bottom: 5%;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul-li-div{*/
        /*    width: 100%;*/
        /*}*/
        /*.index-product-item-bottom{*/
        /*    height: auto;*/
        /*    padding: 5% 0;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul-li-div-r a p{*/
        /*    font-size: 0.8rem;*/
        /*}*/
        .index-article{
            height: auto;
        }
      .index-article-item{
          width: 90%;
          display: block;
      } 
      .index-article-item-right{
          display: block;
          width: 100%;
      }
      .index-article-item-right-i{
          width: 100%;
          margin-bottom: 5%;
      }
     .index-about-item{
         width:90%;
     }  
     .index-about{
         height: auto;
         padding-bottom: 6%;
     }
     .index-about-item-bottom{
          flex-wrap: wrap;
     }
     .index-about-item-bottom-left , .index-about-item-bottom-right{
         width: 100%;
     }
     .index-about-item-top{
         margin-bottom: 5%;
     }
     .index-about-item-top h2{
         font-size: 1.5rem;
     }  
     .index-about-item-top h3{
         font-size: 1.3rem;
     }      
     .index-about-item-top p {
         font-size: 0.9rem;
     }  
     .index-about-item-bottom-left_t{
         margin-bottom: 5%;
     }   
     .idnex-characteristic-centent{
         width: 90%;

     }
     .idnex-characteristic-centent-item{
         width: 45%;
         margin-bottom: 5%;
     }  
     .index-article-item-left-ul{
         display: none;
     }
     .index-article-item-left{
         width: 100%;
     }
     
          .index-article-titless{
         width: 90%;
     }
     .index-news-carousel{
         width: 80%;
     }
     .index-news-carousel-pre{
         left:2%;
     }
      .index-news-carousel-next{
          right: 2%;
      }
      .index-article-titless h3{
          font-size: 1.3rem;
      }
      .idnex-characteristic-title{
          width: 90%;
      }
     .idnex-characteristic-title h3{
         font-size: 1.3rem;
     }
     
     .idnex-characteristic-centent-item{
         width: 20%;
     }
     
     
     
     
     
     
         /*Contact us*/  
      
      .news-index{
          height: 30vh;
      }
      .news-index-web{
         display: block;
      }
      .news-index-pc{
         display: none;
      }
      .contact-us-about-centen{
          width: 90%;
          padding: 5% 0;
      }
      .contact-us-centent{
          width: 90%;
      }
      .contact-us-about-centen-title h1{
          font-size: 1.1rem;
      }
     .contact-us-centent-item-title a i{
         font-size: 2rem;
     }
     .contact-us-centent-item-title i{
         font-size: 2rem;
     } 
    .contact-us-position-itme{
        width: 90%;
    }
    .contact-us-message-itme{
        width: 90%;
    }
    .contact-us-about-centen-bottom p{
        font-size: 0.9rem;
    }
    .contact-us-message-top-left-l{
        width: 20%;
    }
    .contact-us-message-msg-left{
        width: 13%;
    }
    .contact-us-message-top-left{
        justify-content: space-between;
    }
    
    .contact-us-message-top-left-r{
        width: 75%;
    }
    
       /*news*/
    .news-content-item{
            width: 90%;
    }
    .news-content-ul-li{
        height: auto;
    }
    .news-catelist ul li a{
        font-size: 1rem;
    }
    .news-content-ul-li-right-l h3{
        font-size: 1rem;
    }
       .news-content-ul-li-right-l p{
        font-size: 0.8rem;
        line-height: 1rem;
        margin-top: 3%;
    } 
    .news-content-ul-li-right-r-title{
        font-size: 1.3rem;
    }
    .news-content-ul-li-right-r-bottom{
        font-size: 0.8rem;
    }
    .news-content-ul-li-right-l{
        width: 88%;
    }
    .news-content-ul-li-right-r{
        width: 12%;
    }
    .common_footer_list{
        display: none;
    }  
        /*news-details*/
    .news-details-centent{
        width: 90%;
    }
    .news-details-centent-title h1 {
        font-size: 1rem;
    }
    .news-details-centent-title span {
        font-size: 0.9rem;
    }
    .news-details-centent-c {
        font-size: 0.9rem;
    }
    
    
       /*about*/
    .about-introduction-content{
        width: 70%;
        margin-bottom: 5%;
    }
    .about-introduction-content h1{
        font-size: 1.3rem;
    }
    .about-introduction-content-desc{
        width: 90%;
        font-size:0.9rem;
    }
    .about-culture-content{
        font-size: 1.3rem;
    }
    .about-introduction-content{
        font-size: 1.3rem;
    }
    .about-culture-c{
        width: 90%;
        flex-wrap: wrap;
    }
    .about-culture-c-i{
        padding: 8% 0;
        width: 49%;
        margin-bottom: 3%;
        background: rgba(0, 0, 0, 0.3);
        border-right:0;
  
    }
    .about-purpose{
        width: 90%;
    }
    .about-purpose-item{
        width: 100%;
        margin-bottom: 5%;
        padding: 5% 0;
    } 
        /*.products-index*/
    .products-index{
        height: 20vh;
    }
        .products-cate-PC{
        display: none;
    }
    .products-cate-WEB{
        display: block;
        background-color: #fff;
    }
    .products-catelist ul{
      margin: 3% 0;
    }
    .products-catelist ul li{
        width: 100%;
        padding: 0.8rem;
        border: 1px solid  #F0F0F0;
        border-radius: 10px;
        margin-bottom: 2%;
    }
    .products-catelist{
        width: 90%;
    }
    .products-content-list{
        width: 90%;
    }
    .products-content-list-item{
        width: 49%;
    }
    .products-content-list-item-b{
        font-size: 0.9rem;
    }
        /*.products-details*/
    .products-index{
        height: 30vh;
    }
    .products-details-route-item{
        width: 90%;
        height: auto; 
        display: block;
    }
    .products-details-route{
        height: auto;
    }
    .products-details-route-cate{
        width: 90%;
        margin: 5% auto;
    }
    .products-details-route-item-left{
        width: 100%;
        margin-bottom: 3%;
        display: flex;
        justify-content: center;
    }
    .products-details-route-item-right{
        width: 100%;
    }
    .products-details-cen-item{
        width: 90%;
    }
    .products-details-cen img{
        max-width: 100%;
    }
    .products-details-pro-items{
        width: 90%;
    }
    .products-details-route-item-left img{
        max-width: 80%;
    }
    
         /*honor*/
    .honor-content-list{
        width: 90%;
    }
    .honor-content-item{
        width: 48%;
        height: auto;
    }
        /*iframe*/
    .about-introduction-content-desc iframe{
       margin: 0 auto;
       width:100%;
       height:30vh;
    }
        .products-details-cen-item iframe{
      margin: 0 auto;
       width:100%;
       height:30vh;
    }
        .news-details  iframe{
             margin: 0 auto;
       width:100%;
       height:30vh; 
    }
    
}
@media screen and (min-width: 769px) and (max-width: 992px) {
        html {
            font-size: 13px;
        }
                /*index*/
        .nav{
            display: none ;
        }
        .web_nav_item , .web_right_nav,.nav_h{
            display: block !important;
        }
        .index_bannerL{
            height: 40vh;
   
        }
        .index_banner_img img{
            object-fit:fill ;
        }
        .index-product{
           
        }
 
        .index-product-item-top{
            width: 90%;
            padding:5% 0;
        }
        .index-product-item-top h3{
            font-size: 1.3rem;
        }
        .index-product-item-top p{
            font-size: 0.9rem;
            line-height: 1.5rem;
        }
        /*.index-product-item-bottom-left{*/
        /*    width: 90%;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul-li-div-l img{*/
        /*    max-width: 40%;*/
        /*    max-height: 40%;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul-li-div-l{*/
        /*    border-bottom: 0;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul li{*/
        /*    width: 90%;*/
        /*    margin-bottom: 2%;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul-li-div{*/
        /*    width: 100%;*/
        /*}*/
        .index-product-item-bottom{
            height: auto;
            padding: 5% 0;
        }
                         .index-product-item-bottom-items{
            width: 90%;
     
        }
        /*.index-product-item-bottom-left-i-ul-li-div-r a p{*/
        /*    font-size: 0.8rem;*/
        /*}*/
        .index-article{
            height: auto;
        }
      .index-article-item{
          width: 90%;
          display: block;
      } 
      .index-article-item-right{
          display: block;
          width: 100%;
      }
      .index-article-item-right-i{
          width: 100%;
          margin-bottom: 5%;
      }
     .index-about-item{
         width:90%;
     }  
     .index-about{
         height: auto;
         padding-bottom: 6%;
     }
     .index-about-item-bottom{
          flex-wrap: wrap;
     }
     .index-about-item-bottom-left , .index-about-item-bottom-right{
         width: 100%;
     }
     .index-about-item-top{
         margin-bottom: 5%;
     }
     .index-about-item-top h2{
         font-size: 1.5rem;
     }  
     .index-about-item-top h3{
         font-size: 1.3rem;
     }      
     .index-about-item-top p {
         font-size: 0.9rem;
     }  
     .index-about-item-bottom-left_t{
         margin-bottom: 5%;
     }   
     .idnex-characteristic-centent{
         width: 90%;
       
         
         
         
     }
     .idnex-characteristic-centent-item{
         width: 45%;
         margin-bottom: 5%;
     }  
     
          .index-article-titless{
         width: 90%;
     }
     .index-news-carousel{
         width: 80%;
     }
     .index-news-carousel-pre{
         left:2%;
     }
      .index-news-carousel-next{
          right: 2%;
      }
      .index-article-titless h3{
          font-size: 1.3rem;
      }
      .idnex-characteristic-title{
          width: 90%;
      }
     .idnex-characteristic-title h3{
         font-size: 1.3rem;
     }
     
     .idnex-characteristic-centent-item{
         width: 20%;
     }
     
     
     
     
     
     
     
             /*Contact us*/  
      
      .news-index{
          height: 30vh;
      }
      .contact-us-about-centen{
          width: 90%;
          padding: 5% 0;
      }
      .contact-us-centent{
          width: 90%;
      }

    .contact-us-position-itme{
        width: 90%;
    }
    .contact-us-message-itme{
        width: 90%;
    }

    .contact-us-message-top-left-l{
        width: 20%;
    }
    .contact-us-message-msg-left{
        width: 13%;
    }
    .contact-us-message-top-left{
        justify-content: space-between;
    }
    
    .contact-us-message-top-left-r{
        width: 75%;
    }
    
     
     /*news*/
    .news-content-item{
            width: 90%;
    }
    .news-content-ul-li{
        height: auto;
    }

    .news-content-ul-li-right-l{
        width: 88%;
    }
    .news-content-ul-li-right-r{
        width: 12%;
    }
    /*news-details*/
    .news-details-centent{
        width: 90%;
    }
     
         /*about*/
    .about-introduction-content{
        width: 60%;
        margin-bottom: 5%;
    }
    .about-introduction-content-desc{
        width: 90%;
 
    }
    .about-culture-c-i{
        margin-bottom: 3%;
        border-right: 0;
    }
    .about-culture-c-i-title{
        margin-bottom: 10%;
    }
    .about-culture-c{
        width: 90%;
        flex-wrap: wrap;
    }
    .about-purpose{
        width: 90%;
    }
        /*.products-index*/
    .products-index{
        height: 20vh;
    }
    
    .products-catelist{
        width: 90%;
    }
    .products-content-list{
        width: 90%;
    }
    .products-content-list-item{
        width: 49%;
    }
    .products-content-list-item-b{
        font-size: 0.9rem;
    }
    /*products-details*/
        .products-index{
        height: 30vh;
    }
    .products-details-route-item{
        width: 80%;
    }
    .products-details-cen-item{
        width: 80%;
    }
    .products-details-pro-items{
        width: 80%;
    }
    .products-details-route{
        height: auto;
    }
         .products-details-cen img{
        max-width: 100%;
    }
     
         /*honor*/
    .honor-content-list{
        width: 90%;
    }
    .honor-content-item{
        width: 32%;
        height: auto;
    }
    
     
         /*iframe*/
    .about-introduction-content-desc iframe{
       margin: 0 auto;
       width:100%;
       height:30vh;
    }
    
        .products-details-cen-item iframe{
      margin: 0 auto;
       width:100%;
       height:30vh;
    }
    
    
        .news-details  iframe{
             margin: 0 auto;
       width:100%;
       height:30vh; 
    }
    
     
     
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
        html {
            font-size: 16px;
        }
        
        
    /*index*/

        .index_bannerL{
            height: 40vh;
   
        }
        .index_banner_img img{
            object-fit:con ;
        }

        .index-product-item-top{
            width: 90%;
            padding:5% 0;
        }
        .index-product-item-top h3{
            font-size: 1.3rem;
        }
        .index-product-item-top p{
            font-size: 0.9rem;
            line-height: 1.5rem;
        }
        /*.index-product-item-bottom-left{*/
        /*    width: 90%;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul-li-div-l img{*/
        /*    max-width: 40%;*/
        /*    max-height: 40%;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul-li-div-l{*/
        /*    border-bottom: 0;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul li{*/
        /*    width: 90%;*/
        /*    margin-bottom: 2%;*/
        /*}*/
        /*.index-product-item-bottom-left-i-ul-li-div{*/
        /*    width: 100%;*/
        /*}*/
        .index-product-item-bottom{
            height: auto;
            padding: 5% 0;
        }
       .index-product-item-bottom-items{
            width: 90%;
     
        }
        /*.index-product-item-bottom-left-i-ul-li-div-r a p{*/
        /*    font-size: 0.8rem;*/
        /*}*/
        .index-article{
            height: auto;
        }
      .index-article-item{
          width: 90%;
      } 

      .index-article-item-right-i{
          width: 100%;
          margin-bottom: 5%;
      }
     .index-about-item{
         width:90%;
     }  
     .index-about{
         height: auto;
         padding-bottom: 6%;
     }


     .index-about-item-top{
         margin-bottom: 5%;
     }
     .index-about-item-top h2{
         font-size: 1.5rem;
     }  
     .index-about-item-top h3{
         font-size: 1.3rem;
     }      
     .index-about-item-top p {
         font-size: 0.9rem;
     }  
     .index-about-item-bottom-left_t{
         margin-bottom: 5%;
     }   
     .idnex-characteristic-centent{
         width: 90%;
 
     }
     .idnex-characteristic-centent-item{
         width: 24%;
         margin-bottom: 5%;
     }  
     
          .index-article-titless{
         width: 90%;
     }
     .index-news-carousel{
         width: 80%;
     }
     .index-news-carousel-pre{
         left:2%;
     }
      .index-news-carousel-next{
          right: 2%;
      }
      .index-article-titless h3{
          font-size: 1.3rem;
      }
      .idnex-characteristic-title{
          width: 90%;
      }
     .idnex-characteristic-title h3{
         font-size: 1.3rem;
     }
     
     .idnex-characteristic-centent-item{
         width: 20%;
     }
     
     
     
        
        /*news-details*/
    .news-details-centent{
        width: 90%;
    }
     
         /*about*/
    .about-introduction-content{
        width: 60%;
        margin-bottom: 5%;
    }
    .about-introduction-content-desc{
        width: 90%;
 
    }
    .about-culture-c-i-title{
        margin-bottom: 10%;
    }
    .about-culture-c{
        width: 90%;
        
    }
    .about-purpose{
        width: 90%;
    }    
    /*products-details*/
    .products-content-list{
        width:90%;
    }
    .products-catelist{
         width:90%;
    }
    .news-index{
        height:30vh;
    }
    .products-details-route-item{
        width: 80%;
    }
    .products-details-cen-item{
        width: 80%;
    }
    .products-details-pro-items{
        width: 80%;
    }
    .products-index{
        height: 30vh;
    }
    .products-details-route{
        height: auto;
    }
         .products-details-cen img{
        max-width: 100%;
    }   
    
    
    /*Contact-Us*/
    .contact-us-about-centen{
        width: 90%;
    }
    
    
    .contact-us-centent{
        width: 90%;
    }
    .contact-us-position-itme{
        width: 90%;
    }   
    .contact-us-message-itme{
        width: 90%;
    }
    /*news*/
    .news-catelist{
      width: 90%;  
    }
    .news-content-item{
       width: 90%;    
    }
        /*honor*/
    .honor-content-list{
        width: 90%;
    }
    .honor-content-item{
        width: 24%;
        height: auto;
    }
    
           /*iframe*/
    .about-introduction-content-desc iframe{
       margin: 0 auto;
       width:100%;
       height:30vh;
    } 
        .products-details-cen-item iframe{
      margin: 0 auto;
       width:100%;
       height:30vh;
    }
    
    .news-details  iframe{
             margin: 0 auto;
       width:100%;
       height:30vh; 
    }
    
    
    
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
        html {
            font-size: 16px;
        }
        
        
}
@media screen and (min-width: 1401px) {
        html {
            font-size: 18px;
        }
}