/* 全局样式 */
 /* 全局重置和基础样式 */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 body {
     font-family: "Microsoft YaHei", Arial, sans-serif;
     color: #333;
     font-size: 12px;
 }

 ol,
 ul {
     list-style: none outside none;
 }

 dd,
 dl,
 li,
 ol,
 ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: normal;
     font-size: 100%;
 }

 .fl {
     float: left;
 }

 .fr {
     float: right;
 }

 .cl {
     clear: both;
 }
 
 input:focus {
     outline: none;
     box-shadow: none;
 }

 /* 自定义响应式样式 */
 @media (max-width: 768px) {
     .d-none-md {
         display: none;
     }
 }

 /* 顶部服务栏 */
 .top-service-bar {
     background-color: #000;
     color: #fff;
     height: 30px;
     line-height: 30px;
 }

 .top-service-bar a {
     color: #fff;
     text-decoration: none;
     margin: 0 10px;
 }

 .top-service-bar a.text-danger {
     color: #e50000 !important;
 }

 /* 导航栏 */
 .navbar {
     background-color: #fff;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }

 .navbar-brand img {
     max-height: 60px;
 }

 .nav-link {
     color: #333 !important;
     font-weight: bold;
     margin-right: 15px;
 }

 .nav-link:hover {
     color: #e50000 !important;
 }

 /* 搜索框 */
 .search-box {
     position: relative;
 }

 .search-box input {
     padding-right: 40px;
     border-radius: 0;
 }

 .search-box button {
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     border: none;
     background: #e50000;
     color: #fff;
     width: 40px;
 }

 .btn-blue {
     --bs-btn-color: #fff;
     --bs-btn-bg: #0099af;
     --bs-btn-border-color: #0099af;
     --bs-btn-hover-color: #fff;
     --bs-btn-hover-bg: #0099af;
     --bs-btn-hover-border-color: #0099af;
     --bs-btn-focus-shadow-rgb: 225, 83, 97;
     --bs-btn-active-color: #fff;
     --bs-btn-active-bg: #0099af;
     --bs-btn-active-border-color: #0099af;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: #0099af;
     --bs-btn-disabled-border-color: #0099af;
 }

 .h-bottom {
     width: 100%;
 }

 #header_pc_common {
     box-shadow: 0 2px 2px 0 hsla(0, 0%, 91%, .35);
 }

 .pt18 {
     padding-top: 18px;
 }

 @media screen and (min-width: 768px) {
     .site_width_1200 {
         width: 1200px;
         margin: 0 auto;
     }
 }

 #header_pc_common .header_pc_common {
     position: relative;
     display: flex;
     height: 40px;
     border-bottom: 1px solid #0099af;
     line-height: 40px;
 }

 #header_pc_common .header_pc_common .category_all {
     flex: 0 0 auto;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 220px;
     background-color: #ffc217;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
 }

 .mr5 {
     margin-right: 5px;
 }

 img {
     border: 0;
     vertical-align: middle;
 }

 #header_pc_common .header_pc_common .nav_list {
     flex: 1;
     display: flex;
     justify-content: space-around;
     align-self: center;
     align-items: center;
     font-size: 14px;
 }

 #header_pc_common .header_pc_common .nav_list a {
     position: relative;
     height: 38px;
     line-height: 38px;
     white-space: nowrap;
     color: #fff;
     padding: 0 15px;
 }

