*{
        margin: 0;
        padding: 0;
    }
    body{
        background-color: #F1F3F5 ;
        font-family: 'Roboto', sans-serif;;
    }
    html {
        font-size: 16px;
         box-sizing: border-box;
    }
    
    html, body {
        overflow-x: hidden;
        width: 100%;
    }
    .cky-revisit-bottom-left{
     bottom: 10% !important;
     }
    .nav_h {
        height: 10vh; 
        position: -webkit-sticky; 
        position: sticky;
        top: 0;
        z-index: 1000;
        transition: background-color 0.3s; 
        background-color: transparent;
    }
    .nav_h {
        height: 10vh; 
        position: -webkit-sticky; 
        position: sticky;
        top: 0;
        z-index: 1000;
        transition: background-color 0.3s; 
        background-color: transparent;
    }
    .nav_h.scrolled {
        background-color: #fff; 
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }


      .header_navbar{
        width: 92%;
        display: flex;
        align-items: center;
        text-align: center;
        height: 100%;
        margin: auto;

      }
    
    .navbar_items_centent {
        flex: 0 0 10%;
        height: 100%;
        overflow: hidden;
        margin-right: 2%;
    }
      .navbar_items_centent img{
          max-width: 100%;
          max-height: 100%;
      }
        .navbar_items_left {
            flex: 1; 
            height: 100%;
        }
      
     .navbar_items_left_ul{
        height:100%;
        display:flex;
        align-items:center;
 
      } 
      
      .dropdown11 a{
          font-size: 1rem;
          
      }
      
        .navbar_items_right {
            flex: 1; 
            height: 100%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
      .navbar_items_right_l{
          background-color: #F0B430;
          padding: 0.4rem 0.8rem;
          border-radius:20px;
          box-sizing: border-box;
          font-size: 0.8rem;
          color: #ffffff ;
          cursor: pointer;
      }
      
      
      
      .navbar_items_right_c{
          margin: 0 3%;
      }
      .navbar_items_right_r{
         display: flex;
           font-size: 0.8rem;
            position:relative;
      }
      .navbar_items_right_rglob{
            background: #01327e url(/static/index/index/global.gif) no-repeat center center;
            background-size: cover;
            margin-right: 8px;
            border-radius: 100%;
            vertical-align: middle;width:1rem;
            height:1rem;
      }

      .navbar_items_right_Language{
               cursor: pointer;
      }
      .navbar_items_right_Language_list{
          position: absolute;
          display: none;
          z-index: 222;
          top: 100%;
          left:0;
          width: 6rem;
      }

      .navbar_items_right_Language_ul li {
           margin-bottom: 5%;
           height: 2rem;
           padding: 0 5%;
      } 
       .navbar_items_right_Language_ul_li_a{
          font-size: 0.8rem;
          display: flex;
          justify-content: left;
          align-items: center;
          height: 100%;
      }
      .navbar_items_right_Language_ul_li_a_svg{
           width: 30%;
           margin-right: 2%;
           flex-shrink: 0; 
           display: flex;
           align-items: center;
           justify-content: center;
        }
        
        .navbar_items_right_Language_ul_li_a_svg svg{
          max-width: 80%;
          max-height:80%;
        }
                .navbar_items_right_Language_ul_li_a_right{
          flex-grow: 1;
         display: flex;
         align-items: center;
        }
        .navbar_items_right_Language_ul_li_a_svg,.navbar_items_right_Language_ul_li_a_right{
         height: 100%;
        }

        
        
      .navbar_items_right_Language_ul_li_a:hover{
           background-color: #ccc;
      }
      
      
      
       .navbar_items_right_Language:hover 
        .navbar_items_right_Language_list {
             display: block;
            background-color: #fff;
                padding: 10% 0 ;
            box-sizing: border-box;
            z-index: 33;
            
        }
             .index_bannerL{
            display: flex;
            height: 80vh;
            margin-bottom: 3%;
        }
        .index_banner{
            position: relative;
            width: 92%;
            border-radius: 20px;
            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;
              z-index: 0;
       
        }
        .index_banner_img:nth-child(1) {
    opacity: 1;
    z-index: 1; 
}


    .index_banner_img img {
        width: 100%;
        height: 100%;
        object-fit: cover; 
    }

      .index_banner_zindex{
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 5px;
            z-index: 2;  
            padding: 0 2%;
 
         }
        .index_banner_zindex>ul{
            padding: 0;
            margin: 0;
            list-style: none;
        }
         .index_banner_zindex li{
             width: 16px;
             height: 16px;
             border-radius: 100%;
             background-color: #565973;
             float: left;
             margin-right: 10px;
              z-index: 3; 
         }

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


         .index_banner_zindex li.selected {
            background-color: #345aca ;
            border-radius: 30% / 40%;
            width: 36px;
        }
        
         .index_banner_left,.index_banner_right{
            width: 4%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
   
         }
         .index_banner_left_div:hover,.index_banner_right_div:hover{
                       font-weight: bold;

         }
         .index_banner_left_div,.index_banner_right_div{
             width:3.5rem;
             height:3.5rem;
             background-color:#ffffff;
             border-radius:50%;
             display: flex;
             align-items: center;
             justify-content: center;  
             display: none; 
             cursor: pointer;
             font-size: 1.3rem;

         }
         
        .index_bannerL:hover .index_banner_left > div,
        .index_bannerL:hover .index_banner_right > div {
            display: flex !important;
        }

         .containerA{
             width: 100%;

         }
         
         
         .container{
              width: 100%;
           
         }
         
         
        .containerB{
            width: 92%;
            margin: auto;
        }
        

        .aa{
            display: none;
            position: absolute;
            padding: 1rem 0;
            z-index: 22;
            background-color: #ffffff;
            box-sizing: border-box;
            top: 100%;
            width: 300px;
            text-align: left;
        }
        .aa li{
            margin-bottom: 5%;
          
        }
        .aa li a{
             font-size: 0.9rem;

        }
        
        .aa li a:hover{
            color: #0693e3;
            cursor: pointer;
        }
        
        
        .dropdown11{
            position: relative;
            height: 100%;
        }
        
        .dropdown11::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          width: 0;
          height: 2px;
          background-color: #2EA7E0; 
          transition: width 0.3s ease;
        }
        
        .dropdown11:hover::after {
          width: 100%;
        }
        .dropdown11:hover .aa{
           display: block;
        }
        
        .dropdown22{
            position: relative;
            padding: 2% 0;
           box-sizing:border-box;
        }
        .dropdown22>a{
            padding-left: 5%;
        }
        .dropdown22:hover{

            background-color:#B6CFED ;
        }
        .bb{
            display: none;
            position: absolute;
            left: 100%;
            top: 0;
            padding: 20px 30px;
            z-index: 22;
            background-color: #ffffff;
            box-sizing: border-box;
            width: 400px;
            text-align: left;
            max-height: 90vh; 
            overflow-y: auto; 
        }
        .bb li{
            padding: 10px 0;

            
        }
         .bb li p a{
            font-size: 1rem;
        }
        .bb li a{
            font-size: 0.8rem;
            
        }
        .bb li a:hover{
            color: #0693e3;
            cursor: pointer;
           
        }
        
        .dropdown22:hover .bb{
           display: block;
        }
        
        
        
        
        
        .common{
            width: 100%;
            margin:  3% 0;
        }
        .common_center{
            width: 92%;
            margin: auto;
             border: 1px solid  #000000;
        }
        
        .index_product_item{
            overflow: hidden;
             margin-bottom: 3%;
        }
        
        .index_product{
            margin: 3% 0 ;
            display: flex;
            height: 60vh;
            width: 80%;
            margin: auto;
            justify-content: space-between;
      
        }
        
        
        .index_product_left{
            width: 49%;
            overflow: hidden;
            padding: 3%;
            height: 100%;
            display: flex;
            flex-direction: column; 
            background-color: #ffffff;
            box-sizing:border-box;
            
        }
        .index_product_left_title{
                height: 30%;
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                overflow: hidden;
               
        }
        .index_product_left_title_text{
            font-size: 1.1rem;
            font-weight: 500;
        }
                .index_product_left_title_text:hover{
             cursor: pointer;
        }
        
        
        
        .index_product_left_bottom{
            height: 70%;
            width: 100%;
            overflow: hidden;
          
        }
        
       .index_product_left_bottom:hover{
             cursor: pointer;
        }
        
        
        
        
        .index_product_left_title_bitton_span a{
                border-radius: 20px;
                padding: 0.2rem ;
                color: #080059;
                font-size: 0.8rem;
                cursor: pointer;
                box-sizing:border-box;
                border: 1px solid #080059;;
        }
        .index_product_left_title_bitton_span a:hover{
                color: #080059;
                font-weight: 600;
        }
        .index_product_left_bottom img{
                width: 100%;
                height: 100%;
                object-fit: contain;
        }

        .index_product_right{
            width: 49%;
            display: flex;
            flex-direction: column; 
            justify-content: space-between;
    
        }
        .index_product_right_top{
            height: 49%;
            width: 100%;
             display: flex;
             flex-direction: column;
             justify-content: space-between;
             background-color: #ffffff;
        }
        
        .index_product_right_top_title{
            height: 40%;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            padding: 0 0 0 10px ;
            
        }
        .index_product_right_top_title_text{
            font-size: 0.9rem;
            font-weight: 500;
        }
        .index_product_right_top_title_botton_span a{
                border: 1px solid  #080059;
                border-radius: 20px;
                padding: 0.2rem ;
                color: #080059;
                font-size: 0.6rem;
                cursor: pointer;
        } 
        
        .index_product_right_top_title_botton_span a:hover{
             color: #080059;
             font-weight: 700;
        }
        
        
        
        .index_product_right_top_bottom{
            height: 60%;
        }
       .index_product_right_top_bottom:hover{
           cursor: pointer;
        }

         .index_product_right_top_bottom img{
                width: 100%;
                height: 100%;
                object-fit: contain;
        }  
        
        













        
      .index_product_right_bottom{
            height: 49%;
            width: 100%;
            display: flex;
            justify-content: space-between;
        } 
        .index_product_right_bottom_left{
            width: 49%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            background-color: #ffffff;
        }
        .index_product_right_bottom_right{
             width: 49%;
             display: flex;
             flex-direction: column;
             justify-content: space-between;
             background-color: #ffffff;
        }
        .index_product_title {
            text-align: center;
            padding-bottom: 3%;
        }
         .index_product_title h1{
            font-size: 1.8rem;
        }
        .index_about{
    
            height: 80vh;
            margin-bottom: 3%;
        }
        
        .index_about_item_top{
            height: 65%;

        }
        .index_about_item_bottom{
            height: 35%;
            display: flex;
            justify-content: space-between;
            padding: 3% 0 0 0;
        }
        
        

        .index_about_item{
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 92%;
            margin: auto;
            background-color: rgba(255, 255, 255, 0.5);
            padding: 2% 6%;
            box-sizing: border-box;
            
        }
        .index_about_item_top{
            display: flex;
            justify-content: space-between;
        }
        .index_about_item_top_left{
            height: 100%;
            width: 48%;
            display: flex;
            flex-direction: column;
    
        }
       .index_about_item_top_right{
            height: 100%;
            width: 48%;
            overflow: hidden;
        }
      .index_about_item_top_right img{
          width: 100%;
          height: 100%;
          object-fit: cover; 
          border-radius: 1rem;
      }
      
      .index_about_item_top_left_t{
          height: 20%;
          display: flex;
          align-items: center;
          font-size: 1.5rem;
          font-weight: 600;
      }
       .index_about_item_top_left_b{
          height: 20%;
           text-align: right;
           width: 100%; 
          box-sizing: border-box; 
          display: flex;
          
      }
      .index_about_item_top_left_c{
          height: 60%;
          overflow: hidden;

      }
        .index_about_item_top_left_b_a span {
            box-sizing: border-box; 
            padding: 8px 50px;
            background-color: #080058;
            border-radius: 20px;
            color: #ffffff;
            text-decoration: none; 
            
        }
      .index_about_item_top_left_b_a span:hover{
            cursor: pointer;
      }
      
    .index_about_item_top_left_c_p1, .index_about_item_top_left_c_p2 {
            margin: 0;
            line-height: 1.6; 
     }  
              
              
    .index_about_item_top_left_c_p1{
          margin-bottom: 5%;
          font-size: 0.9rem;
          text-align: left;
          word-break: break-all; 
    }
     .index_about_item_top_left_c_p2{
          font-size: 1.2rem;
     } 
     
    .index_about_item_top_left_b_a{
        width: 100%;;
        display: flex;
        justify-content: flex-end; 
        align-items: flex-end;
        margin-bottom: 2%;
    }
     

     .index_about_item_bottom_item{
         display:flex;
         border: 1px solid  #090059;
         width: 16%;
         flex-direction: column;
         justify-content: space-between;
         overflow: hidden;
         
     }
     .index_about_item_bottom_item_t , .index_about_item_bottom_item_b{
         height: 50%;
         width: 100%;
         overflow: hidden;
         display: flex;
         align-items: center;
         justify-content: center; 
         text-align: center;
         color: #090059;
     }




.index_about_item_bottom_item_t {
      position: relative;
      font-size: 1.5rem;
      font-weight: 600;
}
.index_about_item_bottom_item_t::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 3%; 
    right: 3%; 
    border-bottom: 1px solid #090059;
}
.index_about_item_bottom_item_b{
    font-size: 0.9rem;
}

.index_aggregate{
    display: flex;
    justify-content: space-between;
    height: 50vh;
    width: 70%;
    margin: 0% auto;
    padding: 0 5%;
   
}
.index_aggregate_item{
    width: 24%;
    overflow: hidden;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: 10px;

}


.index_aggregate_item_text_b {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%); 
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    margin-top: auto; 

}

.index_aggregate_item:hover .index_aggregate_item_text_b {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); 
}

.index_aggregate_item_text_b a{
    color:#ffffff;
    font-size: 1.1rem;
    cursor: pointer;
    font-weight: 800;
}

.index_aggregate_item_text_b a:hover{
    color:#011689;
}

.index_aggregate_item_list{
    width: 100%;
    height: 100%;
    position: relative;

    overflow: hidden; 
}
.index_aggregate_item_list img{
    height:100%;width:100%;object-fit: cover; transition: transform 0.3s ease;
}
.index_aggregate_item_list:hover img {
    transform: scale(1.2); 
}
.index_aggregate_item_list_item{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-sizing:border-box;
    padding: 20% 0 15% 0;
    position:absolute;   
    top: 0;
    width:100%
}

.index_aggregate_item_text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.index_aggregate_item_text_title{
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2%;
}
.index_aggregate_item_text_bottom{
   position: relative;

}
.index_aggregate_item_text_bottom_span{
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0.6rem solid transparent;
    border-right: 0.6rem solid transparent;
    border-top: 1rem solid #F0B430;
}



.index_aggregate_web_hidden{
     display: none;
}

.index_aggregate_web{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 3% auto;
    padding: 0 5%;
    box-sizing: border-box;
}
.index_aggregate_web_item{
    width: 48%;
    overflow: hidden;
    height: 28vh;
    border-radius: 10px;
    align-items: center;
    margin-bottom: 2%;
    position: relative;
    background-size: cover; 
     background-repeat: no-repeat; 
     background-position: center;
     
}
.index_aggregate_web_item::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: transparent;
  cursor: pointer; 
}
.index_aggregate_web_item_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999; 
  opacity: 0; 
}
.index_aggregate_web_item_content {
  position: relative;
  display: flex;
  flex-direction:column ;
  justify-content: space-around;
  z-index: 3;
  height: 100%;
  align-items: center;
}

.index_aggregate_web_item_top_title{
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 3%;
}
.index_aggregate_web_item_top_bottom{
    text-align: center;
}

.index_aggregate_web_item_top_span{
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0.6rem solid transparent;
    border-right: 0.6rem solid transparent;
    border-top: 1rem solid #F0B430;
}

.index_aggregate_web_item_bottom  a{
    font-size: 1rem;
    color: #fff;
    pointer-events: auto; 
    font-weight: 700;
}

















.common_footer{
   width: 92%;
   margin: 6%  auto  0 auto ;
       padding-top: 2%;
    box-sizing: border-box;
    border-top: 1px solid #CCCCCC;
}
.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:3%;
    
}
.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*/

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

}
.common_footer_item_ul_title_ddd_item{
    width: 36%;
    margin-bottom:10%;

    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: #080058;
   cursor: pointer;
}
.common_footer_cop{
    padding: 2% 0;
    box-sizing: border-box;
    font-size: 1rem;
    border-top: 1px solid #CCCCCC;
}
.web_nav_item , .web_right_nav{
    display: none;
}










/*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);
}




/*contact*/
.contact_banner{
    height: 26vh;
    position: relative;
    margin-bottom: 3%;
}
.contact_banner img{
    height: 100%;
    width: 100%;
}
.contact_banner_item{
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #080059;
}

.contact_banner_item_p1{
    margin-bottom: 3%;
    font-size: 1.8rem;
    font-weight: 700;
}
.contact_banner_item_p2{
    font-size: 1rem;
}
.contact_information{
    height: 20vh;
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin: 0  auto 3%;

}

