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

}
@media (min-width: 768px){
    .elemen_box  .accordion-header{
        display:none;
    }
    .elemen_box .collapse:not(.show) {
        display: block;
    }
    .nav-cart-info .nav-cart-list {
        width: 370px;
    }
    body.home .slick-multi-cusarrow .slick-btn .btn-next,
    body.home  .slick-multi-cusarrow .slick-btn .btn-prev {
        display: none!important;
    }
    .wolk_box .slick-list {
          z-index: 500;
    }


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

    .content.col-lg-9 {
        width: 85%;
    }
}
@media (max-width: 1800px) {
	.cookie .container {
    padding: 10px 15px;
  
}
	.banner {
    padding-top: 78px;
}
	.navbar .navbar-brand{
		    width: 442px!important;
    height: 55px!important;
		}
	.header .navbar {
    padding: 0 15px;
}
    .home_about .tit {
        padding-right: 5%;
  
    }
    .home_about .pic img {
        height: 530px!important;
        width: 100%;
        position: relative;
        overflow: hidden;
        object-fit: cover;
        object-position: center center;
    }
}


    @media (max-width: 1199px) {
		.header .navbar-nav .nav-link {
    font-size: 16px;
    padding: 25px 12px 25px;
}
		.navbar .small-btn-box ul {
    margin: 0 0 0 10px;
}

    }


    @media (max-width: 992px) {
		.banner {
    padding-top: 130px;
}
		    .nav-brand-wrapper {
        flex: unset;
        margin: 0 auto;
    }

		
		.sideNavBtn  .btn.btn-primary{
			    width: auto;
			}
      .article .function-bar,
        .news .function-bar {
            margin: 26px 0 0 !important;
        }
   
        .home_news .item_box {
            margin: 0 10px;
        }
        .navbar .small-btn-box ul {
            margin: 0;
        }
        .header .navbar-nav .nav-link {
                  padding: 6px 20px 25px;
        }

        .wolk_box .container {
            max-width: 100%;
            padding: 0;
        }


    
    }