#header_pc_common .header_pc_common .nav_list a:hover {
     color: #fff;
     background-color: #018396;
 }

 .a-a {
     width: 980px;
 }

 .a-main {
     width: 100%;
 }

 .a-cont {
     width: 100%;
     position: relative;
 }

 .a-left {
     width: 100%;
 }

 .a-b {
     width: 100%;
 }

 .a-item {
     width: 100%;
 }

 .a-link {
     display: block;
     cursor: pointer;
     width: 100%;
 }

 .a-img {
     width: 100%;
     position: relative;
     overflow: hidden;
     padding-top: calc(600/1190*100%);
 }

 .a-img img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     transform: scale(1.00);
     transition: all ease .5s;
 }

 .a-right {
     position: absolute;
     top: 0;
     right: 0;
     width: 33.33%;
     height: 100%;
     background-color: #1f82bf;
 }

 .a-c {
     width: 100%;
     height: 100%;
 }

 .a-nav {
     width: 100%;
     height: auto;
     min-height: 20%;
 }

 .a-box {
     display: flex;
     align-items: center;
     cursor: pointer;
     padding: .15rem .6rem;
     height: 100%;
     border-top: 1px solid rgba(255, 255, 255, .12);
 }

 .a-name {
     width: 100%;
     color: #ffffff;
     line-height: 1.6;
 }

 .a-nav.active {
     background-color: #2e8cc6;
 }

 .a-buttom {
     position: absolute;
     left: 50%;
     bottom: -.2rem;
     transform: translate(-50%, 0);
     z-index: 38;
     white-space: nowrap;
 }

 .a-prev {
     position: static;
     display: inline-block;
     vertical-align: middle;
     margin: 0 .1rem;
     margin-top: 0;
     width: .4rem;
     height: .4rem;
     border-radius: 50%;
     background-color: #feffff;
     background-image: url('../img/a6.png');
     background-size: .12rem auto;
     background-position: center center;
     background-repeat: no-repeat;
 }

 .a-prev.swiper-button-disabled {
     display: none;
 }

 .a-next {
     transform: rotate(-180deg);
     position: static;
     display: inline-block;
     vertical-align: middle;
     margin: 0 .1rem;
     margin-top: 0;
     width: .4rem;
     height: .4rem;
     border-radius: 50%;
     background-color: #feffff;
     background-image: url('../img/a6.png');
     background-size: .12rem auto;
     background-position: center center;
     background-repeat: no-repeat;
 }

 .a-next.swiper-button-disabled {
     display: none;
 }

 .h-opa {
     display: none;
     width: 100%;
     height: 100%;
     position: fixed;
     left: 0;
     top: 0;
     background-color: rgba(0, 0, 0, 0.5);
     z-index: 10;
     cursor: pointer;
 }

 @media(max-width: 768px) {
     .w100 {
         width: 100%;
     }

     .a-cont {
         padding-right: 0;
     }

     .a-left {
         width: 100%;
     }

     .a-right {
         display: none;
         position: relative;
         bottom: 0;
         width: 100%;
         height: 3rem;
     }

     .a-box {
         padding: .3rem;
     }

     .h-bottom {
         margin-left: 0;
         width: 220px;
         position: fixed;
         text-align: left;
         right: 0;
         top: 0;
         height: 100vh !important;
         background-color: #fff;
         margin-right: 0;
         padding: 10px 0;
         overflow: auto;
         z-index: 1000;
         transform: translate(100%, 0);
         transition: transform .3s;
     }

     .header.menu-state .h-bottom {
         transform: translate(0, 0);
     }

     .header.menu-state .h-opa {
         display: block;
     }
 }

 #category-swiper {
     width: 1200px;
     margin: 0 auto;
 }

 .bold,
 .fwb {
     font-weight: 700 !important;
 }

 .cfff,
 .h-cfff:hover {
     color: #fff;
 }

 #category-swiper .category-swiper {
     position: relative;
     display: flex;
     justify-content: space-between;
 }

 #category-swiper .category-swiper .category-list {
     height: 494px;
     overflow-y: auto;
 }

 .category-swiper .category-list {
     width: 220px;
     background: #fff;
 }


 .category-swiper .category-list li p {
     padding: 0 13px;
     height: 37px;
     line-height: 37px;
     font-size: 14px;
     font-weight: 400;
     background: #fff;
     color: #000;
     cursor: pointer;
 }

 .category-swiper .category-list li:not(:last-child) p {
     border-bottom: 1px solid #eee;
 }

 .category-swiper .category-list li p {
     height: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .category-swiper .category-list li p:hover {
     color: #0099af;
 }

 a {
     background: transparent;
     text-decoration: none;
     -webkit-tap-highlight-color: transparent;
     color: var(--color-text);
     font-family: PingFang SC, Microsoft YaHei, Arial, sans-serif;
 }

 .category-swiper .category-all {
     position: absolute;
     left: 220px;
     width: 980px;
     top: 0;
     height: 494px;
     padding: 0 24px 10px;
     background: #fff;
     border: 1px solid #eee;
     box-shadow: 0 2px 8px 0 rgba(71, 71, 71, .6);
     z-index: 99;
     overflow-y: auto;
     display: none;
 }

 .category-swiper .category-all .category-item {
     column-count: 2;
     column-gap: 24px;
 }

 .category-swiper .category-all .category-item li {
     width: 100%;
     display: inline-flex;
     flex-wrap: wrap;
     break-inside: avoid;
 }

 .category-swiper .category-all .category-item li .cat-first:hover {
     color: #0099af;
 }

 .category-swiper .category-all .category-item li .cat-first {
     width: 100%;
     height: 54px;
     display: flex;
     align-items: center;
     padding-top: 14px;
     font-size: 16px;
     line-height: 25px;
     font-weight: 700;
     color: #333;
     border-bottom: 1px solid #eee;
     cursor: pointer;
 }

 .category-swiper .category-all .category-item li .cat-first i {
     position: relative;
     padding-left: 3px;
     font-size: 12px;
     color: #0099af;
 }

 .fontHome {
     font-family: fontHome !important;
     font-size: 16px;
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .category-swiper .category-all .category-item li .cat-second {
     display: flex;
     flex-wrap: wrap;
     padding-top: 4px;
     font-size: 12px;
     line-height: 40px;
     font-weight: 400;
     color: #555;
 }

 .category-swiper .category-all .category-item li .cat-second .category-link,
 .category-swiper .category-all .category-item li .cat-second span {
     margin-right: 25px;
     cursor: pointer;
 }

 #common_suit {
     max-width: 1200px;
     margin: 0 auto;
 }

 .flex-col {
     flex-direction: column;
 }

 .flex {
     display: flex;
 }

 .common_title {
     min-height: 86px;
     padding: 30px 0 20px;
     line-height: 36px;
 }

 .items-center {
     align-items: center;
 }

 .justify-between {
     justify-content: space-between;
 }

 #common_suit .el-row {
     --gutter: 16px;
     margin: 0 calc(var(--gutter) * -1 / 2) calc(var(--gutter) * -1) !important;
 }

 #common_suit .el-row .el-col {
     margin-bottom: var(--gutter);
     padding: 0 calc(var(--gutter) / 2) !important;
 }

 .el-col-12 {
     width: 50%;
 }

 [class*=el-col-] {
     float: left;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }

 #common_suit .suit_card {
     position: relative;
     height: 297px;
     background-repeat: no-repeat;
     background-size: 100% 100%;
 }

 #common_suit .suit_card .card_title {
     height: 60px
 }

 #common_suit .suit_card .card_title .title {
     --color-primary: #0099af;
     text-shadow: -1px -1px 2px var(--color-primary), 1px -1px 2px var(--color-primary), -1px 1px 2px var(--color-primary), 1px 1px 2px var(--color-primary)
 }

 #common_suit .suit_card .card_carousel .el-carousel__indicator button {
     width: 8px;
     height: 8px;
     border-radius: 8px;
     opacity: 1;
     background: rgba(0, 0, 0, .4)
 }

 #common_suit .suit_card .card_carousel .el-carousel__indicator.is-active button {
     background: #000
 }

 #common_suit .suit_card .card_carousel .card_list .step_list:not(:last-child) {
     margin-right: 16px
 }

 #common_suit .suit_card .card_carousel .card_list .step_list {
     width: calc(25% - 12px);
     height: 190px;
     padding: 10px 15px;
     background: #fff
 }

 #common_suit .suit_card .card_slogan {
     position: absolute;
     left: 0;
     bottom: 0;
     height: 32px;
     padding: 0 8px;
     background: linear-gradient(0deg, #0099af, #ff7763);
     font-size: 15px;
     line-height: 32px;
     color: #fff
 }

 #common_suit .suit_card .card_slogan:after {
     position: absolute;
     content: "";
     right: -16px;
     bottom: 0;
     transform: translateX(-50%);
     width: 16px;
     height: 32px;
     background: linear-gradient(0deg, #0099af, #ff7763);
     clip-path: polygon(50% 100%, 100% 100%, 50% 0)
 }

 #common_suit .col-2 {
     width: 50%;
     padding: 5px 6px;
     float: left;
 }

 a:active {
     color: #0099af;
     outline: 0px;
 }

 .px16 {
     padding-left: 16px;
     padding-right: 16px;
 }

 .block {
     display: block;
 }

 .bold,
 .fwb {
     font-weight: 700 !important;
 }

 .fs26 {
     font-size: 26px;
 }

 .fs20 {
     font-size: 20px;
 }

 .flex-1 {
     flex: 1;
 }

 .common_title .more_btn {
     width: 44px;
     height: 24px;
     background: #f8f8f8;
     border: 1px solid #ddd;
     border-radius: 4px;
     font-size: 16px;
     line-height: 22px;
     font-weight: 400;
     color: #777;
     text-align: center;
     cursor: pointer;
 }

 #hot-goods {
     width: 1200px;
     margin: 0 auto;
 }

 #hot-goods .goods-title-all {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 86px;
     padding: 30px 0 20px;
     line-height: 36px;
 }

 #hot-goods .goods-title-all .goods-title {
     font-size: 26px;
     font-weight: 700;
     color: #333;
 }

 #hot-goods .goods-list {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }

 #hot-goods .goods-list .goods-item {
     width: calc(50% - 6px);
     margin-bottom: 24px;
     background: #fff;
     box-shadow: 0 2px 2px 0 hsla(0, 0%, 91%, .35);
     border-radius: 4px;
     float: left;
 }

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

     body {
         width: 100%;
         overflow-x: hidden;
     }

     #hot-goods .goods-list {
         width: 100%;
         top: 5rem;
     }

     #hot-goods .goods-list .goods-item {
         width: 45rem;
         margin: 1rem 1rem;
     }

     #hot-goods .goods-title-all {
         display: none;
     }

     .item-good-list {
         text-align: center;
     }

     .good-info img {
         max-width: 100%;
         height: auto;
     }

     .good-name,
     .good-price {
         font-size: smaller;
         /* 缩小字体适应小屏幕 */
     }

     .item-nav span {
         display: block;
         /* span换行显示 */
         margin-bottom: 5px;
     }

     .login-tip {
         font-size: x-small;
         /*  登录提示缩小 */
     }

     #common_suit .col-2 {
         width: 100%;
         float: left;
         margin-top: 1rem;
     }
 }

 #hot-goods .goods-list .goods-item-left {
     margin-right: 0;
 }

 #hot-goods .goods-list .goods-item .item-title-all {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 15px 8px 15px 23px;
     min-height: 56px;
     line-height: 26px;
     border-bottom: 1px solid #eee;
 }

 #hot-goods .goods-list .goods-item .item-title-all .item-title {
     font-size: 24px;
     font-weight: 700;
     color: #333;
     cursor: pointer;
 }

 #hot-goods .goods-list .goods-item .item-title-all .item-nav {
     flex: 1;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
     margin-left: 14px;
 }

 #hot-goods .goods-list .goods-item .item-title-all .item-nav span.active-nav,
 #hot-goods .goods-list .goods-item .item-title-all .item-nav span:hover {
     color: #e50012;
 }

 #hot-goods .goods-list .goods-item .item-title-all .item-nav span {
     margin-left: 16px;
     cursor: pointer;
 }

 #hot-goods .item-good-list {
     display: flex;
     flex-wrap: wrap;
 }

 #hot-goods .item-good-list .good-info {
     width: 198px;
     padding: 0 23px;
     cursor: pointer;
 }

 .main_content #hot-goods .good-info {
     position: relative;
     border-bottom: 1px solid #eee;
     border-left: 1px solid #eee;
 }

 .main_content #hot-goods .good-info:hover {
     color: #e50012;
     box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .18);
 }

 #hot-goods .item-good-list .good-info img {
     display: block;
     width: 150px;
     height: 110px;
     margin: 16px auto;
 }

 img {
     border: 0;
     vertical-align: middle;
 }

 #hot-goods .item-good-list .good-info .good-name {
     height: 40px;
     font-size: 12px;
     line-height: 20px;
     font-weight: 400;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     word-break: break-all;
 }

 #hot-goods .item-good-list .good-info .good-price {
     display: flex;
     flex-direction: column;
     height: 46px;
     margin: 16px 0 21px;
 }

 #hot-goods .item-good-list .good-info .good-price p {
     display: flex;
     flex-direction: column;
     font-size: 16px;
     line-height: 28px;
     font-weight: 700;
 }

 .ce50012,
 .h-ce50012:hover {
     color: #e50012;
 }

 #hot-goods .item-good-list .good-info .good-price .login-tip {
     font-size: 12px;
     font-weight: 400;
     color: #f60;
 }

 /* @media screen and (min-width: 1200px) {
     .content {
         min-height: calc(var(--fullHeight) - 554px);
     }
 } */

 .content {
     width: 100%;
     padding: 20px 20px;
 }

 .c333 {
     color: #333;
 }

 .h_t {
     width: 100%;
     height: 31px;
     line-height: 32px;
     background-color: #000;
     color: #fff;
 }

 .wd1200 {
     width: 90%;
     margin: 0 auto;
 }

 .h_sc {
     margin-left: 8px;
     margin-right: 18px;
     display: inline;
 }

 .h_sc a {
     display: block;
     padding-left: 18px;
 }

 .h_tel {
     margin-left: 15px;
     height: 31px;
     display: inline;
 }

 .h_tel span {
     float: left;
 }

 .h_tel em {
     float: left;
     font-family: "Microsoft YaHei";
     color: #e50000;
     font-size: 14px;
     font-style: normal;
 }

 .h_look {
     padding-left: 18px;
     margin-left: 18px;
 }

 .h_service {
     position: relative;
     z-index: 600;
     width: 60px;
     height: 32px;
     margin-left: 12px;
     display: inline;
 }

 .h_serList {
     display: none;
     position: absolute;
     top: 32px;
     left: 0;
     z-index: 600;
     background-color: #FFF;
     width: 60px;
     height: auto;
     overflow: hidden;
     padding: 0 5px;
     border-bottom: 1px solid #ebebeb;
     border-left: 1px solid #ebebeb;
     border-right: 1px solid #ebebeb;
     border-radius: 0 0 3px 3px;
     box-shadow: #ebebeb 0px 3px 4px;
 }

 .h_serList li {
     width: 60px;
     height: 24px;
     line-height: 24px;
 }

 .lh24 {
     line-height: 12px;
 }

 .fs12 {
     font-size: 12px;
 }

 .c757e83,
 .h-c757e83:hover {
     color: #757e83;
 }


 /*footer*/
 .footer {
     clear: both;
     width: 80%;
     margin: 0 auto;
 }

 .foot {
     width: 100%;
     margin: 0 auto;
 }

 .foot_t {
     height: auto;
     overflow: hidden;
     padding: 42px 0 30px 24px;
 }

 .foot_t dl {
     float: left;
     width: 70px;
     margin: 20px 50px;
     display: inline;
     text-align: center;
 }