.contact_information_left,.contact_information_right{
    height: 100%;
    width: 50%;
    display:flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
 
}
.contact_information_left_item{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contact_information_left_item_top{
    margin-bottom: 5%;
    
}
    .contact_information_left_item_bottom_web{
        display: none;
    }
.contact_information_left_item_top_img{
    width: 3.5rem;
    height: 3.5rem;
    background-color: #C7E8FA;
    border-radius: 50%;
     display: flex;
    justify-content: center;
    align-items: center; 
}

.contact_information_left_item_top_img img{
   max-height: 60%;
   max-width: 60%;
}
.contact_information_left_item_bottom a{
    font-size: 1.2rem;
    color: #080059;
     cursor: pointer;
     text-align: center;
}
.contact_Connect{
    width: 60%;
    margin: 0 auto 3%;
}
.contact_Connect_title{
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 6%;
}
.contact_Connect_bottom{
    display: flex;
     height: 40vh;
}
.contact_Connect_bottom_left{
    width: 50%;
    height: 100%;

    box-sizing: border-box;
}
.contact_Connect_bottom_left img{
    height: 100%;
    width:100%;
}
.contact_Connect_bottom_right{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    background-color: #fff;
    padding: 0 2%;
    overflow: hidden;
}
.contact_Connect_bottom_right_t_title{
    font-size: 1.3rem;
    font-weight: 600;
    color:#080059 ;
    margin-bottom: 2%;
}
.contact_Connect_bottom_right_t_bottom{
    font-size: 0.8rem;
    color: #5A5A5A;
    line-height: 1.5rem;

}
.contact_address{
    width: 60%;
    margin: 0 auto 3% ;
}
.contact_address_items{
    width: 100%;
    margin-bottom: 2%;
}
.contact_address_items_item{
    width: 100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #DCDCDC;
    padding: 1.2rem;
    cursor: pointer;
    box-sizing: border-box;
}
.contact_address_items_item_left{
    font-size: 0.9rem;
}
.contact_address_items_item_right{
    font-size: 1.2rem;
}

.contact_address_items_item_active{
    display: none;
}
.contact_address_items_item-content{
    width: 100%;
    border: 1px  solid  #DCDCDC;
    border-top: none;
}
.contact_address_items_item-content_right,.contact_address_items_item-content_left{
    width: 50%;
}
.contact_address_items_item-content_right img{
    max-width: 100%;
    max-height: 100%;
}
.contact_address_items_item-content_left{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 0 3%;
    box-sizing: border-box;
}
.contact_address_items_item-content_left_t{
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.contact_address_items_item-content_left_t img{
    max-width: 100%;
    max-height: 100%;
}

.contact_address_items_item-content_list{
    display: flex;
    width: 100%;
}
.contact_address_items_item-content_left_b{
    font-size: 0.8rem;
    color: #5F5D5E;
}
.common_left_from_img img{
    max-width: 100%;
}

/*pricing*/

.pricing_banner{
    margin-bottom: 0;
}
.pricing_cate{
    width: 60%;
    display: flex;
    justify-content: center;
    margin: -1% auto 0;
 
}

.pricing_cate_item{
    background-color: #fff;
    color: #646364;
    padding: 1.5rem 0;
    box-sizing:border-box;
    position: relative; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    width: 25%;
    text-align: center;
        display: flex;
    align-items: center;
    justify-content: center;

}
.pricing_cate_item:hover{
  cursor: pointer;
     
}
.pricing_cate_item:first-child {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  
}

.pricing_cate_item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.pricing_cate_item_active{
  background-color: #2EA7E0;
  color: #fff;
}


.pricing_cate_item:not(:last-child)::after {
    content: ''; 
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 2px; 
    height: 50%; 
    background-color: #E9EDF0; 
}
.pricing_cate_item_span{
    font-size: 0.8rem;
}

.pricing_cate_list{

    overflow: hidden;
    margin-top: 5%;
    width: 60%;
    margin: 3% auto;
}



.pricing_cate_list_items{
    height: 100%;
}

.pricing_cate_list_items_move{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
  
}

.pricing_cate_list_items_move_item{
   background-color: #efede9;
    width: 31%;
    padding: 2%;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;

  
}
.pricing_cate_list_items_move_item_t{
    /*flex-shrink: 0;*/
    
   flex-grow: 1; 
  flex-basis: auto;
  margin-bottom: 2%;
}
.pricing_cate_list_items_move_item_b{
     flex-grow: 2;
    flex-basis: auto;
   line-height: 1.2rem;

}

.pricing_cate_list_items_move_item_b{
    display:flex;
    justify-content: space-between;
    flex-direction: column;
}


.pricing_cate_list_items_move_item_top{
    font-size: 1.3rem;
    line-height: 2rem;
    padding-bottom: 1rem;
    box-sizing: border-box; 
}
.pricing_cate_list_items_move_item_desc{
    height: 5rem;
    font-size: 0.9rem;
    line-height: 1.1rem;
     overflow: hidden;
}





.pricing_cate_list_items_move_item_bottom{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box; 
    height: 70%;
}



.pricing_cate_list_items_move_item_bottom_item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box; 
    margin-bottom: 5%;
}
.pricing_cate_list_items_move_item_bottom_item_find_left{
    width: 30%;
    font-size: 0.9rem;
}
.pricing_cate_list_items_move_item_bottom_item_find_right{
    width: 60%;
     font-size: 0.8rem;
}



.pricing_cate_list_items_move_item_bottom_span{
    font-size: 1rem;
    line-height: 1.5rem;
   
}
.pricing_cate_list_items_move_item_bottom_lv{
    font-size: 1rem;
    line-height: 1.5rem;
}
.pricing_cate_list_items_move_item_sub{

    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box; 
    height: auto; 
    flex-grow: 0; 
    margin-top: 10px; 
}
.pricing_cate_list_items_move_item_sub_get{
    width: 100%;
    background: #EEB033;
    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;
}


.pricing_services{
    width: 100%;
    background-image: url(/static/index/pricing/202202092.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3% 0;
 
}
.pricing_service{
    width: 60%;
    margin: 0 auto ;
}
.pricing_service_cent_ser{
    color: #000000;
    font-size: 1.3rem;
    line-height: 2rem;
    padding-bottom: 2%;
}
.pricing_service_cent_serB{
    padding-bottom: 2%;
    color: #585757;
    font-size: 0.9rem;
    line-height: 2rem;
}

.pricing_service_cent_serC{
    padding-bottom: 1%;
    color: #585757;
    font-size: 0.9rem;
    line-height: 1.5rem;

}
.pricing_service_cent_bott{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2%;
}
.pricing_service_cent_bott_itmes{
    width: 32%;
}
.pricing_service_cent_bott_itmes_bot{
    margin-top: 2%;
    font-size: 0.9rem;
}



 .pricing_service_hr{
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #727272;
    border-radius: 10px 10px 10px 10px;
    height: 10px;
    margin-top: 1%;
    position: relative;
}

.pricing_service_hr_img1{
    position: absolute;
    left: 0;
    top: -8px;
}
.pricing_service_hr_img2{
    position: absolute;
    left: 34%;
    top: -8px;
}
.pricing_service_hr_img3{
    position: absolute;
    left: 68%;
    top: -8px;
}


.pricing_agency{
    background-image: url(/static/index/pricing/Pricing_Prefer.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 60%;
    margin: 3% auto;
}
 .pricing_agency_item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
 }
.pricing_agency_item_left{
    color: #000000;
    font-size: 1.3rem;
    line-height: 1.5rem;
    width: 49%;
}
.pricing_agency_item_right{
    padding: 5% 0% 2% 0%;
    width: 49%;
}
.pricing_agency_item_right_top{
    color: #585757;
    font-family: "Frutiger-Light", Sans-serif;
    font-size: 0.9rem;
    font-weight: 100;
    line-height: 1.3rem;
}
.pricing_agency_item_right_bottom{
    margin: 5% 0
}
.pricing_agency_item_right_bottom a{
    font-size: 0.6rem;
    line-height: 1.3rem;
    fill: #000000;
    color: #000000;
    background-color: #FFFFFF00;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000000;
    border-radius: 60px 60px 60px 60px;
    padding: 0.5rem 2rem 0.5rem 2rem;
}
.pricing_agency_item_right_bottom a:hover{
    background-color: #F0B430;
    border-color: #F0B430;
    color: #ffffff;
}

/*common_sub*/


/*di-zuo*/
.popup-form-title{
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    padding: 20px ; 
}

.popup-form-title-bottom{
    cursor: pointer;
}
.popup-container {
    position: fixed;
    bottom: 0;
    left: 1%;
    width: 20%;
    transition: transform 0.3s ease-out;
    transform: translateY(100%);
    z-index: 1000;
    background: #fff;
    box-shadow: 0 0 10px rgba(68,68,68,0.18);
    border: 1px solid #ddd;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: auto;
}
.popup-container.active {
    transform: translateY(0);
}

.commom_bottom_from{
    padding: 20px;
}


.common_footer_right_left_pc{
    position: fixed;
    bottom: 0;left: 1%; 
    z-index: 999;
    background-color: #011689;
    width: 170px;
    cursor: pointer;
    line-height: 48px;
    height: 48px;
    color: #ffffff;font-size: 14px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;  
    box-shadow: 0 0 10px rgba(68,68,68,0.18);
    text-align: center;
    overflow: hidden;
}
.common_footer_right_left_web{
    display: none;
     position: fixed;
    bottom: 0;left: 1%; 
    z-index: 999;
    background-color: #011689;
    width: 170px;
    cursor: pointer;
    line-height: 48px;
    height: 48px;
    color: #ffffff;font-size: 14px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;  
    box-shadow: 0 0 10px rgba(68,68,68,0.18);
    text-align: center;
    overflow: hidden;
}


/*productslist*/

.productslist{
    height: 55vh;
}
.productslist_cate{
    width: 70%;
    display: flex;
    justify-content: center;
    margin: -1% auto 0;
 
}

.productslist_cate_item{
    background-color: #fff;
    color: #646364;
    padding: 1.5rem 0;
    box-sizing:border-box;
    position: relative; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    width: 33%;
    text-align: center;
}


.productslist_cate_item:hover{
  cursor: pointer;
     
}
.productslist_cate_item:first-child {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
  
}

.productslist_cate_item:last-child {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.productslist_cate_item_active{
  background-color: #2EA7E0;
  color: #fff;
}


.productslist_cate_item:not(:last-child)::after {
    content: ''; 
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 2px; 
    height: 50%; 
    background-color: #E9EDF0; 
}
.productslist_cate_item_span{
    font-size: 0.8rem;
}


.productslist_content{
    width: 70%;
    margin: 2% auto 0;
    
}
.productslist_content_items{
    width: 100%;

}
.products_hidden {
    display: none;
}
.products_visible {
    display: flex;
}
.productslist_content_items_lists{
    width: 31%;
    display: flex;
    flex-direction: column;
    margin-bottom: 3%;
    box-sizing: border-box; 
}
.productslist_content_items_reserve > i {
    width: 31%;
}
.productslist_content_items_top{
    

     box-shadow: 
        4px 4px 10px rgba(255, 255, 255, 0.7),
        -4px -4px 10px rgba(255, 255, 255, 0.5);
}
.productslist_content_items_top img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; 
}
.productslist_content_items_bottom {
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    padding: 2%;
    box-sizing:border-box;
}

.productslist_content_items_bottom p{
    font-size: 0.8rem;
    line-height: 1.2rem;
    font-weight: 500;
}
.productslist_content_items_bottom h2{
     font-size: 1rem;
     margin-bottom: 3%;
     font-weight: 600;
}

.productslist_content_items_bottom h2 a:hover{
 color: #090059;
}



.productslist_content_items_bottom_button {
    display: block; 
    text-align: right;
    padding: 1%;
    box-sizing: border-box;

}
.productslist_content_items_bottom_button a {
    background-color:  #090059;
    color: #fff;
    padding: 0.5em 1em; 
    display: inline-block;
    border-radius: 0.5rem;
    box-sizing: border-box;
    font-size: 0.8rem;
}
.productslist_content_items_bottom_button a:hover {
    color: #fff;
}
.productslist_content_items_reserve{

    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  
}
#productslist_background {
    transition: background-image 0.8s ease-in-out;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}



/*video*/
.productslist_video {
    height: 66vh;
    overflow: hidden;
    margin: 3% 0;
    background-color: #000000;
}

.productslist_video_item {
    width: 70%;
    padding: 2% 0;
    margin: 0 auto;
    box-sizing: border-box;
    height: 100%;

    position: relative;
}

.video-thumbnail-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center; 
    align-items: center; 
    z-index: 2; 
}

#video-thumbnail {
    max-width: 100%;
    max-height: 100%; 
}

.productslist_video_spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    display: none; 
    z-index: 3;
}

.productslist_video_spinner div {
    box-sizing: border-box;
    position: absolute;
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    animation: spin 1s linear infinite;
}

.productslist_video_spinner div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}




.productslist_find{
    width: 60%;
    margin: 3% auto;
}
.productslist_find_title{
    text-align: center;
    margin-bottom: 5%;
}
.productslist_find_title h2{
    font-size: 1.5rem;
    font-weight: 700;
}
.productslist_find_content{
    width: 100%;
    display:flex;
    justify-content: space-between;
     flex-wrap: wrap;
}

.productslist_find_content_item{
    width: 31%;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
   
     
}
.productslist_find_content_item_t{
    margin-bottom: 5%;
}

.productslist_find_content_item_t img{
    max-width: 100%;
    max-height: 100%;
}
.productslist_find_content_item_t  a img:hover{
    box-shadow: 0 10px 20px -5px rgba(51,71,91,0.5) !important;
    transform: scale(1.014) !important;
}

