/*fixed base*/
#main_index{
    padding-bottom:0rem!important;
    /*overflow:hidden;*/
}

#main_index h1,
#main_index h2,
#main_index h5{
    cursor:default;
}

.m_default_languagebar .footer_langbar_item{
    color:#fff;
}

/*category / product / tag / gallery / news*/
.category_list_type4 .category_box .img_frame img{
    object-fit: contain;
}

.product_list_5 .product_box .img_frame img{
    object-fit: contain;
    background-color:#fff;
}

.product_list_horizontal .product_box .img_frame img{
    object-fit: contain;
    background-color:#fff;
}

@media screen and (max-width:767.5px){
    #main_tag .horizontal_detail_bottom{
        margin-top:1rem;
    }

    .product_list_horizontal .product_box .product_des .title{
        font-size:18px;
    }

    .product_list_horizontal .product_box .horizontal_detail_box .product_simple_description{
        font-size:12px;
    }

    .product_list_horizontal .product_box .horizontal_detail_bottom .button_section{
        justify-content:flex-start;
    }

    .product_list_horizontal .product_box .product_img{
        flex:0 0 40%;
    }

    .product_list_horizontal .product_box .product_des{
        flex:0 0 60%;
    }

    .product_list_horizontal .product_box .img_frame{
        padding-top:unset!important;
        height:auto;
        aspect-ratio:1;
        border-radius:5px;
    }

    .product_list_horizontal .product_box .whatsapp_wrapper a{
        color:#333;
        font-size:10px!important;
        font-weight:500;
    }
}

.gallerycategory .img_frame img,
.ws_gallery-2 .img_frame img{
    object-fit:contain;
}

.latest_new_type4 .news_box .img_frame{
    box-shadow:0px 0px 2px rgba(0,0,0,0.3);
}

.latest_new_type4 .news_box .img_frame img{
    object-fit:contain;
}

/*global / common*/
.n_small{
    font-size:18px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:1rem;
    line-height:1.4;
    color:#ffd400;
}

.n_title{
    font-size:36px;
    font-weight:700;
    line-height:1.1;
    margin-bottom:1.3rem;
    text-transform:uppercase;
    letter-spacing:0.5px;
}

.n_subtitle{
    font-size:24px;
    font-weight:700;
    line-height:1.3;
    margin:0;
}

.n_content{
    font-size:16px;
    font-weight:200;
    line-height:1.7;
    margin-bottom:1rem;
}

.c_color1{
    color:#fff;
}

.c_color2{
    color:#111;
}

.c_color3{
    color:#ffd400;
}

.c_line{
    line-height:1.8;
}

.btnbox_left{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:1.5rem 0 0;
}

.btnbox_center{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:1.5rem 0 0;
}

.btnbox_right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin:1.5rem 0 0;
}

.n_button{
    width:auto;
    height:auto;
    padding: 0.6rem 1.5rem 0.6rem 1rem;
    border:0;
    border-radius:0;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:clamp(.85rem, 1vw, 1vw);
    font-weight:800;
    text-align:center;
    color:#111;
    background:#ffd400;
   
    transition:0.25s all linear;
}

.n_button span{
    position:relative;
    padding-right:1rem;
}

.n_button span:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: -.5rem;
    width: 1rem;
    height: 1rem;
    margin: auto 0;
    background-image: url("https://cdn1.npcdn.net/images/button_black_t5r8ic_1781053409.png?md5id=7e2171beface9cf6705728b677a107cd&new_width=1600&new_height=1600&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.n_button:hover{
    text-decoration:none;
    color:#111;
    transform:translateY(-2px);
}

.n_button:hover span:after{
    animation: arrow-slide 0.8s infinite;
}

@keyframes arrow-slide{


0% {
    transform: translateX(0);
    opacity: 1;
}
50% {
    transform: translateX(10px);
    opacity: 0.5;
}
51% {
    transform: translateX(-10px);
    opacity: 0;
}
100% {
    transform: translateX(0);
    opacity: 1;
}

}

.yellow-line-container {
    width: 30%;            
    /*width: 17vw;*/
    max-width: 1200px;     

    box-sizing: border-box;
}


.responsive-yellow-line {
    width: 100%;
    height: 4px;           
    background-color: #FFCC00;
    margin-bottom: 2vw;
    
    clip-path: polygon(2px 0%, 100% 0%, calc(100% - 2px) 100%, 0% 100%);
}


@media screen and (max-width: 767.5px){
    .n_title{
        font-size: 26px;
    }
}

/*topspace*/
.boxSearch{
    position:relative;
    display:flex;
}

