root{
    --banner_size:1280px;
}
body{
    margin: auto 0;
    padding:0;
    height:100vh;
    /*display:flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    background: #fff;
}
.vertical-center {
    /*min-height: 100%;*/
    /*min-height: 100vh;*/
    display: flex;
    flex-direction: column;
}
.company{
    font-weight: bold;
}
.company_cn{
    font-size:26px;
    color:#084a9e;
}
.company_en{
    font-size:18px;
    color:grey;
}
#home_ul{
    background-color: #006a8a;
}
#home_ul li{
    display:inline-block;
    text-decoration: none;
    padding:5px;
}
#home_ul li a{
    display:block;
    padding:15px;
    text-decoration: none;
    color:white;
    font-weight: bold;
}
#home_ul li a:hover{
    color:navajowhite;
}
#home_ul li a:hover{
    text-underline: none;

}
.index_lang_wrapper{
    display:flex;
    flex-direction: row
}
.index_lang_wrapper a{
    text-decoration: none;
    padding:10px;
}
.slider{
    width:var(--banner_size);
    height:600px;
    border-radius:10px;
    overflow: hidden;
}
.slides{
    width:500%;
    height:600px;
    display:flex;
}
.slides input{
    display:none;
}
.slide{
    width:20%;
    transition:2s;
}
.slide img{
    width:var(--banner_size);
    height:600px;
}
/*sliding carousel by manual*/
.navigation-manual{

    position: absolute;
    width:var(--banner_size);
    display:flex;
    justify-content: center;
    margin-top:500px;
    margin-left:500px;
}
.manual-btn{
    border: 2px solid #40D3DC;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    transition:1s;
}
.manual-btn:not(:last-child){
    margin-right:40px;
}
.manual-btn:hover{
    background-color: #40D3DC;
}
#radio1:checked ~ .first{
    margin-left:0;
}
#radio2:checked ~ .first{
    margin-left:-20%;
}
#radio3:checked ~ .first{
    margin-left:-40%;
}
#radio4:checked ~ .first{
    margin-left:-60%;
}
#radio5:checked ~ .first{
    margin-left:-80%;
}
#radio6:checked ~ .first{
    margin-left:-100%;
}
#radio7:checked ~ .first{
    margin-left:-120%;
}
/*below navigation auto*/
.navigation-auto{
    position:absolute;
    display:flex;
    width:var(--banner_size);
    justify-content: center;
    margin-top:500px;
    margin-left:500px;
}
.navigation-auto div{
    border:2px solid #40D3DC;
    padding:5px;
    border-radius:10px;
    transition:1s;
}
.navigation-auto div:not(:last-child){
    margin-right:40px;
}
#radio1:checked ~ .navigation-auto .auto-btn1{
background: #40D3DC;
}
#radio2:checked ~ .navigation-auto .auto-btn2{
    background: #40D3DC;
}
#radio3:checked ~ .navigation-auto .auto-btn3{
    background: #40D3DC;
}
#radio4:checked ~ .navigation-auto .auto-btn4{
    background: #40D3DC;
}
#radio5:checked ~ .navigation-auto .auto-btn5{
    background: #40D3DC;
}
#radio6:checked ~ .navigation-auto .auto-btn6{
    background: #40D3DC;
}
#radio7:checked ~ .navigation-auto .auto-btn7{
    background: #40D3DC;
}
.display_gallery_div{
    display:none;
    display:flex;
    flex-wrap: wrap;
    overflow: auto;
    padding:10px;
    margin:10px;
    box-sizing: border-box;
}
.display_gallery_div label{
    margin:10px;
    box-sizing: border-box;
}
.product_category li{
    /*padding:5px;*/
}
.product_category li a{
    display:block;
    padding:5px;
}
.about_parag_wrappper p{
    text-indent: 10px;
}