@charset "utf-8";
@media (min-width: 767px){
    .ckcoo_de   .cpd_sd21 {
        padding: 0;
    }
    .home_news .slick.slick-mode {
        padding-left: 9%;
        margin-right: -20vw;
    }
    .about .function-bar {
        display: none !important;
    }
    .home_news .h2_sg span b {
        display: block;
    }
}
@media (min-width:1800px) {
    .is_scroll .header .navbar {
        padding: 0px 5%;
    }
}
@media (min-width: 991px) {


    .is_scroll .navbar .navbar-brand {
        margin: 1px 0;
        width: 198px;
        height: 77px;
        background-size: cover;
    }

    .is_scroll .header .navbar {
        padding: 0px 5%;
    }

    .is_scroll .search-area2 {
        top: -59px;
    }
}
    @media (min-width: 768px) {
        .nav-cart-info .nav-cart-list {
            width: 370px;
        }

      
    }

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

        .content.col-lg-9 {
            width: 80%;
        }
    }

    @media (max-width: 1800px) {
    

        .home_team .item h3 {
            padding: 23px 25px;
        }

        .home_about {
            padding: 80px 6% 250px;
        }

        .home_about {
            padding: 80px 9% 250px;
        }

            .home_about:before {
                width: 770px;
                height: 287px;
                background-size: cover;
            }

        .home_news {
            padding: 0px 6% 0px;
            margin-top: -120px;
        }

            .home_news:before {
                width: 1100px;
                height: 277px;
                background-size: cover;
            }

        .home_about .pic {
            width: 50%;
        }

        .home_about .tit {
            width: 50%;
        }

        .is_scroll .header .navbar {
            padding: 0px 20px;
        }

        .header .navbar {
            padding: 16px 20px;
        }

        .navbar .navbar-brand {
            width: 278px;
            height: 75px;
            background-size: cover;
        }
    }


    @media (max-width: 1199px) {
      
        .peop_box ul.ul_share li.sh_0 a {
            width: 38px;
            height: 38px;
        }
        .house_box .house_info_sub ul li span i{
            display:block;
        }
        .is_scroll .navbar .navbar-brand {
            height: 65px;
        }
        .home_team .item h3 {
            font-size: 26px;
        }

        .home_news {
            padding: 0px 20px 20px;
            margin-top: -120px;
        }

        .home_about .pic .jr_h span {
            font-size: 228px;
        }

        .home_about {
            padding: 80px 20px 300px;
        }

            .home_about .tit p {
                width: auto;
            }

        .banner {
            padding-top: 149px;
        }

        .header .navbar-nav .nav-link {
            padding: 25px 12px 25px;
            font-size: 16px;
        }

        .navbar .navbar-brand {
            width: 238px;
            height: 67px;
            background-size: cover;
        }
    }

    @media (max-width: 991px) {
        .header .navbar .nav-share-btn-area {
            position: static;
        
        }
        .house_box .house_info_sub_2 ul li {
            padding: 5px 0;
        }
        .house_introduce_box ul li {
            width: 100%;
            padding: 2px 0;
        }
        .house_introduce_box ul {
            width: 100%;
        }
        .house_introduce_box h5 {
            width: 100%;
        
        }
        .house_introduce_box{
            flex-wrap:wrap;
        }
        .house_box .pic {
            padding-right: 0;
            margin-bottom: 40px;
        }

        .home_team .item h3 {
            padding: 18px 20px;
        }
        .header .navbar {
            padding: 16px 20px 0;
        }
        .home_about .pic .jr_h {
            right: 0;
        }
        .home_about .pic {
            justify-content: space-around;
        }
        .home_about .pic .ab_bg02,
        .home_about .pic .ab_bg01 {
            margin: 0;
            width: 45%;
        }
        .home_team .container {
            max-width: 100%;
        }
        .home_team {
            padding: 90px 20px 70px;
        }
        .home_about .pic h4 {
            -webkit-writing-mode: unset;
            writing-mode: unset;
            left: 0;
            top: 6px;
            position: absolute;
        }
        .banner {
            padding-top: 139px;
        }
   
        .search-area2 {
            top: 24px;
        }

        .navbar .navbar-brand {
            margin: 7px 0;
        }

        .header .navbar-nav .nav-link {
            padding: 5px 12px 10px;
            font-size: 16px;
        }
    }

    @media (max-width: 767px) {
        .navbar_btn {
            bottom: 10%;
        }
        .gotop a span {
            font-size: 12px;
        }
        .navbar_btn ul li.icon_f a i,
        .navbar_btn ul li.icon_i a i,
        .navbar_btn ul li.icon_y a i,
        .navbar_btn ul li.icon_l a i {
            width: 21px;
            height: 21px;
            background-size: cover;
        }
        .navbar_btn ul li a {
            width: 45px;
            height: 45px;
       
        }
        .gotop a {
            width: 50px;
            height: 50px;
        }
            .gotop {
            bottom: 70px;
            font-size: 14px;
        }
        .news.show   .main {
            margin-top: 10px;
        }
        .news.show .function-bar {
            padding-left: 2%;
        }
        .home_news .h2_sg span b {
            padding-left: 10px;
        }
        .news   .side1 {
            margin-top: -20px;
        }
        .breadcrumb-section {
            margin-bottom: 20px;
        }

        .peop_box ul.ul_share li.sh_phone a {
            background: url(../images/about/sh_3.svg) center no-repeat #30505b;
            background-size: 60%;
        }

        .peop_box ul.ul_share li.sh_line a {
            background: url(../images/about/sh_2.svg) center no-repeat #06c052;
            background-size: 60%;
        }

        .peop_box ul.ul_share li.sh_fb a {
            background: url(../images/about/sh_1.svg) center no-repeat #1674ea;
            background-size: 60%;
        }
        .peop_box ul.ul_share li.sh_0 a {
            width: 33px;
            height: 33px;
        }
        .peop_box ul.ul_share {
            justify-content: flex-start;
        }
        .house_introduce {
          /*  margin: 20px 0;
            background-color: unset;
            padding: 0;*/
        }
        .house_box .house_people ul,
        .house_box .house_people .tit {
            width: 100%;
        }

        .house_box .house_people {
            flex-wrap: wrap;
        }

        .house_box .house_info_sub_2 {
            margin: 0px 0 20px;
        }
        .home_news .h2_sg span {
            display: block;
        }
        .home_about .tit li.fo_h {
            padding-right: 14px;
        }
        .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-link  .txt-en {
            display:none;
        }
        .footer {
            margin-top: 30px;
        }
        .map-box iframe {
            height: 200px;
        }
        .list-creative > li {
            padding: 15px 0;
        }
        .news .item .pic img,
        .home_news .pic {
            border-radius: 10px;
        }
        .contact .form-control-static {
            font-size: 16px;
            margin-bottom: 0;
        }
        .search .h2_sg, .contact .h2_sg, .news .h2_sg, .about .h2_sg {
            margin: 0 0 30px;
        }
        .news .item .pic .kind {
            padding: 2px 10px;
            font-size: 12px;
        }
        .collapse.show  .wid-cont{
            margin-bottom:20px;
        }
        .news .main {
            margin-top: 20px;
        }
        .news .item .info .date {
            font-size: 14px;
            padding: 2px 15px;
        }
   
        .article-grid.info-absolute .item .info .date {
            font-size: 14px;
            padding: 5px 14px;
        }
        .search .h2_sg span,
        .contact .h2_sg span,
        .news .h2_sg span, 
        .about .h2_sg span {
            font-size: 42px;
        }
        .header .bsnav-mobile .navbar {
            background: rgb(65 65 65);
        }
        .home_team .item h3 {
            font-size: 20px;
        }
        .home_news  .more_x {
            margin: 20px auto 80px;
        }
        .footer .social-box ul li {
            padding: 0;
        }
        .footer ul.tat_x li {
            padding: 0;
        }
        .footer {
            padding: 30px 0 70px;
        }
        .home_team  .more_x {
            margin: 0 auto;
        }
        .home_team .team_hh .team_hh_2.team_hh_2_1 {
            padding-bottom: 52px;
            padding-top: 3px;
        }
        .home_team .team_hh .team_hh_2:before,
        .home_team .team_hh .team_hh_2 {
            width: 3920px;
        }
        .home_team .team_hh .team_hh_1 {
            animation: scroll-lr 180s linear infinite;
        }
        .home_team .team_hh {
            font-size: 120px;
            top: 22%;
        }
        .home_team .h2_sg {
            margin: 0 auto 20px;
        }
        .home_team .h2_sg label {
            padding: 0 30px;
        }
        .home_team {
            padding: 60px 20px 30px;
        }
        .home_news:before {
            width: 300px;
            height: 77px;
            background-size: cover;
        }
        .article-grid.info-absolute .item .info {
            padding-top: 15px;
        }
        .home_news .article-grid.info-absolute .item {
            padding: 0 10px;
        }
        .home_news .article-grid .item a {
            border-radius: 10px;
         
        }
      
        .slick-arrow, .home_news .slick-arrow {
            width: 37px;
            height: 37px;
       
        }
        .slick-next, .home_news 
        .slick-multi-cusarrow .slick-btn .btn-next {
            right: 0;
        }
        .slick-prev, 
        .home_news .slick-multi-cusarrow .slick-btn .btn-prev {
            left: 0;
       
        }
        .home_news .h3 {
            margin-bottom: 20px;
        }
        .home_news  .container-fluid{
            padding-left:0;
            padding-right:0;
        }
        .more_x {
            margin: 40px auto;
        }
    
        .home_news .h2_sg span {
            padding-right: 0;
        }
        .home_news .h2_sg {
            display: block;
            line-height: 40px;
        }
        .home_about .pic {
            margin-top: 20px;
        }
        .home_about .pic .ab_bg02, .home_about .pic .ab_bg01 {
            width: 40%;
        }
        .home_about .pic .ab_bg01 {
            margin: 0 10px;
        }
            .home_about .pic h4 {
                -webkit-writing-mode: vertical-lr;
                writing-mode: vertical-lr;
                position: relative;
                left: -15px;
                top: 6px;
                font-size: 18px;
            }
        .home_about .pic .jr_h {
            bottom: -60px;
        }
            .home_about .pic .jr_h span:nth-child(2) {
                top: 30px;
                margin-left: -10px;
            }
        .home_about .pic .jr_h span {
            font-size: 148px;
        }
        .home_about .tit p {
            font-size: 18px;
            line-height: 36px;
            margin: 15px 0 20px;
        }
        .h2_sg {
            text-align: center;
            font-size: 24px;
        }
            .h2_sg span {
                font-size: 42px;
            }
        .home_about {
            padding: 30px 20px 280px;
        }
        .home_about .pic,
        .home_about .tit {
            width: 100%;
        }
        .home_about .d-flex{
            flex-wrap:wrap;
        }
        .navbar-toggler-icon {
            background-image: unset;
        }
        .navbar > .container-fluid {
            position: relative;
            align-items: center!important;
        }
        .banner {
            padding-top: 61px;
        }
        .is_scroll .header .navbar,
        .header .navbar {
            padding: 0 15px 0;
        }
        .sear_bo input {
            width: 100%;
        }
        .search-area2 {
            top: unset;
            left: 0;
            right: 0;
            bottom: 0;
            position: fixed;
            background-color: #282828;
            padding: 10px;
        }
        .is_scroll .navbar .navbar-brand,
        .navbar .navbar-brand {
            width: 138px;
            height: 37px;
            background-size: cover;
            margin: 12px 0;
        }
        .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;
            border-radius: 3px;
        }
        .bsnav-mobile .navbar-nav .nav-item .navbar-nav .navbar-nav .navbar-nav {
            background: #838181;
        }
        .bsnav-mobile .navbar-nav .nav-item .navbar-nav .navbar-nav {
            background: #333333;
        }

        .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
            background: #f17f42;
            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.right .navbar .navbar-nav .nav-item .caret, .bsnav-mobile.left .navbar .navbar-nav .nav-item .caret {
            display: block;
            position: absolute;
            right: 15px;
            top: 50%;
       
        }
        .bsnav-mobile .navbar-nav  .nav-item .caret {
            border-top: solid 5px #ffffff;
        }
        .bsnav-mobile .navbar-nav .nav-item .nav-link {
            padding: 12px 0;
            color: #fff;
            border-bottom: solid 1px #747474;
        }

        .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: 2px;
        }
    }