/* CSS Document */
.services-style-area .section-title h2 {
            color: #0071dc;
        }

        .services-widget-area .section-title h2 {
            color: #0071dc;
        }

        .section-title {
            padding-bottom: 60px;
        }
        
        #productlist .services-item {
            margin-bottom: 0px;
        }
        
        #productlist .services-card {
            padding: 0px;
        }
    
        .services-item p {
            font-size: 1rem;
            color: #333;
            padding: 15px;
        }

        .services-item .content1 {
            position: absolute;
    z-index: 19;
    /*top: 18px;*/
    right: 25px;
    max-width: 90px;
        }

        .services-item .content1 div {
            /*left: unset;
            top: 10px;
            right: 20px;*/
            width: 40px;
            float: left;
            margin-bottom: 3px;
        }

        .services-item .content1 div i{
            /*left: unset;
            top: 10px;
            right: 20px;*/
            font-size: 32px;
            color: #a5a5a5;
        }

        .services-card:hover p {
            color: #0071dc;
        }

        /*
        .services-card {
            padding: 0 2vw;
        }
*/

        .services-style-bg {
            box-shadow: unset;
        }

        .services-item:hover {
            transform: unset;
        }

        .services-item:hover .content1 i {
            color: #0071dc;
        }

        .services-item:hover .content1 i {
            color: #0071dc;
        }


        .services-card::before {
            opacity: 0;
        }

        .services-card::after {
            opacity: 0;
        }

        .breadcrumb-item+.breadcrumb-item::before {
            color: #fff;
        }

        .breadcrumb {
            float: right;
            padding: 25px;
        }

        .inner-banner {
            background-color: unset;
        }

        .inner-banner .inner-title {
            padding-top: 60px;
            padding-bottom: unset;
            padding-right: 30px;
            float: right;
        }

        #productlist .services-item a img {
            padding-top: 0px;
        }

        .line {
            position: relative;
            width: 70px;
        }

        .line::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            /* 设置边框长度为元素宽度的一半 */
            height: 4px;
            /* 设置边框宽度 */
            background-color: #3498db;
            /* 设置边框颜色 */
            border-radius: 2px;
        }


        .nav-pills .nav-link {
            border: 0px;
            font-size: 1rem;
            margin-bottom: 30px;
        }

        .services-card:hover::before {
            opacity: 0;
        }

        #v-pills-tabContent {
            flex-grow: 1;
        }

        #prodlist .nav-link {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: transparent;
        }

/*
        #prodlist .nav-link::after {
            content: '\f105';
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            transition: transform 0.3s ease-in-out;
        }
*/

        #prodlist .nav-link.active::after {
            transform: rotate(90deg);
        }

        .nav-pills .nav-link.active,
        .nav-pills .show>.nav-link {
            color: #0071dc;
            background-color: transparent;
        }

        #prodlist .nav-link {
            font-family: 'robotoregular', 'Open Sans', Microsoft YaHei, Tahoma, Helvetica, Arial, sans-serif;
        }

        /* 搜索样式start */
        main {
            display: block;
        }

        #main {
            /*            width: 100%;*/
            /*            float: left;*/
            background: #fff;
            /*            position: relative;*/
/*            min-height: 200px;*/
        }

        .filtersection {
            /*            width: 100%;*/
            /*
            float: left;
            position: relative;
*/
        }

        #main .row>* {
            width: auto;
        }

        .filtersection .header.main {
            padding: 15px;
            margin: 0;
        }

        .filtersection .header {
            /*            width: 100%;*/
            float: left;
            margin: 0 0 15px;
        }

        .filtersection .header.main h1 {
            font-family: ' ', sans-serif;
            font-size: 60px;
            font-weight: normal;
            text-transform: uppercase;
        }

        #filter {
            /*            width: 100%;*/
            float: left;
            display: block;
            border-bottom: 1px solid #ddd;
            padding: 20px 0 30px;
        }

        #filter fieldset {
            width: 100%;
            max-width: 640px;
            /*            float: left;*/
            border: 0;
            display: block;
        }

        #main .form-field {
/*            width: 20%;*/
/*            float: left;*/
            padding-right: 16px;
            margin: 0 0 16px;
            position: relative;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        @media (min-width: 992px) {
            #filtersearch .col-lg-2 {
                flex: 0 0 auto;
                width: 25%;
            }
        }
        

        .#main .form-field label {
            display: block;
