@charset "utf-8";
@media (min-width: 576px){

}
@media (min-width: 768px){
    .nav-cart-info .nav-cart-list {
        width: 370px;
    }
    .is_scroll  .header .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }


}
@media (min-width: 992px) {
    .side1.col-lg-3 {
        width: 20%;
    }

    .content.col-lg-9 {
        width: 80%;
    }
    .about.kind_1 .side1,
    .about.kind_3 .side1 {
        display: none;
    }
}
@media (max-width: 1800px) {
    .about_prod_4 ul li label {
        padding: 2px 7px;
    
    }
    .about.kind_3 .page-content, .about.kind_1 .page-content{
        background-size:70%;
    }
    .banner {
        padding-top: 104px;
    }
    .home_prod .d-flex .tit h2 {
        letter-spacing: 1px;
    
    }
    .home_prod .d-flex .pic .prod_bg01 {
        width: 70%;
    }

    .home_prod .d-flex .pic .prod_bg02 {
        width: 50%;
    }
    .home_prod .d-flex .pic .prod_bg02 {
        right: -6%;
    }
    .home_prod .d-flex .tit {
        padding: 3% 0 3% 6%;
    }
    .header .navbar-nav .nav-link {
        padding: 24px 12px 25px;
 
    }
    .header .navbar {
        padding: 0 15px;
   
    }
    .footer .footer_content {
        padding: 20px 15px;
    }
}


    @media (max-width: 1199px) {
        .about_prod_2 .tit {
            padding: 0 20px;
        }
        .ab_t2 .tit {
            padding: 2% 0 2% 8%;
        }
    
    
        .main > .container, .main-content > .container {
            padding: 0 5%;
       
        }
        .main,
        .home_prod {
            background-size: 70%;
        }
        .footer_left .d-flex .t_co {
            padding-right: 5%;
        }
    }

    @media (max-width: 991px) {
       .about .function-bar{
            display:none!important;
        }
        .equipment_List {
            padding: 50px 20px;
        }
        .equipment_List > .container {
            max-width: 100%;
        }
        .ab_t2 .pic .ab_t2_bg02 {
            bottom: 6%;
        }
        .ab_t1 p {
            width: 100%;
       
        }
        .demo {
            text-align: left;
            font-size: 16px;
            padding-bottom: 0;
        }
        .footer .social-box ul li {
            padding-right: 23px;
        }
        .banner {
            padding-top: 156px;
        }
        .header .navbar .small-btn-box {
            margin-left: 0;
            position: absolute;
            right: 2%;
            top: 20px;
        }
        .header .navbar-nav .nav-link {
            padding: 0px 12px 25px;
        }
        .content > .section > .container {
            max-width: 100%;
        }
        .function-bar .d-md-none {
            display: block !important;
        }

        .container.gx-md-2 > .function-bar {
            display: none !important;
        }
        .sideNavBtn a, .function-bar .btn.btn-primary {
            width: auto !important;
            padding: 5px 10px !important;
        }

        .side1 .collapse:not(.show) {
            display: none !important;
        }

        .side .collapse.navbar-collapse.show {
            margin-bottom: 20px;
            background-color: #fff;
        }

        .function-bar {
            justify-content: space-between !important;
        }

        .sideNavBtn {
            display: block !important;
        }
    
    }