.wx_box {
     width: 270px;
     float: right;
     display: inline;
     margin-top: 20px;
}

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

     .foot_t dl {
         float: left;
         width: 70px;
         margin: 20px 20px;
         display: inline;
         text-align: center;
     }

}

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

        .wx_box {
            display: none;
        }
    
        .foot_t dl {
         float: left;
         width: 70px;
         margin: 20px 40px;
         display: inline;
         text-align: center;
        }
}

 .wx_box h3 {
     font-size: 18px;
     color: #0099AF;
     font-weight: bold;
     margin-bottom: 30px;
 }

 .wx_word {
     width: 166px;
     margin: 65px 12px 12px 12px;
     display: inline-block;
     height: 50px;
 }

 .wx_word h3 {
     font-size: 16px;
     font-weight: bold;
     margin-bottom: 10px;
 }

 .foot_color a {
     font-family: "Microsoft YaHei";
     color: #4a4a4a;
     font-size: 14px;
 }

 .foot_t dt {
     height: 86px;
 }

 .foot_color {
     height: 24px;
     padding-bottom: 8px;
 }

 .foot_color a {
     color: #666;
 }

 .foot_t dd a {
     display: block;
     width: 70px;
     height: 24px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .wx_box img,
 .wx_box span {
     display: block;
 }

 .wx_name {
     padding-top: 6px;
     text-align: center;
     font-size: 12px;
 }

 .f_click {
     color: #b6b6b6;
     height: 40px;
     line-height: 40px;
     text-align: center;
     border-top: 1px solid #e4e4e4;
     border-bottom: 1px solid #e4e4e4;
 }

 .f_click a {
     padding: 0 20px;
 }

 .foot_d {
     height: auto;
     overflow: hidden;
     padding: 16px 0 14px;
     text-align: center;
 }

 .copyright {
     padding-bottom: 12px;
 }

 .foot_img img {
     margin-right: 6px;
 }



 .foot_Tab a {
     display: inline-block;
     margin-right: 20px;
     width: 102px;
 }

 .foot_Tab a img,
 .foot_Tab a span {
     display: inline-block;
 }

 .foot_Tabr {
     width: 56px;
 }

 .foot_Tabr span {
     line-height: 18px;
 }

 .foot_Tabname {
     margin-bottom: 2px;
     color: #6a6a6a;
 }

 .foot_Tabnow {
     color: #9a9a9a;
     width: 56px;
     height: 18px;
     line-height: 18px;
     text-align: center;
     background-color: #FFF;
     border-radius: 2px;
 }

 .foot_Tab {
     height: 39px;
     width: 300px;
     margin-right: 35px;
     margin-top: -35px;
 }

 @media (max-width: 900px) {

     .foot_t dl {
         display: none;
     }

    .wx_box{
        display: block;
    }

     .f_click {
         display: none;
     }

     .foot_Tab {
         float: left !important;
         margin: 20px auto !important;
     }

     .foot_d {
         text-align: left;
     }
 }


 /** 产品分类 **/
 /* 轮播图 */
 .carousel-item img {
     height: 400px;
     object-fit: cover;
 }

 /* 响应式轮播图高度 */
 @media (max-width: 768px) {
     .carousel-item img {
         max-height: 200px;
     }
 }

 @media (max-width: 992px) and (min-width: 768px) {
     .carousel-item img {
         max-height: 300px;
     }
 }

 /* 响应式侧边栏 */
 @media (max-width: 768px) {
     .sidebar-contact {
         right: 5px !important;
     }

     .sidebar-item {
         width: 35px !important;
         height: 35px !important;
     }

     .sidebar-link {
         line-height: 35px !important;
         font-size: 14px !important;
     }
 }

.product_t{ margin-bottom:14px;}
.filter{ padding-top:14px;}
.product_Tbox{ padding:14px 20px 24px 20px;}
.filter_box{ clear:both; height:auto; overflow:hidden; padding:7px 0; border-bottom:1px dashed #dcdcdc;}
.filter_name{ width:76px; color:#484848; padding-top:3px; display:inline;}
.filter_list{ width:100%; line-height:30px; height:30px; overflow:hidden;}
.filter_list a span{ color:#666; padding:7px 18px;}
.filter_list a.cur span{ color:#FFF; background:#77c9ff; border-radius: 2px;}
.filter_more{ background:url(../img/filter_md.jpg) no-repeat right; padding-right:12px; margin-top:4px; display:inline; color:#0099af; cursor:pointer;}
.cur .filter_list{ height:auto;}
.cur .filter_more{ background:url(../img/filter_mup.jpg) no-repeat right;}
.product_Dbox{ height:auto; overflow:hidden; padding:18px 0 18px 20px; background-color:#f3f3f3; border-bottom:1px solid #bdc2ca;}
.filter_text{ width:172px; margin-right:12px;}
.product_Dbox .com_text{ font-family:"宋体"; font-size:12px; padding:4px 8px;}
.filter_sub{ display:block; background:url(../images/filter_subd.jpg) no-repeat; font-family:"宋体"; color:#484848; font-size:12px; width:76px; height:30px; padding-left:14px; border:none; cursor:pointer;}
.product_table td{ text-align:center;}
.product_table td.left,.product_table td.pro_click,.good_Newpro td.left{ text-align:left;}
.pro_name{ padding-left:22px;}
.pro_col{ height:42px; background-color:#efefef; color:#333;}
.pro_col td{ border:1px solid #ececec;}
.pro_cel td{ font-family:Arial; color:#484848; padding:6px 0; border:1px solid #ececec;}
.pro_jj{ width:63px; height:25px; border:1px solid #cfcfcf; margin-left:14px;}
.pro_jjL,.pro_jjR{ width:18px; height:25px; cursor:pointer;}
.pro_jjText{ display:block; font-family:Arial; color:#666; font-size:12px; width:25px; height:25px; line-height:25px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-top:none; border-bottom:none; text-align:center;}
.pro_jjL{ background:url(../img/pro_jjL.jpg) no-repeat;}
.pro_jjR{ background:url(../img/pro_jjR.jpg) no-repeat;}
.pro_cel td .pro_brand{ color:#888;}
.pro_cel .pro_name{ color:#0099af; display:block;}
.pro_read{ color:#888;}
.product_d{ padding-bottom:30px;}
.pro_click a{ display:inline-block; float:left; color:#FFF; width:62px; height:26px; line-height:26px; padding-left:28px;}
.pro_order{ background:url(../img/pro_clickac1.jpg) no-repeat;}
.pro_messPri{ background:url(../img/pro_clickac2.jpg) no-repeat;}
.pro_order:hover{ background:url(../img/pro_clickho1.jpg) no-repeat;}
.pro_messPri:hover{ background:url(../img/pro_clickho2.jpg) no-repeat;}
.pro_click a:hover,.pro_Drclick a:hover,.tk_click a:hover,.pro_Ctclick a:hover{ color:#FFF;}
.pro_click a.pro_order{ margin-left:10px;}
 /* 响应式侧边栏 */
 @media (max-width: 768px) {
    .pro_click a.pro_order{ margin:0 0;}
 }
.pro_Dclick{ border-bottom:1px solid #dedede;}
.pro_Dclick,.pro_comeOrd{ width:1144px; margin:0 auto; height:auto; overflow:hidden; padding:16px 0;}
.pro_Dcheck{ margin-right:10px;}
.pro_Drclick a{ display:inline-block; float:left; color:#FFF; width:56px; height:26px; margin-left:7px; line-height:26px; padding-left:34px;}
/* .pro_Drclick .pro_order{ background:url(../images/pro_clickMac1.jpg) no-repeat;}
.pro_Drclick .pro_messPri{ background:url(../images/pro_clickMac2.jpg) no-repeat;} */
.pro_Dall a{ padding:6px 16px; margin-right:2px; background-color:#5bbaf9; color:#FFF; border-radius:3px;}
.pro_Dall a:hover{ color:#FFF;}

.selector {
	width:100%;
	margin:0 auto;
    border-top: 1px solid #DDD;
    background: #FFF;
    margin-bottom: 10px;
}.selector .s-brand, .selector .s-line {
    width: auto;
    height: auto;
}.selector .sl-wrap {
    position: relative;
    _zoom: 1;
    line-height: 34px;
    border-bottom: 1px solid #DDD;
    background: #f3f3f3;
}.selector .sl-key {
    float: left;
    width: 100px;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
	font-size:12px;
    line-height: 46px;
    height: 46px;
	
}.selector .sl-value {
    margin-left: 110px;
    /* padding-right: 130px; */
    padding-left: 10px;
    overflow: hidden;
    zoom: 1;
    background: #fff;
}.selector .sl-b-letter {
    display: none;
    float: left;
    overflow: hidden;
    zoom: 1;
	font-size:12px;
	margin-top:12px;
}.selector .sl-b-letter li {
    float: left;
    height: 20px;
    line-height: 20px;
    border: 1px solid #FFF;
    padding: 0 3px;
    cursor: default;
    text-align: center;
    color: #005aa0;
}.selector .sl-b-letter li.curr, .selector .sl-b-letter li:hover {
    border-color: #e4393c;
    color: #e4393c;
}.selector .sl-v-logos ul {
    padding-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    zoom: 1;
    height: 50px;
}.selector .sl-v-logos .v-fixed {
    height: 99px;
}.selector .sl-v-logos li {
    float: left;
    _display: inline;
    width: 116px;
    height: 48px;
    padding: 0;
    border: 1px solid #DDD;
    margin: -1px -1px 0 0;
    background: #FFF;
    text-align: center;
}.selector .sl-v-logos li a {
	font-size:12px;
    display: block;
    border: 1px solid #FFF;
    height: 46px;
    width: 114px;
    overflow: hidden;
    text-overflow: ellipsis;
	text-decoration:none;	
    white-space: nowrap;
    zoom: 1;
    color: #005aa0;
    line-height: 48px;
}.selector .sl-v-logos li a img {
    margin: 5px 6px;
    vertical-align: top;
     display: block;
}.selector .s-brand .extend .sl-b-letter, .selector .s-brand .multiple .sl-b-letter {
    display: block;
}.selector .sl-v-logos li a:hover img {
    display: none;
    _display: block;
    _margin: 0;
    _padding: 5px 6px;
}.selector .sl-b-letter li {
    padding: 0 8px;
}.selector .s-brand .extend .sl-v-logos .v-fixed, .selector .s-brand .multiple .sl-v-logos .v-fixed {
	margin-top:0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 1px;
    height: 196px;
}.clear, .clr {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}.clr {
    visibility: hidden;
}.selector .s-brand .extend .sl-key, .selector .s-brand .multiple .sl-key {
    padding-left: 8px;
}
.selector .sl-v-logos li a:hover {
    text-decoration: none;
    color: #e4393c;
}.selector .sl-v-logos li.selected a, .selector .sl-v-logos li:hover a {
    border-color: #e4393c;
}