/*            text-transform: uppercase;*/
            margin: 0 0 8px;
            text-align: left;
        }
        
        .fixed-left .#main .form-field label {
            text-align: left;
        }

        #main .form-field select {
            width: 100%;
            display: block;
            font-family: inherit;
            color: inherit;
            font-size: 14px;
            font-weight: bold;
            padding: 7px 10px;
            border: 1px solid #b8b8b8;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0.25rem;
            text-indent: 0.01px;
            text-overflow: '';
            background: url(/themes/wzjswlgsrjkf/static/assets/images/arrow_down.svg) no-repeat right 12px top 50%;
            -webkit-background-size: 10px 6px;
            -moz-background-size: 10px 6px;
            -o-background-size: 10px 6px;
            background-size: 10px 6px;
            outline: none;
        }


        #button-search {
            color: #fff;
            background: #0071dc;
        }

        #button-search1 {
            color: #fff;
            background: #0071dc;
        }

        #main .list {
            background-color: #fff;
        }

        #main {
            background-color: #fff;
            max-width: 900px;
        }
        
         .fixed-left #main {
            max-width: 300px;
        }
        
        @media (min-width: 1280px) and (max-width: 1500px) {
           .fixed-left #main {
            max-width: 230px;
           }
        }
        
        @media (min-width: 992px) {
          .fixed-left #filtersearch .col-lg-2 {
                flex: 0 0 auto;
                width: 100%;
            }
        }
        
       .fixed-left #main .form-field {
            text-align: left;
        }
        
        .fixed-left #main .form-field .el-select {
           width: 100%;
        }
        
       .fixed-left #filtersearch {
            text-align: center;
        }
        
        .pt-45.fixed-left {
            padding-top: 10px;
            padding-bottom: 20px;
        }

        #main .option.focus,
        #main .option.selected.focus,
        #main .option:hover {
            background-color: #fff;
        }

        #main .nice-select {
            display: none;
            background-color: #fff;
        }

        #main .form-field select {
            display: block !important;
        }

        #main select {
            display: block !important;
            width: 100%;
        }

        #main {
            max-width: 900px;
            padding: 10px;
        }
        
        #main option {
            font-size: 0.875rem;
        }
        
        #main label {
            font-size: 15px;
            margin: 0 0 8px;
        }
        
        .btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus {
          box-shadow: 0 0 0 0 rgba(255,255,255,0);
        }
        
        .btn-outline-secondary:active {
            border-color:transparent;
            border: 0px;      
        }
        
        #filtersearch .btn {
            border: 0px;
            padding: .5rem 1rem;
            
        }
        
        .btn-check:active+.btn-outline-secondary:focus, .btn-check:checked+.btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus {
            box-shadow: 0 0 0 0 rgba(255,255,255,0);
            border-color:transparent;
            border: 0px;  
        }

        .el-collapse{
            font-size: 1rem;
            border: 0px;
        }

        .el-collapse-item__header{
            font-size: 1rem;
            border: 0px;
        }

        .el-collapse-item__wrap{
            border: 0px;
        }

        .el-collapse-item__content{
            padding-bottom: 0px;
            text-indent: 1em;
            border: 0px;
        }

        .is-active{
            color: #0071dc;
        }

        /* 搜索样式end */
        
        .navgrow {
                flex: 0 0 300px;
            }
        
        @media screen and (min-width: 1200px) {
            .navgrow {
                flex: 0 0 300px;
            }
        }
        
         @media (min-width: 577px) and (max-width: 1200px) {
            .navgrow {flex: 0 0 200px;}
             .el-collapse-item__header {line-height: 1.2; height: 58px;}
             .services-item .content1 div i {font-size: 25px;}
        }
        
        @media screen and (max-width: 576px) {
            .navgrow {flex: 0 0 150px;}
            .el-collapse-item__header{font-size: 0.875rem;}
            .el-collapse-item__header {line-height: 1.2; height: 58px;}
            .services-item .content1 div i {font-size: 25px;}
        }
        
        @media screen and (max-width: 576px) {
             #main .el-select {width: 100% !important;}
        
        }
        
        #prodlist .nav-tabs .nav-link {
            border: 0px;
            text-align: center;
        }
        
        #prodlist .nav-tabs {
            justify-content: center;
            border-bottom: 0px;
            gap:2px;
        }
        
        #prodlist .nav-tabs .nav-item {
           font-size: 1rem;
            background: #f3f3f5;
            border-radius: 0px;
        }
        
        #prodlist .nav-tabs:not(.fixed) .nav-item {
            flex: 1 1 auto;
        }
        
        #prodlist .nav-tabs .nav-item:hover {
            background: #eee;
        }
        
