/* ===== VIP企业官网模板 - 商务风格 ===== */
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;text-decoration:none}
ol,ul{list-style:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
::focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
input{font-size:9pt;font-family:microsoft yahei}
* html,* html body{background-image:url(about:blank);background-attachment:fixed}
body{background-color:#fafafa;text-align:center;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;line-height:1.8;color:#333}
a:active,a:hover,a:link,a:visited{text-decoration:none;outline:0;color:#585858}
.clearfix{height:0!important}
.clear5,.clearfix{clear:both;visibility:hidden;overflow:hidden}
.clear5{height:5px}
.clear{height:10px;clear:both}
.clear15{height:15px;clear:both}

/* ===== 顶部导航栏 ===== */
.bartop{background-color:#fff;border-bottom:1px #e8e8e8 solid;height:40px;line-height:40px;width:100%;font-size:12px}
.bartop,.bartop a{color:#585858}
.bartop .barcenter{margin-left:auto;margin-right:auto;width:1200px}
.bartop .barleft{float:left;text-align:left}
.bartop .barright{float:right;text-align:right;height:40px;overflow:hidden}
.bartop .barleft ul{float:left;margin-right:15px}
.bartop .barleft a:hover{color:red;text-decoration:none}
.bartop ul.line{width:1px;height:10px;overflow:hidden;background:#fff;margin:15px 15px 0 0;display:inline-block;vertical-align:middle}
.bartop ul.line u{width:1px;height:10px;background:#d4d4d4}
.bartop .r strong{font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;color:red}

/* ===== 头部区域 ===== */
.head1{width:100%;height:auto;overflow:auto;text-align:center;padding-bottom:10px}
.head1 ul{width:1200px;margin-left:auto;margin-right:auto;text-align:left;margin-top:20px}
.head1 .logo{float:left;display:block;text-align:left;padding-right:20px}
.head1 .logo img{max-width:130px;max-height:80px}
.head1 .zhuti{float:left;padding-top:5px;max-width:700px}
.head1 .zhuti h1{font-size:24px;font-weight:bold;margin-bottom:10px;color:#333}
.head1 .zhuti .title{display:flex;align-items:center;gap:15px;margin-top:5px}
.head1 .zhuti .title img{height:22px}
.head1 .zhuti .title span{color:#999;font-size:14px}
.head1 .zhuti p.rz8{display:flex;align-items:center;gap:8px;margin-top:8px}
.head1 .zhuti p.rz8 img{width:56px;height:22px}
.head1 .zhuti p.rz8 span{color:#999;font-size:13px}
.head1 .tel{float:right;padding:20px 0;text-align:right;color:#333}
.head1 .tel .t{font-size:14px;color:#999;margin-bottom:5px}
.head1 .tel .n{font-size:24px;font-weight:bold;color:red}

/* ===== 主导航 ===== */
.navigation{width:100%;}
.navigation ul{margin:0 auto;width:1200px;background-color:#0599c9;display:flex;justify-content:center;flex-wrap:nowrap;height:48px}
.navigation ul li{float:left;white-space:nowrap;line-height:48px}
.navigation ul li a{color:#fff;display:block;padding:0 25px;height:48px;line-height:48px;font-size:15px;}
.navigation ul li a:hover,.navigation ul li a.current{background-color:#0282ac}

/* ===== 横幅 ===== */
.banner{width:1200px;margin:0 auto;overflow:hidden;position:relative}
.banner img{max-width:1200px;width:100%;height:auto;display:block}

/* ===== 内容区域 ===== */
.content{width:1200px;margin:30px auto;min-height:500px}

/* ===== 左侧边栏 ===== */
.content .cleft{width:280px;float:left;margin-right:20px}
.content .cleft .box{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.05);margin-bottom:20px}
.content .cleft .box .tit{background:linear-gradient(135deg,#e94560 0%,#ff6b6b 100%);color:#fff;padding:15px 20px;font-size:16px;font-weight:bold}
.content .cleft .box .con{padding:20px}
.content .cleft .store_logo{text-align:center;margin-bottom:20px}
.content .cleft .store_logo img{border-radius:50%;width:150px;height:150px;border:4px solid #f0f0f0;transition:transform 0.4s ease}
.content .cleft .store_logo img:hover{transform:rotate(360deg)}
.content .cleft .pInfor{border-top:1px solid #eee;padding-top:15px}
.content .cleft .pInfor p{margin-bottom:10px;display:flex;align-items:center}
.content .cleft .pInfor p span.b{width:70px;color:#666;font-size:13px}
.content .cleft .pInfor p span.c{color:#333;flex:1}
.content .cleft .pInfor .tel em{font-size:18px;font-weight:bold;color:#e94560}
.content .cleft .pInfor .qq img{vertical-align:middle;margin-right:5px}
.content .cleft .renzheng p{margin-bottom:10px}
.content .cleft .renzheng img{vertical-align:middle;margin-right:5px}
.content .cleft .pingjia{margin-top:15px}
.content .cleft .pingjia ul{margin-bottom:10px}
.content .cleft .pingjia li{margin-bottom:8px;color:#666;font-size:13px}
.content .cleft .dpScore li{display:flex;align-items:center;margin-bottom:10px}
.content .cleft .dpScore li span.tits{width:50px;font-size:13px;color:#666}
.content .cleft .dpScore li .kBg{flex:1;height:10px;background:#eee;border-radius:5px;overflow:hidden;margin-left:10px}
.content .cleft .dpScore li .hBg{height:100%;background:linear-gradient(90deg,#e94560,#ff6b6b);border-radius:5px}
.content .cleft .viewhit li{margin-bottom:5px;color:#888;font-size:12px}

/* ===== 右侧内容 ===== */
.content .cright{float:right;width:900px}
.content .cright .box{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.05);margin-bottom:20px}
.content .cright .box .tit{height:50px;line-height:50px;padding:0 20px;border-bottom:1px solid #eee}
.content .cright .box .tit span{font-size:18px;font-weight:bold;color:#1a1a2e;border-bottom:3px solid #e94560;padding:0 15px 12px}
.content .cright .box .con{padding:25px}
.content .cright .box .about{line-height:28px;color:#555}
.content .cright .box .about p{margin-bottom:15px;text-indent:2em}

/* ===== 商品展示 ===== */
.goods{width:100%;margin:20px 0;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.goods .hd{font-size:20px;font-weight:bold;color:#1a1a2e;padding-bottom:15px;border-bottom:2px solid #e94560;margin-bottom:20px}
.goods .shop_info{overflow:hidden}
.goods .shop_info li{float:left;width:180px;border:1px #eee solid;text-align:center;padding:15px;margin:0 15px 15px 0;border-radius:8px;transition:all 0.3s}
.goods .shop_info li:hover{border-color:#e94560;box-shadow:0 5px 20px rgba(233,69,96,0.2);transform:translateY(-5px)}
.goods .shop_info li img{width:150px;height:110px;border-radius:5px;margin-bottom:10px}
.goods .shop_info li span{display:block;color:#333;font-size:14px;height:40px;overflow:hidden}
.goods .shop_info li em{display:block;font-style:normal;color:#e94560;font-weight:bold;font-size:16px;padding-top:8px}
.goods .bd .last,.goods .bd .next{float:left;margin-top:60px}
.goods .bd .last a,.goods .bd .next a{width:40px;height:80px;display:flex;align-items:center;justify-content:center}
.goods .bd .last a::before{content:'';width:0;height:0;border-style:solid;border-width:12px 16px 12px 0;border-color:transparent #999 transparent transparent}
.goods .bd .next a::before{content:'';width:0;height:0;border-style:solid;border-width:12px 0 12px 16px;border-color:transparent transparent transparent #999}
.goods .bd .last a:hover::before{border-color:transparent #e94560 transparent transparent}
.goods .bd .next a:hover::before{border-color:transparent transparent transparent #e94560}

/* 相册板块容器更紧凑 */
.goods.goods-album{padding:15px 20px}
.goods.goods-album .hd{margin-bottom:15px;padding-bottom:10px}
.goods.goods-album .bd ul{margin:0}

/* ===== 信息列表 ===== */
.mrw_list{width:100%}
.mrw_list th{padding:12px 10px;background:#f8f9fa;border-bottom:2px solid #eee;font-weight:bold;color:#333}
.mrw_list td{padding:15px 10px;border-bottom:1px solid #eee}
.mrw_list td a{color:#333;font-weight:500}
.mrw_list td a:hover{color:#e94560}
.mrw_list td img{width:80px;height:60px;border-radius:5px;border:1px solid #eee}
.mrw_list td .cats{color:#e94560}

/* ===== 底部 ===== */
.footz{width:1200px;margin:20px auto 0;text-align:left}
#foot{padding:30px;color:#333;line-height:30px}
#foot .l{padding-left:20px;font-size:14px}
.foot{width:100%;padding:20px 0;text-align:center;color:#666}
.footer ul{width:1200px;margin:0 auto}
.footer .foot_nav{padding:15px 0;border-bottom:1px solid #333;color:#999}
.footer .foot_nav a{color:#999;margin:0 10px}
.footer .foot_nav a:hover{color:#e94560}
.footer .foot_copyright{color:#666;padding-top:15px;font-size:12px}

/* ===== 联系页面 ===== */
.contactustop ul{border-bottom:1px solid #eee;padding:0 0 20px;margin-bottom:20px}
.contactustop li{margin-bottom:15px;display:flex}
.contactustop li .cl{width:100px;color:#666;font-weight:500}
.contactustop li .cr{color:#333;flex:1}
.contactustop li .cr a{color:#e94560}
.map{margin-top:20px;border-radius:8px;overflow:hidden;border:1px solid #eee}

/* ===== 分页 ===== */
.pagination{margin:20px 0;text-align:center}
.pagination a,.pagination span{display:inline-block;padding:8px 15px;margin:0 3px;border:1px solid #ddd;border-radius:4px;color:#666;background:#fff}
.pagination a:hover{background:#e94560;color:#fff;border-color:#e94560}
.pagination span.current{background:#e94560;color:#fff;border-color:#e94560}

/* ===== 留言 ===== */
.comment{background:#fff;border-radius:8px;overflow:hidden;margin-top:20px}
.comment .tit{background:#f8f9fa;padding:15px 20px;font-size:16px;font-weight:bold;border-bottom:1px solid #eee}
.comment .dpContent{padding:20px;border-bottom:1px solid #f5f5f5}
.comment .dpContent .pic{float:left;width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:15px}
.comment .dpContent .pic img{width:100%;height:100%}
.comment .dpContent .textt{overflow:hidden}
.comment .dpContent .textt .username{font-weight:bold;color:#333;margin-bottom:5px}
.comment .dpContent .textt .gray{color:#999;font-size:12px;margin-top:5px}

/* ===== 相册 ===== */
.album_list{display:flex;flex-wrap:wrap;gap:15px}
.album_list li{width:calc(25% - 12px);border-radius:8px;overflow:hidden;border:1px solid #eee;transition:all 0.3s}
.album_list li:hover{border-color:#e94560;box-shadow:0 5px 20px rgba(233,69,96,0.2)}
.album_list li img{width:100%;height:150px;object-fit:cover}
.album_list li span{display:block;padding:10px;text-align:center;color:#666;font-size:13px}

/* ===== 辅助类 ===== */
.nodata{padding:40px;text-align:center;color:#999}
.nodata a{color:#e94560}
.textblue{color:#005aa0}
.blue a{color:#36c}
.blue a:hover{color:#e94560}

/* ===== 文章详情信息 ===== */
.article-info{padding:15px 0;border-top:1px dashed #eee;margin-top:20px;color:#999;font-size:13px}
.article-info span{margin-right:20px}

/* ===== 响应式 ===== */
@media (max-width:1200px) {
    .bartop .barcenter,.head1 .headcenter,.navigation ul,.content,.footz,.footer ul{width:100%}
    .head1 .zhuti{max-width:500px}
    .content .cleft{width:240px}
    .content .cright{width:calc(100% - 260px)}
}
@media (max-width:768px) {
    .content .cleft,.content .cright{float:none;width:100%}
    .head1 .tel{float:none;text-align:left;padding:10px 20px}
    .navigation ul li a{padding:15px 20px;font-size:14px}
}

/* ===== 首页相册板块 - 图片在上描述在下 ===== */
#album_list{display:flex;flex-wrap:wrap;gap:12px;max-height:160px;overflow:hidden}
#album_list li{width:150px;flex-shrink:0;border:1px #eee solid;border-radius:6px;overflow:hidden;background:#fff;text-align:center;padding:0;float:none;margin:0}
#album_list li:hover{border-color:#e94560;box-shadow:0 5px 15px rgba(233,69,96,0.2)}
#album_list li img{display:block;width:100%;height:110px;object-fit:cover;border-radius:0;border:none;margin:0;padding:0}
#album_list li span{display:block;font-size:12px;color:#666;padding:8px 5px;line-height:1.4;height:auto;overflow:hidden}