.nav_search{
    position: fixed;
    margin-left: auto;
    top: 15px;
    right: 100px;
    z-index: 101;
}

 #search_name_nav{
    background-color: #ffd504;
    border: 1px solid #ffd504;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    width: 16vw;
    padding: 2% 3%;
    color: #fff;
}

#search_name_nav{
    border: 1px solid #ffd504;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 16vw;
    padding: 2% 3%;
}

 .search_button{
    border:1px solid #676767;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color:#676767;
    padding:0% 6%;
    transform: scaleX(-1);
    color:#fff;
}

/*navbar*/
.index_wrapper_1{
    height:130px;
}

.navbar_type8{
    border-bottom:6px solid #ffd504;
    background-color:#1a1a1a;
    height:130px;
}

.navbar_type8 .logo{
    flex: 0 1 40%;
}

.navbar_type8 .logo img{
    width:100%;
    max-width: 38vw;
    padding: 0;
}

.navbar_type8 .nav_tab{
    /*padding-right: 100px;*/
    padding-left: 0;
    padding-top: 35px;
    flex: 0 1 60%;
}

.navbar_type8 .nav_tab .nav_item{
    margin-left:2vw;
}

.navbar_type8 .nav_tab .nav_item a{
    font-weight:700;
    color:#fff;
    font-size: 1vw;
    padding: 15px .7vw;
}

.navbar_mobile{
    background-color:#1a1a1a;
    height: 80px;
    border-bottom: 6px solid #ffd504;
}

.navbar_mobile .logo_img{
    max-height: 6vw;
}

@media screen and (max-width:1200.5px) {
    .navbar_type8 .logo{
        flex: 0 1 35%;
    }
    .navbar_type8 .nav_tab{
        flex: 0 1 75%;
    }
}

@media screen and (max-width: 991.5px){
    .index_wrapper_1{
        height:80px;
    }
}

@media screen and (max-width:500.5px) {
    .navbar_mobile .logo_img {
        max-height: 7vw;
        transform: scale(1.2)translate(2vw, 7px);
    }  
    /*.navbar_mobile .row_1{*/
    /*    margin-top:6%;*/
    /*}*/
}


#top_spacing{
    height: 130px!important;
}

/*top spacing*/
@media screen and (max-width: 991.5px){
    #top_spacing{
        height: 80px!important;
    }
}

/*fixed banner + generated banner*/
.slider_banner .banner_content{
    overflow:hidden;
}

.hp_banner {
    position: relative;
    left: 0%;
    top: 57%;
    transform: translate(0,-50%);
    width: calc(100% - 0%);
    padding: 8vw 9% 6vw;
    min-height: 43vw;
    overflow: hidden;
    /* background: linear-gradient(90deg, rgba(0,0,0,0.9), rgba(0,0,0,0.45)); */
}

.hp_banner .col-12{
    position:relative;
}

.hp_banner_box{
    width:70%;
    position:relative;
    z-index:3;
}

.hp_banner_small{
    color:#fff;
    font-size: 1.4vw;
    font-weight:700;
    margin-bottom: .8rem;
    letter-spacing:1px;
}

.hp_banner_title{
    color:#fff;
    font-size:3.5vw;
    font-weight:700;
    line-height:1.05;
    margin-bottom:1.2vw;
    text-transform:uppercase;
}

.hp_banner_title span{
    color:#70bf22;
}

.hp_banner .hp_banner_cert{
    width: 15vw!important;
    height:auto!important;
}

.hp_banner .hp_banner_machine{
    position:absolute;
    width:46vw!important;
    height:auto!important;
    right:0vw;
    bottom:-5vw;
    z-index:2;
}

.hp_banner .hp_banner_badge{
    position:absolute;
    width:7vw!important;
    height:7vw!important;
    object-fit:contain;
    right:3vw;
    top:-7vw;
    z-index:4;
    border-radius:50%;
}

@media screen and (max-width:1200.5px){
    .hp_banner_title{
        font-size:3.5vw;
    }

    .hp_banner_box{
        width:55%;
    }
}

@media screen and (max-width:991.5px){
    .hp_banner{
        padding:12vw 5% 9vw;
        min-height:58vw;
    }

    .hp_banner_box{
        width:58%;
    }

    .hp_banner_machine{
        width:48vw!important;
    }
}

