@font-face {
  font-family: 'iconfont';  /* Project id 3972234 */
  src: url('../fonts/font_3972234_to6fro6m26d.woff2') format('woff2'),
       url('../fonts/font_3972234_to6fro6m26d.woff') format('woff'),
       url('../fonts/font_3972234_to6fro6m26d.ttf') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

html{scroll-behavior:smooth;}
body{color:#333;background:#fff;font-family:'Microsoft YaHei',Arial, Helvetica, Verdana;overflow-x:hidden;height:100%;font-size: 14px;width:100%;}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;padding:0;margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
ul,li{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
input,i{border:none;outline:none;}
*:focus{border:none;outline:none;}
img{max-width: 100%;}

/*主色调 红色 #c00d23*/
body{--zhu-color:#c00d23;--pei-color:#de7518;}

.fl{float: left;}
.fr{float: right}
.clear{clear: both;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
.wrap{width:100%;margin:0 auto;overflow: hidden;}
.wrapp{width:100%;margin:0 auto;position: relative;}
.wrappp{width:100%;padding:0 50px;}
.img{width:100%;position: relative;padding-bottom: 75%;overflow: hidden;}
.img img{width:100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;}
.fancynav-mainnav{position: fixed;z-index: 999!important;}
@media(max-width: 1700px){
	.wrappp{padding:0;}
}
@media(min-width: 1600px){
	.wrap{width:1600px;}
	.wrapp{width:1600px;}
}
@media(max-width: 1024px){
	
}


/*自定义滚动条*/
body::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
body::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 5px;
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	background   : #918876;
}
body::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	background   : #ededed;
}


/*在线客服*/
.online_kefu{ position: fixed;  bottom: 10vh; right:1%; z-index: 9;}
.online_kefu ul li{ border: 1px solid #efefef; list-style-type:none; width:50px; height:60px; padding-top: 7px;  text-align: center; position: relative; background-color: #fff; color: #666666; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu li i{font-size: 20px;}
.online_kefu ul li a{ color: #666666;}
.online_kefu ul li .con{ position: relative; line-height:25px;display: flex;flex-direction: column;align-items: center;}
.online_kefu ul li .hover_con{border-radius: 3px; position: absolute;	left:-200px;left:-100px;	width: 120px;	color: #ffffff !important; text-align: center;background-color: #918876;height:40px; line-height:40px; bottom: 7px; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode {  }
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -141px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;}

.online_kefu li:hover{background-color:#918876; color: #fff;border: 1px solid #918876;}
.online_kefu li:hover i{ color: #fff;}
.online_kefu li:hover span{ color: #fff;}
.online_kefu li:hover p a{ color: #fff;}
.online_kefu li:hover .hover_con{left:-130px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #918876; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }

.online_kefu li.qrcode:hover .hover_con{  bottom: -55px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}

.mobile_mob{ display: none !important;}
@media (max-width: 1500px) {
    .online_kefu{ display: none !important;}
}

@media (max-width: 767px) {
    .online_kefu{bottom: 20vh;}
	.mobile_mob { display: inline-block !important; }
	.mobile_pc { display: none !important; }
}
/* 分页样式 */
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;}
.ab_img p span{text-wrap: inherit !important;}

/* ===== SEO辅助：无障碍视觉隐藏（屏幕阅读器/搜索引擎可读，页面不可见） ===== */
.sr-only{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ===== 首页FAQ常见问题板块 ===== */
.ifaq{padding: 30px 0 60px; background: #f7f6f4;}
.ifaq-bd{max-width: 1000px; margin: 0 auto; padding: 0 15px;}
.ifaq-bd .item{background: #fff; border-radius: 6px; padding: 20px 30px; margin-bottom: 15px; box-shadow: 0 2px 8px rgba(0,0,0,.05); text-align: left;}
.ifaq-bd .item .q{font-size: 18px; color: #282828; font-weight: bold; margin-bottom: 10px;}
.ifaq-bd .item .a{font-size: 15px; color: #666; line-height: 1.9;}
@media(max-width: 576px){
  .ifaq-bd .item{padding: 15px 20px;}
  .ifaq-bd .item .q{font-size: 16px;}
}

/* ===== 常设事实页（节点/工艺/供应链/案例数据/质保） ===== */
.fact-page{padding:50px 0 70px; background:#fff;}
.fact-page .wrap{max-width:1080px;}
.fact-page .answer-block{background:#f7f6f4; border-left:4px solid #918876; border-radius:4px; padding:22px 28px; margin:0 0 36px;}
.fact-page .answer-block .lbl{font-size:12px; color:#918876; letter-spacing:1px; margin-bottom:8px; display:block;}
.fact-page .answer-block p:last-child{margin-bottom:0; font-size:16px; color:#333; line-height:1.9;}
.fact-page h2{font-size:22px; color:#2b2b2b; font-weight:700; margin:40px 0 18px; padding-left:12px; border-left:4px solid #918876; line-height:1.4;}
.fact-page p{font-size:15px; color:#555; line-height:1.95; margin-bottom:14px;}
.fact-page table{width:100%; border-collapse:collapse; margin:18px 0 26px; font-size:14px;}
.fact-page table th{background:#918876; color:#fff; font-weight:600; padding:12px 14px; text-align:left; border:1px solid #918876;}
.fact-page table td{padding:11px 14px; border:1px solid #e6e3de; color:#444; line-height:1.7; vertical-align:top;}
.fact-page table tbody tr:nth-child(even){background:#faf9f7;}
.fact-page .faq-item{background:#f7f6f4; border-radius:6px; padding:16px 22px; margin-bottom:12px;}
.fact-page .faq-item .q{font-size:16px; color:#2b2b2b; font-weight:bold; margin-bottom:8px;}
.fact-page .faq-item .faq-item .a,.fact-page .faq-item p.a{font-size:14px; color:#666; line-height:1.85; margin:0;}
.fact-page .wc{display:none;}
@media(max-width:576px){
  .fact-page{padding:30px 0 45px;}
  .fact-page h2{font-size:19px;}
  .fact-page table{font-size:13px;}
  .fact-page table th,.fact-page table td{padding:8px 9px;}
}

/* 典石实力 五卡片 */
.fact-page .strength-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:18px; margin:8px 0 30px;}
.fact-page .strength-card{display:flex; flex-direction:column; border:1px solid #e6e3de; border-radius:8px; padding:20px 18px; background:#fff; transition:all .35s; text-decoration:none;}
.fact-page .strength-card:hover{border-color:#918876; box-shadow:0 8px 22px rgba(145,136,118,.18); transform:translateY(-4px);}
.fact-page .strength-card .num{font-size:26px; font-weight:700; color:#918876; font-family:Arial; line-height:1; margin-bottom:14px;}
.fact-page .strength-card .nm{font-size:16px; font-weight:700; color:#2b2b2b; line-height:1.4; margin-bottom:6px;}
.fact-page .strength-card .ds{font-size:11px; color:#9a958c; letter-spacing:.5px; text-transform:uppercase; font-family:Arial; margin-bottom:16px;}
.fact-page .strength-card .go{margin-top:auto; font-size:13px; color:#918876;}
@media(max-width:991px){.fact-page .strength-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:576px){.fact-page .strength-grid{grid-template-columns:1fr;}}

/* 列表页栏目导语 */
.l-banner h1 .nb{display:inline;width:auto;height:auto;background:none;white-space:nowrap;}
/* 联系页正文补充区块 */
.contact-content{padding:52px 0;background:#faf9f7;border-top:1px solid #f0eeea;}
.contact-content h3{font-size:20px;color:#918876;margin:28px 0 12px;font-weight:bold;}
.contact-content h3:first-child{margin-top:0;}
.contact-content p{line-height:1.9;color:#555;margin:8px 0;}
.contact-content p strong{color:#333;}
@media(max-width:576px){.contact-content{padding:32px 0;}.contact-content h3{font-size:18px;}}
.sort-intro{padding:42px 0 8px; background:#faf9f7; border-bottom:1px solid #efece8;}
.sort-intro .wrap:empty{display:none;}
.sort-intro h2{font-size:21px; color:#2b2b2b; font-weight:700; margin:0 0 16px; padding-left:12px; border-left:4px solid #918876; line-height:1.4;}
.sort-intro h3{font-size:17px; color:#333; font-weight:700; margin:24px 0 10px;}
.sort-intro h4{font-size:15px; color:#444; font-weight:700; margin:18px 0 8px;}
.sort-intro p{font-size:15px; color:#555; line-height:1.95; margin-bottom:13px;}
.sort-intro ul,.sort-intro ol{font-size:15px; color:#555; line-height:1.9; margin:0 0 14px; padding-left:22px;}
.sort-intro table{width:100%; border-collapse:collapse; margin:16px 0 22px; font-size:14px;}
.sort-intro table th{background:#918876; color:#fff; font-weight:600; padding:11px 13px; text-align:left; border:1px solid #918876;}
.sort-intro table td{padding:10px 13px; border:1px solid #e6e3de; color:#444; line-height:1.7; vertical-align:top;}
.sort-intro .faq-item{margin-bottom:16px;}
.sort-intro .faq-item .q{font-size:15px; font-weight:700; color:#2b2b2b; margin-bottom:6px;}
.sort-intro .faq-item .a{font-size:15px; color:#555; line-height:1.9; margin:0;}
@media(max-width:768px){
  .sort-intro{padding:30px 0 6px;}
  .sort-intro h2{font-size:18px;}
  .sort-intro p,.sort-intro ul,.sort-intro ol{font-size:14px;}
  .sort-intro table{font-size:13px;}
  .sort-intro table th,.sort-intro table td{padding:8px 9px;}
}