@media (max-width: 767px) {
	.footer-info ul li a {
    width: 90%;
}
.footer  .col-12,
	.footer  .right-area{
		padding-left:0;
		padding-right:0;
		}
	.footer .footer-info ul li {
    align-items: unset;
}
	.cookie .agree-btn {
    margin: 0 auto;
}
	.cookie .container {
        display: block;
    }
    .accordion-button::after {
        background: url(../images/all/arrow_top.svg) no-repeat;
    }
    .elemen_box .accordion-button:not(.collapsed)::after {
        background: url(../images/all/arrow_top.svg) no-repeat;
    }
    .elemen_box .tab-content > .tab-pane {
        display: block;
        opacity: 1;
        margin-bottom: 8px;
    }
    .elemen_box .accordion-button {
        color: #fff;
        background: linear-gradient(90deg, rgba(18, 146, 153, 1) 0%, rgba(7, 104, 126, 1) 100%) !important;
    }
    .elemen_box .tab-content {
        width: 100%;
    }
    .elemen_box .nav-pills{
        display:none;
    }
    .search-box {
        position: static;
        margin: 10px 0 20px;
        background-color: #e9e9e9;
        padding: 15px;
    }
    .footer-logo{
        display:none;
    }
    .side .collapse.navbar-collapse.show {
        margin-bottom: 20px;
    }
    .header .navbar .small-btn-box {
        margin-top: 6px;
    }
    .navbar .small-btn-box ul {
        position: relative;
        top: -2px;
    }
    .nw_box_1 .d-flex .pic {
        width: 100%;
        padding-left: 0;
    }
    .nw_box_1 .d-flex .txt {
        width: 100%;
    }
    .nw_box_1  .d-flex{
        flex-wrap:wrap;
    }
    .news.show .h1, .related-news .h4, .h2 {
        font-size: 28px;
    }
        .h3 .txt_en {
        padding-bottom: 2px;
    }
    .news .main  .article-horizontal-grid .item {
        margin-bottom: 35px !important;
    }
    .item_box .d-flex {
        flex-wrap: wrap;
    }
    .news.show .h1, .related-news .h4, .h2 {
        margin-bottom: 20px;
    }

    .news.show .function-bar {
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .function-bar{
        margin-bottom:10px;
    }
        .function-bar .btn.btn-primary {
            width: auto;
            background: unset;
            background-color: #363636;
            border: 1px solid #363636;
            height: 31px;
            border-radius: 3px;
        }
    .news .item_box .info {
        width: 100%;
        padding-left: 0;
    }
    .news .item_box .pic {
        width: 100%;
        margin-bottom:15px;
    }
    .article  .article-grid .item {
        margin-bottom: 35px;
    }
    .contact .main {
        margin-bottom: 0;
    }
    .contact .footer {
        margin-top: 0;
    }
    .list-creative > li {
        padding: 15px 0;
    }
    .main >  .container,
    .main-content > .container {
        padding: 0 20px;
    }
    .breadcrumb {
        padding: 10px 20px;
    }

    .gotop {
        bottom: -20px;
    }
    .home_about p {
        font-size: 14px;
    }
    .article-grid .item .info .desc, .article-grid .item .info .desc a {
        font-size: 14px;
    }
    .footer .copyrights-info {
        padding: 20px 0 0;
        margin-top: 0;
        font-size: 12px
    }
    
    .footer .footer_content .sitemap {
        margin-top: 0;
        display:none;
    }
    .footer .footer_content {
        padding: 10px 5% 40px;
    }
    .home_about h4{
        line-height:32px;
    }
    .home_about .more {
        margin: 30px auto 10px;
    }
    .home_about .tit .h3 {
        text-align: center;
        margin-bottom: 20px;
    }
    .home_about .pic img {
        height: 100% !important;
  
    }
    .home_about {
        flex-wrap: wrap-reverse;
    }
        .home_about .tit {
            width: 100%;
            padding: 30px 20px;
        }
    .home_about .pic {
        width: 100%;
    }
    .home_news .item_box {
        margin: 0 20px;
    }
    .item_box {
        box-shadow: 0px 0px 9px #004b6b80;
    }
    .hoem_article .item_box .info .date {
        font-size: 12px;
    }
    .Keyw_soa {
        margin-bottom: 20px;
        height:auto;
    }

  
  
    .hoem_article {
        margin-top: 50px;
    }

    .slick-multi-cusarrow .slick-btn .btn-prev,
    .slick .slick-prev {
        left: -10px;
        width: 35px;
        height: 35px;
    }
    body .slick .slick-prev {
        left: -2px;
    }
    body .slick .slick-next {
        right: -2px;
    }
    .slick-multi-cusarrow .slick-btn .btn-next,
    .slick .slick-next {
        right: -10px;
        width: 35px;
        height: 35px;
    }
    body.home .h3 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .more:before {
        transform: translateX(-97%);
      
    }
    .more:before, .more:after {
        border-top: 23px solid transparent;
        border-bottom: 23px solid transparent;
      
    }
    .more {
        padding: 11px 30px !important;
        font-size: 16px;
        margin-top:20px;
    }
    .article-grid.info-absolute .item .info .date {
        margin-bottom: 6px;
        margin-top: 14px;
        font-size: 12px;
        padding: 4px 7px;
    }
    .info .title a, .article-grid .item .info .title, .article-grid .item .info .title a {
        font-size: 18px;
        line-height: initial;
        height:auto;
    }
    .item_box {
        padding: 10px !important;
    }
    .home_news .item_box .pic {
        width: 100%;
    }
    .home_news .article-grid.info-absolute .item .info {
        width: 100%;
       padding-left: 0;
        padding-bottom: 20px;
   }
    .home_news .item_box {
      flex-direction:column;*/
    }
    .home_news .slick .slick-dots {
        display: none!important;
    }
    .header .navbar {
        padding: 0 20px;
    }
    .wolk_box {
        padding: 30px 20px;
    }
    .banner .slick-dots {
        bottom: 4px;
    }
    .small-btn-box .btn.btn-primary {
        border-color: unset;
        width: 35px;
        height: 35px;
        background-size: 60%;
    }
    .banner {
        padding-top: 50px;
    }
	.nav-brand-wrapper {
        margin: 0;
    }
    body .header .navbar .navbar-brand,
    body #logo {
          width: 249px!important;
        height: 29px !important;
        background-size: cover;
         margin: 12px 0 9px;
    }
    .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%;
    }
    .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:30px;
    
    }

    .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: #000;
            font-size: 16px;
        }

    .bsnav-mobile .navbar-nav .nav-item .nav-link {
        padding: 12px 0;
    }

    .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;
    }

    }