@media screen and (max-width:767.5px){
    .index_wrapper_2 .item>img{
        min-height:100vw!important;
        object-fit:cover;
    }
    
    /*.slider_banner .banner_content {*/
    /*    overflow: visible;*/
    /*}*/

    .hp_banner{
        left:0%;
        top:42%;
        transform:translate(0,-50%);
        width:calc(100% - 0%);
        padding:18vw 0% 15vw;
        min-height:100vw;
        overflow: visible;
    }

    .hp_banner_box{
        width:90%;
        padding:0 5%;
    }

    .hp_banner_small{
        font-size:3vw;
    }

    .hp_banner_title{
        font-size:8vw;
    }
    
    .hp_banner_title br{
        display: none;
    }

    .hp_banner .hp_banner_cert {
        width: 30vw!important;
        height: auto!important;
    }

    .hp_banner .hp_banner_machine {
        position: absolute;
        width: 75vw!important;
        height: auto!important;
        right: -4vw;
        bottom: -28vw;
        z-index: 2;
    }

    .hp_banner .hp_banner_badge {
        position: absolute;
        width: 15vw!important;
        height: 15vw!important;
        object-fit: contain;
        right: 6vw;
        top: 6vw;
        z-index: 4;
        border-radius: 50%;
    }
    
    
    
}

@media screen and (max-width:400.5px){
    .hp_banner .hp_banner_machine {
        position: absolute;
        width: 75vw!important;
        height: auto!important;
        right: -4vw;
        bottom: -19vw;
        z-index: 2;
    }
    
    .hp_banner .hp_banner_badge {
        position: absolute;
        width: 18vw!important;
        height: 18vw!important;
        object-fit: contain;
        right: 11vw;
        top: 11vw;
        z-index: 4;
        border-radius: 50%;
    }
}


/*hp_advantage*/
.hp_advantage{
  
    background:#ffd400;
    padding: 2rem 0;
}

.hp_advantage .n_subtitle{
    color:#111;
    font-size:18px;
}

.hp_advantage .n_subtitle .thintext{
    font-weight: 400;
}

.hp_advantage_listbox{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
   
}

.hp_advantage_itembox {
    width: calc(20% - 16px);
    display: flex;
    justify-content: center;
    
    padding: 0 1.5%;
}

.hp_advantage_itembox:not(:first-child){
    border-left: 1.5px solid #ffb401;
}




.hp_advantage_item{
    display:flex;
    align-items:center;
    gap:15px;
    height:100%;
}

.hp_advantage_iconbox{
    flex-shrink:0;
}

.hp_advantage_icon{
    width:4vw!important;
    height:4vw!important;
    object-fit:contain;
}

.hp_advantage_icon:hover{
    animation: 1s iconanimation;

}


@keyframes iconanimation {
    
  20% {
    transform: rotate(15deg);
  }
  
  40% {
    transform: rotate(-10deg);
  }
  
  60% {
    transform: rotate(5deg);
  }
  
  80% {
    transform: rotate(-5deg);
  }
  
  100% {
  
    transform: rotate(0deg);
  }
  
}


.hp_advantage_content{
    flex:1;
}

@media(max-width:991.5px){

    .hp_advantage_itembox{
        width:calc(50% - 0px);
        border: 1.5px solid #ffb401;
        padding: 1.5%;
    }
    
    .hp_advantage{
        padding: 0;
    }
    

}

@media(max-width:767.5px){

    
    
    .hp_advantage_icon {
        width: 9vw!important;
        height: 9vw!important;
        object-fit: contain;
    }

}