/*
        #prodlist .nav-tabs:not(.fixed) .nav-item {
           flex: 1 1 calc(15% - 10px);
        }
*/
        
        #prodlist .nav-tabs .nav-link.active {
            background: #0071dc;
            color: #fff;
            border-radius: 0px;
        }
        
        #prodlist .nav-tabs .nav-link.active:hover {
            background: #0066cc;
        }
        
        #prodlist .nav-tabs.fixed {
            background: #f3f3f5;
        }
        
        #prodlist .nav-tabs.fixed .nav-link {
            font-size: 0.875rem;
        }
        
        #prodlist .nav-tabs:not(.fixed) {
           padding: 0 12px;
        }
        
        #prodlist .nav-tabs .nav-link {
            padding: .5rem 0rem;
        }
        
        
        
        #prodlist .nav-tabs.fixed .nav-link {
             padding: .5rem 1rem;
        }
        
        
        /* 固定效果的样式 */
.fixed {
    position: fixed;
    top: 81px; /* 根据导航栏的高度调整 */
    left: 0;
    right: 0;
    z-index: 900;
    background-color: #fff; /* 设置背景色避免内容重叠 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加阴影以突出 */
}

/* 仅在屏幕宽度大于576px时启用固定效果 */
@media (max-width: 576px) {
    .fixed {
        position: static; /* 在手机设备上取消固定效果 */
        box-shadow: none;
    }
}
        .fixed-left {
            max-width: 17vw;
      position: fixed;
      top: 170px;
      left: 0;
/*      transform: translateY(-50%);*/
      z-index: 1000;
      background-color: #fff;
/*      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
  }
       #search_product_button .bx-x:before {
            font-size: 1.2rem;
            padding-left: 3px;
        }
        
         #search_product_button .bx.bx-x {
           vertical-align: middle;
        }
        
        #filtersearch #search_product_button .btn {
            padding: .5rem;
            background: #dcdcdc;
            color: #252525;
            font-size: 0.875rem;
        }
        
       #main_peijian .form-control {
            color: #252525;
        }
        
       #main_peijian .form-control:focus {
            box-shadow: 0 0 0 0 rgba(13,110,253,0);
            border-color: #0066cc;
        }
        
        #default_list {
             max-width: 68vw;
             margin: 0 auto;
            }
            
        @media (max-width: 576px) {
            #prodlist .nav-tabs:not(.fixed) {
           padding: 12px 12px;
           }
            #prodlist .nav-tabs .nav-link {
            padding: .5rem .5rem;
            font-size: 0.875rem;
          }
            #filtersearch #main .form-field {
                width: 50%;
                margin: 0px;
                padding-right: calc(var(--bs-gutter-x) / 2);
            }
            #pdfilter.pt-45 {
                padding-top: 0px;
            }
            
            .fixed-left {
                max-width: 30vw;
            }
            #pdfilter #main .form-field .el-input {
                font-size: 12px;
            }
            .fixed-left #filtersearch #main label {
                font-size: 13px;
                margin: 5px 0 2px 0px
            }
            .fixed-left #filtersearch #main .el-input__icon {
                line-height: 30px;
            }
            .fixed-left #filtersearch #main .el-input__inner {
                height: 30px;
                line-height: 30px;
            }
            .fixed-left ~ #default_list {
                margin-right: 20px;
            }
            
        }
        .h130 {
            margin-top: 250px;
        }
        
        #pdfilter {
            height: 168px;
        }

        .product_new{
            position: absolute;
            z-index: 19;
            left: 0px;
            top: 0px;
        }
        .product_coming{
            position: absolute;
            z-index: 19;
            top: 25%; 
        }

	.keywordschbox{float:left;margin:3px;font-size:16px;padding:10px;background-color: #ccc;border-radius: 5px; cursor: pointer;z-index:999;}
	.keywordschbox .leftbox{float: left;z-index:999;}
	.keywordschbox .rightbox{float: right;margin-left:10px;z-index:999;}
	.removebtnbox{background-color: #0071dc;color:#fff;z-index:999;}
	.par_select{z-index:999;width:170px;border:#ccc 1px solid;padding:10px;border-radius: 5px;}