.productslist_find_content_item_b{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.productslist_find_content_item_b_title{
    margin-bottom: 5%;
}
.productslist_find_content_item_b_title a h3{
        color: #080058;
    font-family: "Frutiger-Bold", Sans-serif;
    font-size: 1.2rem;
    line-height: 28px;
}
.productslist_find_content_item_b_desc{
    text-align: left;
    color: #585757;
    font-family: "Frutiger-Light", Sans-serif;
    font-size: 0.9rem;
    font-weight: 100;
    line-height: 1.2rem;

    padding-bottom: 5%;
}

.productslist_find_content_item_b_button{
    display: flex;
    align-items: center;
    overflow: hidden;
}

.productslist_find_content_item_b_button a{
    font-size: 0.8rem;
    line-height: 0.8rem;
    fill: #000000;
    color: #000000;
    background-color: #FFFFFF08;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius:3rem 3rem 3rem 3rem;
    padding: 0.3rem 2rem 0.3rem 2rem;
    box-sizing:border-box;
}

.productslist_find_content_item_b_button a:hover{
    color: #FFFFFF;
    background-color: #F0B430;
    border-color: #F0B430;
}


.productslist_webcate{
    margin: 5% 0 ;
    display: none;
}
.productslist_webcate_centent{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
      justify-content: center; 
    gap: 2%; 
    overflow: hidden;
     
}
.productslist_webcate_centent_item{
    width: 30%;    
    border: 1px solid  #818080;
    margin-bottom: 3%;
    color: #646364;
    padding: 0.5rem 0;
    box-sizing:border-box;
    text-align: center;
    border-radius: 5rem;

}
.productslist_webcate_centent_item span{
    font-size: 1rem;
}


.productslist_webcate_active{
  background-color: #2EA7E0;
  color: #fff;
}

.productslist_webcate_centent {
    align-items: center; 
    height: auto; 
}

.productslist_find_web {
    width: 100%;
    margin: 3% auto;
    position: relative;
    overflow: hidden;
}

.productslist_find_web_title {
    text-align: center;
    margin-bottom: 5%;
}

.productslist_find_web_title h2 {
    font-size: 1.5rem;
    font-weight: 700;
}

.productslist_find_web_content {
    display: flex;
    transition: transform 0.5s ease;
}

.productslist_find_web_content_item {
    flex: 0 0 100%;
    box-sizing: border-box;
    padding: 0 2rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    
}

.productslist_find_web_content_item img {
    max-width: 90%;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.productslist_find_web_content_item_b {
    margin-top: 1rem;
    text-align: center;
}

.productslist_find_web_content_item_b h3 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.productslist_find_web_content_item_b p {
    font-size: 1.1rem;
    color: #585757;
}

.productslist_find_web_content_item_b a {
    display: inline-block;
    margin-top: 1rem;
    padding: 0.5rem 1.5rem;
    background-color: #F0B430;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    font-size: 0.8rem;
    transition: background-color 0.3s;
}

.productslist_find_web_content_item_b a:hover {
    background-color: #d89a2a;
}

.carousel-buttons {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
 
}

.carousel-button {
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    cursor: pointer;
    transition: background 0.3s;
}

.carousel-button:hover {
    background: rgba(0, 0, 0, 0.7);
}

.carousel-button:disabled {
    background: rgba(0, 0, 0, 0.3);
    cursor: not-allowed;
}

 .productslist_find_web{
     display: none;
 }

/*top*/
#backToTopBtn{
    display: none;
position: fixed;
bottom: 20%;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: #3aa1d5;
color: white;
cursor: pointer;
padding: 3px;
border-radius: 10px;
text-align: center;
text-decoration: none;
}







/*xin-product-details-Find*/

.product-details_banner{
    height: 85vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.product-details_banner_web{
  display: none;
}

.product-details_banner_centent{
    width: 80%;
    margin: 0 auto;
    padding-top: 3%;
    box-sizing:border-box;
    text-align: center;
    overflow: hidden;
    color: #fff;
    display:flex;
    flex-direction: column;

}
.product-details_banner_centent_title{
  
}
.product-details_banner_centent_title_h1{
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.5rem;
}
.product-details_banner_centent_title_h2{
    font-size: 1.1rem;
    font-weight: 400;

}
.product-details_banner_centent_smalltitle{
        margin-bottom: 2%;
        margin-top: 2%;
}

.product-details_banner_centent_parameter{
    width: 70%;
    margin: 0 auto;
    display: flex;
    
}
.product-details_banner_centent_parameter_item{
    width: 25%;
    text-align: center;
    padding: 2%;
    box-sizing: box-sizing;
    background-color: #00000070;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: rgba(255, 255, 255, 0.3);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.product-details_banner_centent_parameter_item:last-child {
    border-right: 0px;
    border-bottom-right-radius: 10px;
}
.product-details_banner_centent_parameter_item:first-child {
    border-bottom-left-radius: 10px;
}


.product-details_banner_centent_parameter_item_t{
   margin-bottom: 10%;
   font-size: 1rem;
   font-weight: 600;
}

.product-details_banner_centent_parameter_item_c{
   font-size: 0.8rem;
   word-break: keep-all;

}



.product-details_advantage{
    margin: 5% 0;
    overflow: hidden;
    

}
.product-details_advantage_title{
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 3%;
}
.product-details_advantage_bottom{
    width: 70%;
    margin:  0 auto;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    
}

.product-details_advantage_bottom_item{
     width: 25%;
     display: flex;
     flex-direction: column;
     align-items: center;
}

.product-details_advantage_bottom_item_t{
    margin-bottom: 6%;
}
.product-details_advantage_bottom_item_b{
    font-size: 0.9rem;
}

.product-details_video{
    height: 70vh;
    margin:  0 auto;
    width: 70%;
    position: relative;
    
}


.product-details_video video{
    width: 100%;
    height: 100%;
     object-fit: cover; 
     position: absolute;
     top: 0;
     left: 0;
}

.product-details_pro{
    width: 60%;
    margin: 5% auto 0;
    height: 60vh;
    
}
.product-details_pro_item{
    width: 100%;
    height: 100%;
    display: none; 
}

.product-details_pro_item:first-child {
    display: block; 
}

.product-details_pro_item_list{
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: space-between;
}


.product-details_pro_item_left{
    height: 100%;
    width: 45%;
 
}
.product-details_pro_item_right{
    height: 100%;
    width: 52%;

   
}
.product-details_pro_item_right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-details_pro_item_right_top,.product-details_pro_item_right_bottom{
      overflow: hidden;
}
.product-details_pro_item_right_top{
    flex: 2;
}
.product-details_pro_item_right_bottom{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 5%;
    box-sizing:border-box;
    overflow: hidden;
}


.product-details_pro_item_right_top img{
     width:100%;
     height:100%;
     object-fit: cover;
}
.product-details_pro_item_right_bottom p{
    font-size:0.8rem;
    color:#585757;
    line-height: 1.5rem;
}

.product-details_samples{
    width:70%;
    margin: 5% auto;
    overflow: hidden;
}
.product-details_samples_top{
    text-align: center;
}
.product-details_samples_top_h3{
    font-size: 1.6rem;
    font-weight:700;
    margin-bottom: 3%;
}

.product-details_samples_top_p{
    font-size: 1rem;
    margin-top: 2%;
    line-height: 2rem;
}
.product-details_samples_bottom{
     padding: 0 10%;
     margin-top: 5%;
     box-sizing: border-box;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 
}
.product-details_samples_bottom_item{
    width: 23%;
    margin-bottom: 2%;
  
}
.product-details_samples_bottom_item img{
    max-width:100%;
    max-height: 100%;
   
}
.product-details_samples_bottom_item img:hover{
    box-shadow: 0 10px 20px -5px rgba(51,71,91,0.5) !important;
    transform: scale(1.014) !important;
}
.product-details_samples_web{
    display: none;
}
.product-details_tab{
    width: 50%;
    display:flex;
    justify-content: space-between;
    align-items: center;
    align-items: stretch;
    margin: 3% auto 5%;
}
.product-details_tab_item{
      width: 33.33%;
      padding: 2%;
      box-sizing: border-box;
      text-align: center;
      font-size: 1rem;
      border-bottom: 1px solid #707070;
}
.product-details_tab_item_selected{
    border-bottom: 2px solid #F0B430;
    color: #080059;
}
.product-details_tab_item_onclick:hover{
    cursor: pointer;
}
.product-details_theme{
    width: 70%;
    margin: 5% auto;
}
.product-details_theme_top{
    margin-bottom: 5%;
}
.product-details_theme_h3{
    text-align: center;
    font-size: 1.6rem;
    font-weight:700;
}
.product-details_theme_bottom{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.product-details_theme_bottom_item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 32%;
    padding: 0.7rem;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #f9f9f9;
}
.product-details_theme_bottom_item_image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 6%;
}
.product-details_theme_bottom_item_image  a img:hover {
    box-shadow: 0 10px 20px -5px rgba(51,71,91,0.5) !important;
    transform: scale(1.014) !important;
}

.product-details_theme_bottom_item_title{
    margin-bottom: 6%;
}
.product-details_theme_bottom_item_title h3 a{
    font-size: 1rem;
    color: #080058;
    font-family: "Frutiger-Bold", sans-serif;
    font-weight: 700;
}
.product-details_theme_bottom_item_title_description{
    margin-bottom: 10%;
}
.product-details_theme_bottom_item_title_description p {
    color: #585757;
    font-family: "Frutiger-Light", sans-serif;
    font-size: 0.9rem;
    line-height: 1.3rem;
    flex-grow: 1; 
     display: -webkit-box;          
    -webkit-box-orient: vertical; 
    overflow: hidden;            
    text-overflow: ellipsis;    
    -webkit-line-clamp: 3;       
}

.product-details_theme_bottom_item_title_button .btn {
    display: inline-block;
    text-align: center;
    font-size: 0.8rem;
    color: #000;
    text-decoration: none;
    margin-top: auto;
    border: 1px solid  #000;
    padding: 0.2rem 1.2rem 0.2rem 1.2rem;
    border-radius: 3rem ;
}

.product-details_theme_bottom_item_title_button .btn:hover {
    color: #FFFFFF;
    background-color: #F0B430;
    border-color: #F0B430;
}
.product-details_theme_wep{
    display: none;
}





/*product-bending-machine*/
.product-bending-machine{
    width: 50%;
    margin: 5% auto 0;
    height: 50vh;
}
.product-bending-machine-item{
      height: 100%;
      width: 100%;
      position: relative;
      overflow: hidden;
      display: none;
}
.product-bending-machine-item:first-child {
    display: block; 
}
.product-bending-machine-item-l{
      position: absolute;
      bottom: 5%; 
      right: 1%; 
      color: #000;
      max-width: 35%; 
      font-size: 0.9rem;
      line-height: 1.2;
      text-align: left;
}
.product-bending-machine-item-l h3{
font-weight: 700;
}
.product-bending-machine-item img {
      width: 100%;
      height: 100%;
      object-fit: contain; 
}


/*newslist*/
.news-cate{
    margin: 3% 0;
}

.news-cate-list{
    width: 70%;
    margin: 0 auto;
}
.news-cate-list-ul{
    display: flex;
}
.news-cate-list-ul li {
    display: flex;
    align-items: center;
}
.news-cate-list-ul li a{
    font-size: 1rem;
    line-height: 2rem;
    padding: 0 1rem;
    display: block;
}
.news-cate-list-ul li p{
    line-height: 2rem;
    padding: 0 1rem;
    color: #343434;
}
.news-cate-list-ul li a:hover{
  background-color: #0145b9;
  color: #fff;
  cursor: pointer;
}
.news-cate-list-ul-li-a-active{
  background-color: #0145b9;
  color: #fff;  
}
.news-content{
    margin: 3% 0;
}
.news-content-items{
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-content-items-ul{
    width: 100%;
}
.news-content-items-ul-li{
      height: 12rem;
      width: 100%;
      display:flex;
      justify-content: space-between;
      align-items: center;
      padding: 2%;
      background-color: #fff;
      overflow: hidden;
      box-sizing: border-box;
      margin-bottom: 2%;
}
.news-content-items-ul-li-left{
  width: 20%;
  height: 100%;
}
.news-content-items-ul-li-left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-content-items-ul-li-right{
     width: 78%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
.news-content-items-ul-li-right-l{
    width: 88%;
    display: flex;
    height: 100%;
    flex-direction: column;
}
.news-content-items-ul-li-right-r{
     width: 10%;
     display:flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     height: 100%;
}
.news-content-items-ul-li-right-time{
    display: none;
}

.news-content-items-ul-li-right-r-t{
    font-size: 2rem;
    color:#f08519;
    margin-bottom: 2%;
}
.news-content-items-ul-li-right-r-b{
    font-size: 0.9rem;
    color: #8d8b8b;
}
.news-content-items-ul-li-right-l-title{
    padding-bottom: 1.5%;
    border-bottom: solid 1px #e5e5e5;
}
.news-content-items-ul-li-right-l-h3{
    font-size: 1rem;
    line-height: 2rem;
}
.news-content-items-ul-li-right-l-h3:hover{
 color:#0145b9 ;
}

.news-content-items-ul-li-right-l-desc{
      margin-top: 1.5%;  
      margin-bottom: 2%;
}

.news-content-items-ul-li-right-l-desc p{
    font-size: 0.8rem;
    line-height: 1.5rem;
    color: #717171;
}
.news-content-items-page{
    margin: 0 auto;
    display:flex;
    justify-content: center;
}
.news-content-items-page .layui-laypage-em{
    background-color:#f08519 !important;
}

.news-content-items-page .layui-laypage a, .layui-laypage span{
    height: 2rem !important;
    line-height: 2rem !important;
    font-size: 0.9rem !important;
    padding: 0 1rem !important; 
}


/*news-details-content*/
.news-details{
    padding: 3% 0;
    box-sizing: border-box;
    background-color: #fff;
}
.news-details-content{
    width: 70%;
    margin: 0 auto;
}
.news-details-content-title{
    margin-bottom: 3%;
}
.news-details-content-title h1{
    text-align: center;
    font-size: 1.3rem;
    font-weight: 600;
}
.news-details-content-time{
    text-align: center;
    font-size: 1rem;
    color: #000;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 3%;
}
.news-details-content-c{
    margin-top: 5%;
}

.news-details-content-c img{
    max-width: 100%;
}
.news-details-content-c embed,
.news-details-content-c object,
.news-details-content-c iframe {
    max-width: 100%;

}

.news-details-content-c table  td{
     border-collapse: collapse;
     padding: 0.3rem;

     border: 1px solid #000;

     vertical-align: middle;
     word-break: break-all;


}






.news-details-pre{
    margin: 3% ;
   
}
.news-details-pre-item{
    margin-top: 10%;
    display:flex;
    justify-content: space-between;
    border-top:1px solid #666;
}
.news-details-pre-items{
    padding: 3% 0;
    width: 40%;
    box-sizing: border-box;
    font-size: 0.9rem;
    color: #505050;
}
.news-details-pre-items a:hover{
 color: #011689;
}


/*samples-desc*/
.samples-desc{
    margin: 3% 0;

}
.samples-desc-content{
    width: 60%;
    margin: 0 auto;
    font-size: 1rem;
    text-align: center;
    line-height: 2rem;
}


.samples-sample{
   margin: 3% 0;  
}
.samples-sample-items-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.samples-sample-items{
       width: 70%;
       margin: 0 auto;
       height: 0;
       overflow: hidden;
       transition: opacity 0.6s ease, height 0.6s ease;
}
.samples-sample-items.show {
    opacity: 1;
    height: auto;
    transition: opacity 0.6s ease;
}



.samples-sample-item{
     width: 24%;
     margin-bottom: 2%;
     flex-direction: column;
}
.samples-sample-item-top img{
    max-width: 100%;
    transition: transform 0.5s ease;
}
.samples-sample-item-top img:hover{
     transform: scale(1.03);
  } 
.samples-sample-item-bottom{
     background-color: #EFEFEF;
    color: #000000;
    font-family: "Frutiger-Bold", Sans-serif;
    font-size: 0.9rem;
    padding: 1rem 0 1rem 0;
    text-align: center; 
}

.samples-cate{
    margin: 3% auto;
    width: 70%;
    display: flex;
    justify-content: center;
    align-items:center;
}
.samples-cate-item{
    background-color: #fff;
    color: #646364;
    padding: 1.5rem 0;
    box-sizing:border-box;
    position: relative; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    width: 33%;
    text-align: center;
}
.samples-cate-item-active{
  background-color: #2EA7E0;
  color: #fff;
}
.samples-cate-item-span{
    font-size: 0.8rem;
}

.samples-cate-item-span-web{
    display:none;
}

.samples-cate-item:first-child{
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.samples-cate-item:last-child{
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

/*industry-content*/
.industry-content{
    margin: 3% 0; 

}
.industry-items{
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    
}
.industry-item{
    width: 24%;
    overflow: hidden;
    display: flex;
   flex-direction: column;
    align-items: stretch;
    margin-bottom: 2%;
}
.industry-item-top img{
    width: 100%;
    transition: transform 0.5s ease;
}
.industry-item-top img:hover{
     transform: scale(1.03);
  } 
.industry-item-bottom{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #EFEFEF;
    color: #000000;
    font-family: "Frutiger-Bold", Sans-serif;
    font-size: 0.9rem;
    padding: 1rem 0 1rem 0;
}
.industry-items > i{
    width: 24%;
}
.industry-advantages{
   margin: 3% 0; 
}
.industry-advantages-centent{
        width: 70%;
        margin: 0 auto;
}
.industry-advantages-centent-title{
    font-size: 1.2rem;
    margin-bottom: 3%;
}
.industry-advantages-centent-desc{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.industry-advantages-centent-desc-item{
    width: 24%;
    padding: 2%;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 3%;
    
}
.industry-advantages-centent-desc-item-top{
    display: flex;
    align-items: center;
    margin-bottom: 5%;
   
}
.industry-advantages-centent-desc-item-top-title{
     margin-right: 5%;
}
.industry-advantages-centent-desc-item-top-bottom-h3{
    color: #080058;
    font-size: 1rem ;
    line-height: 2rem;
}
.industry-advantages-centent-desc-item-top-bottom{
    overflow: hidden;
}
.industry-advantages-centent-desc-item-bottom{
    color: #828282;
    font-size: 0.9rem;
    line-height: 2rem;
    font-weight: 100;
    overflow: hidden;
}
.industry-advantages-centent-desc > i{
        width: 24%;
}


/*free-download*/

.free-download{
     margin: 3% 0; 
}
.free-download-content-one{
    width: 65%;
    margin: 0 auto;
    display: flex;
}
.free-download-content-one-left{
    width: 50%;
    display:flex;
    align-items:center;
}
.free-download-content-one-left-item{
    width: 100%;
}
.free-download-content-one-left-item-o,
.free-download-content-one-left-item-t,
.free-download-content-one-left-item-h {
    padding: 0 2%;
}
.free-download-content-one-left-item-o{
    font-size: 1.1rem;
    font-weight: 600;
    padding-bottom: 5%;
}
.free-download-content-one-left-item-t{
      font-size: 1.5rem;
      padding-bottom: 5%;
}
.free-download-content-one-left-item-h{
    font-weight: 400;
    color: #555555;
    font-size: 1rem;
    padding-bottom: 5%;
}
.free-download-content-one-left-item-f{
      width: 100%; 

}

.free-download-content-one-left-item-f a {
    font-family: "Frutiger-Light", Sans-serif;
    font-size: 0.8rem;
    background-color: #F0B430;
    border-radius: 0.8rem;
    padding: 0.6rem 1.1rem; 
    color: #ffffff;
    display: inline-block; 
    max-width: 100%;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
}
.free-download-content-one-left-item-f a:hover{
    cursor: pointer;
    color: #fff;
}
.free-download-content-one-right{
    width: 50%;
}
.free-download-content-one-right  img{
    max-width: 100%;
}


.free-download-two{
     margin: 3% 0; 
}
.free-download-two-content-one{
    width: 65%;
    margin: 0 auto;
    display: flex;
}
.free-download-two-content-one-left{
    width: 50%;
    display:flex;
    align-items:center;
}
.free-download-two-content-one-left-item{
    width: 100%;
}
.free-download-two-content-one-right{
    width: 50%;
}
.free-download-two-content-one-right  img{
    max-width: 100%;
}
.free-download-two-content-one-left-item-title{
      font-size: 1.5rem;
      padding-bottom: 5%;
}

.free-download-two-content-one-left-item-desc{
    font-weight: 400;
    color: #555555;
    font-size: 1rem;
    padding-bottom: 5%;
}
.free-download-two-content-one-left-item-f-ul{
    padding: 0 5%;
}
.free-download-two-content-one-left-item-f-ul li{
    list-style: disc outside;
    font-size: 1rem;
    color: #555555;
    margin-bottom: 2%;
}
.free-download-two-content-one-left-item-f-ul li::marker {
    color: #f0b430; 
}
.free-download-problem{
    padding: 3% 0;
    background-image: url(https://www.mornlaser.cn/wp-content/uploads/2022/02/2022021219.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.free-download-problem-content{
    width: 65%;
    margin: 0 auto;
}
.free-download-problem-content-title{
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 3%;
}
.free-download-problem-content-desc{
    margin-bottom: 3%;
}
.free-download-problem-content-desc-title{
      font-size: 1.3rem;
       margin-bottom: 2%;
}
.free-download-problem-content-desc-bottom{
     font-size: 1rem;
     color: #555555;
}
.free-download-problem-content-desc-bottom-two2{
    margin-bottom: 3%;
}
.free-download-brochure{
     padding: 3% 0;
     background-color: #fff;
}

.free-download-brochure-content{
    width: 65%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    
}
.free-download-brochure-content-left{
    width: 40%;
}
.free-download-brochure-content-left img{
    max-width: 100%;
}
.free-download-brochure-content-right{
     width: 60%;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}
.free-download-brochure-content-right-b img{
    max-width: 100%;
}
.free-download-brochure-content-right-t{
    padding: 3%;
    box-sizing: border-box;
}
.free-download-brochure-content-right-t-title{
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 3%;
}
.free-download-brochure-content-right-t-bottom a{
    font-size: 0.8rem;
    background-color: #F0B430;
    border-radius: 0.8rem;
    padding: 0.6rem 1.1rem; 
    color: #ffffff;
    display: inline-block; 
    max-width: 100%;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
}
.free-download-brochure-content-right-t-bottom a:hover{
    cursor: pointer;
    color: #fff;
}


/*service-remote*/
.service-remotelist{
     margin-bottom: 3%;
}
.service-remote{
    width: 70%;
    margin: 0 auto;  
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.service-remote-left{
    width: 50%;
}
.service-remote-left  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-remote-right{
    width: 50%; 
    padding: 2%;
    display: flex;
    justify-content:center;
    align-items: center;
    box-sizing: border-box;
    background-color: #F5F5F7;
}
.service-remote-right-item-title{
    font-size:1.3rem ;
    margin-bottom: 5%;
    font-weight: 700;
}
.service-remote-right-item-desc{
    font-size: 0.9rem;
    line-height: 2rem;
}

.why_banner{
    margin-bottom: 3%;
    background-image: url('https://www.mornlaser.cn/wp-content/uploads/2022/02/202202092.webp');
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 60vh;
}
.why_banner_centent{
    width: 80%;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.why_banner_c{
    width: 90%;
    height: 100%;
    position: relative;
}
.why_banner_left,.why_banner_left_right{
    width: 4%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    }
.why_banner_left_div,.why_banner_left_right_div{
    width:2.5rem;
    height:2.5rem;
    background-color:#ccc;
    display: flex;
    align-items: center;
    justify-content: center;  
    cursor: pointer;
    font-size: 1.3rem;
}
.why-select-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    opacity: 0;
    transition: all 1.5s;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
 .why-select-item-left{
    width: 60%;
 }
.why-select-item-right{
    width: 40%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}   
.why-select-item-right img{
max-width: 100%;
}    
.why-select-item-left-title{
    font-size: 1.3rem;
    font-weight: 700;
    margin: 5% 0;
}
.why-select-item-left-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.why-select-item-left-bottom-item{
    width: 31%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;
}
.why-select-item-left-bottom-item3{
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;
}



.why-select-item-left-bottom-item-img{
    margin-bottom: 3%;
}
.why-select-item-left-bottom-item-img img{
    max-width: 100%;
    max-height: 100%;
} 


.why-select-item-left-bottom-item-desc{
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
}
.why-select-item-left-bottom-color{
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #727272;
    border-radius: 10px 10px 10px 10px;
    height: 10px;
    position: relative;
    margin-bottom: 10%;
    margin-top: 5%;
}

.why-select-item-left-bottom-color-item1{
    position: absolute;
    left: 0;
    top: -5px;
}
.why-select-item-left-bottom-color-item2{
    position: absolute;
    left: 35%; 
    top: -5px; 
}
.why-select-item-left-bottom-color-item3{
    position: absolute;
    left: 69%; 
    top: -5px;
}
.why-select-item-left-bottom-color-item8{
    position: absolute;
    left: 0; 
    top: -5px; 
}
.why-select-item-left-bottom-color-item9{
    position: absolute;
    left: 51%; 
    top: -5px;
}
.why-select-item-left-bottom-item > i{
    width: 31%;
}





.service-After-sales{
    margin-bottom: 3%;
}
.service-After-sales-items{
    width: 70%;
    margin: 0 auto;
}
.service-After-sales-items-title{
    margin-bottom: 5%;
}
.service-After-sales-items-title-top{
    font-size: 1.3rem;
    margin-bottom: 2%;
    font-weight: 600;
}
.service-After-sales-items-title-desc{
    font-size: 0.9rem;
    color: #585757;
    line-height: 2rem;
}
.service-After-sales-items-bottom{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.service-After-sales-items-bottom-list{
    width: 31%;
    border: 1px solid #DCDCDC;
    padding: 3rem 2rem 3rem 2rem;
    box-sizing: border-box;
    margin-bottom: 3%;
    background-color: #F5F5F7;


}
.service-After-sales-items-bottom > i{
    width: 31%;
}
.service-After-sales-items-bottom-list-title{
    font-size: 1.2rem ;
    font-weight: 600;
    margin-bottom: 5%;
    color: #080059;
    text-align: center;
}
.service-After-sales-items-bottom-list-bottom{
   font-size: 0.9rem ;
   line-height: 1.5rem;
}
.service-offices{
        margin-bottom: 3%;
}
.service-offices-list{
      width: 70%;
    margin: 0 auto;  
}

.service-offices-list-title{
    font-size: 1.3rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 6%;
}

.service-offices-list-bottom-items{
    border:  1px solid #DCDCDC;
    margin-bottom: 2%;
    position: relative;
}


.service-offices-list-bottom-items-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 26px;
    cursor: pointer;
    border:  1px solid #DCDCDC;
}

.service-offices-list-bottom-items-top-left{
    color: #1D1D1F;
    font-size: 1rem;
    font-weight: 100;
}
.service-offices-list-bottom-items-top-right{
      font-size: 1rem;
}
.service-offices-list-bottom-items-bottom{
    display: none; 
}

.service-offices-list-bottom-items-bottom.active {
    display: block; 
   
} 
.service-offices-list-bottom-items-bottom-items{
    display: flex;
}

.service-offices-list-bottom-items-bottom-items-left{
    width:50%;
    padding: 3%;
}
.service-offices-list-bottom-items-bottom-items-right{
 width:50%;
}
.service-offices-list-bottom-items-bottom-items-right  img{
   width: 100%;
}
.service-offices-list-bottom-items-bottom-items-left-imglist{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.service-offices-list-bottom-items-bottom-items-left-imglist img{
    max-width: 100%;
}   


.service-offices-list-bottom-items-bottom-items-left-bottt{
    margin-top: 10%;
    font-size: 1rem;
    letter-spacing: -0.9px;
    color:#969696;
}







/*laser-welding-lasers*/


.product-laser-welding-lasers-pro{
    width: 60%;
    margin: 5%  auto   0  ;
}
.product-laser-welding-lasers-list{
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.product-laser-welding-lasers-list-top{
    height: 55%;
    border-top-left-radius: 2rem;
    margin-bottom: 2%;
}
.product-laser-welding-lasers-list-bottom{
     flex: 1;
     display: flex;
     overflow: hidden;
}

.product-laser-welding-lasers-list-top img{
    max-width: 100%;
    max-height: 100%;
    border-top-left-radius: 2rem;
}

.product-laser-welding-lasers-list-bottom-left{
    width: 50%;
}

.product-laser-welding-lasers-list-bottom-right{
     width: 50%;
     display: flex;
     flex-direction: column;
     justify-content: center; 
     align-items: center;
     padding: 1.5rem;
     box-sizing:border-box;
}
.product-laser-welding-lasers-list-bottom-right h3{
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 2%;
}
.product-laser-welding-lasers-list-bottom-left img{
    max-width: 100%;
    max-height: 100%;
   
}
.product-laser-welding-lasers-list-bottom-right p{
    font-size: 0.9rem;
    color: #818181;
   line-height: 1.2rem;
}

/*laser-clear-lasers*/


.product-laser-clear{
    width: 60%;
    margin: 5%  auto   0  ;
    height: 60vh;
}

.product-laser-clear-list1{
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: space-between;

}
.product-laser-clear-list1 img{
max-width: 100%;
max-height: 100%;
}
.product-laser-clear-right1{
    width: 50%;
}

.product-laser-clear-left1{
    width: 50%;
    display: flex;
     flex-direction: column;
     justify-content: center; 
     align-items: center;
     padding: 1.5rem;
     box-sizing:border-box;
}
.product-laser-clear-left1-top , .product-laser-clear-left1-bottom{
    height: 50%;

    
}

.product-laser-clear-left1-top{
    justify-content: center;
    align-content: center;
}
.product-laser-clear-left1-top p{
    font-size: 0.9rem;
    color: #818181;
   line-height: 1.2rem;
}

/*about-introduction-centent*/
.about-introduction-centent{
    width: 70%;
    margin: 0 auto;  
    height: 50vh;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.about-introduction-centent-item{
    overflow: hidden;
    position: relative; 
    transition: all 0.7s ease; 
    flex-basis: 25%;
    flex-shrink: 1;
    flex-grow: 0;
}



.about-introduction-centent-item:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3); 
    box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 1);
    z-index: 2; 
    pointer-events: none;
}



.about-introduction-centent-item img{
        width: 100%;
        height: 100%;
        object-fit: cover; 
            z-index: 1; 
}
.about-introduction-centent-item:first-child {
    flex-basis: 100%;
}
.about-introduction-centent-item:first-child  .about-introduction-centent-item-caption{
    opacity: 1;
}
.about-introduction-centent:hover .about-introduction-centent-item:not(:hover):first-child {
    flex-basis: 25%;
}
.about-introduction-centent:hover .about-introduction-centent-item:not(:hover):first-child  .about-introduction-centent-item-caption{
    opacity: 0;
}
.about-introduction-centent-item:hover {
    flex-basis: 90%; 
    cursor: pointer;
}
.about-introduction-centent:not(:hover) .about-introduction-centent-item:first-child {
    flex-basis: 90%; 
}
.about-introduction-centent-item-caption-i{
    padding: 20%;
    box-sizing: border-box;
}
.about-introduction-centent-item-caption {
      position: absolute;
      top: 20%;
      left: 0;
      right: 0;
      color: white;
      padding: 10px;
      text-align: center;
      opacity: 0;
      transition: opacity 0.7s ease;
      padding: 3%;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 80%; 
         z-index: 3; 
}
    
 .about-introduction-centent-item:hover .about-introduction-centent-item-caption {
      opacity: 1;
}

.caption-title{
    font-size: 1.2rem;
    margin-bottom: 0.8rem;
    font-weight: 700;
}
.caption-desc{
    font-size: 1rem;
}


.about-process-title{
    margin: 3% auto;
    text-align: center;
}
.about-process-title  h3{
    font-size: 1.3rem;
}


.about-process-container{
        position: relative;
        width: 70%;
        overflow: hidden;
        margin: 0 auto;
        display: flex;
}


.about-process-prev {
    overflow: hidden;
}

.about-process-content{
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}
.about-process-content-item{
     flex: 0 0 calc(100% / 5);
    box-sizing: border-box;
    padding: 1rem;
    text-align: center;
}

.about-process-content-item img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
}

        .about-process-content-item p {
            margin: 1rem 0;
            font-size: 0.9rem;
            color: #333;
            
        }

.about-process-button{
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    border: none;
    z-index: 100;
}

.about-process-prev{
    left: 10px;
}

.about-process-next {
    right: 10px;
}

.carousel-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}


.about-community{
    padding: 3%;
    background-image: url(/static/index/img/background.webp);
}
.about-community-title{
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin-bottom: 3%;
}
.about-community-centent{
    width: 70%;
    margin:  0 auto;
    display: flex;
    justify-content: space-between;
}
.about-community-centent-item{
    width: 30%;
    border: 1px solid  #fff;
    padding: 3% ;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-community-centent-item-find{
    color:#fff;
    text-align: center;
}
.about-community-centent-item-find-t{
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 5%;
}
.about-community-centent-item-find-b{
    font-size: 0.9rem;
    margin-bottom: 5%;
}
.about-introduction-web{
    display: none;
}



/*why*/
.why_advantage{
  margin-bottom: 3%;
}
.why_advantage_title{
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 3%;
}
.why_advantage_bottom{
    margin: 0 auto;
}

.why_Customer{
    margin-bottom: 3%;
}
.why_Customer_list{
    width: 70%;
    margin: 0 auto;
}
.why_Customer_list_w{
    font-size: 1.2rem;
     margin-bottom: 2%;
}
.why_Customer_list_t{
       font-size: 1.3rem;
        margin-bottom: 2%;
       
}
.why_Customer_list_th{
       font-size: 1rem;
        margin-bottom: 3%;
        color: #585757;
}
.why_Customer_list_f{
       font-size: 1rem;
       color: #585757;
       margin-bottom: 3%;
}
.why_Customer_list_bottomm{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.why_Customer_list_bottomm_item{
    width: 33.33%;
    margin-bottom: 2%;
}
.why_Customer_list_bottomm_item_img{
    margin-bottom: 3%;
    
}
.why_pageCustomer_bottom_item_p{
    font-size: 0.9rem;
     color: #585757;
}
.why_Customer_list_bottomm_hr{
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #727272;
    border-radius: 10px 10px 10px 10px;
    height: 10px;
    position: relative;
}
.why_Customer_list_bottomm_hr_img1{
    position: absolute;
    left: 0;
    top: -8px;
}
.why_Customer_list_bottomm_hr_img2 {
    position: absolute;
    left: 33.33%;
    top: -8px;
}
.why_Customer_list_bottomm_hr_img3 {
    position: absolute;
    left: 66.66%;
    top: -8px;
}
.why_Community{
    margin-bottom: 3%;
}
.why_Community_list{
    width: 70%;
    margin: 0 auto;
}
.why_Community_list_title{
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 3%;
}
.why_Community_list_bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
 align-items: stretch; 
}
.why_Community_list_bottom_item{
    width: 31%;
    border: 1px solid  #000; 
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 3%;
    box-sizing:border-box;
}
.why_Community_list_bottom_item_find{
    text-align: center;
    width: 100%;
}
.why_Community_list_bottom_item_find_w{
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 5%;
}
.why_Community_list_bottom_item_find_t{
    font-size: 1rem;
    margin-bottom: 3%;
}
.why_Community_list_bottom_item_find_th{
    margin-bottom: 10%;
    height: 5rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.why_Community_list_bottom_item_find_th img{
   max-width: 100%;  
}




/*common-interested-news*/
.common-interested-news{
    margin-bottom: 3%;
}
.common-interested-news-title{
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 3%;
}
.common-interested-news-centent{
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.common-interested-news-centent-items{
    width: 31%;
    display: flex;
    flex-direction: column; 
    justify-content: space-between; 
}
.common-interested-news-centent-items-img{
    height: 20rem;
    margin-bottom: 3%;
    overflow: hidden; 
        border-radius: 10px;
}
.common-interested-news-centent-items-img img{
    width:100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease; 

}
.common-interested-news-centent-items-img img:hover {
    transform: scale(1.1); 
}
.common-interested-news-centent-items-h2{
  margin-bottom: 3%;
}
.common-interested-news-centent-items-h2 h2{
    color: #080058;
    font-family: "Frutiger-Bold", Sans-serif;
    font-size: 1.2rem;
    line-height: 1.5rem;
}
.common-interested-news-centent-items-desc{
    color: #585757;
    font-family: "Frutiger-Light", Sans-serif;
    font-size: 0.8rem;
    font-weight: 100;
    line-height: 1.1rem;
    margin-bottom: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.common-interested-news-centent-items-button{
    margin-top: 8%;
}
.common-interested-news-centent-items-button a {
    font-size: 0.8rem;
    line-height: 1.3rem;
    fill: #000000;
    color: #000000;
    background-color: #FFFFFF08;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 60px 60px 60px 60px;
    padding: 3.5px 34.3px 3.5px 34.3px;
}
.common-interested-news-centent-items-button a:hover{
   background: #EEB033;
   color:#fff;
}


/*Research*/
.Research-list {
    background-color: #1D1D1F;
    padding: 3% 0;
    margin-bottom: 3%;
}
.Research-Academic-Partners{
    width:80%;
    margin: 0 auto;
    color: #fff;
}
.Research-Academic-Partners-title{
    font-size: 1.5rem;
    margin-bottom: 3%;
    font-weight: 600;
}
.Research-Academic-Partners-buttom{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.Research-Academic-Partners-buttom-item{
    width: 30%;
    display: flex;
    flex-direction: column;
}
.Research-Academic-Partners-buttom-item-img{
    height: 5vh;
    margin-bottom: 3%;
}
.Research-Academic-Partners-buttom-item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Research-Academic-Partners-buttom-item-p{
    flex: 1;
    display: flex;
    align-items: center;
}
.Research-Academic-Partners-buttom-item-p p{
    text-align: left;
      font-size: 0.9rem;
}
.Research-Partners{
    margin-bottom: 3%;
}
.Research-Partners-cent{
    width: 80%;
    margin: 0 auto;
}
.Research-Partners-cent-title{
    text-align: center;
    margin-bottom: 3%;
     font-size: 1.3rem;
}
.Research-Partners-cent-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.Research-Partners-cent-bottom-item{
    width: 12%;
    border: 1px solid #000;
}

.Research-Partners-cent-bottom-item-img{
    width: 100%;
    position: relative;
}
.pricing_black{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease; 
}

.pricing_blue {
    opacity: 0;
    width: 100%;
    height: 100%;
}
.Research-Partners-cent-bottom-item-img:hover .pricing_black {
    opacity: 0;
}

.Research-Partners-cent-bottom-item-img:hover .pricing_blue {
    opacity: 1;
}
.Research-patent{
    margin-bottom: 3%;
    padding: 3% 0;
        position: relative;
}
.Research-patent-title{
    margin-bottom: 3%;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
}
.Research-Major-events-centen{
    width: 80%;
}






.Research-patent-centent {
    overflow: hidden; 
    width: 90%; 
    margin: 0 auto;
}

.Research-patent-centent-items {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%; 
    margin: 0 auto;
}

.Research-patent-centent-items-item {
    flex: 0 0 calc(100% / 8);
    box-sizing: border-box;
    padding: 1rem;
    text-align: center;
}

.Research-patent-centent-items-item img {
    width: 100%;
    height: 15rem;
    object-fit: cover;
    border-radius: 8px;
}

.Research-patent-centent-button {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    border: none;
    z-index: 100;
}
.Research-patent-centent-prev {
    left: 1rem;
}

.Research-patent-centent-next {
    right: 1rem;
}
.Research-patent-centent-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.Research-Honors{
    margin-bottom: 3%;
}
.Research-Honors-centent{
    overflow: hidden; 
    width: 60%; 
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.Research-Honors-centent-item{
    width: 31%;
    margin-bottom: 3%;
}
.Research-Honors-centent>i{
     width: 31%;
}
.Research-Honors-centent-item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: 3%;
}
.Research-Honors-centent-item-img-desc{
    font-size: 0.9rem;
}
.Research-Major-events{
    padding-top: 3%;
  
    background-color: #fff;
}
.Research-advantage{
   margin-bottom: 3%; 
   position: relative;
   background-color: #fff;
   padding: 5% 0;
   box-sizing:border-box;

}
.Research-advantage-centent{
          width: 70%; 
          margin: 0 auto;
          
}
.Research-cases-container{
    display: flex;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease;
}
.Research-case-block {
    padding: 15px;
    margin-right: 10px;
    cursor: pointer;
    flex-shrink: 0;
    font-size: 1rem;

    transition: transform 0.3s ease, opacity 0.3s ease;
    width: 20rem;
}

.Research-case-block:hover {
    transform: scale(1.05);
}
.Research-selected-content {
    padding: 20px;
    min-height: 100px;
    text-align: center;
    position: relative;
    opacity: 0; 
    font-size: 1rem;
    transform: translateY(30px);
}

@keyframes Research-slideUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.Research-animate-slideUp {
    animation: Research-slideUp 0.5s ease-out forwards;
}

.Research-nav-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    cursor: pointer;
    border: none;
    z-index: 10;
}

.Research-prev-btn {
    left: 13%;
}

.Research-next-btn {
    right: 13%;
}


.Research-ce-centent{
    /*width: 80%;*/
    margin: 0 auto;
    position: relative;
}
    .ssssssss img {
        height: auto;
        max-width: 100%
    }
    

     .research_swiper_db{
             width: 80%;
            display: flex;
            justify-content: center;
            align-items: center;
    
             margin: 0 auto;
            transform-style: preserve-3d;
       
     }
    
    
       .Research-cd-box{
            height: 50vh;
            width: 100%;

        }
        .Research-cd-box .Research-cd-box-item{
            position: absolute;
            /*top: calc(50% - 150px);*/
            left: calc(50% - 140px);
            width: 280px;
            height: 400px;
            background: #fff;
            transition: 0.5s;
            /*box-shadow:  0 0 50px rgba(0, 0, 0, 0.5);*/
            transform-style: preserve-3d;
            transform-origin: bottom;
            user-select: none;
            -webkit-box-reflect:below 1px linear-gradient(transparent,transparent,#0002)
        }

        .Research-cd-box .Research-cd-box-item:nth-child(1) { transform: translate3d(-500px, 0, 0) scale(0.65) rotateY(35deg); z-index: 1; }
        .Research-cd-box .Research-cd-box-item:nth-child(2) { transform: translate3d(-400px, 0, 0) scale(0.75) rotateY(30deg); z-index: 2; }
        .Research-cd-box .Research-cd-box-item:nth-child(3) { transform: translate3d(-300px, 0, 0) scale(0.85) rotateY(25deg); z-index: 3; }
        .Research-cd-box .Research-cd-box-item:nth-child(4) { transform: translate3d(-150px, 0, 0) scale(0.95) rotateY(15deg); z-index: 4; }
        .Research-cd-box .Research-cd-box-item:nth-child(5) { transform: translate3d(0px, 0, 0) scale(1) rotateY(0deg); z-index: 5; }
        .Research-cd-box .Research-cd-box-item:nth-child(6) { transform: translate3d(150px, 0, 0) scale(0.95) rotateY(-15deg); z-index: 4; }
        .Research-cd-box .Research-cd-box-item:nth-child(7) { transform: translate3d(300px, 0, 0) scale(0.85) rotateY(-25deg); z-index: 3; }
        .Research-cd-box .Research-cd-box-item:nth-child(8) { transform: translate3d(400px, 0, 0) scale(0.75) rotateY(-30deg); z-index: 2; }
        .Research-cd-box .Research-cd-box-item:nth-child(9) { transform: translate3d(500px, 0, 0) scale(0.65) rotateY(-35deg); z-index: 1; }

        .Research-cd-box .Research-cd-box-item img{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .Research-cd-box-button{
            display: flex;
            justify-content: center;
        }
        .Research-cd-box-button span{
            position: relative;
            width: 50px;
            height: 50px;
            border: 2px solid #3AA1D5;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0.5;
            margin-right: 10px;
        }
        .Research-cd-box-button span:hover{
            opacity: 1;
        }
  
        .Research-cd-box-button span::before{
            content: '';
            position: absolute;
            left: 20px;
            width: 10px;
            height: 10px;
            border-top: 2px solid #3AA1D5;  
            border-left: 2px solid #3AA1D5;
            transform: rotate(-45deg);
        }
        .Research-cd-box-button span:last-child::before{
            content: '';
            position: absolute;
            left: initial;
            right: 20px;
            width: 10px;
            height: 10px;
            border-top: 2px solid #3AA1D5;  
            border-left: 2px solid #3AA1D5;
            transform: rotate(135deg);
        }


/*Solutions*/
.Solutions-banner{
    margin-bottom: 0;
}
.Solutions{

    background-color: #fff;
     padding: 3% 0;
}

.Solutions-item{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.Solutions-item-left{
    width: 49%;
    background-image: url(/static/index/buyers/MORN-LASER-factory.webp);
     background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;

}
.Solutions-item-right{
    width: 49%;
    padding: 3%;

}
.Solutions-item-right-title{
    margin-bottom: 2%;
    font-size: 1.3rem;
    font-weight: bold;
}
.Solutions-item-hr{
    margin: 3% 0;
}
.Solutions-item-right-title1{
    font-size: 1rem;
    font-size: 600;
}
.Solutions-item-right-desc{
color: #727272;
font-size: 0.8rem;
line-height: 1.5rem;
margin-bottom: 2%;
}
.Solutions-item-right-desc p{
margin-bottom: 1%;
}
.Solutions-item-buttom{
    display: flex;
    justify-content: right;
}
.Solutions-item-buttom span{
    font-size: 0.8rem;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #080059;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #080059;
    border-radius: 2rem ;
    padding: 0.5rem 1.3rem 0.5rem 1.3rem;
    text-align: center;
}
.Solutions-item-buttom span:hover{
cursor: pointer;
}
.Solutions-Applications{
    background-image: url(/static/index/buyers/Applications-industries_-background.webp);
    padding: 3% 0;
}
.Solutions-Applications-title{
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    color:#fff;
    margin-bottom: 3%;
}
.Solutions-Applications-centent{
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
     align-items: stretch;
    height: auto;
    overflow: hidden;
        
}
.Solutions-Applications-centent-item{
    width: 48%;
    display: flex;
    flex-direction: column;
}
.Solutions-Applications-centent-item-top img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}
.Solutions-Applications-centent-item-bottom{
    background-color: #fff;
    padding:  3%;
    flex: 1;
}
.Solutions-Applications-centent-item-bottom-title{
    margin-bottom: 2%;
}
.Solutions-Applications-centent-item-bottom-title h3{
    font-size: 1.3rem;
    font-weight: 700;
    color: #080058;;
}
.Solutions-Applications-centent-item-bottom-desc{
    color:#333;
    font-size: 0.9rem;
    line-height: 1.5rem;
}
.Solutions-Buyer{
    padding: 3% 0;
    background-color: #fff;
}
.Solutions-Buyer-title{
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 3%;
}
.Solutions-Buyer-centent{
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.Solutions-Buyer-centent-item{
    width: 48%;
}

.Solutions-Buyer-centent-item-left{
    
background-image: url(/static/index/buyers-guide/morn-laser-product-brochure.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 50%;  
background-color: #fff;

}
.Solutions-Buyer-centent-item-right{
    padding: 8% 3%;
}
.Solutions-Buyer-centent-item-right-title{
    font-size: 1.3rem;
    margin-bottom: 5%;
    
}
.Solutions-Buyer-centent-item-right-bottom{
    font-size: 0.9rem;
    line-height: 1.5rem;
     color: #555;
     margin-bottom: 5%;
}

.Solutions-Buyer-centent-item-right-butt a{
    font-family: "Frutiger-Light", Sans-serif;
    font-size: 0.8rem;
    fill: #000000;
    color: #000000;
    background-color: #FFFFFF00;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000000;
    border-radius: 1rem;
    padding: 0.3rem 1.2rem 0.3rem 1.2rem;
}

.Solutions-advantages{
        padding: 3% 0 0 0;
}


.Solutions-advantages-centent{
    margin: 0 auto;
    width: 70%;

    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.Solutions-advantages-centent>i{
    width: 23%;
}
.Solutions-advantages-centent-item{
    width: 23%;
     padding: 3%;
     box-sizing: border-box;
     background-color: #fff;
     margin-bottom: 3%;
}
.Solutions-advantages-centent-item-top{
    margin-bottom: 10%;
    font-size: 1.1rem;
    color:  #080058;
}   
.Solutions-advantages-centent-bottom{
    font-size: 0.8rem;
    line-height: 1.5rem;
    color: #555;
} 
.Solutions-advantages-titles{
    width: 70%;
    margin: 0 auto;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 3%;

}   


/*Product-List-banner*/

.Product-List-banner {
    max-height: 70vh;
    overflow: hidden; 
}

.Product-List-banner img {
    width: 100%; 
    object-fit: cover;

}
.Product-List-centesss{
    background-color: #fff;
}
.Product-List-desc{
    text-align: center;
    width: 70%;
    margin:-3%  auto 0;
    padding: 2%;
    box-sizing: border-box;
    position: relative;
    background-color: #F5F5F7;
}
.Product-List-desc-title{
    margin-bottom: 1%;
}
.Product-List-desc-title h1{
    font-size: 2rem;
    font-weight: 700;

}
.Product-List-desc-titletwo{
    margin-bottom: 2%;
}
.Product-List-desc-titletwo h2{
    font-size: 1.2rem;
    
}
.Product-List-desc-desc{
    font-size: 0.9rem;
    line-height: 1.5rem;
    color: #585757;
}
.Product-List-centent{
    background-color: #fff;
    padding: 3% 0;
}
.Product-List-centent-item{
    width: 70%;
    margin: 0 auto;
}
.Product-List-centent-item-items{
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    margin-top: 3%;
    border-top: 1px solid #000000;
    padding-top: 3%;
}
.Product-List-centent-item-items:first-child {
    border-top: 0;
}
.Product-List-centent-item-items-left{
     width: 40%;
     overflow: hidden;
     position: relative;
}
.Product-List-centent-item-items-left img{
    max-width: 100%;
    object-fit: cover;
    transition: transform 0.3s ease; 
}
.Product-List-centent-item-items-left-hot{
    position: absolute;
    top: 2%;
    left: 5%;
    width: 15%;
}
.Product-List-centent-item-items-left img:hover {
    transform: scale(1.1); 
}
.Product-List-centent-item-items-right{
    width: 58%;
     padding: 2%;
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}

.Product-List-centent-item-items-right-title{
    margin-bottom: 5%;
}
.Product-List-centent-item-items-right-title a h2{
    font-size: 1.5rem;
    font-weight: 700;
}
.Product-List-centent-item-items-right-title a:hover {
    background-color: transparent;
    color: #337ab7;
}
.Product-List-centent-item-items-right-titletwo{
    margin-bottom: 3%;
}
.Product-List-centent-item-items-right-titletwo a h3{
    font-size: 1.1rem;
}
.Product-List-centent-item-items-right-desc{
    font-size: 0.9rem;
    color: #555;
    line-height: 1.5rem;
}
.Product-List-centent-item-items-right-bottom a{
    font-size: 0.8rem;
    line-height: 1.5rem;
    border: 1px solid #000;
    border-radius: 50px;
    padding: 3.5px;
    text-align: center;
}
.Product-List-centent-item-items-right-bottom a:hover {
    background-color: #F0B430;
    border: 0;
    color: #fff;
}



/*xinggang*/
.xi_page{
    height: 85vh;
}
.xi_page_banner{
    display: flex;
    justify-content: flex-end;
    height: 100%;
}
.xi_page_banner_desc{
       width: 60%;
       margin-right:10%;
}
.product-details_content_page_web{
    display: none;
}

.xi_page_banner_desc_title{
    color: #FFFFFF;
    font-family: "Frutiger-Light", Sans-serif;
    font-size: 1.3rem;
    line-height: 2rem;
    padding-top: 5%;
    text-align: right;
    text-align: right;
}

.xi_page_banner_desc_Two{
    color: #FFFFFF;
    font-family: "Frutiger-Bold", Sans-serif;
    font-size: 1.2rem;
    line-height: 2rem;
    padding-top: 3%;
    text-align: right;
   
}
.xi_page_banner_desc_Three{
    color: #FFFFFF;
    font-family: "Frutiger-Light", Sans-serif;
    font-size: 1rem;
    line-height: 2rem;
    padding-bottom: 3%;
    text-align: right;
}
.xi_page_banner_list{
    width:70%;
    display: flex;
    justify-content: space-between; 
    align-items:stretch;
    float: right;
}
.xi_page_banner_list_items{
    width: 24%;
    overflow: hidden;
    text-align: center;
    background-color: #FFFFFF30;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 1.5rem 1rem;
    color: #FFFFFF;
    font-size: 0.8rem;
}

.xi_page_banner_list_items:nth-child(1) {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: rgba(255, 255, 255, 0.3);
    border-bottom-left-radius: 10px;
}
.xi_page_banner_list_items:nth-child(2) {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: rgba(255, 255, 255, 0.3);
}
.xi_page_banner_list_items:nth-child(3) {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: rgba(255, 255, 255, 0.3);
}
.xi_page_banner_list_items:nth-child(4) {
border-bottom-right-radius: 10px;
}


.xi_page_banner_list_items_top{

    font-family: "Frutiger-Bold", Sans-serif;
    font-size: 1.1rem;
    line-height: 1.3rem;
}

.xi_page_Advantages{
    padding: 3% 0;
    text-align: center;
    background-color: #fff;
}
.xi_page_Advantages_title{
    color: #000000;
    font-family: "Frutiger-Bold", Sans-serif;
    font-size: 1.2rem;
    line-height: 2rem;
    -webkit-text-stroke-color: #000;
    stroke: #000;
    width: 80%;
    margin:  0 auto;
    padding-bottom: 3%;
}
.xi_page_Advantages_centent{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 70%;
    margin: 0 auto;
}
.xi_page_Advantages_centent_item{
    width: 25%;
}
.xi_page_Advantages_centent_item_img{
    margin-bottom: 5%;
    max-width: 100%;
}
.xi_page_Advantages_centent_item_text{
    font-size: 0.9rem;
}
.xi_page_Advantages_video{
    height: 60vh;
    padding: 0 0 3% 0;
    background-color: #fff;
}
.xi_page_Advantages_video_content{
    margin: 0 auto;
    width: 60%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.xi_page_Advantages_video_content iframe{
     width: 100%;
     height: 100%;
     display: none;
}
.xi_page_Advantages_video_content_img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    border: 1px solid  #000;
    z-index: 66;
}
.xi_page_Advantages_video_content_img2{
    max-width:100%; 
    position: absolute; 
    width:15%;  
    z-index: 88;
    position: absolute;
    top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.video_spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	display: none;
	z-index: 100;
}

.video_spinner div {
	box-sizing: border-box;
	position: absolute;
	width: 40px;
	height: 40px;
	border: 4px solid #f3f3f3;
	border-radius: 50%;
	border-top: 4px solid #3498db;
	animation: spin 1s linear infinite;
}

.video_spinner div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.xi_pageIn-cutting-head{
    background-color: #fff;

}
.xi_pageIn-cutting-head-list{
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.xi_pageIn-cutting-head-items{
    width: 15%;
    position: relative;
    overflow: hidden;
}
.xi_pageIn-cutting-head-items img{
    width: 100%;
    transition: transform 0.5s ease;
}
.xi_pageIn-cutting-head-items img:hover {
    transform: scale(1.1);
}
.xi_pageIn-cutting-head-items img:hover{
   cursor: pointer;
}
.xi_pageIn-cutting-head-items_po{
    position:absolute;
    bottom: 0;
    height: 2rem;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    text-align: center;
    color:#ffffff;
    line-height: 2rem;
    font-size: 0.9rem;

}
.xi_pageIn-cutting-head-plan{
    padding: 3% 0;
       background-color: #fff;
}
.xi_pageIn-cutting-head-plan-centent{
    width: 70%;
    margin: 0 auto;
}
.xi_pageIn-cutting-head-plan-centent-Multiple{
    font-size: 1.3rem ;
    font-weight: 600;
}
.xi_pageIn-cutting-head-plan-centent-bot{
    margin-top:2%;
    font-size: 1rem;
}

.xi_pageIn-solution{
    background-color: #fff;
    padding-bottom: 3%;
}
.xi_pageIn-solution-centent{
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin: 0 auto;
}

.xi_pageIn-solution-centent_img img{
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.xi_pageIn-solution-centent_items{
    width: 49%;
    overflow: hidden;
}

.xi_pageIn-solution-centent_bottom_top{
    padding: 3% 0;
}
.xi_pageIn-solution-centent_bottom_top h3{
    font-size: 1.1rem;
}
.xi_pageIn-solution-centent_bottom_b{
   font-size: 0.9rem;
}

.xi_page_samples{
    padding: 3% 0;
    background-color: #1D1D1F;
}
.xi_page_samples_centent{
    width: 70%;
    margin: 0 auto;
    color: #fff;
}

.xi_page_samples_centent_title{
    margin-bottom: 3%;
}
.xi_page_samples_centent_title h3{
    font-size: 1.6rem;
    text-align: center;
    font-weight: 700; 
}
.xi_page_samples_centent_desc{
    font-size: 0.9rem;
}
.xi_page_samples_centent_list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
margin-top: 5%;
}
.xi_page_samples_centent_list_item{
    width: 23%;
    overflow: hidden;
}
.xi_page_samples_centent_list_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5 ease;
}
.xi_page_samples_centent_list_item img{
    max-width: 100%;
    object-fit: cover;
}

.xi_page_samples_centent_list_item img:hover {
    transform: scale(1.1);
}

.xi_page_banner_web{
    display: none;
}

/*coil-laser-cutting*/
.coil-All-in{

}

.coil-All-in-centent{
    width: 70%;
    margin:  0 auto;
}
.coil-All-in-centent-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.coil-All-in-centent-bottom{
    margin-top:3%;
    text-align:center
}
.coil-All-in-centent-bottom-p1{
    font-size: 1.3rem;
}
.coil-All-in-centent-bottom-p2{
    font-size: 1rem;
    margin-top:2%
}

.coil-Features{
  padding: 3% 0;
}

.coil-Features-centent{
    width: 70%;
    margin:  0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.coil-Features-centent-items{
    width: 32% ;
    margin-bottom: 3%;
}
.coil-Features-centent-items-pre {
    max-height: 20rem;
    width: 100%; 
    overflow: hidden; 
}
.coil-Features-centent-items-pre img{
  width: 100%; 
  max-height: 100%;
  object-fit: cover;
}

.coil-Features-centent-items-next{
       padding: 3% 0;
       display: flex;
     justify-content: space-between;
     flex-direction: column;
}

.coil-Features-centent-items-next-top{
    padding: 5% 0;
}
.coil-Features-centent-items-next-bottom{
    line-height: 20px;
    color: #696969;
     display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: max-height 0.3s ease;
}

.coil-Features-centent-items-next-bottom p{

     display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: max-height 0.3s ease;
}


/*了选项卡-开始*/
.coil-tab-centent{
   width: 70%;
   margin:  0 auto;
}
.coil-tab_items{
    display: flex; 
    justify-content: space-around;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    
}
.coil-tab_items_item{
    width: 30%;
    text-align: center;
    padding: 15px 60px;
    cursor: pointer;
    border: 1px solid #366BA7;
    border-radius: 10px;

}
.product-details_tab_items_item_active{
        background-color: #439EDB;
        color: #ffffff;
        border-radius: 10px;
}

.coil-qie-table{
    padding: 3% 0;
}
.coil-qie-table-centent{
    width: 70%;
    margin:  0 auto;
    display: flex;
    justify-content: center;
}
.coil-qie-table-centent-table td{
    border-collapse: collapse;
    padding: 10px 10px;
    color: #666;
    border: 1px solid #949494;
}
.coil-qie-table-centent-table th{
    color: #666;
    border: 1px solid #949494;
    padding: 10px 10px;
}
.coil-qie-table-img{
     padding: 3% 0;
}
.coil-qie-table-img-centent{
        width: 70%;
    margin:  0 auto;
    display: flex;
    justify-content: center;
}
.coil-qie-table-img-centent-desc  img{
    max-width: 100%;
}

/*行业应用*/
.product-details_sample{
    background-color: #1D1D1F;
    padding: 3% 0;
    text-align: center;
    color: #FFFFFF;
}
.product-details_sample_centent{
    width: 70%;
    margin:  0 auto;
}
.product-details_sample_title{
    color: #FFFFFF;
    font-family: "Frutiger-Bold", Sans-serif;
    font-size: 2rem;
    line-height: 2rem;
    padding-bottom: 3%;
}
.product-details_sample_centent_list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
margin-top: 5%;
}
.product-details_sample_centent_list_item{
    width: 20%;
}
.product-details_sample_centent_list_item img{
    max-width: 100%;
}
.product-details_sample_centent_list_item a img:hover{
    box-shadow: 0 10px 20px -5px rgba(51,71,91,0.5) !important;
    transform: scale(1.014) !important;
}



/*common-product-tab*/
.common-product-details_tab{
  margin: 3% 0;
}

.common-product-details_tab_items{
   width:70%;
    display: flex; 
    justify-content: center;
    align-items: center;
    margin: 0 auto;

    
}
.common-product-details_tab_items_item{
    width: 18%;
    text-align: center;
    padding: 1rem;
    cursor: pointer;
    border: 1px solid #366BA7;
    border-radius: 10px;
    overflow: hidden;
}
.common-product-details_tab_items_item-right{
    margin-right: 2%;
}

.common-product-details_tab_items_item_active{
        background-color: #439EDB;
        color: #ffffff;
        border-radius: 10px;
}
.common-product-details_content_parameter_img{
    width: 70%;
    height: 28rem;
    margin:  0 auto;
    border: 1px solid #ccc;
    overflow: hidden;
    display: flex;
    justify-content: center; 
    background-color: #fff;
    padding: 2rem;
    box-sizing:border-box;
}
.common-product-details_content_parameter_img img{
    max-width: 100% ;
    max-height: 100%;
    height: auto;

} 




.common-product-details_content_title_table{
    width: 70%;
       margin:  0 auto;
       overflow: hidden;
       overflow-x:auto;

      
}

.common-product-details_content_title_table td{
    border-collapse: collapse;
    padding: 0.3rem;
    color: #666;
    border: 1px solid #949494;
    font-size: 0.8rem;
    vertical-align: middle;
    word-break: break-all;
    height:3rem;
    
}
.common-product-details_content_title_table th{
    color: #666;
    border: 1px solid #949494;
    padding: 0.3rem;
    font-size: 1.1rem;
}





.common-product-details_content_title_table table{  
border-spacing: 0;
border-bottom: solid 1px #222;
border-collapse:collapse; 
margin: 0 auto;
width: 100%; 
  table-layout:auto;
}



/*common-coil*/
.common-coil-features{

}
.common-coil-features-centent{
    width: 70%;
    margin: 0 auto;
}
.common-coil-features-centent-top{
    overflow: hidden;
    margin-bottom: 3%;
}
.common-coil-features-centent-top img{
    width: 100%;
    
}
.common-coil-features-centent-bottom{
    text-align: center;
}
.common-coil-features-centent-bottom h3{
    font-size: 1.3rem;
    margin-bottom: 2%;
}
.common-coil-features-centent-bottom p{
    font-size: 0.9rem;
    line-height: 1.5rem;
}
.common-coil-advantages{
    margin: 3% 0;
}
.common-coil-advantages-centent{
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.common-coil-advantages-centent-item{
    width: 32%;
    overflow: hidden;
}
.common-coil-advantages-centent-item-top{
    overflow: hidden;
        height: 15rem;
        margin-bottom: 5%;
}
.common-coil-advantages-centent-item-top img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}
.common-coil-advantages-centent-item-bottom{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
     height: 100%;
     overflow: hidden;
}

.common-coil-advantages-centent-item-bottom h3{
    font-size: 1rem;
    margin-bottom: 3%;
}
.common-coil-advantages-centent-item-bottom p{
    font-size: 0.8rem;
    line-height: 1.5rem;
    color: #696969;
}
.common-coil-advantages-centent-item-bottom-b{
        flex: 1;
}
.common-coil-sample{
    background-color: #1D1D1F;
    padding: 3% 0;
    text-align: center;
    color: #FFFFFF;
}
.common-coil-sample-centent{
    width: 70%;
    margin: 0 auto;
}


.common-coil-sample-centent-title{
    margin-bottom: 3%;
}
.common-coil-sample-centent-title h2{
    font-size: 1.5rem;
}
.common-coil-sample-centent-desc{
     margin-bottom: 3%;
}
.common-coil-sample-centent-desc p{
    font-size: 0.9rem;
    line-height: 1.5rem;
}

.common-coil-sample-centent-title-items{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.common-coil-sample-centent-title-items-it{
    width: 23%;
    overflow: hidden;
}
.common-coil-sample-centent-title-items-it img{
    max-width: 100%;
 
}

.common-coil-sample-centent-title-items-it img:hover{
cursor: pointer;
transform: scale(1.014) ;
}


.configuration-centent .layui-form-label{
    text-align: left !important;

}







@media screen and (max-width: 576px) {
        html {
            font-size: 14px;
        }
      .cky-revisit-bottom-left{
             bottom: 15% !important;
             }
        .configuration-centent .layui-form-label{
            text-align: left !important;

            }


        .layui-layer-page {
            width: 80% !important;
        }
        .common_footer_right_left_pc{
            display: none;
        }

        .common_footer_right_left_web{
            display: block;
            bottom:2.1%;
            width: 130px;
        }
        

       .header_navbar{
           display: none;
       }
        .web_nav_item , .web_right_nav,.nav_h{
            display: block !important;
        }
        .web_nav_item {
              height: 6vh;
              width: 100%;
         }
        .nav_h{
            height: auto;
            margin-bottom: 3%;
        }
        .index_bannerL{
            height: 26vh ;
        }
        .index_banner_left,.index_banner_right{
           display: none;
         }
        .containerB{
            width: 100%;
        }
        
        .index_product{
            height: auto;
            display:block;
            width: 90%;
        }
        .index_product_left{
            height: 26vh;
            width: 100%;
            margin-bottom: 3%;
        }
        .index_product_right{
            width: 100%;
            height: 40vh;
           
        }
        
        .index_product_right_top_title_text{
            font-size: 1rem;
        }
        .index_product_left_title_text{
            font-size: 0.9rem;
        }

        .index_product_left_title_bitton_span a{
            font-size: 0.7rem;
        }
        .index_about_item_top_left_c_p1{
             font-size: 0.9rem;
             margin: 3% 0;
             line-height: 1.5rem;
        }
        .index_about_item_top_left_c_p2{
             font-size: 1rem;
        }
        .index_about{
          height: auto;

        }
        .index_about_item{
            width: 100%;
        }
        .index_about_item_bottom_item_t{
             font-size: 1.3rem;
        }
        .index_about_item_top_left_t{
            font-size: 1.3rem;
        }
        .index_about_item_top_left_b_a span{
            padding: 0.2rem 2rem;
        }
        .index_aggregate{
            display: none;
        }
        .index_aggregate_web_hidden{
            display: block;
        }

        .index_about_item_bottom_item_b{
            font-size: 0.8rem;
        }

        .index_about_item_top{
            display: block;
        }
        .index_about_item_top_left{
             width: 100%;
        }
        .index_about_item_top_right{
            width: 100%;
        }
       .index_about_item_bottom{
            height: 24vh;
            flex-wrap: wrap;
        }
        .index_about_item_bottom_item{
            width: 30%;
            margin-bottom: 3%;
        }
        .common_footer_list{
            display: none;
        }
        .common_footer_cop{
            padding: 5% 0;
            
            
        }
         .index_product_title h1{
            font-size: 1.3rem;
        }
        
        /*contacc*/
        .contact_banner{
            height: 20vh;
        }
        .contact_information{
            height: 20vh;
            width: 90%;
        }
        .contact_Connect {
            width: 100%;
        }
        .contact_Connect_bottom{
            height: 22vh;
        }
        .contact_address{
            width: 90%;
        }
        .contact_address_items_item-content_left_t img{
                max-width: 60%;
                max-height: 60%;
        }
        .contact_Connect_bottom_right_t_title{
            font-size: 0.9rem;
        }
        .contact_Connect_bottom_right_t_bottom{
            line-height: 0.9rem;
        }

        .contact_information_left_item_bottom_pc{
                display: none;
            }
        .contact_information_left_item_bottom_web{
            display: block;
        }
            
         .pricing_cate{
            width: 100%;
        }
       .pricing_cate_item{
           padding: 1rem 0;
       }
        .pricing_cate_list{
            width: 100%;
            margin: 6% auto;
        }
        .pricing_cate_list_items_move_item{
            width: 90%;
            margin: 0 auto  5%;
            padding: 5%;
            
        }
        .pricing_service{
            width: 90%;
        }
        .pricing_service_cent_bott{
            margin-bottom: 5%;
        }
        .pricing_agency {
            width: 90%;
            margin-top: 6%;
        }
        .contact_banner_item_p1{
            font-size: 1.2rem;
        }
        .pricing_agency_item_right{
            width: 100%;
        }
        .pricing_agency_item_left{
            width: 100%;
        }
        .pricing_agency_item{
            margin-bottom: 2%;
        }
        .pricing_cate_list_items_move_item_bottom_item_find_right{
            font-size: 0.9rem;
        }
        
         /*productslist*/
        .productslist{
            height: 26vh;
        }
        .productslist_cate{
            width: 100%;
        }
        .productslist_content{
            width: 100%;
            padding: 0 1%;
            margin-top: 3%;
        }
        .productslist_content_items_lists {
            width: 48%;
            margin-bottom: 5%;
        }
        .productslist_video {
            height:26vh;
            margin: 10% 0;
        }
        .productslist_video_item{
            width: 100%;
        }
        .productslist_find{
            width: 100%;
        }
        .productslist_find_content_item{
            width: 90%;
           margin: 3% auto;
        }
                .productslist_cate{
            display: none;
        }
        .productslist_webcate{
            display: block;
        }
        .productslist_find_web{
             display: block;
         }
       .productslist_find{
             display: none;
         }
    
      .productslist_find_web_title h2{
          font-size: 1.3rem;
      }
      .productslist_webcate_centent_item span{
           font-size: 0.9rem;
      }
      
        
        /*product-details*/
            
        .product-details_banner{
            display: none;
        }
        .product-details_banner_web{
           display: block;
           width: 100%;
        }
        .product-details_banner_web img{
            max-width: 100%;
            height: 100%;
        }
        .product-details_advantage{
            margin: 10% 0;
        }
        
        
        .product-details_advantage_title{
            font-size: 1.3rem;
            margin-bottom: 5%;
            padding: 0 5%;
        }
        .product-details_advantage_bottom{
            width: 90%;
        }
                .product-details_video{
            height: 30vh;
        }
        .product-details_advantage_bottom_item_b{
            display: -webkit-box;          
            -webkit-box-orient: vertical; 
            overflow: hidden;            
            text-overflow: ellipsis;    
            -webkit-line-clamp: 1;  
            text-align: center;
        }
        .product-details_pro{
            width: 90%;
            height: 30vh;
            margin: 10% auto 5%;
        }
        .product-details_tab{
            width: 90%;
            margin: 5% auto 10% ;
        }
        .product-details_samples{
            width: 90%;
        }
        .product-details_samples_bottom_item{
            width: 32%;
        }
        .product-details_samples_bottom{
            padding: 0 5% ;
         
        }
        
        .product-details_samples_top{
            width: 90%;
            margin: 0 auto;
        }
        .product-details_samples_top_p{
                line-height: 1.4rem;
                    color: #585757;
            font-family: "Frutiger-Light", sans-serif;
            font-size: 0.9rem;
                
        }
        .product-details_samples_top_h3{
            font-size: 1.4rem;
            margin-bottom: 6%;
        }
        
        .product-details_samples{
            display: none;
        }
         .product-details_samples_web{
            display: block;
            margin: 10% 0 5% ;
        }
        .product-details_theme{
            width: 90%;
           margin:  10% auto;
        }
        .product-details_theme_bottom_item{
            width: 100%;
        }
        .product-details_theme_top{
            margin-bottom: 10%;
        }
        
        .product-details_theme_h3{
            font-size: 1.4rem;
        }
        
        .product-details_advantage_bottom_item_t img{
          max-width: 80%;
        }
        .product-details_advantage_bottom_item_t{
            display: flex;
           justify-content: center;
        }
        .product-details_theme_bottom{
            display: none;
        }
        .product-details_theme_wep {
            display: flex;
            position: relative;
            overflow: hidden;
            width: 100%;
            box-sizing: border-box;
        }
        .product-details_theme_wep_items {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }
        .product-details_theme_wep_item {
            min-width: 100%;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center; 
            flex-direction: column;
        }
        .product-details_theme_wep_item a{
            display: flex;
            justify-content: center;
            margin-bottom: 5%;
                font-size: 1.2rem;
        }
        .product-details_theme_bottom_item_title{
            margin-bottom: 3%;
        }
        .product-details_theme_wep_item a img{
            max-width: 100%;
        }
            
        .product-details_theme_wep_carousel-buttons {
            position: absolute;
            top: 40%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
        }
        .product-details_theme_wep_carousel-button {
            background-color: rgba(0, 0, 0, 0.2);
            color: white;
            border: none;
            padding: 8px 16px;
            cursor: pointer;
        }
        .product-details_theme_bottom_item_title_description{
            margin-bottom: 5%;
        }
        
        .product-details_pro_item_left{
            width: 48%;
        }
        .product-details_pro_item_right{
            width: 50%;
        
        }
        .product-details_pro_item_right_bottom p{
             overflow: hidden;
              display: -webkit-box;
              -webkit-line-clamp: 3;
              -webkit-box-orient: vertical;
              line-height: 1.5em; 
              max-height: 4.5em; 
              text-overflow: ellipsis;
              white-space: normal;
        }
        
        .product-details_pro_item_right_bottom{
                padding: 5% 2%;
        }
        .product-details_pro_item_right_bottom h3{
            font-size: 1rem;
        }
        .product-details_pro_item_right_bottom p{
            line-height: 1.2rem;
        }
        
        
        



/*laser-welding-lasers*/

.product-laser-welding-lasers-pro{
    width: 90%;
   
}

.product-laser-welding-lasers-list-bottom-right h3{
    font-size: 1rem;
    margin-bottom: 3%;
}

.product-laser-welding-lasers-list-bottom-right p{
    font-size: 0.8rem;
    line-height: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 4; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.product-laser-welding-lasers-list-bottom-right{
        padding: 1rem;
}
.product-laser-welding-lasers-list-bottom-right-bottom{
        padding: 5% 2%;
}
.product-laser-welding-lasers-list-bottom-right-bottom h3{
    font-size: 1rem;
}

.product-laser-welding-lasers-list-bottom-right-bottom p{
     overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      line-height: 1.2em; 
      max-height: 4.5em; 
      text-overflow: ellipsis;
      white-space: normal;
}

/*laser-cleaning-machine*/
.product-laser-cleaning-machine{
    width: 70%;
    margin: 5% auto 0;
    height: 70vh;
}
.product-laser-cleaning-machine-item{
    width: 100%;
    height: 100%;
    display: none; 
}
.product-laser-cleaning-machine-item:first-child {
    display: block; 
}

.product-laser-cleaning-machine-item-list{
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: space-between;
}
.product-laser-cleaning-machine-item-left{
    width: 48%;
}
.product-laser-cleaning-machine-item-right{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
.product-laser-cleaning-machine-item-right-top,.product-laser-cleaning-machine-item-right-bottom{
      overflow: hidden;
      height: 50%;
}
.product-laser-cleaning-machine-item-right-top{
      height: 60%;
}
.product-laser-cleaning-machine-item-right-bottom{
      height: 40%;
      display: flex;
      flex-direction: column;
      justify-content: center;
}
.product-laser-cleaning-machine-item-right-top img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.product-laser-cleaning-machine-item-right-bottom h3{
    font-size:1.2rem;
    font-weight:700;
    margin-bottom:5% ;
}
.product-laser-cleaning-machine-item-right-bottom p{
    
    font-size:0.8rem;
    color:#A0A0A0;
    line-height: 1.5rem;
}
 
      /*bending-machine*/
      .product-bending-machine{
            width: 90%;
            height: 30vh;
        }
        
        .product-bending-machine-item-l{
              position: absolute;
              bottom: 5%; 
              right: 1%; 
              color: #000;
              max-width: 35%; 
              font-size: 0.8rem;
              line-height: 1;

        }

       .product-bending-machine-item-l h3{
           display: none;
       }
      
     
  

/*newlist*/

.news-cate{
    margin: 5% 0;
}
.news-content{
    /*margin: 5% 0;*/
}

.news-cate-list{
    width: 100%;
    display: flex
}
.news-cate-list-ul{
    margin: 0 auto;
}


.news-content-items{
    width: 90%;
}
.news-content-items-ul-li-left{
    width: 40%;
}
.news-content-items-ul-li-right{
    width: 55%;
    /*display: flex;*/
    /* flex-direction: column;*/
}
.news-content-items-ul-li-right-l{
    width: 100%;
}
.news-content-items-ul-li-right-r{
    display: none ;
}
.news-content-items-ul-li{
    height: 8rem;
}
.news-content-items-ul-li-right-l-title a{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-content-items-ul-li-right-l-h3{
    line-height: 1rem;
    font-size: 0.8rem;

}
.news-content-items-ul-li-right-l-desc p{
    font-size: 0.7rem;
    line-height: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-content-items-ul-li-right-time{
    display: block;
    color: #717171;
    font-size: 0.7rem;
}

/*news-details-content*/
.news-details-content{
    width: 90%;
}
.news-details-content-c img{
    max-width: 100%;
    height: auto;
}
   
.news-details-content-c iframe{
    height: 30vh;
    max-width: 100%;
}    
 
 
 
 
 
 
.news-details-pre-item{
    display:block;
}    
.news-details-pre-items{
    width: 100%;
}     
     

/*samples-desc*/

.samples-cate{
    width: 90%;
}
.samples-cate-item-span-pc{
    display: none;
}
.samples-cate-item-span-web{
    display: block;
}
.samples-desc-content{
    width: 90%;
    line-height: 1.5rem;
}
.samples-sample-items{
    width: 90%;
}
.samples-sample-item{
    width: 48%;
    margin-bottom: 5%;
}

.samples-sample-item-bottom{
    font-size: 0.8rem;
}
.common_footer{
    border-top: 0;
}
      
 
 
 /*industry-items*/
.samples-desc {
    margin: 6% 0;
}
.industry-items{
    width: 90%;

}
.industry-item{
    width: 49%;
    margin-bottom: 5%;
}
.industry-advantages-centent{
    width: 90%;
}
.industry-advantages-centent-desc-item{
    width: 100%;
}
.industry-advantages-centent-title{
    margin-bottom: 6%;
}
    
 /*Brochure to download*/
.free-download-content-one{
    width: 90%;
    display: block;
}
.free-download-two-content-one-left-item-title{
    font-size: 1.3rem;
}
.free-download-content-one-left-item-t{
    font-size: 1.3rem;
}
.free-download-content-one-left{
    width: 100%;
}
.free-download-content-one-left-item{
    width: 100%;
}
.free-download-content-one-right{
    width: 100%;
    margin: 5% 0;
}
.free-download-two-content-one{
    width: 90%;
    display: block;
}
.free-download-two-content-one-left{
    width: 100%;
}
.free-download-two-content-one-right{
    width: 100%;
     margin: 5% 0;
}
.free-download-problem-content{
    width: 90%;
}

.free-download-problem-content-desc-title{
    margin-bottom: 5%;
    font-size: 1.2rem;
}
.free-download-problem-content-desc-bottom{
    margin-bottom: 5%;
}
.free-download-two-content-one-left-item-f-ul{
    margin-bottom: 5%;
}
.free-download-brochure-content{
    width: 90%;
    display: block;
}
.free-download-brochure-content-left {
    display: none;
}.free-download-brochure-content-right{
    width: 100%;
}
.free-download-brochure-content-right-t-title{
    margin-bottom: 5%;
}

/*service*/
.service-remotelist{
    margin-bottom: 5%;
}
.service-remote{
    width: 90%;
    display: block;
}
.service-remote-left{
    width: 100%;
    margin-bottom: 3%;
}
.service-remote-right{
     width: 100%;
}
.service-remote-right-item-desc{
    font-size: 0.9rem;
    line-height: 1.2rem;
}
.why_banner_centent{
    width: 100%;
}
.why_banner{
    height:45vh;
    margin-bottom: 3%;
}
.why-select-item-left-bottom-item-desc{
    font-size: 0.8rem;
}
.why-select-item-left-bottom-item-img img{
    max-width: 50%;
    max-height: 50%;
}
.why-select-item-left-bottom-item3 img{
      max-width:30%;
    max-height: 30%;
}


.service-offices-list-bottom-items-top{
    padding: 1.2rem;
}
.service-After-sales{
    margin-bottom: 3%;
}
.service-After-sales-items{
    width: 90%;
}
.service-After-sales-items-title-desc{
    line-height: 1.2rem; 
}
.service-After-sales-items-bottom{
    display: block;
}
.service-After-sales-items-bottom-list{
    width: 100%;
}
.service-offices-list{
    width: 90%;
}
.service-offices {
    margin-bottom: 5%;
}

.service-offices-list-bottom-items-bottom-items-left-imglist > img:nth-of-type(1) {
    max-width: 40%;
    max-height: 40%;
}
.service-offices-list-bottom-items-bottom-items-left-imglist > img:nth-of-type(2) {
    max-width: 16%;
    max-height: 16%;
}
.service-offices-list-bottom-items-bottom-items-left-bottt{
    font-size: 0.8rem;
}



/*laser-clear-lasers*/


.product-laser-clear{
    width: 90%;
    margin: 5%  auto   0  ;
    height: auto;
}

.product-laser-clear-list1{
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: space-between;

}
.product-laser-clear-list1 img{
max-width: 100%;
max-height: 100%;
}
.product-laser-clear-right1{
    width: 50%;
}

.product-laser-clear-left1{
     width: 50%;
     display: flex;
     flex-direction: column;
     justify-content: center; 
     align-items: center;
     padding: 0;
     box-sizing:border-box;
}


.product-laser-clear-left1-top{
      display: flex;
    justify-content: center;
    align-items: center;
    height: 60%;
}
.product-laser-clear-left1-top p{
    font-size: 0.8rem;
    color: #818181;
   line-height: 1.2rem;
}
.product-laser-clear-left1-bottom{
    height: 40%;
}
      
   
 /*about*/
.about-introduction{
    display: none;
}
.about-introduction-centent{
    height: 30vh;
    width: 90%;
}

.about-process-container{
    width: 90%;
}

.about-process-content-item{
    flex: 0 0 calc(100% / 2);
}
.about-community{
    padding: 6% 0;
}
.about-community-centent{
    width: 90%;
}
.about-community-centent-item{
    width: 32%;
    overflow: hidden;
}
.about-community-centent-item-find-t{
    font-size: 1.3rem;
}
.about-community-centent-item-find-b{
    font-size: 0.9rem;
}

.about-introduction-web{
    height: 32vh;
    margin: 6% 0;
    display: block;
}

.about_banner-list{
    width: 90%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius:10px;
}

.about_banner_zindex {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
}

.about_banner_zindex li {
    width: 10px;
    height: 10px;
  
    background-color: #565973;
    float: left;
    margin-right: 10px;

}
.about_banner_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 1.5s;
}
.about_banner_text {
    position: absolute;
    top:65%;
    left: 50%;
    transform: translate(-50%, -50%); 
    color: #fff; 
    font-size: 0.9rem; 
    width: 80%;
    font-weight: bold; 
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 1); 
    border: 1px solid  #ccc;
    padding: 0.4rem;
}
.about_banner_text_title{
    margin-bottom: 2%;
    font-size: 1.2rem;
}

/*why*/
.why_advantage{
 display: none;
}
.why_Customer{
     margin-bottom: 5%;
}
.why_Customer_list{
    width: 90%;
}
.why_Customer_list_t{
    font-size: 1.2rem;
    margin-bottom: 3%;
}
.why_Customer_list_f{
    margin-bottom: 5%;
}
.why_Customer_list_bottomm_item_img img{
    max-width: 30%;
}
.why_Community{
  margin-bottom: 5%;  
}
.why_Community_list{
    width: 90%;
}

.why_Community_list_bottom{
    flex-direction: column;
  
}
.why_Customer_list_bottomm{
      margin-bottom: 3%;
}

.why_Community_list_bottom_item{
    width: 100%;
    margin-bottom: 3%;
    padding: 1%;
}
.why_Community_list_bottom_item_find_th{
    margin-bottom: 5%;
}
.why_Community_list_bottom_item_find_th img{
    max-width: 10%;
} 

.why_Community_list_title{
    font-size: 1.3rem;
}

 
/*common-interested-news*/
.common-interested-news-title{
    font-size: 1.3rem;
    margin-bottom: 6%;
}
.common-interested-news-centent{
    width: 90%;
    flex-direction: column;
}
.common-interested-news-centent-items{
    width: 100%;
    margin-bottom: 5%;
}
.common-interested-news-centent-items-button{
    margin-top: 5%;
}
  
   
   
 
  /*.Research-Academic-Partners-buttom-item*/
 .Research-Academic-Partners-title{
     margin-bottom: 10%;
 }
.Research-Academic-Partners-buttom{
    flex-wrap: wrap;
}
.Research-Academic-Partners-buttom-item{
    width: 100%;
    margin-bottom: 5%;
}
.Research-Academic-Partners-buttom-item-p p{
    font-size: 1rem;
}
.Research-Partners-cent-bottom-item{
    width: 46%;
    margin-bottom: 5%;
}
.Research-Partners-cent-title{
    margin-bottom: 10%;
}
.Research-patent-title{
    margin-bottom: 10%;
} 
.Research-Honors-centent{
    width: 90%;
}  
.Research-Honors-centent-item{
    margin-bottom: 5%;
}
.Research-advantage-centent{
    width: 90%;
} 
.Research-prev-btn{ 
    left: 2%;
}  
.Research-next-btn{
    right: 2%;
}
.Research-patent-centent-items{
    width: 90%;
}
.Research-patent-centent-items-item{
        flex: 0 0 calc(100% / 3);
}
.Research-patent-centent-items-item img{
    height: auto;
}
.Research-ce {
    width: 90%;
    margin:  0 auto;
    overflow: hidden;
}
     .Research-cd-box .Research-cd-box-item{
            position: absolute;
            width: 200px;
            height: 300px;
            background: #fff;
            transition: 0.5s;
            transform-style: preserve-3d;
            transform-origin: bottom;
            user-select: none;
            -webkit-box-reflect:below 1px linear-gradient(transparent,transparent,#0002)
        }
.Research-cd-box{
    height: 30vh ;
}
.Research-cd-box .Research-cd-box-item{
    left: calc(50% - 100px);
    height: 100%;
    border: 1px solid #3AA1D5;
}
.research_swiper_db {
    overflow: hidden;
    width: 100%;
}
.Research-cd-box-button{
 margin-top: 3%;
}  
        
   
/*Solutions*/ 
.Solutions-item{
    display: block;
    width: 90%;
    margin: 0 auto;
} 
.Solutions-item-left{
    width: 100%;
    background-size: contain;
    height: 20vh;
}
.Solutions-item-right{
       width: 100%;
}
.Solutions-Applications-centent{
    width: 90%;
    display: block;
}
.Solutions-Applications-centent-item{
    width: 100%;
}     
.Solutions-Applications-title, .Solutions-Buyer-title,.Solutions-advantages-titles{
    font-size: 1.1rem;
    padding: 3% 0;
}
.Solutions-Buyer-centent{
    width: 90%;
    display: block;
} 
.Solutions-Buyer-centent-item {
    width: 100%;
} 
.Solutions-Buyer-centent-item-left{
    height: 20vh;
}

.Solutions-advantages-titles , .Solutions-advantages-centent{
    width: 90%;
}
.Solutions-advantages-centent{
    flex-wrap: wrap;
}
.Solutions-advantages-centent-item{
    width: 100%;
}
.Solutions-advantages-centent-item-top{
    margin-bottom: 5%;
}    
.Solutions-Buyer-centent-item-right-title{
    font-size: 1.1rem;
}
     
 /*.Product-List-desc*/
 
.Product-List-desc{
    width: 90%;
}
.Product-List-desc-title {
    margin-bottom: 3%;
}
.Product-List-desc-title h1{
    font-size: 1.5rem;
}     
.Product-List-desc-titletwo{
    margin-bottom: 3%;
} 
.Product-List-centent-item{
    width: 90%;
}
  
.Product-List-centent-item-items{
    display: block;
    margin-bottom: 3%;
} 
.Product-List-centent-item-items-left , .Product-List-centent-item-items-right{
    width: 100%;
}
.Product-List-centent-item-items-right-topp{
    margin-bottom: 3%;
}
.Product-List-centent-item-items-right-title a h2{
    font-size: 1.3rem;
}   
    
        
/*xing*/
.xi_page{
    display: none;
}
.xi_page_banner_web{
    display: block;
}
.xi_page_banner_web img{
        width: 100%;
        max-height: 100%;
}  

.xi_page_Advantages_centent_item_img img{
    max-width: 40%;
}
.xi_page_Advantages_title{
    font-size: 1rem;
        line-height: 2rem;
}
     
.xi_page_Advantages_video{
    height: 26vh;
        padding: 0 0 5% 0;
} 

.xi_page_Advantages_centent{
    width: 90%;
    margin: 5% auto;
}
.xi_page_Advantages_video_content{
    width: 90%;
}
.xi_pageIn-cutting-head-list{
     width: 90%;
    flex-wrap: wrap;
}
.xi_pageIn-solution-centent{
     width: 90%;
        flex-wrap: wrap;
}   
.xi_pageIn-cutting-head-items{
    width: 32%;
    margin-bottom:3%;
}
.xi_pageIn-cutting-head-plan-centent{
    width: 90%;
 
}
.xi_pageIn-solution-centent_items{
    width: 100%;
    margin-bottom: 3%;
}
.xi_page_samples_centent{
    width: 90%;
}
.xi_page_samples_centent_list{
      flex-wrap: wrap;
}
.xi_page_samples_centent_list_item{
    width: 48%;
    margin-bottom: 3%;
}  
   
/*coil*/
.coil-All-in{
    margin-bottom: 3%;
}
.coil-All-in-centent{
    width: 90%;
}
.coil-All-in-centent-bottom-p1{
    font-size:1.1rem;
} 
.coil-Features-centent{
    width: 90%; 
    display: block;
}   
.coil-Features-centent-items{
    width: 100%;
}  
.coil-tab-centent{
     width: 90%;
}
.coil-qie-table-centent{
    width: 90%;
}
.product-details_sample_centent{
    width: 90%;
}
.product-details_sample_centent_list_item{
    width: 49%;
    margin-bottom: 3%;
}


 /*common-product-tab*/
.common-product-details_tab_items{
    width: 90%;
}
.common-product-details_tab_items_item{
    width: 40%;
}
.common-product-details_content_title_table{
    width: 90%;
}
.common-product-details_content_parameter_img{
    width: 90%;
    height: auto;
}  
   
   
/*common-coil*/

.common-coil-features-centent{
    width: 90%;
}
.common-coil-features{
    margin: 10% 0;
}
.common-coil-features-centent-bottom{
    margin: 5% 0;
}
.common-coil-features-centent-bottom h3{
    font-size: 1.1rem;
}
.common-coil-features-centent-bottom p{
    font-size: 0.8rem;
}
.common-coil-advantages-centent{
    width: 90%;
    display: block;
}
.common-coil-sample-centent-title h2{
    font-size: 1.8rem;
}

.common-coil-advantages-centent-item{
    width: 100%;
    margin-bottom: 5%;
}

.common-coil-sample-centent{
    width: 90%;
}

.common-coil-sample-centent-title-items{
  flex-wrap: wrap;
    
}
.common-coil-sample-centent-title-items-it{
    width: 48%;
    margin-bottom:5%;
}
.common-coil-advantages{
      margin: 10% 0; 
}
.common-coil-sample{
    padding: 10% 0;
}



.web_nav_item_list_us{
    
}  
 .web_nav_item_list_he{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.1rem;
        padding: 0.3rem 0.9rem;
        border-radius: 10px;
        background-color: #080157;
        color: #fff;
        line-height: 1;
  
 } 








        
}

@media screen and (min-width: 577px) and (max-width: 768px) {
        html {
            font-size: 14px;
        }
        .configuration-centent .layui-form-label{
    text-align: left !important;

}


        .popup-container{
            width: 40%;
        }
        .index_about{
            height: 50vh;
        }
        
        .index_about_item{
            width: 90%;
            padding: 2%;
        }
        
        
        .index_bannerL{
             height: 35vh ;
        }
        .index_product{
            height: 36vh;
             width: 90%;
        }
        .index_aggregate{
            height: 30vh ;
            width: 90%;
        }
        .index_about_item_top_left_c{
             max-height: 80%;
             overflow-y: scroll; 
        }
         .index_about_item_top_left_c_p2{
             font-size: 1rem;
         }
         .index_about_item_top_left_c_p1{
              font-size: 1rem;
         }
         .contact_banner{
             height: 20vh;
             background-position: center center;
             background-repeat: no-repeat;
             background-size: cover;
         }
         .contact_information{
             height: 20vh;
         }
         .contact_Connect {
             width: 100%;
         }
         .contact_information{
             width: 100%;
         }
         .contact_address_items_item{
             padding: 1rem;
         }
        .contact_Connect_bottom{
            height: 28vh;
        }
        .contact_Connect_bottom_right{
           padding: 0 1%;
        }
        .contact_address{
            width: 80%;
        }
          .contact_address_items_item-content_left_t img{
                max-width: 80%;
                max-height: 80%;
        }
       .pricing_cate{
            width: 90%;
        }
        .pricing_cate_list{
            width: 90%;
        }
        .pricing_service{
            width: 90%;
        }
        .pricing_agency{
            width: 90%;
        }
        
        
       /*productslist*/
        .productslist {
              height: 30vh;
        }
        .productslist_cate{
            width: 90%;
        }
        .productslist_content{
              width: 90%;
        }
        .productslist_video {
            height: 30vh;
        }
        .productslist_find{
            width: 90%;
        }
        
        
        /*product-details*/
        .product-details_banner{
            height: 50vh;
        }
        .product-details_banner_centent{
            width: 80%;
        }
        .product-details_banner_centent_title_h1{
            font-size: 1.5rem;
        }
        .product-details_advantage_bottom{
            width: 90%;
        }
        .product-details_advantage_bottom_item_b{
            text-align: center;
        }
        .product-details_tab{
            width: 90%;
        }
        .product-details_samples{
            width: 90%;
        }
        .product-details_theme{
            width: 90%;
        }
        .product-details_theme_bottom{
            margin: 0;
        }
        .product-details_pro{
            width: 90%;
            height: 40vh;
        }
        
        .productslist_video_item{
             width: 90%; 
        }
        .product-details_samples_bottom{
            padding: 0;
        }
        /*laser-welding-lasers*/

.product-laser-welding-lasers-pro{
width: 90%;

}

.product-laser-welding-lasers-list-bottom-right h3{
font-size: 1rem;
margin-bottom: 3%;
}

.product-laser-welding-lasers-list-bottom-right p{
font-size: 0.8rem;
line-height: 1rem;
display: -webkit-box;
-webkit-line-clamp: 4; 
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}

.product-laser-welding-lasers-list-bottom-right{
padding: 1rem;
}
        /*bending-machine*/
        .product-bending-machine{
            width: 70%;
            height: 30vh;
        }
        
        .product-bending-machine-item-l{
              position: absolute;
              bottom: 8%; 
              right: 1%; 
              color: #000;
              max-width: 35%; 
              font-size: 0.8rem;
              line-height: 1.2;
              text-align: left;
        }

        
                
                
        /*newlist*/
        .news-cate-list{
            width: 90%;
        }
        .news-cate-list{
            width: 100%;
            display: flex
        }
        .news-cate-list-ul{
            margin: 0 auto;
        }

        .news-content-items{
            width: 90%;
        }
        .news-content-items-ul-li{
            height:10rem;
        }
        .news-content-items-ul-li-left{
            width: 30%;
        }
        .news-content-items-ul-li-right{
            width: 65%;
        }
        .news-content-items-ul-li-right-l-h3{
            line-height: 1.1rem;
        }
        .news-content-items-ul-li-right-l-desc p{
             line-height: 1.1rem;
        }
        .news-content-items-ul-li-right-l{
            width: 85%;
        }
        .news-content-items-ul-li-right-r{
            width: 15%;
        }
        .news-content-items-ul-li-right-l-desc p{
             display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4; 
            overflow: hidden;
            text-overflow: ellipsis;  
        }
        /*news-details-content*/
        .news-details-content{
            width: 90%;
        }
        .news-details-content-c img{
            max-width: 100%;
            height: auto;
        }
         .news-details-content-c iframe{
            height: 35vh;
            max-width: 100%;
        }    
                  
         .news-details-pre-item{
            display:block;
        }    
        .news-details-pre-items{
            width: 100%;
        }     
             
     
         /*samples-desc*/
        .samples-cate{
            width: 90%;
        }
        .samples-cate-item-span-pc{
            display: none;
        }
        .samples-cate-item-span-web{
            display: block;
        }
        .samples-desc-content{
            width: 90%;
            line-height: 1.8rem;
        }
        .samples-sample-items{
            width: 90%;
        }
        .samples-sample-item{
            width: 48%;
            margin-bottom: 5%;
        }
        
        
        .samples-sample-item-bottom{
            font-size: 0.8rem;
        }

 
 
        /*industry-items*/
        .samples-desc {
            margin: 6% 0;
        }
        .industry-items{
            width: 90%;
        
        }
        .industry-item{
            width: 32%;
            margin-bottom: 5%;
        }
        .industry-advantages-centent{
            width: 90%;
        }
        .industry-advantages-centent-desc-item{
            width: 48%;
        }
        .industry-advantages-centent-title{
            margin-bottom: 6%;
        }
        
        
        /*Brochure to download*/
.free-download-content-one{
    width: 90%;
    display: block;
}
.free-download-two-content-one-left-item-title{
    font-size: 1.3rem;
}
.free-download-content-one-left-item-t{
    font-size: 1.3rem;
}
.free-download-content-one-left{
    width: 100%;
}
.free-download-content-one-left-item{
    width: 100%;
}
.free-download-content-one-right{
    width: 100%;
    margin: 5% 0;
}
.free-download-two-content-one{
    width: 90%;
    display: block;
}
.free-download-two-content-one-left{
    width: 100%;
}
.free-download-two-content-one-right{
    width: 100%;
     margin: 5% 0;
}
.free-download-problem-content{
    width: 90%;
}

.free-download-problem-content-desc-title{
    margin-bottom: 5%;
    font-size: 1.2rem;
}
.free-download-problem-content-desc-bottom{
    margin-bottom: 5%;
}
.free-download-two-content-one-left-item-f-ul{
    margin-bottom: 5%;
}
.free-download-brochure-content{
    width: 90%;
    display: block;
}
.free-download-brochure-content-left {
    display: none;
}.free-download-brochure-content-right{
    width: 100%;
}
.free-download-brochure-content-right-t-title{
    margin-bottom: 5%;
}

        
 

/*service*/
.service-remotelist{
    margin-top: 5%;
}
.service-remote{
    width: 90%;
    display: block;
}
.service-remote-left{
    width: 100%;
    margin-bottom: 3%;
}
.service-remote-right{
     width: 100%;
}
.service-remote-right-item-desc{
    font-size: 0.9rem;
    line-height: 1.2rem;
}
.why_banner_centent{
    width: 100%;
}
.why_banner{
    height:35vh;
    margin-top: 5%;
}
.why-select-item-left-bottom-item-desc{
    font-size: 0.8rem;
}
.why-select-item-left-bottom-item-img img{
    max-width: 50%;
    max-height: 50%;
}
.why-select-item-left-bottom-item3 img{
      max-width:30%;
    max-height: 30%;
}


.service-offices-list-bottom-items-top{
    padding: 1.2rem;
}
.service-After-sales{
    margin-top: 5%;
}
.service-After-sales-items{
    width: 90%;
}
.service-After-sales-items-title-desc{
    line-height: 1.2rem; 
}
.service-After-sales-items-bottom{
    display: block;
}
.service-After-sales-items-bottom-list{
    width: 100%;
}
.service-offices-list{
    width: 90%;
}
.service-offices {
    margin-top: 5%;
}

.service-offices-list-bottom-items-bottom-items-left-imglist > img:nth-of-type(1) {
    max-width: 40%;
    max-height: 40%;
}
.service-offices-list-bottom-items-bottom-items-left-imglist > img:nth-of-type(2) {
    max-width: 16%;
    max-height: 16%;
}
.service-offices-list-bottom-items-bottom-items-left-bottt{
    font-size: 0.8rem;
}


       
    /*laser-clear-lasers*/


.product-laser-clear{
    width: 90%;
    margin: 5%  auto   0  ;
    height: auto;
}

.product-laser-clear-list1{
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: space-between;

}
.product-laser-clear-list1 img{
max-width: 100%;
max-height: 100%;
}
.product-laser-clear-right1{
    width: 50%;
}

.product-laser-clear-left1{
     width: 50%;
     display: flex;
     flex-direction: column;
     justify-content: center; 
     align-items: center;
     padding: 0;
     box-sizing:border-box;
}


.product-laser-clear-left1-top{
      display: flex;
    justify-content: center;
    align-items: center;
    height: 60%;
}
.product-laser-clear-left1-top p{
    font-size: 0.9rem;
    color: #818181;
   line-height: 1.2rem;
}
.product-laser-clear-left1-bottom{
    height: 40%;
}    
        
/*about*/
.about-introduction{
    display: none;
}
.about-introduction-centent{
    height: 30vh;
    width: 90%;
}

.about-process-container{
    width: 90%;
}

.about-process-content-item{
    flex: 0 0 calc(100% / 3);
}
.about-community{
    padding: 6% 0;
}
.about-community-centent{
    width: 90%;
}
.about-community-centent-item{
    width: 32%;
    overflow: hidden;
}
.about-community-centent-item-find-t{
    font-size: 1.3rem;
}
.about-community-centent-item-find-b{
    font-size: 0.9rem;
}

.about-introduction-web{
    height: 40vh;
    margin-bottom:3%;
    display: block;
}

.about_banner-list{
    width: 90%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius:10px;
}

.about_banner_zindex {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
}

.about_banner_zindex li {
    width: 10px;
    height: 10px;
  
    background-color: #565973;
    float: left;
    margin-right: 10px;

}
.about_banner_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 1.5s;
}
.about_banner_text {
    position: absolute;
    top:65%;
    left: 50%;
    transform: translate(-50%, -50%); 
    color: #fff; 
    font-size: 1rem; 
    width: 80%;
    font-weight: bold; 
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 1); 
    border: 1px solid  #ccc;
    padding: 0.8rem;
}
.about_banner_text_title{
    margin-bottom: 2%;
    font-size: 1.2rem;
}


/*why*/
.why_advantage{
 display: none;
}
.why_Customer{
     margin-bottom: 5%;
}
.why_Customer_list{
    width: 90%;
}
.why_Customer_list_t{
    font-size: 1.2rem;
    margin-bottom: 3%;
}
.why_Customer_list_f{
    margin-bottom: 5%;
}
.why_Customer_list_bottomm_item_img img{
    max-width: 30%;
}
.why_Community{
  margin-bottom: 5%;  
}
.why_Community_list{
    width: 90%;
}

.why_Community_list_bottom{
    flex-direction: column;
  
}
.why_Customer_list_bottomm{
      margin-bottom: 3%;
}

.why_Community_list_bottom_item{
    width: 100%;
    margin-bottom: 3%;
    padding: 1%;
}
.why_Community_list_bottom_item_find_th{
    margin-bottom: 5%;
}
.why_Community_list_bottom_item_find_th img{
    max-width: 10%;
} 
 
/*common-interested-news*/
.common-interested-news-title{
    margin-bottom: 5%;
}
.common-interested-news-centent{
    width: 90%;
    flex-direction: column;
}
.common-interested-news-centent-items{
    width: 100%;
    margin-bottom: 5%;
}
.common-interested-news-centent-items-button{
    margin-top: 5%;
}

     
  /*.Research-Academic-Partners-buttom-item*/
 .Research-Academic-Partners-title{
     margin-bottom: 5%;
 }
.Research-Academic-Partners-buttom{
    flex-wrap: wrap;
}
.Research-Academic-Partners-buttom-item{
    width: 100%;
    margin-bottom: 5%;
}
.Research-Academic-Partners-buttom-item-p p{
    font-size: 1rem;
}
.Research-Partners-cent-bottom-item{
    width: 32%;
    margin-bottom: 5%;
}
.Research-Partners-cent-bottom >i{
    width: 32%;
}
.Research-Partners-cent-title{
    margin-bottom: 10%;
}
.Research-patent-title{
    margin-bottom: 10%;
} 
.Research-Honors-centent{
    width: 90%;
}  
.Research-Honors-centent-item{
    margin-bottom: 5%;
}
.Research-advantage-centent{
    width: 90%;
} 
.Research-prev-btn{ 
    left: 2%;
}  
.Research-next-btn{
    right: 2%;
}
.Research-patent-centent-items{
    width: 90%;
}
.Research-patent-centent-items-item{
        flex: 0 0 calc(100% / 3);
}
.Research-patent-centent-items-item img{
    height: auto;
}
.Research-patent-centent-next{
    right: 0.3rem
} 
.Research-patent-centent-prev{
    left: 0.3rem;
} 
        
        
        
 .Research-ce {
    width: 90%;
    margin:  0 auto;
    overflow: hidden;
}
     .Research-cd-box .Research-cd-box-item{
            position: absolute;
            width: 200px;
            height: 300px;
            background: #fff;
            transition: 0.5s;
            transform-style: preserve-3d;
            transform-origin: bottom;
            user-select: none;
            -webkit-box-reflect:below 1px linear-gradient(transparent,transparent,#0002)
        }
.Research-cd-box{
    height: 30vh ;
}
.Research-cd-box .Research-cd-box-item{
    left: calc(50% - 100px);
    height: 100%;
    border: 1px solid #3AA1D5;
}
.research_swiper_db {
    overflow: hidden;
    width: 100%;
}
.Research-cd-box-button{
 margin-top: 3%;
}  
     
 
 
 /*Solutions*/ 

.Solutions-item-left{
        background-size: cover;
}
.Solutions-Applications-centent{
    width: 90%;
}
.Solutions-Applications-centent-item{
    width: 48%;
}     
.Solutions-Applications-title, .Solutions-Buyer-title,.Solutions-advantages-titles{
    font-size: 1.1rem;
    padding: 3% 0;
}
.Solutions-Buyer-centent{
    width: 90%;
} 
.Solutions-Buyer-centent-item {
    width: 48%;
} 
.Solutions-advantages-titles , .Solutions-advantages-centent{
    width: 90%;
}
.Solutions-advantages-centent{
    flex-wrap: wrap;
}
.Solutions-advantages-centent-item{
    width: 48%;
}
.Solutions-advantages-centent-item-top{
    margin-bottom: 5%;
}    
.Solutions-Buyer-centent-item-right-title{
    font-size: 1.1rem;
}
     
     
  
 /*.Product-List-desc*/
.Product-List-desc{
    width: 90%;
}
.Product-List-desc-title {
    margin-bottom: 3%;
}
.Product-List-desc-title h1{
    font-size: 1.5rem;
}     
.Product-List-desc-titletwo{
    margin-bottom: 3%;
} 
.Product-List-centent-item{
    width: 90%;
}
  
.Product-List-centent-item-items{
    display: block;
    margin-bottom: 3%;
} 
.Product-List-centent-item-items-left , .Product-List-centent-item-items-right{
    width: 100%;
}
.Product-List-centent-item-items-right-topp{
    margin-bottom: 3%;
}
.Product-List-centent-item-items-right-title a h2{
    font-size: 1.3rem;
}   
 .Product-List-centent-item-items-left-hot{
     width: 10%;
 }   
 
 
/*xing*/
.xi_page{
    display: none;
}
.xi_page_banner_web{
    display: block;
}
.xi_page_banner_web img{
        width: 100%;
        max-height: 100%;
}  

.xi_page_Advantages_centent_item_img img{
    max-width: 40%;
}
.xi_page_Advantages_title{
    font-size: 1rem;
        line-height: 2rem;
}
     
.xi_page_Advantages_video{
    height: 26vh;
        padding: 0 0 5% 0;
} 

.xi_page_Advantages_centent{
    width: 90%;
    margin: 5% auto;
}
.xi_page_Advantages_video_content{
    width: 90%;
}
.xi_pageIn-cutting-head-list{
     width: 90%;
    flex-wrap: wrap;
}
.xi_pageIn-solution-centent{
     width: 90%;
        flex-wrap: wrap;
}   
.xi_pageIn-cutting-head-items{
    width: 32%;
    margin-bottom:3%;
}
.xi_pageIn-cutting-head-plan-centent{
    width: 90%;
 
}
.xi_pageIn-solution-centent_items{
    width: 100%;
    margin-bottom: 3%;
}
.xi_page_samples_centent{
    width: 90%;
}
.xi_page_samples_centent_list{
      flex-wrap: wrap;
}
.xi_page_samples_centent_list_item{
    width: 48%;
    margin-bottom: 3%;
}  
    
  /*coil*/
.coil-All-in{
    margin-bottom: 3%;
}
.coil-All-in-centent{
    width: 90%;
}
.coil-All-in-centent-bottom-p1{
    font-size:1.1rem;
} 
.coil-Features-centent{
    width: 90%; 
    display: block;
}   
.coil-Features-centent-items{
    width: 100%;
}  
.coil-tab-centent{
     width: 90%;
}
.coil-qie-table-centent{
    width: 90%;
}
.product-details_sample_centent{
    width: 90%;
}
.product-details_sample_centent_list_item{
    width: 49%;
    margin-bottom: 3%;
}

    /*common-product-tab*/
.common-product-details_tab_items{
    width: 90%;
}
.common-product-details_tab_items_item{
    width: 40%;
}
.common-product-details_content_title_table{
    width: 90%;
}
.common-product-details_content_parameter_img{
    width: 90%;
    height: auto;
}      
         
/*common-coil*/

.common-coil-features-centent{
    width: 90%;
}
.common-coil-features{
    margin: 10% 0;
}
.common-coil-features-centent-bottom{
    margin: 5% 0;
}
.common-coil-features-centent-bottom h3{
    font-size: 1.1rem;
}
.common-coil-features-centent-bottom p{
    font-size: 0.8rem;
}
.common-coil-advantages-centent{
    width: 90%;
    display: block;
}
.common-coil-sample-centent-title h2{
    font-size: 1.8rem;
}

.common-coil-advantages-centent-item{
    width: 100%;
    margin-bottom: 5%;
}

.common-coil-sample-centent{
    width: 90%;
}

.common-coil-sample-centent-title-items{
  flex-wrap: wrap;
    
}
.common-coil-sample-centent-title-items-it{
    width: 48%;
    margin-bottom:5%;
}
.common-coil-advantages{
      margin: 10% 0; 
}
.common-coil-sample{
    padding: 10% 0;
}
        
        
        

}

@media screen and (min-width: 769px) and (max-width: 992px) {
        html {
            font-size: 13px;
        }
        .configuration-centent .layui-form-label{
    text-align: left !important;

}


        .popup-container{
            width: 40%;
        }
        .index_bannerL{
            height: 30vh;
        }
        .index_product{
            height: 30vh;
        }
        .index_product {
            width: 90%;
        }
        .index_about{
            height: 40vh;
        }
        .index_about_item{
            width: 90%;
            padding: 1%;
        }
        .index_about_item_top_left_c{
             max-height: 80%;
             overflow-y: scroll; 
        }
       .index_aggregate{
            height: 30vh ;
            width: 90%;
        }
        .contact_Connect{
            width: 80%;
        }
        .contact_Connect_bottom{
            height: 28vh;
        }
        .contact_banner{
            height: 20vh;
           background-position: center center;
             background-repeat: no-repeat;
             background-size: cover;
        }
        .contact_information{
            height: 13vh;
        }
        .contact_address {
            width: 90%;
        }
         .pricing_cate{
            width: 90%;
        }
        .pricing_cate_list{
            width: 90%;
        }
        .pricing_service{
            width: 90%;
        }
        .pricing_agency{
            width: 90%;
        }
        /*productslist*/
        .productslist {
              height: 30vh;
        }
        .productslist_cate{
            width: 90%;
        }
        .productslist_content{
              width: 90%;
        }
        .productslist_video {
            height: 30vh;
        }
        .productslist_find{
            width: 90%;
        }
        
        
         /*product-details*/
        .product-details_banner{
            height: 50vh;
        }
        .product-details_banner_centent{
            width: 80%;
        }
        .product-details_banner_centent_title_h1{
            font-size: 1.5rem;
        }
        .product-details_advantage_bottom{
            width: 90%;
        }
        .product-details_advantage_bottom_item_b{
            text-align: center;
        }
        .product-details_tab{
            width: 90%;
        }
        .product-details_samples{
            width: 90%;
        }
        .product-details_theme{
            width: 90%;
        }
        .product-details_theme_bottom{
            margin: 0;
        }
        .productslist_video_item{
            width: 90%;
        }
        .product-details_pro{
            height: 40vh;
            width: 90%;
        }
        
        .product-details_samples_bottom{
            padding: 0;
        }

        /*bending-machine*/
        .product-bending-machine{
            width: 70%;
            height: 40vh;
        }
        
        .product-bending-machine-item-l{
              position: absolute;
              bottom: 10%; 
              right: 1%; 
              color: #000;
              max-width: 35%; 
              font-size: 0.9rem;
              line-height: 1.2;
              text-align: left;
        }

        
        
                
        /*newlist*/
        .news-cate-list{
            width: 90%;
        }
        .news-content-items{
            width: 90%;
        }
        .news-content-items-ul-li{
            height:10rem;
        }
        .news-content-items-ul-li-left{
            width: 30%;
        }
        .news-content-items-ul-li-right{
            width: 65%;
        }
        .news-content-items-ul-li-right-l-h3{
            line-height: 1.1rem;
        }
        .news-content-items-ul-li-right-l-desc p{
             line-height: 1.1rem;
        }
        .news-content-items-ul-li-right-l{
            width: 85%;
        }
        .news-content-items-ul-li-right-r{
            width: 15%;
        }
        .news-content-items-ul-li-right-l-desc p{
             display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4; 
            overflow: hidden;
            text-overflow: ellipsis;  
        }
        /*news-details-content*/
        .news-details-content{
            width: 90%;
        }
        .news-details-content-c img{
            max-width: 100%;
            height: auto;
        }

        .news-details-content-c iframe{
            height: 35vh;
            max-width: 100%;
        }
        
        
        /*samples-desc*/
        .samples-cate{
            width: 80%;
        }
        
        .samples-desc-content{
            width: 80%;
            line-height: 1.8rem;
        }
        .samples-sample-items{
            width: 80%;
        }
        
        .samples-sample-item-bottom{
            font-size: 0.8rem;
        }

        /*industry-items*/
        .samples-desc {
            margin: 6% 0;
        }
        .industry-items{
            width: 90%;
        
        }
        .industry-item{
            width: 32%;
            margin-bottom: 5%;
        }
        .industry-advantages-centent{
            width: 90%;
        }
        .industry-advantages-centent-desc-item{
            width: 48%;
        }
        .industry-advantages-centent-title{
            margin-bottom: 6%;
        }

        /*Brochure to download*/
        .free-download-content-one{
            width: 90%;
        }
        
        
        .free-download-two-content-one{
            width: 90%;
        }
        
        .free-download-problem-content{
            width: 90%;
        }
        
        .free-download-brochure-content{
            width: 90%;
        }

/*service*/

.service-remote{
    width: 90%;
}
.service-remote-left{
    width: 100%;
}
.service-remote-right{
     width: 100%;
}

.why_banner_centent{
    width: 100%;
}
.why_banner{
    height:35vh;
}
.why-select-item-left-bottom-item-img img{
    max-width: 30%;
    max-height: 30%;
}
.why-select-item-left-bottom-item3 img{
    max-width:20%;
    max-height: 20%;
}
.service-After-sales-items{
    width: 90%;
}

.service-After-sales-items-bottom{
    display: block;
}
.service-After-sales-items-bottom-list{
    width: 100%;
}
.service-offices-list{
    width: 90%;
}
.service-offices-list-title{
    margin-bottom: 3%;
}


/*laser-welding-lasers*/
.product-laser-welding-lasers-pro{
width: 90%;
 
}

.product-laser-welding-lasers-list-bottom-right h3{
font-size: 1rem;
margin-bottom: 3%;
}

.product-laser-welding-lasers-list-bottom-right p{
font-size: 0.8rem;
line-height: 1rem;
display: -webkit-box;
-webkit-line-clamp: 4; 
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}

.product-laser-welding-lasers-list-bottom-right{
padding: 1rem;
}
        


    /*laser-clear-lasers*/


.product-laser-clear{
    width: 90%;
    margin: 5%  auto   0  ;
    height: 40vh;
}

.product-laser-clear-list1{
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: space-between;

}
.product-laser-clear-list1 img{
max-width: 100%;
max-height: 100%;
}
.product-laser-clear-right1{
    width: 50%;
}

.product-laser-clear-left1{
     width: 50%;
     display: flex;
     flex-direction: column;
     justify-content: center; 
     align-items: center;
     padding: 0;
     box-sizing:border-box;
}


.product-laser-clear-left1-top{
      display: flex;
    justify-content: center;
    align-items: center;
    height: 60%;
}
.product-laser-clear-left1-top p{
    font-size: 1rem;
    color: #818181;
   line-height: 1.2rem;
}
.product-laser-clear-left1-bottom{
    height: 40%;
}    

/*about*/
/*about*/
.about-introduction{
    display: none;
}
.about-introduction-centent{
    height: 30vh;
    width: 90%;
}

.about-process-container{
    width: 90%;
}

.about-process-content-item{
    flex: 0 0 calc(100% / 3);
}
.about-community{
    padding: 6% 0;
}
.about-community-centent{
    width: 90%;
}
.about-community-centent-item{
    width: 32%;
    overflow: hidden;
}
.about-community-centent-item-find-t{
    font-size: 1.3rem;
}
.about-community-centent-item-find-b{
    font-size: 0.9rem;
}

.about-introduction-web{
    height: 36vh;
    margin-bottom:3%;
    display: block;
}

.about_banner-list{
    width: 90%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius:10px;
}

.about_banner_zindex {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
}

.about_banner_zindex li {
    width: 10px;
    height: 10px;
  
    background-color: #565973;
    float: left;
    margin-right: 10px;

}
.about_banner_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 1.5s;
}
.about_banner_text {
    position: absolute;
    top:65%;
    left: 50%;
    transform: translate(-50%, -50%); 
    color: #fff; 
    font-size: 1rem; 
    width: 80%;
    font-weight: bold; 
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 1); 
    border: 1px solid  #ccc;
    padding: 0.8rem;
}
.about_banner_text_title{
    margin-bottom: 2%;
    font-size: 1.2rem;
}



/*why*/
.why_advantage_bottom{
    width: 90%;
    padding: 2%;
    box-sizing: border-box;
}
.why_Customer{
     margin-bottom: 5%;
}
.why_Customer_list{
    width: 90%;
}
.why_Customer_list_t{
    margin-bottom: 3%;
}
.why_Customer_list_f{
    margin-bottom: 5%;
}
.why_Customer_list_bottomm_item_img img{
    max-width: 30%;
}
.why_Community{
  margin-bottom: 5%;  
}
.why_Community_list{
    width: 90%;
}

.why_Customer_list_bottomm{
      margin-bottom: 3%;
}

.why_Community_list_bottom_item_find_th{
    margin-bottom: 5%;
}
.why_Community_list_bottom_item_find_th img{
    max-width: 10%;
} 
.why_Community_list_bottom_item_find_th img {
        max-width: 20%;
}




/*common-interested-news*/
.common-interested-news-title{
    margin-bottom: 5%;
}
.common-interested-news-centent{
    width: 90%;

}

.common-interested-news-centent-items-button{
    margin-top: 5%;
}



       
/*.Research-Academic-Partners-buttom-item*/
.Research-Academic-Partners-title{
     margin-bottom: 5%;
 }
.Research-Academic-Partners-buttom-item-img img{
    object-fit: contain;
}
.Research-Academic-Partners-buttom-item{
    width: 32%;
    margin-bottom: 5%;
}
.Research-Academic-Partners-buttom-item-p p{
    font-size: 0.9rem;
}
.Research-Partners-cent-bottom-item{
    width: 23%;
    margin-bottom: 5%;
}
.Research-Partners-cent-bottom >i{
    width: 32%;
}
.Research-Partners-cent-title{
    margin-bottom: 10%;
}
.Research-patent-title{
    margin-bottom: 10%;
} 
.Research-Honors-centent{
    width: 90%;
}  
.Research-Honors-centent-item{
    margin-bottom: 5%;
}
.Research-advantage-centent{
    width: 90%;
} 
.Research-prev-btn{ 
    left: 2%;
}  
.Research-next-btn{
    right: 2%;
}
.Research-patent-centent-items{
    width: 90%;
}
.Research-patent-centent-items-item{
        flex: 0 0 calc(100% / 4);
}
.Research-patent-centent-items-item img{
    height: auto;
}
.Research-patent-centent-next{
    right: 0.3rem
} 
.Research-patent-centent-prev{
    left: 0.3rem;
} 
        
        

        
 .Research-ce {
    width: 90%;
    margin:  0 auto;
    overflow: hidden;
}
     .Research-cd-box .Research-cd-box-item{
            position: absolute;
            width: 260px;
                left: calc(50% - 120px);

            height: 100%;
            background: #fff;
            transition: 0.5s;
            transform-style: preserve-3d;
            transform-origin: bottom;
            user-select: none;
             border: 1px solid #3AA1D5;
            -webkit-box-reflect:below 1px linear-gradient(transparent,transparent,#0002)
        }
.Research-cd-box{
    height: 30vh ;
}

.research_swiper_db {
    overflow: hidden;
    width: 100%;
}
.Research-cd-box-button{
 margin-top: 3%;
}  
     

 
 /*Solutions*/ 

.Solutions-item-left{
        background-size: cover;
   
}
.Solutions-Applications-centent{
    width: 90%;
}
.Solutions-Applications-centent-item{
    width: 48%;
}     
.Solutions-Applications-title, .Solutions-Buyer-title,.Solutions-advantages-titles{

    padding: 3% 0;
}
.Solutions-Buyer-centent{
    width: 90%;
  
} 
.Solutions-Buyer-centent-item {
    width: 48%;
} 

.Solutions-advantages-titles , .Solutions-advantages-centent{
    width: 90%;
}
.Solutions-advantages-centent{
    flex-wrap: wrap;
}
.Solutions-advantages-centent-item{
    width: 32%;
}
.Solutions-advantages-centent-item-top{
    margin-bottom: 5%;
}    

/*.Product-List-desc*/
.Product-List-desc{
    width: 90%;
}
.Product-List-desc-title {
    margin-bottom: 3%;
}
    
.Product-List-centent-item-items-right-topp{
    margin-bottom: 3%;
}
.Product-List-centent-item{
    width: 90%;
}

.common-interested-news-centent-items-img{
    height: 16rem;
}

 
/*xing*/

.xi_page{
    height: 40vh;
}

.xi_page_banner_desc{
    margin-right: 5%;
    width: 70%;
}
.xi_page_banner_desc_title{
    font-size: 1.2rem;
}
.xi_page_Advantages_centent_item_img img{
    max-width: 40%;
}
.xi_page_Advantages_title{
    font-size: 1rem;
        line-height: 2rem;
}
     
.xi_page_Advantages_video{
    height: 26vh;
        padding: 0 0 5% 0;
} 

.xi_page_Advantages_centent{
    width: 90%;
    margin: 5% auto;
}
.xi_page_Advantages_video_content{
    width: 90%;
}
.xi_pageIn-cutting-head-list{
     width: 90%;
}
.xi_pageIn-solution-centent{
     width: 90%;
}   
.xi_pageIn-cutting-head-items{
    width: 15%;
    margin-bottom:3%;
}
.xi_pageIn-cutting-head-plan-centent{
    width: 90%;
 
}
.xi_pageIn-solution-centent_items{
    width: 100%;
    margin-bottom: 3%;
}
.xi_page_samples_centent{
    width: 90%;
}

.xi_page_banner_desc_Three{
  font-size: 0.9rem;
}


/*coil*/

/*coil*/
.coil-All-in{
    margin-bottom: 3%;
}
.coil-All-in-centent{
    width: 90%;
}
.coil-All-in-centent-bottom-p1{
    font-size:1.1rem;
} 
.coil-Features-centent{
    width: 90%; 
}   
.coil-tab-centent{
     width: 90%;
}
.coil-qie-table-centent{
    width: 90%;
}
.product-details_sample_centent{
    width: 90%;
}




/*common-product-tab*/
.common-product-details_tab_items{
    width: 90%;
}
.common-product-details_tab_items_item{
    width: 40%;
}
.common-product-details_content_title_table{
    width: 90%;
}
.common-product-details_content_parameter_img{
    width: 90%;
    height: auto;
}

/*common-coil*/

.common-coil-features-centent{
    width: 90%;
}

.common-coil-advantages-centent{
    width: 90%;
  
}









}

@media screen and (min-width: 993px) and (max-width: 1200px) {
html {
    font-size: 16px;
}
.popup-container{
    width: 30%;
}
 .index_bannerL{
    height: 30vh;
}
.index_product{
    height: 30vh;
    width: 90%;
   
}
.index_about{
    height: 40vh;
}
.index_about_item{
    width: 90%;
    padding: 1%;
}
.index_about_item_top_left_c{
     max-height: 80%;
     overflow-y: scroll; 
}
.index_aggregate{
    height: 30vh ;
    width: 90%;
}
.contact_Connect_bottom{
    height: 30vh;
}
.contact_Connect_bottom_right_t_title{
    font-size: 1.1rem;
}
.contact_Connect_bottom_right_t_bottom{
    line-height:1rem;
}
.contact_address_items_item-content_left_b{
    font-size: 0.7rem;
}
.contact_address_items_item-content_left_t img{
        max-width: 80%;
        max-height: 80%;
}
.contact_banner{
    height: 20vh;
                 background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
}
.contact_information{
    height: 20vh;
}
.contact_Connect_bottom {
    height: 26vh;
}
.contact_Connect{
    width: 90%;
}
.contact_address {
    width: 80%;
}
/*pricing*/
.pricing_cate{
    width: 90%;
}
.pricing_cate_list{
    width: 90%;
}
.pricing_service{
    width: 90%;
}
.pricing_agency{
    width: 90%;
}
     /*productslist*/
.productslist {
      height: 30vh;
}
.productslist_cate{
    width: 90%;
}
.productslist_content{
      width: 90%;
}
.productslist_video {
    height: 30vh;
}
.productslist_find{
    width: 90%;
}

/*product-details*/
.product-details_banner{
    height: 50vh;
}
.product-details_banner_centent{
    width: 80%;
}
.product-details_banner_centent_title_h1{
    font-size: 1.5rem;
}
.product-details_advantage_bottom{
    width: 90%;
}
.product-details_advantage_bottom_item_b{
    text-align: center;
}
.product-details_tab{
    width: 90%;
}
.product-details_samples{
    width: 90%;
}
.product-details_theme{
    width: 90%;
}
.product-details_theme_bottom{
    margin: 0;
}

.productslist_video_item{
    width: 90%;
}
.product-details_pro{
    height: 40vh;
    width: 90%;
}

.product-details_samples_bottom{
    padding: 0;
}
/*bending*/
.product-bending-machine{
    width: 70%;
    height: 40vh;
}

.product-bending-machine-item-l{
      position: absolute;
      bottom: 15%; 
      right: 1%; 
      color: #000;
      max-width: 35%; 
      font-size: 0.8rem;
      line-height: 1.2;
      text-align: left;

} 
   
        
/*newlist*/
.news-cate-list{
    width: 90%;
}
.news-content-items{
    width: 90%;
}
.news-content-items-ul-li{
    height:10rem;
}
.news-content-items-ul-li-left{
    width: 25%;
}
.news-content-items-ul-li-right{
    width: 70%;
}
.news-content-items-ul-li-right-l-h3{
    line-height: 1.1rem;
}
.news-content-items-ul-li-right-l-desc p{
     line-height: 1.1rem;
}
.news-content-items-ul-li-right-l{
    width: 85%;
}
.news-content-items-ul-li-right-r{
    width: 15%;
}
.news-content-items-ul-li-right-l-desc p{
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; 
    overflow: hidden;
    text-overflow: ellipsis;  
}

/*news-details-content*/
.news-details-content{
    width: 90%;
}
.news-details-content-c img{
    max-width: 100%;
    height: auto;
}


/*samples-desc*/
.samples-cate{
    width: 80%;
}

.samples-desc-content{
    width: 80%;
    line-height: 1.8rem;
}
.samples-sample-items{
    width: 80%;
}
.samples-sample-item-bottom{
    font-size: 0.8rem;
}


/*industry-items*/
.samples-desc {
    margin: 6% 0;
}
.industry-items{
    width: 90%;

}
.industry-item{
    width: 24%;
    margin-bottom: 5%;
}
.industry-advantages-centent{
    width: 90%;
}
.industry-advantages-centent-desc-item{
    width: 32%;
}
.industry-advantages-centent-title{
    margin-bottom: 6%;
}
   


/*Brochure to download*/
.free-download-content-one{
    width: 90%;
}


.free-download-two-content-one{
    width: 90%;
}

.free-download-problem-content{
    width: 90%;
}

.free-download-brochure-content{
    width: 90%;
}



/*service*/

.service-remote{
    width: 90%;
}
.service-remote-left{
    width: 100%;
}
.service-remote-right{
     width: 100%;
}

.why_banner_centent{
    width: 100%;
}
.why_banner{
    height:35vh;
}
.why-select-item-left-bottom-item-img img{
    max-width: 30%;
    max-height: 30%;
}
.why-select-item-left-bottom-item3 img{
    max-width:20%;
    max-height: 20%;
}
.service-After-sales-items{
    width: 90%;
}


.service-After-sales-items-bottom-list{
    width: 31%;
}
.service-offices-list{
    width: 90%;
}
.service-offices-list-title{
    margin-bottom: 3%;
}
/*laser-welding-lasers*/

.product-laser-welding-lasers-pro{
    width: 90%;

}

.product-laser-welding-lasers-list-bottom-right h3{
font-size: 1rem;
margin-bottom: 3%;
}

.product-laser-welding-lasers-list-bottom-right p{
font-size: 0.8rem;
line-height: 1rem;
display: -webkit-box;
-webkit-line-clamp: 4; 
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}

.product-laser-welding-lasers-list-bottom-right{
    padding: 1.2rem;
}    


.product-laser-clear{
    width: 70%;
    margin: 5%  auto   0  ;
    height: 40vh;
}

.product-laser-clear-list1{
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: space-between;

}
.product-laser-clear-list1 img{
max-width: 100%;
max-height: 100%;
}
.product-laser-clear-right1{
    width: 50%;
}

.product-laser-clear-left1{
     width: 50%;
     display: flex;
     flex-direction: column;
     justify-content: center; 
     align-items: center;
     padding: 0;
     box-sizing:border-box;
}


.product-laser-clear-left1-top{
      display: flex;
    justify-content: center;
    align-items: center;
    height: 60%;
}
.product-laser-clear-left1-top p{
    font-size: 1rem;
    color: #818181;
   line-height: 1.2rem;
}
.product-laser-clear-left1-bottom{
    height: 40%;
}    



/*why*/
.why_advantage_bottom{
    width: 90%;
    padding: 2%;
    box-sizing: border-box;
}
.why_Customer{
     margin-bottom: 5%;
}
.why_Customer_list{
    width: 90%;
}

.why_Customer_list_bottomm_item_img img{
    max-width: 30%;
}

.why_Community_list{
    width: 90%;
}



.why_Community_list_bottom_item_find_th img{
    max-width: 10%;
} 
.why_Community_list_bottom_item_find_th img {
        max-width: 20%;
}




/*common-interested-news*/
.common-interested-news-title{
    margin-bottom: 5%;
}
.common-interested-news-centent{
    width: 90%;

}

.common-interested-news-centent-items-button{
    margin-top: 5%;
}
/*.about-introduction-centent*/
.about-introduction-centent{
    height: 30vh;
    width: 90%;
}
.about-process-container{
    width: 90%;
}
.about-community-centent{
    width: 90%;
}

/*.Research-Academic-Partners-buttom-item*/

.Research-Academic-Partners-buttom-item-img img{
    object-fit: contain;
}
.Research-Academic-Partners-buttom-item{
    width: 32%;
}

.Research-Partners-cent-bottom-item{
    width: 23%;
    margin-bottom: 3%;
}
.Research-Partners-cent-bottom >i{
    width: 32%;
}


.Research-Honors-centent{
    width: 90%;
}  
.Research-advantage-centent{
    width: 90%;
} 
.Research-prev-btn{ 
    left: 2%;
}  
.Research-next-btn{
    right: 2%;
}
.Research-patent-centent-items{
    width: 90%;
}
.Research-patent-centent-items-item{
        flex: 0 0 calc(100% / 5);
}
.Research-patent-centent-items-item img{
    height: auto;
}
.Research-patent-centent-next{
    right: 0.3rem
} 
.Research-patent-centent-prev{
    left: 0.3rem;
} 
       

 .Research-ce {
    width: 90%;
    margin:  0 auto;
    overflow: hidden;
}
     .Research-cd-box .Research-cd-box-item{
            position: absolute;
            width: 300px;
            left: calc(50% - 140px);
            height: 100%;
            background: #fff;
            transition: 0.5s;
            transform-style: preserve-3d;
            transform-origin: bottom;
            user-select: none;
             border: 1px solid #3AA1D5;
            -webkit-box-reflect:below 1px linear-gradient(transparent,transparent,#0002)
        }
.Research-cd-box{
    height: 40vh ;
}

.research_swiper_db {
    overflow: hidden;
    width: 100%;
}
.Research-cd-box-button{
 margin-top: 3%;
}  
     
 


 /*Solutions*/ 

.Solutions-item-left{
        background-size: cover;
   
}
.Solutions-Applications-centent{
    width: 90%;
}
.Solutions-Applications-centent-item{
    width: 48%;
}     
.Solutions-Applications-title, .Solutions-Buyer-title,.Solutions-advantages-titles{

    padding: 3% 0;
}
.Solutions-Buyer-centent{
    width: 90%;
  
} 
.Solutions-Buyer-centent-item {
    width: 48%;
} 

.Solutions-advantages-titles , .Solutions-advantages-centent{
    width: 90%;
}
.Solutions-advantages-centent{
    flex-wrap: wrap;
}
.Solutions-advantages-centent-item{
    width: 32%;
}
.Solutions-advantages-centent-item-top{
    margin-bottom: 5%;
}    


/*.Product-List-desc*/
.Product-List-desc{
    width: 90%;
}
.Product-List-desc-title {
    margin-bottom: 3%;
}
    
.Product-List-centent-item-items-right-topp{
    margin-bottom: 3%;
}
.Product-List-centent-item{
    width: 90%;
}

.common-interested-news-centent-items-img{
    height: 16rem;
}

 
/*xing*/

.xi_page{
    height: 40vh;
}
.xi_page_banner_desc{
    margin-right: 5%;
    width: 70%;
}

.xi_page_banner_desc_title{
    font-size: 1.1rem;
}
.xi_page_Advantages_centent_item_img img{
    max-width: 40%;
}
.xi_page_Advantages_title{
    font-size: 1rem;
        line-height: 2rem;
}
     
.xi_page_Advantages_video{
    height: 26vh;
        padding: 0 0 5% 0;
} 

.xi_page_Advantages_centent{
    width: 90%;
    margin: 5% auto;
}
.xi_page_Advantages_video_content{
    width: 90%;
}
.xi_pageIn-cutting-head-list{
     width: 90%;
}
.xi_pageIn-solution-centent{
     width: 90%;
}   
.xi_pageIn-cutting-head-items{
    width: 15%;
    margin-bottom:3%;
}
.xi_pageIn-cutting-head-plan-centent{
    width: 90%;
 
}
.xi_pageIn-solution-centent_items{
    width: 100%;
    margin-bottom: 3%;
}
.xi_page_samples_centent{
    width: 90%;
}

.xi_page_banner_desc_Three{
  font-size: 0.9rem;
}



/*coil*/
.coil-All-in{
    margin-bottom: 3%;
}
.coil-All-in-centent{
    width: 90%;
}
.coil-All-in-centent-bottom-p1{
    font-size:1.1rem;
} 
.coil-Features-centent{
    width: 90%; 
}   
.coil-tab-centent{
     width: 90%;
}
.coil-qie-table-centent{
    width: 90%;
}
.product-details_sample_centent{
    width: 90%;
}


/*common-product-tab*/
.common-product-details_tab_items{
    width: 90%;
}
.common-product-details_tab_items_item{
    width: 40%;
}
.common-product-details_content_title_table{
    width: 90%;
}
.common-product-details_content_parameter_img{
    width: 90%;
    height: auto;
}

.common-coil-features-centent{
    width: 90%;
}

.common-coil-advantages-centent{
    width: 90%;
  
}

.common-coil-sample-centent{
    width: 90%;
}




.configuration-centent{
    width: 90%;
}














}

@media screen and (min-width: 1201px) and (max-width: 1400px) {
html {
    font-size: 16px;
}

.contact_banner{

  background-position: center center;
  background-repeat: no-repeat;
     background-size: cover;
}

/*newlist*/
.news-cate-list{
  width: 90%;
}
.news-content-items{
 width: 90%;
}
.news-content-items-ul-li{
 height:10rem;
}
.news-content-items-ul-li-left{
 width: 25%;
}
.news-content-items-ul-li-right{
    width: 70%;
}
.news-content-items-ul-li-right-l-h3{
 line-height: 1.1rem;
}
.news-content-items-ul-li-right-l-desc p{
    line-height: 1.1rem;
}
.news-content-items-ul-li-right-l{
    width: 85%;
}
.news-content-items-ul-li-right-r{
    width: 15%;
}
    .news-content-items-ul-li-right-l-desc p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; 
    overflow: hidden;
    text-overflow: ellipsis;  
}

/*samples-desc*/
.samples-cate{
    width: 80%;
}
.samples-desc-content{
    width: 80%;
    line-height: 1.8rem;
}
.samples-sample-items{
    width: 80%;
}
.samples-sample-item-bottom{
    font-size: 0.8rem;
}
/*Brochure to download*/
.free-download-content-one{
    width: 80%;
}
.free-download-two-content-one{
    width: 80%;
}
.free-download-problem-content{
    width: 80%;
}
.free-download-brochure-content{
    width: 80%;
}
 /*service*/

.service-remote{
    width: 80%;
}
.service-remote-left{
    width: 100%;
}
.service-remote-right{
     width: 100%;
}

.why_banner_centent{
    width: 80%;
}
.why-select-item-left-bottom-item-img img{
    max-width: 30%;
    max-height: 30%;
}
.why-select-item-left-bottom-item3 img{
    max-width:20%;
    max-height: 20%;
}
.service-After-sales-items{
    width: 80%;
}


.service-After-sales-items-bottom-list{
    width: 31%;
}
.service-offices-list{
    width: 80%;
}
.service-offices-list-title{
    margin-bottom: 3%;
}
        
.product-laser-clear{
    width: 60%;
    margin: 5%  auto   0  ;
    height: 40vh;
}

.product-laser-clear-list1{
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: space-between;

}
.product-laser-clear-list1 img{
max-width: 100%;
max-height: 100%;
}
.product-laser-clear-right1{
    width: 50%;
}

.product-laser-clear-left1{
     width: 50%;
     display: flex;
     flex-direction: column;
     justify-content: center; 
     align-items: center;
     padding: 0;
     box-sizing:border-box;
}
.product-laser-clear-left1-top{
      display: flex;
    justify-content: center;
    align-items: center;
    height: 60%;
}
.product-laser-clear-left1-top p{
    font-size: 1rem;
    color: #818181;
   line-height: 1.2rem;
}
.product-laser-clear-left1-bottom{
    height: 40%;
}       
 /*pricing*/
.pricing_cate{
    width: 80%;
}
.pricing_cate_list{
    width: 80%;
}
.pricing_service{
    width: 80%;
}
.pricing_agency{
    width: 80%;
}    
/*contact_information */
.contact_information {
    width: 80%;
}
.contact_Connect{
     width: 80%;
}
.contact_address{
     width: 80%;
}
/*.about-introduction-centent*/
.about-introduction-centent{
    height: 40vh;
    width: 80%;
}
.about-process-container{
    width: 80%;
}
.about-community-centent{
    width: 80%;
}
.Research-cd-box{
    height: 40vh ;
}




 /*Solutions*/ 


.Solutions-Applications-centent{
    width: 80%;
}
 

.Solutions-advantages-titles , .Solutions-advantages-centent{
    width: 90%;
}

.Solutions-advantages-centent , .Solutions-advantages-titles{
    width: 80%;
}



/*.Product-List-desc*/
.Product-List-desc{
    width: 90%;
}
.Product-List-desc-title {
    margin-bottom: 3%;
}
    
.Product-List-centent-item-items-right-topp{
    margin-bottom: 3%;
}
.Product-List-centent-item{
    width: 90%;
}

.common-interested-news-centent-items-img{
    height: 16rem;
}









 
}

@media screen and (min-width: 1401px) {
        html {
            font-size: 18px;
        }
        
         .contact_banner{

             background-position: center center;
             background-repeat: no-repeat;
             background-size: cover;
        }
        
        
}