@media(max-width:500.5px){

    /*.hp_advantage_itembox{*/
    /*    width:100%;*/
    /*}*/
    
    /*.hp_advantage_itembox{*/
    /*    justify-content: flex-start;*/
    /*    padding: 0.5rem 0 0.5rem 1rem;*/
    /*}*/
    
    .hp_advantage_item {
        display: flex;
        align-items: center;
        gap: 15px;
        padding: 10px;
        justify-content: center;
        text-align: center;
        height: 100%;
        flex-wrap: wrap;
        
    }
    
    .hp_advantage_iconbox {
        flex-shrink: 0;
        
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .hp_advantage_content {
        
       
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .hp_advantage_icon {
        width: 15vw!important;
        height: 15vw!important;
        object-fit: contain;
    }

}


/*hp_about*/
.hp_about{
    padding:80px 9%;
    /*background:#151515;*/
    position:relative;
    overflow:hidden;
    
    background-image: url("https://cdn1.npcdn.net/images/c_about_bg_new_sp08n1_1781075715.jpg?md5id=7e2171beface9cf6705728b677a107cd&new_width=1600&new_height=1600&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    
    
}

.hp_about:before{
    position:absolute;
    content:"";
    width:45vw;
    height:45vw;
    left:-20vw;
    bottom:-20vw;
    background:radial-gradient(circle, rgba(255,212,0,0.45), rgba(255,212,0,0) 65%);
}

.index_wrapper_4{
    position: relative;
}

.index_wrapper_4:after {
    position: absolute;
    content: "";
    width: 27vw;
    height: 3vw;
    right: 0;
    bottom: 0;
    background-image: url("https://cdn1.npcdn.net/images/c_about_bg_line_2knd5p_1781075715.png?md5id=7e2171beface9cf6705728b677a107cd&new_width=1600&new_height=1600&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.hp_about_row{
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:2;
}

.hp_about_imgbox{
    position:relative;
    padding-left:2vw;
}



.hp_about_imgbox img{
    width:100%;
    
  
}

.hp_about_textbox{
    padding-left:4vw;
}

.hp_about .n_small span{
    position:relative;
}



.hp_about .n_content{
    max-width:42vw;
}

.hp_about_deco{
    position:absolute;
    width:18vw!important;
    height:auto!important;
    top:7vw;
    left:35vw;
    opacity:0.25;
    z-index:1;
}

.hp_industry_row{
    position:relative;
    z-index:2;
    /*align-items:center;*/
    margin-top: 120px;
}

.hp_industry_listbox{
    align-items:center;
}

.hp_industry_item{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:2vw;
    margin:1.5rem 0;
}

.hp_industry_icon{
    width:4vw!important;
    height:4vw!important;
    object-fit:contain;
}

.hp_industry_icon:hover{
    animation: 1s iconanimation;
}

.hp_industry_item .n_subtitle{
    font-size: 18px;
}

.n_title.c_color1.serve{
    margin-top: 1.5rem;
}

@media screen and (max-width:991.5px){
    .hp_about{
        padding:70px 5%;
    }

    .hp_about_imgbox img{
        height:42vw;
    }

    .hp_about_textbox{
        padding-left:2vw;
    }

    

    .hp_about .n_content{
        max-width:100%;
       
    }

    
    .hp_industry_icon {
        width: 8vw!important;
        height: 8vw!important;
        object-fit: contain;
    }
    
    .hp_industry_item{
        gap: 4vw;
    }
    
    
    .n_title.c_color1.about br{
        display: none;
    }
    
}

@media screen and (max-width:767.5px){
    .hp_about{
        padding:60px 0%;
    }

    .hp_about_imgbox{
        padding:0 5%;
        margin-bottom:2rem;
    }

    .hp_about_imgbox:before{
        left:3%;
        width:3vw;
        height:35vw;
        top:7vw;
    }

    .hp_about_imgbox img{
        height:80vw;
    }

    .hp_about_textbox{
        padding:0 5%;
    }

    

    .hp_about_deco{
        width:38vw!important;
        top:20vw;
        left:55vw;
    }

    .hp_industry_row{
        margin-top:3rem;
        padding:0 5%;
    }

    .hp_industry_row .n_title{
        font-size:26px;
    }
    
    .index_wrapper_4:after {
        position: absolute;
        content: "";
        width: 39vw;
        height: 5vw;
        right: 0;
        bottom: 0;
        background-image: url("https://cdn1.npcdn.net/images/c_about_bg_line_2knd5p_1781075715.png?md5id=7e2171beface9cf6705728b677a107cd&new_width=1600&new_height=1600&type=4");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    
    

    
}

@media screen and (max-width: 575.5px){
    .hp_industry_icon {
        width: 14vw!important;
        height: 14vw!important;
        object-fit: contain;
    }
    
    .hp_industry_item{
        gap:6vw;
    }
    
    .index_wrapper_4:after {
        position: absolute;
        content: "";
        width: 57vw;
        height: 7vw;
        right: 0;
        bottom: 0;
        background-image: url("https://cdn1.npcdn.net/images/c_about_bg_line_2knd5p_1781075715.png?md5id=7e2171beface9cf6705728b677a107cd&new_width=1600&new_height=1600&type=4");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    
}

/*hp_machine*/
.index_wrapper_5{
    padding:80px 9%;
    background:#f7f7f7;
    position:relative;
    overflow:hidden;
}

.index_wrapper_5::before {
    content: "";
    position: absolute;
    width: 3vw!important;
    height: 25vw!important;
    left: 0;
    
    bottom: 0;
    z-index: 1;
    background-image: url("https://cdn1.npcdn.net/images/d_shape_h9wnsd_1781053414.png?md5id=7e2171beface9cf6705728b677a107cd&new_width=1600&new_height=1600&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.index_wrapper_5::after {
    position: absolute;
    right: 0;
    content: "PRODUCTS";
    bottom: 0;
    font-size: 12vw;
    font-weight: 900;
    line-height: .3;
    color: rgba(0,0,0,0.05);
    margin: 0;
    z-index: 1;
}


.hp_machine_intro{
    align-items:flex-end;
    margin-bottom:2rem;
    position:relative;
    z-index:2;
}


.hp_machine_intro .n_content {
    max-width: 33vw;
    font-size: 14px;
    margin-left: auto;
    color: #666666;
    font-weight: 500;
}

.product_cat-11 .hp_product_cat_slider .item::after{
    display: none;
}

.product_cat-11 .hp_product_cat_slider .card{
    border-radius: unset;
    box-shadow: unset;
    border: unset;
    
}

.product_cat-11 .hp_product_cat_slider .card:hover {
    background: radial-gradient(circle at 107% -11%, #fedc00 0%, #1a1917 55%, #0c0c0c 100%);
}

.product_cat-11 .hp_product_cat_slider .card:hover a .wrapper_title .category_title{
    color: #fff;
}

.product_cat-11 .hp_product_cat_slider .item > a{
    padding: 1rem 2vw;
    flex-direction: row;
}


.product_cat-11 .hp_product_cat_slider .item .wrapper_brand a{
    justify-content: center;
    padding: 0 2vw;
}

.product_cat-11 .hp_product_cat_slider .card:hover .wrapper_brand a .product_img{
    transform: scale(1.1);
}

.product_cat-11 .hp_product_cat_slider .item a .wrapper_title{
    text-align: left;
    
}

.product_cat-11 .hp_product_cat_slider .item a .wrapper_title .category_title{
    font-size: 24px;
    color: #000;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}

.product_cat-11 .hp_product_cat_slider .item a .wrapper_btn .view_btn{
    font-size: 0;
    position: relative;
}

.product_cat-11 .hp_product_cat_slider .card a .wrapper_btn .view_btn:after {
    content: "";
    background-image: url("https://cdn1.npcdn.net/images/button_yellow_set69u_1781053412.png?md5id=7e2171beface9cf6705728b677a107cd&new_width=1600&new_height=1600&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
}

.product_cat-11 .hp_product_cat_slider .card:hover a .wrapper_btn .view_btn:after{

    animation: arrow-slide 0.8s infinite;
}

.product_cat-11 .hp_product_cat_slider .item .wrapper_brand:hover img{
    transform: unset;
}





@media screen and (max-width:991.5px){
    .index_wrapper_5{
        padding:70px 5%;
    }

    

    .hp_machine_intro .n_content{
        max-width:100%;
       
    }
    
    
  
}

@media screen and (max-width:767.5px){
    .index_wrapper_5{
        padding:60px 0%;
    }

    .hp_machine_intro{
        padding:0 5%;
    }

    

    .hp_machine_intro .n_content{
        
        margin-left:0;
    }
    
    .product_cat-11 .hp_product_cat_slider .item a .wrapper_title .category_title{
        font-size: 18px;
    }
    
    .index_wrapper_5::after {
        position: absolute;
        right: 0;
        content: "PRODUCTS";
        bottom: 0;
        font-size: 16vw;
        font-weight: 900;
        line-height: .4;
        color: rgba(0,0,0,0.05);
        margin: 0;
        z-index: 1;
    }


    
}

/*hp_solution*/
.hp_solution{
    padding:80px 9% 0;
    
    position:relative;
    
    min-height: 43vw;
    
    background:url("https://cdn1.npcdn.net/images/e_service_bg_grwqbm_1781053414.jpg?md5id=7e2171beface9cf6705728b677a107cd&new_width=1600&new_height=1600&type=4");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}



.hp_solution:before {
    position: absolute;
    content: "SERVICES";
    top: 21vw;
    left: -2vw;
    font-size: 12vw;
    font-weight: 900;
    line-height: .4;
    color: rgba(255,255,255,0.15);
    margin: 0;
    z-index: 1;
}

.hp_solution_row{
    position:relative;
    z-index:2;
    align-items:flex-start;
}




.hp_solution .n_content{
    max-width:25vw;
}

.hp_solution_btnrow{
    display:flex;
    align-items:center;
    gap:2vw;
    margin-top:1.3rem;
}

.hp_solution .n_button_white{
    background:#fff;
    color:#111;
}

.hp_solution_servicebox{
    padding-left:5vw;
}

.hp_solution_item{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:1.5vw;
    margin-bottom:1.5rem;
}

.hp_solution_icon{
    width:4.5vw!important;
    height:4.5vw!important;
    object-fit:contain;
}

.hp_solution_icon:hover{
    animation: 1s iconanimation;
}

.hp_solution_machine {
    position: absolute;
    z-index: 3;
    width: 75vw!important;
    height: auto!important;
    display: block;
    bottom: -6vw;
    z-index: 1;
  
}


.n_content.c_color1.serve{
    font-weight: 400;
    font-size: 14px;
}

.n_subtitle.c_color1.serve{
    font-weight: 600;
    font-size: 18px;
}

@media screen and (max-width: 1200.5px){
    .hp_solution{
        min-height: 52vw;
    }
    
    .hp_solution:before {
        position: absolute;
        content: "SERVICES";
        top: 28vw;
        left: -2vw;
        font-size: 12vw;
        font-weight: 900;
        line-height: .4;
        color: rgba(255,255,255,0.15);
        margin: 0;
        z-index: 1;
    }
}

@media screen and (max-width:991.5px){
    .hp_solution{
        padding:70px 5% 0;
        min-height: 65vw;
    }

    

    .hp_solution .n_content{
        max-width:100%;
        
    }

    .hp_solution_servicebox{
        padding-left:2vw;
    }

    .hp_solution_machine{
        width:85vw!important;
    }

    .hp_solution_icon{
        width:42px!important;
        height:42px!important;
    }
    
    .hp_solution:before {
        position: absolute;
        content: "SERVICES";
        top: 40vw;
        left: -2vw;
        font-size: 12vw;
        font-weight: 900;
        line-height: .4;
        color: rgba(255,255,255,0.15);
        margin: 0;
        z-index: 1;
    }
}

@media screen and (max-width:767.5px){
    .hp_solution{
        padding:60px 0% 0;
        min-height:auto;
    }

    .hp_solution_row{
        padding:0 5%;
    }

   

    .hp_solution_textbox{
        padding-top:0;
        margin-bottom:2rem;
    }

    .hp_solution_servicebox{
        padding-left:0;
    }

    .hp_solution_item{
        gap:12px;
    }

    .hp_solution_machine{
        width:100vw!important;
        position: relative;
    }
    
    
    .hp_solution:before {
        position: absolute;
        content: "SERVICES";
        top: 92vw;
        left: -2vw;
        font-size: 21vw;
        font-weight: 900;
        line-height: .4;
        color: rgba(255,255,255,0.15);
        margin: 0;
        z-index: 1;
    }
}

@media screen and (max-width: 575.5px){
    .hp_solution:before {
        position: absolute;
        content: "SERVICES";
        top: unset;
        bottom: 17vw;
        left: -2vw;
        font-size: 21vw;
        font-weight: 900;
        line-height: .4;
        color: rgba(255,255,255,0.15);
        margin: 0;
        z-index: 1;
    }
}

/*textslider*/

.hp_mas{
    overflow: hidden;
    margin-top: 4rem;
}
.hp_mas .col-md-12{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
    width: max-content;
    animation-name: hpMasMove;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    will-change: transform;
}
.hp_mas_box,
.hp_mas_clone{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    flex: 0 0 auto;
}
.hp_mas_box p,
.hp_mas_clone p{
    position: relative;
    padding-left: 6rem;
    font-weight: 700;
    font-size: 50px;
    color: #e6e6e6;
    margin-bottom:0;
}
.hp_mas_box p:before,
.hp_mas_clone p:before{
    position: absolute;
    content:"/";
    top:0;
    bottom:0;
    left:2.5rem;
    transform: scale(1.3);
   font-weight: 200;
   
}
.hp_mas_box > *,
.hp_mas_clone > *{
    flex: 0 0 auto;
    white-space: nowrap;
    box-sizing: border-box;
}
.hp_mas_box img,
.hp_mas_clone img{
    display: block;
    height: auto;
    max-width: none;
    
}

@keyframes hpMasMove{
    from{
        transform: translate(0, 0);
    }
    to{
        transform: translate(var(--hp-mas-move), 0);
    }
}

@media screen and (max-width: 1200.5px){
    .hp_mas{
        margin-top: 3rem;
    }
}

@media screen and (max-width: 767.5px){
    .hp_mas_box p, .hp_mas_clone p{
        font-size: 25px;
    }
    .hp_mas{
        margin-top: 2rem;
    }
}


/*hp_news*/
.index_wrapper_7{
    padding:90px 0 90px 9%;
    overflow: hidden;
    position:relative;
   
}

.index_wrapper_7 > div{
    padding: 2rem 9% 2rem 0;
    position: relative;
    background: linear-gradient(to right, #ffffff 0%, #ffffff 47%, #f1f1f1 47%, #f1f1f1 100%);
}

.index_wrapper_7 > div:after {
    position: absolute;
    content: "NEWS";
    bottom: 0;
    right: -1.4vw;
  
    font-size: 12vw;
    font-weight: 900;
    line-height: .55;
    color: rgba(255,255,255,0.6);
    margin: 0;
    z-index: 1;
}


#main_index #index_8{
    
    display: flex;
    align-items: center;
}



.hp_news_row{
    align-items:center;
    position:relative;
    z-index:2;
}

.hp_news_textbox{
    padding-left:4vw;
}

.n_content.new{
    font-weight: 500;
    font-size: 14px;
}


#main_index .latest_new_type6 .news_box{
    /*padding:0.7vw;*/
    background:transparent;
    height:100%;
}

#main_index .latest_new_type6 .news_box a{
    text-decoration:none;
    color:#fff;
}



#main_index .latest_new_type6 .news_box_content{
   
    background:#191919;
    border: none;
    padding: 20px;
}


#main_index .latest_new_type6 .badge-primary{
    
    color:#000;
    
    font-size:0.7vw;
    /*padding:0.25rem 0.45rem;*/
}

#main_index .latest_new_type6 .date{
    color:#fff;
    font-size:0.8vw;
    font-weight:400;
}

#main_index .latest_new_type6 .title{
    color:#fff;
    font-size:0.8vw;
    font-weight:500;
    margin:0;
}

#main_index .latestnewsAjax > div {
    flex: 0 0 50%;
    max-width: 50%;
}

@media screen and (max-width:991.5px){
    .hp_news{
        padding: 45px 0 20px 0 ;
    }

    .hp_news .n_title{
        font-size:3vw;
    }

    .hp_news_textbox{
        padding-left:2vw;
    }

   

    #main_index .latest_new_type6 .badge-primary,
    #main_index .latest_new_type6 .date,
    #main_index .latest_new_type6 .title{
        font-size:12px;
    }
    
    .index_wrapper_7 .container-fluid .row > div {
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .index_wrapper_7 .container-fluid .row #index_7{
        order: 2;
    }

    .index_wrapper_7 .container-fluid .row #index_8{
        order: 1;
    }
    
    .index_wrapper_7 > div:after {
        position: absolute;
        content: "NEWS";
        bottom: unset;
        top: 0;
        right: -1.4vw;
        font-size: 16vw;
        font-weight: 900;
        line-height: .7;
        color: rgba(255,255,255,0.6);
        margin: 0;
        z-index: 1;
    }
    
    
}

@media screen and (max-width:767.5px){
    

    .hp_news_row{
        padding:0 5%;
    }

    .hp_news_textbox{
        padding-left:0;
        margin-top:2rem;
    }

    .hp_news .n_title{
        font-size:26px;
    }

    #main_index .latestnewsAjax > div{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    #main_index .latestnewsAjax > div:nth-child(1){
        padding-bottom: 1rem!important;
    }
    
    
    
}