@media (max-width: 767px) {
   
    .about_prod_2 .tit p {
   /*     padding-left: 0;*/
    }
    .about_prod_4, .about_prod_3, .about_prod_2 {
        margin-bottom: 30px;
    }
        .about_prod_4 ul li {
            width: 100%;
            margin: 10px 0;
            padding: 10px 25px;
        }
    .about_prod_4 ul {
        flex-wrap: wrap;
        gap: 0;
        margin-top: 10px;
    }
    .about_prod_2 .tit {
        width: 100%;
        padding:0 0 10px;
    }
    .about_prod_2 .d-flex{
        flex-wrap:wrap;
    }
    .about_prod_2 h2.h2_blue {
        margin: 20px 0 10px !important;
    }
    .about_prod_pic .d-flex .pic {
        width: calc((100% - 20px) / 2);
        margin-bottom: 20px;
    }
    .about_prod_pic .d-flex {
        flex-wrap: wrap;
        margin-top: 0;
    }
    .about_prod_1 .prod_1_right {
        padding-left: 0;
        border-left: none;
        border-top: 2px solid #003578;
        margin-left: 0;
        width: 100%;
        padding-top: 20px;
    }
    .about_prod_1 {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .equipment_List {
        margin-bottom: 40px;
    }
    .equipment_List {
        padding: 50px 10px;
    }
    .equipment_List_left {
        width: 100%;
    }
    .about_equipment .pic {
        width: 100%;
    }
    .about_equipment .tit {
        width: 100%;
        padding-right: 0;
    }
    .about_equipment .d-flex{
        flex-wrap:wrap;
    }
    .about .history .cnc h3 {
        font-size: 26px;
    }

    .about .history .cnc ul > li {
        padding: 0 0 0 30px;
   
    }
    .about .history {
        margin: 0 15px -30px;
  
    }
    .about .history .cnc ul > li h4 {
        font-size: 16px;
        width: 100%;
   
    }
    .ab_t2 .tit p {
        padding: 10px 0 0;
    }
    .ab_t2 .pic .ab_t2_bg02 img, .ab_t2 .pic .ab_t2_bg01 img {
        border: 5px solid #fff;
    }
    .ab_t2 .pic .ab_t2_bg02 {
        right: -3%;
        bottom: -13%;
        width: 40%;
    }
    .ab_t2 .tit {
        width: 100%;
        padding: 40px 0 20px ;
    }
    .ab_t2 .pic {
        width: 100%;
    }
    .ab_t2 .d-flex{
        flex-wrap:wrap;
    }
    .ab_t1 .ab_bg2 {
        top: -4%;
    }
    .ab_t1 .ab_bg1 {
        top: -15%;
    }
    .ab_t1 .ab_bg0 {
        width: 20%;
        border: 3px solid #fff;
    }
    .ab_t1 p {
        margin-bottom: 30px;
        text-align: left;
    }

    .ab_t1 {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .co_box .con_if .t_co p {
        font-size: 18px;
    }
    .form-select, .form-control {
        padding: 10px;
  
    }
    .co_box {
        margin-top: 20px;
        padding: 0px 0;
    }
    .pt10 .btn.btn-primary, .pt10 .btn-secondary {
        width: 110px;
        padding: 13px 30px;
        font-size: 14px;
        border-radius: 5px;
    }
    .needs-validation {
        padding: 40px 0;
        margin-top: 0;
     
    }
 
    .co_box .con_if .t_co {
        width: 100%;
        padding: 40px 10px;
        margin-bottom: 40px;
    }
    .news.show .kind-info {
        padding: 10px 0 0 !important;
    }
    body .h2 {
        font-size: 32px;
    
    }
    .kind-info {
        padding: 10px 0 0!important;
    }
    .news.show .h1 {
        font-size: 24px;
 
    }
    .main > .container, .main-content > .container {
        padding: 0 15px;
    }
    .news .item:last-child .time {
        border-bottom: 1px solid #003578;
    }
    .news  .article-list .item a {
        padding: 15px 0;
    }
    .news .time {
        width: auto;
        padding: 0px 0;
        margin-bottom: 5px;
        flex-wrap: unset;
        font-size: 12px !important;
    }
    .news .article-list .item .info {
        padding-left: 0;
        white-space: unset;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width: 90%;
        font-size: 16px;
    }
    .article-list .item:hover .icon i, .article-list .item .icon i {
        width: 20px;
        height: 20px;
        background-size: 30%;
    }
    .header .navbar-nav .nav-item:hover > .nav-link {
        color: #8ab0e1;
    }
    .header .navbar-nav .nav-link {
        color: #ffffff;
    }
    .header .bsnav-mobile .navbar {
        background: linear-gradient(90deg, #003578 0%, #005978 100%);
    }
    .footer .footer-logo img{
        width:100%;
    }
    .footer .footer-logo {
        margin-top: 0;
        margin-bottom:20px!important;
    }
    .footer .copyrights-info {
        color: #ffffff70;
    }
    .footer .social-box ul li {
        padding-right: 14px;
    }
    .gotop a {
        width: 45px;
        height: 45px;
        background-size: 40%;
    }
    .footer .footer_co {
        padding-top: 10px;
        width: 100%;
    }

    .footer .footer_content .sitemap {
        margin-top: 0;
    }
    .footer_mid {
        width: 50%;
    }
    .footer_right {
        width: 50%;
    }
    .footer_left .d-flex .t_co ul li {
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 7px;
    }
    .footer_left .d-flex .t_co:last-child{
        margin-bottom:0;
    }
    .footer_left .d-flex .t_co {
        padding-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .footer .d-flex h4 {
        font-size: 20px;
    }
    .footer_left {
        width: 100%;
        border-top: 1px solid #ffffff40;
        border-bottom: 1px solid #ffffff40;
        padding: 30px 0;
        margin-bottom: 50px;
    }
    .footer .footer_content {
        background-size: cover;
    }
    .home_cont .equ_h {
        font-size: 54px;
    }
        .home_cont .tit h2 {
        margin-bottom: 14%;
        font-size: 32px;
    }
    .more_x {
        padding: 15px 10px;
        width: 154px;
        font-size: 14px;
    }
    .home_prod .d-flex .tit h2 {
        letter-spacing: 0;
        font-size: 24px;
        line-height: normal;
    }
    .home_prod .d-flex .tit ul li {
        font-size: 16px;
        line-height: normal;
    }
    .home_prod .more_x {
        margin: 0 auto;
    }
    .home_prod {
        background-size: 130%;
    }
    .home_prod .d-flex .pic .prod_bg02 {
        right: 0;
    }
    .home_prod {
        padding: 60px 5% 60px;
    }
        .home_prod .d-flex .pic .pic_h {
            /*-webkit-writing-mode: unset;
            writing-mode: unset;
            margin-right: 0;
            width: 100%;
            margin-bottom: 30px;
            color: #000;*/
            font-size: 42px;
        }

    .prod_bg_left {
        width: 40%;
   
    }
    .home_prod .d-flex{
        flex-wrap:wrap;
    }
        .home_prod .d-flex .tit {
            width: 100%;
            padding: 0;
            margin-top: 80px;
        }
        .home_prod .d-flex .pic {
            width: 100%;
            flex-wrap: wrap;
        }
    .banner .slick-dots {
        bottom: 3px;
    }
    .navbar .small-btn-box ul {
        position: relative;
        top: -5px;
        right: 5px;
    }
    .banner {
        padding-top: 53px;
    }
    .navbar .small-btn-box .btn-group > a:before {
        width: 15px;
        height: 15px;
        left: 11px;
        background-size: cover;
        top: 10px;
    }
    .navbar .small-btn-box ul li a {
        font-size: 14px;
        padding: 7px 6px 6px 29px;

    }
    .header .navbar .small-btn-box {
        position: static;
    }
    body .header .navbar .navbar-brand,
    body #logo {
        width: 217px;
        height: 39px;
        background-size: cover;
        margin: 7px 0;
    }
    .bsnav-mobile.right .navbar .navbar-nav .nav-item .caret, .bsnav-mobile.left .navbar .navbar-nav .nav-item .caret {
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
        border-top: solid 5px #fffafa;
    }
    .header .navbar.newtop.logo-show:not(.logo-ani-show) .navbar-brand .logo, .header .navbar.newtop.logo-show:not(.logo-ani-show-bg) .navbar-brand .logo {
        display: unset;
    }
    .rwd-table.mob-mode tr:nth-child(odd) {
        background: rgb(238 238 238);
    }

    .rwd-table.mob-mode td:before {
        font-weight: 400;
        min-width: 30%;
        color: #000;
    }

    .rwd-table td:first-child a,
    .rwd-table td:first-child:before {
        color: #ffffff;
    }

    .order-list table.mob-mode td:first-child {
        background: #161616;
        border: solid 1px #161616;
    }

    .rwd-table.mob-mode td {
        padding: 10px 10px;
    }

    body .navbar-toggler.toggler-spring.active .navbar-toggler-icon {
        background-image: unset;
    }
    .btn.btn-primary {
        font-size: 14px;
        padding: 4px 10px;
    }
    .bsnav-mobile .navbar-nav .nav-item .navbar-nav .navbar-nav li a {
        padding-left:27px;
     
    }

    .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
        background: unset;
        margin-left: 0;
        margin-right: 0;
    }

        .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-link {
            padding: 10px 10px;
            color: #fff;
            font-size: 16px;
        }
 
    .bsnav-mobile .navbar-nav .nav-item .nav-link {
        padding: 12px 0;
        border-bottom: solid 1px #ffffff29;
    }

    
    .bsnav-mobile .navbar-nav {
        padding: 0 0;
        text-align: left;
    }
    body .navbar .navbar-toggler {
        width: 23px;
        margin-right: 0;
    }

    .navbar-toggler.toggler-spring .navbar-toggler-icon::after {
        top: 17px;
    }

    .navbar-toggler.toggler-spring .navbar-toggler-icon::before {
        top: 8px;
    }

    .navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
        height: 1.5px;
    }

    }