@charset "utf-8";
/*
[DTmuban Template] Copyright (c) 2010-2018 www.dtmuban.com
This is not a free template. Please buy the authentic license.
Author: Xiaohei, QQ:2909458585. Version: ST06_v7, time: 20171208.
Special note: do not modify this document without permission.
*/
.middle-nav .logo{width: 650px;}
.c_e6{color:#e60000;}
.c_fe{color: #FFEB3B;}
.list_an{background:url(images/company/list.png) no-repeat;display:inline-block;font-style:normal}
.medal-big-1{width:34px;height:50px;background-position:0 0}
.medal-small-1{width:26px;height:39px;background-position:-46px -11px}
.medal-big-2{width:34px;height:50px;background-position:-108px 0}
.medal-small-2{width:26px;height:39px;background-position:-157px -11px}
.medal-big-3{width:34px;height:50px;background-position:-225px 0}
.medal-small-3{width:26px;height:39px;background-position:-271px -11px}
.badge-Text{display:inline-block;font-size:18px;line-height:30px;height:30px;font-weight:bold;padding-left:40px}
.badge-wpdr{background-position:0 -312px;color:#FF6A07}
.badge-rbxf{background-position:0 -514px;color:#d00000}
.badge-hydn{background-position:0 -715px;color:#5353E8}
.badge-xqds{background-position:0 -915px;color:#37950d}
.index_bj{background:url(images/company/index_bj.png) no-repeat center 0;}
.list_introduce{height:400px;padding-right: 230px;position:relative;width: 970px;}
.list_introduce_er{height:300px;position:relative}
.list_introduce_er .list_introduce_txt{height:300px}
.list_introduce_txt{width:810px;height:auto;margin:0 auto;text-align:center;color:#fff;font-size:15px;line-height:25px;padding-top: 130px;}
.list_introduce_txt .tt{display:table-cell;vertical-align:middle;}
.list_introduce_txt .tx{font-size:40px;font-weight:bold;padding-bottom:40px;color: #FF9800;}
.list_introduce_txt .t{font-size:32px;font-weight:bold}
.list_introduce_txt .a{border:1px solid #fff;display:inline-block;padding:0 35px;height:32px;line-height:32px;color:#fff;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}
.list_introduce_txt .a:hover{border:1px solid #e60000;background:#e60000}
.list_introduce_txt .txt{padding:20px 0}
.list_introduce_txt .info_t{padding:10px 0}
.list_introduce_txt .info_t span{padding-left:10px}
.c_d00000{color:#d00000}
.list_portrait{width: 190px;padding:0 20px;line-height:20px;text-align:center;color:#fff;position:absolute;right:0;top:0;height:400px;display:table;background:url(images/sell/bj.png);opacity:.8;filter:alpha(opacity=80);}
.list_portrait .portrait_box{margin-top: 70px;}
.list_portrait i{display:block;width:100px;height:100px;margin:0 auto;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;overflow:hidden}
.xh_dl i.portrait_img{background:url(images/company/c_10.png) repeat-y right 0;}
.list_portrait .t{font-size:18px;font-weight:bold;padding:8px 0 5px 0}
.list_portrait .tt{font-size:14px;line-height: 22px;color: #FFEB3B;}
.ranking_a{padding-top:15px;text-align:center}
.ranking_a a{display:block;height:30px;line-height:30px;color:#fff;font-size:14px;border: 1px solid #eeeeee;margin-bottom:10px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;overflow:hidden;}
.ranking_a a strong{padding:0 5px}
.ranking_a a:hover{background:#e60000;border:1px solid #e60000}
.ranking_b{padding-top:25px;text-align:center}
.ranking_b a{display:block;height:30px;line-height:30px;color:#fff;font-size:14px;}
.conment_an{overflow:hidden;padding:30px 0}
.left_box{width: 950px;float:left;border: #e5e5e5 1px solid;}
.right_box{width: 230px;float:right;border: #e5e5e5 1px solid;background: #ffffff;}
.index_hot{overflow:hidden;}
.list_dl{width: 474px;height: 910px;overflow:hidden;float:left;}
.br{border-right: #e5e5e5 1px solid;}
.list_dl *{overflow:hidden}
.list_dl dt{height:35px;border-bottom:1px solid #e5e5e5;position:relative;padding: 15px 20px 10px;}
.list_dl dt .more{position:absolute;right: 15px;top: 20px;font-size:14px;color:#696969;}
.list_dl dt .more:hover{color:#e60000;text-decoration:underline}
.list_dl dd{position:relative;height:40px;padding: 18px 0 18px 45px;border-bottom:1px solid #f3f3f3;line-height:20px;margin: 0 30px;}
.list_dl dd .s1,.list_dl dd .s2{position:absolute;}
.list_dl dd .s1{width: 36px;height:39px;top:50%;margin-top:-20px;left:0;text-align:center;line-height:39px;font-size: 28px;font-family:'思源黑体';}
.list_dl dd .list_an{display:block;}
.list_dl dd .t{font-size:16px;height:20px}
.list_dl dd p{height:20px;color:#b2b2b2}
.list_dl dd.no_bm{border-bottom:0}
.list_dl dd.more{padding:0;line-height:40px;background:#f3f3f3;text-align:center;border:0;font-size:14px;margin-top: 20px;}
.list_dl dd.more a{display:block;height:40px;color:#696969}
.list_dl dd.more a:hover{color:#e60000;text-decoration:underline}
/*右侧*/
.right_title{font-size:18px;font-weight:bold;color:#e60000;border-bottom: 1px solid #e5e5e5;height:35px;line-height:35px;padding: 12px 15px 13px;}
/*人气产品*/
.popularity_ul{padding: 35px 25px 0px;}
.popularity_ul li{padding-bottom: 42px;}
.popularity_ul li .hiimg{border:1px solid #e5e5e5;width:178px;height:178px;overflow:hidden;display: block;}
.popularity_ul li .hiimg:hover{border:1px solid #e60000;}
.popularity_ul li img{width:176px;height:176px;}
.popularity_ul li .hiimg:hover img {transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}
.popularity_ul li .price{color:#e60000;font-size:12px}
.popularity_ul li .price span{font-size:20px;font-family:'思源黑体'}
.popularity_ul li .t{line-height:20px;font-size:14px}
.mark_an{display:inline-block;width:212px;height:60px;background:url(images/company/ioc.png) no-repeat}
.mark-wpdr{background-position:0 4px}
.mark-rbxf{background-position:0 -62px}
.mark-hydn{background-position:0 -130px}
.mark-xqds{background-position:0 -203px}
.conment_er{padding:20px 0}
.hotshops_title{height:35px;border-bottom:2px solid #000;position:relative}
.hotshops_title .rank_box{position:absolute;right:0;top:0;height:35px;line-height:35px;font-size:14px}
.hotshops_title .rank_box a{padding-right:10px;}
.hotshops_title .rank_box a.nos{cursor: default;}
.hotshops_title .rank_box a strong{padding:0 5px;font-size: 14px;color: #e60000;}
.hotshops_title .rank_box .ioc{width:24px;height:24px;float:left;background:url(images/company/ioc1.png) no-repeat;margin:5px 5px 0 0}
.rank_ul{overflow:hidden}
.rank_ul *{overflow:hidden}
.rank_ul li{position:relative;padding:35px 0 35px 410px;height:250px;border-bottom:1px solid #e6e6e6}
.rank_ul li.hover{background:#f9f9f9}
.rank_ul li .left{position:absolute;left:0;top:35px;padding-left:70px;width:330px}
.rank_ul li .left .s1,.rank_ul li .left .s2{position:absolute}
.rank_ul li .left span i{display:block}
.rank_ul li .left .s1{width:32px;height:39px;top:5px;left:10px;text-align:center;font-size:28px;font-family:'思源黑体'}
.rank_ul li .left .s2{width:11px;height:10px;top:10px;left:48px}
.rank_ul li .left .t{font-size:18px;font-weight:bold;height:30px;line-height:30px}
.rank_ul li .left .vip{padding:5px 0 0 0;height:35px;border-bottom: 1px dashed #e5e5e5;margin-bottom:15px;}
.rank_ul li .left .vip span{border:1px solid #e60000;color:#e60000;display:inline-block;padding:0 5px;height:16px;line-height:16px;font-size: 12px;}
.rank_ul li .left .info{color:#696969;line-height:27px;font-size:14px;margin: 0;padding: 0;border-top: 0;border-bottom: 0;background: none;}
.rank_ul li .left .info p{padding-left:70px;position:relative}
.rank_ul li .left .info p .tt{position:absolute;left:0;top:0}
.rank_ul li .left .info p a{margin-right:5px;float:left}
.rank_ul li .left .info p a:hover{text-decoration:underline}
.rank_ul li .left .info .a{margin-left:-5px;color:#e60000}
.rank_ul li .left .info .a a{float:none;width:auto;margin:0 5px;color:#e60000}
.rank_ul .current{background:#ffebdd}
.rank_ul .current:hover{background:#ffcaa7}
.rank_dl{height: 270px;margin-left:-26px;}
.rank_dl dd{width:175px;height: 270px;float:left;padding-left:26px;}
.rank_dl dd .sp-img{width:173px;height:173px;border: 1px solid #e5e5e5;overflow:hidden;display: block;margin-bottom: 15px;}
.rank_dl dd img{width:171px;height:171px;}
.rank_dl dd .sp-img:hover img {transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}
.rank_dl dd .price{color:#f60;font-size:12px;height:30px;line-height:30px}
.rank_dl dd .price span{font-size:20px;font-family:'思源黑体'}
.rank_dl dd .t{line-height:20px;font-size:14px;height:40px}
.rank_dl dd .t a:hover{text-decoration:underline}
.pagination{margin:50px auto 0;text-align:center;font-size:14px;overflow:hidden}
.pagination .pagearea{float:right}
.pagination .resultNum{float:left;line-height:35px;padding:0 10px 0 5px}
.pagination .rollPage{height:34px;line-height:34px;border:1px #dadada solid;text-align:center;color:#444;width:64px;text-align:center;background-color:#fff;margin-right:5px}
.pagination .rollPage:hover{background-color:#d60000;color:#fff}
.pagination .pageNum{width:70px;height:36px;line-height:36px;text-align:center;color:#494949;padding:0 10px 0 5px}
.pagination .perpage{height:25px;padding-top:3px;float:left}
.pagination a,.pagination .current{height:34px;line-height:34px;border:1px #dadada solid;text-align:center;width:34px;text-align:center;color:#444;background-color:#fff;text-decoration:none;margin-right:5px;font-size:12px;display:inline-block}
.pagination a:hover{background-color:#d60000;color:#fff;text-decoration:none}
.pagination .current{color:#fff;margin-right:4px;background-color:#d60000}
.paging_box{padding:0 0 10px 0}

/*判断登录*/
.xh_dl,.xh_dl_x,.xh_dl3{display:block;}
.xh_dlno,.xh_dlxno,.xh_dl3no{display:none;}
.xh_dl2,.xh_dlx2{display:block;}
.xh_dl2no,.xh_dlx2no{display:none;}



.category-nav {display: flex;justify-content: center;gap: 30px;flex-wrap: wrap;}
.category-nav span {cursor: pointer;padding: 5px 10px;border-radius: 4px;transition: background-color 0.3s;font-size: 16px;}
.category-nav span:hover,
.category-nav span.active {background-color: #e60000;color: #fff;}
.main-content {max-width: 1200px;margin: 10px auto 0px;}
.content-section {display: none;background-color: #fff;padding: 20px;border-radius: 8px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.content-section.active {display: block;}
.section-title.large {font-size: 24px;height: 24px;line-height: 24px;}
.section-title {font-size: 20px;font-weight: 700;height: 20px;line-height: 20px;margin-bottom: 10px;padding-left: 12px;position: relative;}
.section-title .line {background-color: #ef1f1f;border-radius: 2px;bottom: 0;left: 0;position: absolute;top: 1px;width: 4px;}
.hot-info {font-size: 14px;color: #666;}
.tags span {background-color: #f0f7ff;color: #3182ce;padding: 3px 8px;border-radius: 4px;font-size: 12px;margin-right: 5px;margin-bottom: 5px;display: inline-block;}
.actions {margin-top: auto;}
.actions a {flex: 1;padding:4px 10px;border: 1px solid #e60000;border-radius: 4px;background-color: #fff;color: #e60000;cursor: pointer;transition: background-color 0.3s, color 0.3s;}
.actions a:hover {background-color: #e60000;color: #fff;}
.online-consult{flex: 1;padding:5px 10px; border:  1px solid #9b9b9b;background-color: #fff; color:#000;border-radius: 4px;cursor: pointer;transition: background-color 0.3s, color 0.3s;}
.online-consult:hover{ background-color: #efefef}
.list-container {display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 20px;}
.company-container{background-color: #fff;border-radius:12px;-webkit-box-shadow: 0 0 0 .5px #e0e0e0;box-shadow: 0 0 0 .5px #e0e0e0;display: flex;padding: 16px;}
.company-container .company-info-wrap{-webkit-box-flex: 1;-moz-box-flex: 1;-o-box-flex: 1;box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;overflow: hidden;}
.company-container .company-img{height: 126px;margin-left:16px;width: 126px;border: 0;display: block;overflow: hidden;position: relative;}
.shop-name .shop-title{box-flex: 1;align-items: center;flex: 1 0 auto;margin-right: 0;width: 100%;}
.name-slot{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:35px;}
.main-prod-wrap{height:40px;font-size: 12px;color: #777;line-height: 1.5;margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.quality_com{display: block}
.strength-img{height: 100px;margin: 48px 0 40px;}
.swiper-button-next {
    width: 20px !important;
    height: 40px !important;
    background-color: rgba(0, 0, 0, 0.5);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    opacity: 0.8;
    top: 50%;
    right:0 !important;
    transform: translateY(-50%);
}
.swiper-button-prev {
    width: 20px !important;
    height: 40px !important;
    background-color: rgba(0, 0, 0, 0.5);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    opacity: 0.8;
    top: 50%;
    right:0 !important;
    transform: translateY(-50%);
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size:15px !important;
    color: #fff;
}