/*hp_brand*/


/* Slider 容器样式 */
        .hp_brand{
            padding-bottom: 70px;
        }

        .hp_brand_slider {
            padding: 20px 0;
        }

       
        .brand-item {
            display: flex !important;
            align-items: center;
            justify-content: center;
            height: 80px;
            
            outline: none;
        }

        .brand-item img {
            max-height: 100%;
            max-width: 12vw;
            object-fit: contain;
           
            
            transition: 0.3s;
        }

        
        

@media screen and (max-width:991.5px){
    .hp_brand{
        padding-bottom:70px;
    }

    

    .hp_brand_listbox .col{
        flex:0 0 25%;
        max-width:25%;
    }

    .hp_brand_logo{
        width:14vw!important;
        height:7vw!important;
    }
}

@media screen and (max-width:767.5px){
    .hp_brand{
        padding-bottom: 0;;
    }

    .hp_brand .n_title{
        font-size:24px;
        padding:0 5%;
    }

    .hp_brand_listbox{
        padding:0 5%;
    }

    .hp_brand_listbox .col{
        flex:0 0 50%;
        max-width:50%;
    }
    
    .brand-item img {
       
        max-width: 15vw;
       
    }

    
}

@media screen and (max-width: 575.5px){
    .brand-item img {
       
        max-width: 27vw;
       
    }
}

