@charset "utf-8";
/* CSS Document 
红色：9f1431
*/
body{margin:0px auto; padding:0px; font-size:14px; color:#777; font-family:"微软雅黑";}
a{text-decoration:none; color:#777;}
a:hover{ color:#c41e3a !important;}
img,a img{border:0;margin:0;padding:0;border-radius: 5px;}
div,form,ul,ol,li,span,p,dl,dt,dd,button{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px;font-weight:normal;}
ul,ol,li{list-style:none}
table,td,input{font-size:12px;padding:0}
.fl{ float:left;}
.fr{float:right;}
.mg0{ margin:0 !important;}
.pd0{ padding:0 !important;}
.pd10{ padding:10px !important;}
.ml-10{ margin-left:10px !important;}
.mr-10{ margin-right:10px !important;}
.mb-50{ margin-bottom:50px !important;}
.mt-10{ margin-top:10px !important;}
.pt-10{ padding-top:10px !important;}
.pb-10{ padding-bottom:10px !important;}

.textleft{ text-align:left !important;}
.textright{ text-align:right !important;}
.textcenter{text-align:center !important;}
.main1200{ width:1200px;  margin:0 auto;}
/*分页*/
.page{ margin:20px 0; text-align:right; overflow:hidden; font-weight:bold;}
.page a{ background:#efefef; display:inline-block; float:left; padding:3px 10px; border:1px solid #e5e5e5;}
.page a.on{color:#c41e3a;}
.page input{padding:3px 10px; border:1px solid #e5e5e5; width:20px;}
.page button{padding:3px 10px; border:1px solid #e5e5e5;}
.page span{ padding:3px 10px;}

.yeshu {
	margin:20px 0;
    line-height: 40px;
    text-align: center;
}
.yeshu a {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #666;
    display: inline-block;
    height: 40px;
    margin: 0 5px;
    width: 40px;
}
.yeshu input {
    background-color: #fff;
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 14px;
    margin: 0 5px;
    padding: 11px 5px;
    width: 40px;
}
.yeshu span {
    border: medium none;
    display: inline-block;
    line-height: 40px;
}
.yeshu span em {
    font-style: normal;
}
.yeshu a.pre, .yeshu a.nex {
    width: 60px;
}
.yeshu a:hover, .yeshu a.page_on {
    background: #c41e3a none repeat scroll 0 0;
    color: #fff;
}


/*公用头部 b*/
.dp-top-nav{ width:100%; height:30px; background:#f2f2f2;}
.dp-top-nav .top-nav-con{ line-height:30px;}
.top-nav-con a{ padding:0 8px;}
.dp-top{ width:1200px; height:105px; margin:0 auto; padding-top:35px;}
.dp-top-logo{ width:225px; height:70px;}
.dp-top-logo a{ display:block; width:225px; height:70px; background:url(/static/imgs/logo.png) no-repeat top left;}
.dp-top-logo a span{ display:none;}
.dp-top-search{ width:595px; height:105px; margin-left:110px; overflow:hidden;}
.dp-top-search .search-input{ width:593px; height:40px; border:1px solid #c41e3a; overflow:hidden;}
.dp-top-search .search-input input{ width:370px; height:36px; padding:2px 10px; border:none; float:left;}
.dp-top-search .search-input .fg{ width:1px; height:40px; overflow:hidden; margin:0 5px; background:url(/static/imgs/dpbg.png) no-repeat 0 -271px; float:left;}
.dp-top-search .search-input button{ width:90px; height:40px; overflow:hidden; border:none; background:none; float:left; color:#c41e3a; font-size:16px; cursor:pointer;}
.dp-top-search  p{ padding-top:2px; line-height:25px;}
.dp-top-search  p a{ display:inline-block; padding:0 10px 0 0;}
.dp-top-service{ width:170px; height:70px;}
.dp-top-service .ewm{ width:70px; height:70px;}
.dp-top-service .kf{width:100px; height:70px;}
.dp-top-banner{ width:100%; min-width:1200px;height:110px; background:#f2f2f2 no-repeat center top;}
.dp-top-banner .main1200{height:110px;}
.dp-nav{width:100%; min-width:1200px; height:50px; background:#c41e3a;}
.dp-nav li{ float:left;}
.dp-nav li a{ display:inline-block; padding:0px 30px; line-height:40px; font-size:16px; color:#fff;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-right: 10px;margin-top:10px}
.dp-nav li a:hover,.dp-nav li a.act{ background:#f6f6f6; color:#c41e3a;font-weight: bold}
/*公用头部 e*/
/*公用*/
.dp-main{ width:100%; background:#f6f6f6; padding-bottom:20px;}
/*公用左侧 b*/
.dp-main .dp-left{ width:240px; overflow:hidden;}
.dp-left .left-box{ width:238px; background:#fff; border:1px solid #e8e8e8; margin-top:20px;border-radius: 5px;}
.dp-left .left-box h2{ background:#f2f2f2; height:50px; border-bottom:1px solid #e8e8e8; font-size:16px; line-height:50px; color:#333;}
.dp-left .left-box h2 i{ display:inline-block; float:left;  width:20px; height:20px; margin:15px;background:url(/static/imgs/dpbg.png) no-repeat;}
.dp-left .left-box h2 i.dz{ background-position:0 0;}
.dp-left .left-box h2 i.se{ background-position:0 -110px;}
.dp-left .left-box h2 i.fl{ background-position:0 -220px;}
.dp-left .left-box h2 i.yq{ background-position:0 -165px;}
.dp-left .left-box .left-con{ padding:15px;}/* w:208*/

.dp-info{ font-size:14px; overflow:hidden;}
.dp-info li{ width:208px; height:35px; float:left;}
.dp-info li .t{ width:75px; float:left; text-align:right;}
.dp-info li .c{ width:133px; float:left;}
.sctg{ padding:18px 0; overflow:hidden;}
.sctg a.sc{ display:block; width:80px; height:26px; float:left; background:#c41e3a; margin-left:15px; text-align:center; line-height:26px; color:#fff;border-radius: 3px;}
.sctg a.sc:hover{ color:#fff !important;}
.sctg a.tg{ display:block; width:80px; height:26px; float:left; background:#ececec; margin-left:15px; text-align:center; line-height:26px; color:#333;border-radius: 3px;}


.dp-info .dp-level{ width:133px; height:20px; float:left;}
.dp-info .dp-level span{ display:inline-block; float:left; background:url(/static/imgs/dpbg.png) no-repeat -200px 3px; width:20px; height:20px; float:left;}

.dp-info .dp-level-1{ background:url(/static/imgs/dpbg.png) no-repeat -200px 3px; width:133px; height:20px; float:left;}
.dp-info .dp-level-2{ background:url(/static/imgs/dpbg.png) no-repeat -200px -24px; width:133px; height:20px; float:left;}
.dp-info .dp-level-3{ background:url(/static/imgs/dpbg.png) no-repeat -200px -50px; width:133px; height:20px; float:left;}
.dp-info .dp-level-4{ background:url(/static/imgs/dpbg.png) no-repeat -200px -75px; width:133px; height:20px; float:left;}
.dp-info .dp-level-5{ background:url(/static/imgs/dpbg.png) no-repeat -200px -102px; width:133px; height:20px; float:left;}

.dp-info .fw-level{ width:133px; height:20px; float:left;}
.dp-info .fw-level span{ display:inline-block; float:left; background:url(/static/imgs/dpbg.png) no-repeat -400px 3px; width:20px; height:20px; float:left;}

.dp-info .fw-level-1{ background:url(/static/imgs/dpbg.png) no-repeat -400px 3px; width:133px; height:20px; float:left;}
.dp-info .fw-level-2{ background:url(/static/imgs/dpbg.png) no-repeat -400px -24px; width:133px; height:20px; float:left;}
.dp-info .fw-level-3{ background:url(/static/imgs/dpbg.png) no-repeat -400px -50px; width:133px; height:20px; float:left;}
.dp-info .fw-level-4{ background:url(/static/imgs/dpbg.png) no-repeat -400px -76px; width:133px; height:20px; float:left;}
.dp-info .fw-level-5{ background:url(/static/imgs/dpbg.png) no-repeat -400px -102px; width:133px; height:20px; float:left;}

.left-search{overflow:hidden;}
.left-search .s-input,.left-search .s-sub{ margin-bottom:15px;}
.left-search .s-input label,.left-search .s-sub label{ width:70px; float:left; line-height:25px; display:inline-block;}
.left-search .s-input input{ border:1px solid #dedede; padding:0; margin:0;  height:25px; line-height:25px;border-radius: 5px;}
.left-search .s-sub input{ background:#c41e3a; border:0; padding:5px 10px; color:#fff; cursor:pointer;border-radius: 3px;}

.pro-class{overflow:hidden;}
.pro-class li{ text-align:left; line-height:30px;}
.pro-class li a.big-class{display:inline-block; float:left; background:url(/static/imgs/dpbg.png) no-repeat 5px -355px; width:175px; height:30px; padding-left:20px; font-weight:800;}
.pro-class li ul.sm-class{ width:175px; margin-left:20px; display:none;}
.pro-class li ul.sm-class li{ border-bottom:0px dashed #ccc; line-height:25px;}
.pro-class li ul.sm-class li a{ line-height:25px;}

.yqlj a{ display:block; width:200px; height:60px; border:1px solid #e8e8e8; margin:0 auto 15px;}
.yqlj a:hover{ border:1px solid #c41e3a;}
/*公用左侧 e*/
.dp-main .dp-right{ width:940px; overflow:hidden;}
.dp-main .dp-right:after{height:0px ; overflow:hidden; clear:both; content:"."; display:block;}
.right-box{ background:#fff; padding:20px; margin-top:20px; width:900px;border-radius: 5px;}
.right-box h2{ border-bottom:2px solid #c41e3a; text-align:right; height:30px;margin-bottom: 20px;}
.right-box h2 span{ display:inline-block; float:left; height:29px; border-bottom:2px solid #c41e3a; font-size:16px; color:#333; padding:0 5px;}

.right-boxpro{ background:#fff; padding:20px 0; margin-top:20px; width:938px; border:1px solid #eaeaea;border-radius: 5px;}
.right-boxpro h2{ border-bottom:1px solid #eaeaea; text-align:left; height:30px; padding-left:20px; font-size:16px; color:#333}
.right-boxpro h2 a{ color:#333;}
.right-boxpro .px{padding:20px;}
.right-boxpro .px a{ display:inline-block; border:1px solid #eaeaea; padding:3px 5px; float:left; }


.right-boxpro .px a.act{ color:#c41e3a;}

/*排序*/
.sort-down i{ display:inline-block; float:right; background:url(/static/imgs/arrow_down_icon.png) no-repeat;  text-align:left;width:10px;height:14px; margin:3px 2px 0px 2px; }
.sort-up i{ display:inline-block; float:right; background:url(/static/imgs/arrow_up_icon.png) no-repeat ; text-align:left; width:10px;height:14px;margin:3px 2px 0px 2px; }

.indexlb {
    height: 315px;
    overflow: hidden;
    position: relative;
    width: 580px;
}
.indexlb .num {
    bottom: 12px;
    height: 25px;
    overflow: hidden;
    position: absolute;
    right: 30px;
    z-index: 3;
}
.indexlb .num li {
    background: #444444 none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "微软雅黑",Arial;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    text-align: center;
    width: 25px;
    border-radius: 5px;
}
.indexlb .num li.on {
    background: #ff7700 none repeat scroll 0 0;
}
.indexlb .prev, .indexlb .next {
   /* background: rgba(0, 0, 0, 0) url("/static/imgs/btn.png") no-repeat scroll 0 0; */
    display: none;
    height: 100px;
    position: absolute;
    top: 180px;
    width: 40px;
}
.indexlb .prev {
    left: 0;
}
.indexlb .next {
    background-position: right center;
    right: 0;
}
.indexlb .indexlbpic {
    height: 315px;
    width: 580px;
}

.notice{ width:300px; background:#fff; border:1px solid #e8e8e8; height:313px; overflow:hidden;border-radius: 5px;}
.notice h2{ background:#f2f2f2; height:50px; border-bottom:1px solid #e8e8e8; font-size:16px; line-height:50px; color:#333; text-align:left;}
.notice h2 i{ display:inline-block; float:left;  width:20px; height:20px; margin:15px; background:url(/static/imgs/dpbg.png) no-repeat 0 -55px;}
.notice .congg{ width:300px; height:262px;}
.notice .congg .myscroll { height: 230px; padding: 0 15px; margin: 7px 0; line-height: 1.4; font-size: 12px; overflow: hidden;}
.notice .congg .myscroll img{ width: 100%; }

ul.probox{ overflow:hidden;}
ul.probox li{ width:210px; height:320px; margin:0px 15px 15px 0px;; float:left;}
ul.probox li.last{ margin-right:0;}
ul.probox li .probox-img{ width:215px; height:215px; border:1px solid #ccc;border-radius: 5px;}
ul.probox li:hover .probox-img{ border:1px solid #c41e3a;}
ul.probox li .probox-tit{ width:100%; height:60px; line-height:20px; padding:4px 0; overflow: hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
ul.probox li .probox-tit a{ color:#666;}
ul.probox li .probox-price{width:100%; height:36px;}
ul.probox li .probox-price .price ,ul.probox li .probox-price .num{ display:inline-block; line-height:36px;}
ul.probox li .probox-price .price{ font-size:24px; color:#c41e3a;}
ul.probox li .probox-price .price b{ font-size:14px;}
ul.probox li .probox-price .num{ padding-right:10px; color:#8b8b8b;}

/*评价*/
.pj{ width:900px; border-collapse:collapse; border-spacing:0;}
.pj th{border-bottom:1px solid #e1e1e1; padding:10px 0; text-align:center; font-size:16px; color:#333;}
.pj th.pj-num{ width:90px;}
.pj th.pj-py{ width:280px;}
.pj th.pj-person{ width:125px;}
.pj th.pj-sp{ width:220px;}
.pj th.pj-time{ width:185px;}
.pj td{border-bottom:1px dashed #e1e1e1; padding:10px 0; text-align:center;}
.pj td.sptit{ color:#c41e3a;}
.pj td.sptit a{color:#c41e3a;}
.pj td.sptit a:hover{ text-decoration:underline;}

/*留言*/
.ly{ width:900px; border-collapse:collapse; border-spacing:0;}
.ly th{border-bottom:1px solid #e1e1e1; padding:10px 0; text-align:center; font-size:16px; color:#333;}
.ly th.ly-tit{ width:400px;}
.ly th.ly-time{ width:375px;}
.ly th.ly-person{ width:125px;}
.ly td{border-bottom:1px dashed #e1e1e1; padding:10px 0; text-align:center;}
.ly td span.hf{ padding-left:10px; }
.ly td span.hf a{color:#f00;}
.ly td span.whf{ padding-left:10px; }
.ly td span.whf a{color:#060;}
.lybox{ padding:50px 0; overflow:hidden;}
.ly-input,.ly-sub{ margin-bottom:25px;}
.ly-input label,.ly-sub label{ width:70px; float:left; line-height:30px; display:inline-block;}
.ly-input input{ border:1px solid #dedede; padding:0; margin:0;  height:30px; line-height:30px; width:320px; height:30px;}
.ly-input input.yzm{ border:1px solid #dedede; padding:0; margin:0;  height:30px; line-height:30px; width:120px; height:30px; float:left;}
.ly-input span{ display:inline; padding-left:20px;}
.ly-input span img{ display:inline;}
.ly-input span a{ line-height:30px;}
.ly-input textarea{width:320px; height:120px; border:1px solid #dedede; }
.ly-sub input{ background:#c41e3a; border:0; padding:5px 10px; color:#fff; cursor:pointer;}

/*店铺介绍*/
.sp{ margin:20px 0;}
/*加上这个简介的class就不显示了*/
.js-ad a:hover img{ opacity:0.8;}

/*二维码*/
.qrCode{ width: 90px; height:102px; display: inline-block; margin-left:10px; position: relative; text-align: center; cursor: pointer;}
.ewm{ background: url(../images/header_ewm.jpg) no-repeat;}
.ewm:hover{ background: url(../images/header_ewm_hover.jpg) no-repeat #fff;}
.hotImg{ background: url(../images/header_hot.jpg) no-repeat;}
.hotImg:hover{ background: url(../images/header_hot_hover.png) no-repeat #fff;}

/*店铺广告图片*/
.ad-image-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

/* 每个图片 + 角标 包裹容器 */
.image-item {
  position: relative;     /* 让 .ad-badge 可以相对于此定位 */
  display: inline-block;  /* 或 block，根据布局需求 */
}

/* 图片样式 */
.ad-image-container img {
  width: 180px;
  height: 180px;
  border-radius: 5px;
  display: block;
  transition: transform 0.5s ease;
}

/* 广告角标：定位在图片左上角 */
.ad-image-container .ad-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: red;
  color: white;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 3px;
  z-index: 10;
}

/* ✅ 核心：hover 时，让整个 .image-item 中的 img 上移（也可以包裹在 a 内） */
.ad-image-container a:hover img {
  /*transform: translateY(-10px);*/
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.video-container {
     position: relative;     /* 让子元素可以绝对定位 */
     display: inline-block;  /* 让容器大小贴合图片 */
     cursor: pointer;        /* 鼠标变成手型，提示可点击 */
   }
 .video-container img {
    display: block;         /* 去掉底部间隙 */
  }
    
 /* 播放按钮 - 使用 CSS 画一个圆形背景 + 内部三角形 */
 .play-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 40px;  /* 播放按钮大小 */
   height: 40px;
   background-color: rgba(0, 0, 0, 0.7);  /* 半透明黑色背景 */
   border-radius: 50%;                   /* 圆形 */
   display: flex;
   align-items: center;
   justify-content: center;
 }
.play-icon::after {
      content: '';
      width: 0;
      height: 0;
      border-left: 20px solid white;  /* 白色三角形 */
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      margin-left: 7px; /* 微调三角形位置 */
    }