html,
body {
    height: 100%;
    background: #fafafa url('../../../uploads/sitebk.jpg') no-repeat top center;
    background-size: 100% auto;

}
ul,li{
    margin: 0; 
    padding: 0;
}
.relative{
    position: relative;
}

.flex{
    display: flex;
}

.absolute{
    position: absolute;
}

.white-color{
    color: #ffffff;
}

.white-bk{
    background:#ffffff;
}

a{
    text-decoration: none;
}

.text-center{
    text-align: center;

}

.headerbox{
    width: 70%;
    height: 132px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mainbox{
    width: 70%;
    margin: 0 auto; 
}

.logo{
   text-align: center;

}

.flexbox{
    width: 100%;
}

.flexbox img{
    width: 100%;
}

.indexAbout{
    width: 70%;
}

.centerboxlist{
    margin: 40px 0;
    align-items: center;
}

.siteslogn{
    margin-bottom: 20px;
}

.centerboxlist .indexAbout,.centerboxlist .listcodebox{
    margin-right: 20px;
}

.centerboxlist .listcodebox:last-child{
    margin-right: 0;
}

.centerboxlist .listcodebox{
    text-align: center;
}

.centerboxlist .listcodebox img{
    width: 200px;
    margin-bottom: 5px;
    display: block;
}

  .footer{
      margin-top: 30px;
      margin-bottom: 30px;


  }
  .footericon{
       justify-content: center;
      margin-bottom: 20px;
  }

  .footericon img{
      display: block;
      height: 30px;
  }

    .footericon a{
        margin: 0 20px;
        color: #262A2E;
    }

 @media (max-width: 750px) {
     .mainbox{
         width:90%;
     }

     .centerboxlist{
         flex-wrap: wrap;
         justify-content: space-between;
     }

     .centerboxlist .indexAbout{
         width: 100%;
         margin-right: 0;
     }

     .centerboxlist .listcodebox{
         width: 48%;
         margin-right: 0;
     }

     .centerboxlist .listcodebox img{
         width: 100%;
         margin-top: 20px;
     }

     .productlist img{
         width: 100%;
     }

     .swiper-button-prev, .swiper-button-next{
         display: none;
     }
 

    
}