/*hp_contact*/

.index_wrapper_11{
    margin-bottom: -5%;
    padding:80px 9% 0 9%;
    position:relative;
    overflow:hidden;
}

.index_wrapper_11:after {
    content: "CONTACT";
    position: absolute;
    left: 33vw;
    top: 0;
    font-size: 12vw;
    font-weight: 900;
    line-height: 1;
    color: rgba(0,0,0,0.04);
    margin: 0;
    z-index: -1;
}

.index_wrapper_11 #index_11{
    padding-top: 5%!important;
}



.hp_contact_row{
    align-items:center;
    position:relative;
    z-index:2;
}


.hp_contact_logobox{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:1vw;
    margin-top:1rem;
}

.hp_contact_logo{
    width: 25vw!important;
    height:auto!important;
    object-fit:contain;
}

.hp_contact_formbox{
    background:#ffd400;
    padding:2vw;
    width:100%;
}

.hp_contact_formbox input,
.hp_contact_formbox textarea{
    width:100%;
    height:36px;
    border:0;
    background:#fff;
    padding:0 1rem;
    margin-bottom:0.65rem;
   
    outline:none;
}

.hp_contact_formbox textarea{
    height:80px;
    padding-top:0.7rem;
    resize:none;
}

.hp_contact_inputrow{
    display:flex;
    gap:0.7rem;
}

.hp_contact_formbox button{
    border:0;
    background:#111;
    color:#fff;
    padding:0.6rem 1rem;
   
    font-weight:700;
}



.n_content.contact{
    font-weight: 500;
    font-size: 14px;
}


#main_index .ex_hpcontact_formonly .hp_contactform_header{
    display: none;
}

#main_index .ex_hpcontact_formonly{
    padding: 0 0 0 10%;
   
    margin: 0;
}

#main_index .ex_hpcontact_formonly > div{
    padding: 5% 10%;
    background: #ffd504;
    
}

#main_index .ex_hpcontact_formonly .contact_us_form form button{
    background-color: #25343f !important;
    border-color: #25343f !important;
    border-radius: 0;
    padding: 0.5rem 1rem !important;
}

#main_index .ex_hpcontact_formonly .contact_us_form form button .fa.fa-paper-plane{
    display: none;
}

#main_index .ex_hpcontact_formonly .contact_us_form form{
    color: #fff;
}

@media screen and (max-width:991.5px){


    .hp_contact_formbox input,
    .hp_contact_formbox textarea,
    .hp_contact_formbox button{
        font-size:12px;
    }
    
    .index_wrapper_11 {
       
        padding: 50px 9% 0 9%;
        
    }
}

@media screen and (max-width:767.5px){
    
    
    .index_wrapper_11 #index_11{
        padding-top: 0!important;
    }

    .hp_contact_row{
        padding:0 5%;
    }

    .hp_contact .n_title{
        font-size:24px;
    }

    .hp_contact_textbox{
        margin-bottom:2rem;
    }

    .hp_contact_logo{
        width:45vw!important;
    }

    .hp_contact_formbox{
        padding:1.5rem;
    }

    .hp_contact_inputrow{
        flex-wrap:wrap;
        gap:0;
    }
    
    .index_wrapper_11:after {
        content: "CONTACT";
        position: absolute;
        left: 45vw;
        top: 16vw;
        font-size: 12vw;
        font-weight: 900;
        line-height: 1;
        color: rgba(0,0,0,0.04);
        margin: 0;
        z-index: -1;
    }
    
    
    #main_index .ex_hpcontact_formonly{
        padding:0;
       
        margin: 0;
    }
}

@media screen and (max-width: 575.5px){
    .hp_contact_logo {
        width: 65vw!important;
    }
    
    .index_wrapper_11:after {
        content: "CONTACT";
        position: absolute;
        left: 45vw;
        top: 28vw;
        font-size: 12vw;
        font-weight: 900;
        line-height: 1;
        color: rgba(0,0,0,0.04);
        margin: 0;
        z-index: -1;
    }
}

/*footer*/
.footer_type8 .copy_right,
.npfooter_languagebar .text-muted,
.platinum_website_visitor,
.npfooter_languagebar,
.copy_right small,
.footer_type10 .privacy_policy:hover,
.footer_type10 .mb-1{
    color:#fff!important;
}

.footer_type10{
    background-color: unset;
    
    background-image: url("https://cdn1.npcdn.net/images/footer_bg_majcvo_1781053414.jpg?md5id=7e2171beface9cf6705728b677a107cd&new_width=1600&new_height=1600&type=4");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    
    padding: 8% 0 1% 0 !important;
}

.footer_type10 .sub_title p{
    color: #ffd504;
}


.footer_type10 .social_media a .icon_s img{
    filter:brightness(0) invert(1)!important;
}

.footer_type10 .social_media a:hover .icon_s i{
    color:#fff;
}

.footer_langbar_item{
    color:#fff!important;
}


@media screen and (max-width: 767.5px){
    .footer_type10{
        padding: 8% 0 8% 0 !important;
    }
}

/*mobile side-navbar*/
.side_menu .footer_langbar_item{
    color:#fff!important;
}



/*contact page*/

.ws_contact .tab-pane > h5.mb-0{
    font-size: 18px;
}