@import url(global.css);
/*-----------banner---------------------------------------- */
.banner {width:100%; min-width:1150px;height:350px;margin-bottom:10px;}
.left{ width:221px;height:auto;overflow:hidden;border:5px solid #eee;}
.left .title{ height:60px; line-height:60px; text-align:center;background:url(../images/titlebg.jpg) no-repeat 0 0; font-size:22px; color:#fff;}
.left .list{ overflow:hidden;margin-bottom:10px; padding:10px;}
.left .list li{ width:100%;padding-bottom:5px;}
.left .list li a{border-bottom:1px solid #ddd;line-height:40px;font-size:16px; display:block; text-indent:20px;}
.left .list li a:hover{display:block; color:#d20000;}
.left .list .u-crt{display:block; color:#d20000;}

.left .list2{ overflow:hidden;padding:10px;line-height:22px;}
.left .list2 h2{ padding-bottom:10px;}
.left .list2 h2 img{ width:100%;}

#u-crt .list-item{display: block;}
.lanrenzhijia{padding:10px;}
.lanrenzhijia h4{width:180px;height:32px;line-height:32px;text-indent:20px;overflow:hidden;font-size:15px;font-weight:normal;background:url(../images/menubgthis.jpg) no-repeat 0 center;}
.lanrenzhijia li{border-bottom:1px solid #ddd; overflow:hidden;}
.selected{height:auto;}
.list-item{display:none;}
.list-item a{color:#666;background:url(../images/menuChicbg.jpg) no-repeat 0 0;display: block;font-size: 14px; height: 27px;line-height:47px; padding:0 0 10px 18px;}
.list-item a:hover{color:#d20000;display: block;}

.right{ width:900px;height:auto;overflow:visible; margin-bottom:20px;}
.right::after{ content:""; display:table; clear:both; }
.right .dqwz{ height:36px; line-height:36px; border-bottom:1px solid #ccc; font-size:14px;}
.right .list{ width:100%;padding:10px 0; overflow:hidden;}
.right .list ul{padding:10px 0; overflow:auto; border-bottom:1px dashed #ccc;}
.right .list ul:hover{ background:#f1f1f1;}
.right .list .images{ width:220px; height:130px; float:left; padding-right:10px; margin-left:10px;}
.right .list .images img{ width:220px; height:130px;}
.right .list .biaoti{ width:650px; height:30px; line-height:30px; font-size:16px; float:left; color:#d20000;}
.right .list .info{ width:650px; height:72px; line-height:24px; overflow:hidden; float:left;}
.right .list .more{ width:650px; height:28px; float:left;}
.right .list .more span{ padding-right:10px;}

/*搜索页面*/
.seachrt{ width:100%;height:auto;overflow:hidden; margin-bottom:20px;}
.seachrt .dqwz{ height:36px; line-height:36px; border-bottom:1px solid #ccc; font-size:14px;}
.seachrt .list{ width:100%;padding:10px 0; overflow:hidden;}
.seachrt .list ul{padding:10px 0; overflow:auto; border-bottom:1px dashed #ccc;}
.seachrt .list ul:hover{ background:#f1f1f1;}
.seachrt .list .images{ width:220px; height:130px; float:left; padding-right:10px; margin-left:10px;}
.seachrt .list .images img{ width:220px; height:130px;}
.seachrt .list .biaoti{ width:650px; height:30px; line-height:30px; font-size:16px; float:left; color:#d20000;}
.seachrt .list .info{ width:650px; height:72px; line-height:24px; overflow:hidden; float:left;}
.seachrt .list .more{ width:650px; height:28px; float:left;}
.seachrt .list .more span{ padding-right:10px;}
.prct .main{width:100%;height:auto; overflow:hidden;}
.prct .main ul{width:210px;height:240px; float:left; padding:10px 37px 10px 0;}
.prct .main ul:nth-child(5n){padding-right: 0;}
.prct .image{width:210px;height:210px; overflow:hidden; position:relative;}
.prct .image img{width:210px;height:210px;}
.prct .biaoti{height:30px; line-height:30px; text-align:center; overflow:hidden;}
.prct .main li span{ color:#f00;}
.prct .txt{width:210px;height:210px;position:absolute;left:0;bottom:-210px;}
.prct .txt a{width:210px;height:210px; display:block;background:url(../images/video_bg.png) no-repeat center 0;}
/*搜索页面*/
.right .download{ width:100%;padding:10px 0; overflow:hidden;}
.right .download ul{padding:10px 0; overflow:auto; border-bottom:1px dashed #ccc; font-size:14px;}
.right .download .a1{width:100%; line-height:30px;}
.right .download .a1 strong{ color:#d20000;}
.right .download .a2{width:100%; line-height:30px;}
.right .download .a2 p{width:200px; height:30px; line-height:30px; float:left;}
.right .download .a2 a{width:120px; height:30px; line-height:30px; float:right; margin-left:20px; display:block; background:#d20000; color:#fff; text-align:center;}
.right .download .a2 a:hover{display:block; background:#ff6600;}
/* ------------信息详细页--------------------- */
.content{ padding:10px 0; line-height:27px; font-size:14px;}
.content .con1 {width:100%;overflow:hidden;height: 36px;line-height: 36px;font-size:1.5em; padding-top:10px; text-align:center;}
.content .con2 {height: 30px;line-height: 30px; text-align:center;}
.content .con2 span {padding:0 1px;}
.content .con3 {padding:10px 0; border-top:1px dashed #ccc; color:#666;}
table {border-collapse: collapse;}
.content .con3 th{ font-size:12px; border:1px solid #ccc; padding:2px;}
.content .con3 td{ font-size:12px; border:1px solid #ccc; padding:2px;}
.content .con4{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc; margin:10px 0;}
.content .con5{ padding-top:10px;}
/* ------------产品详情--------------------- */
.content .con6{width:100%; overflow:hidden;}
.con4{overflow:visible !important; margin:20px 0; display:block;}
.con4 .last,.con4 .next{display:block; line-height:2;}
.con4 a{color:#0e79f3;}
.content .con6 .le{width:300px; float:left;}
.content .con6 .le img{width:300px; border:1px solid #ccc; padding:10px;}
.content .con6 .ri{width:390px; float:right; padding-right:10px;}
.content .con6 h3{width:100%; line-height:30px; font-size:20px; text-align:center; padding-bottom:10px; color:#3c6baf;}
.content .con6 .ri .main{width:100%; padding:10px 0;}
.content .con7 {border:1px solid #ccc;}
.content .con7 .title{width:100%; height:30px; line-height:30px;color:#3c6baf; text-indent:15px; font-size:14px;border-bottom:1px solid #ccc;}
.content .con7 .list{ padding:10px;}
.content .con8{overflow:hidden; margin-top:10px; border:1px solid #ccc;}
.content .con8 .title{width:100%; height:30px; line-height:30px;color:#3c6baf; text-indent:15px; font-size:14px;border-bottom:1px solid #ccc;}
.content .con8 ul{ width:100%;overflow:hidden;}
.content .con8 ul li{width:175px; float:left; padding:10px 0 10px 10px;}
.content .con8 ul li a{width:173px; height:205px; border:1px solid #ccc; display:block;}
.content .con8 ul li a:hover{border:1px solid #3c6baf; display:block;}
.content .con8 ul li img{width:173px;}
.content .con8 ul li p{width:175px; height:24px; line-height:24px; text-align:center; overflow:hidden;}
.con9{width:100%; height:70px; padding-top:15px; text-align: center;}
.con9 a{width:160px; height:50px; line-height:50px; background: #d20000; border-radius:3px; text-align: center; color: #fff; display: inline-block; margin: 0 20px;}
.con9 a:hover{background: #ff6600; color: #fff; display: inline-block;}
/* ------------新闻页面--------------------- */
.new{ padding:0 3%; line-height:2.2em; font-size:1em;}
.new ul{ padding:10px 0;border-bottom:1px dashed #ccc;}
.new .n1{background:url(../images/bi.png) no-repeat 0 center;background-size:auto 50%; height:27px; line-height:27px; overflow:hidden; text-indent:20px; font-size:1.2em;}
.new .n2{height:48px; line-height:24px; overflow:hidden; color:#666;}
/* ------------分页--------------------- */
.page{ width:100%; text-align:center; border-top:1px solid #ccc; padding:10px 0;}
.page a{ display:inline-block; margin:0 2px; padding:3px 5px; border:1px solid #ccc;}
.page .active-page{background:#d20000; color:#fff;}
.page a:hover{background:#d20000; color:#fff;}
/* ------------图片--------------------- */
.product{width:100%; overflow:hidden; padding-bottom:10px;}
.product .title{width: 100%;height:40px; background:#343434;}
.product .title h3{FLOAT: left; padding:0 20px; height:40px; line-height:40px;background:#d20000; color:#fff; font-weight:normal;}
.product h2{text-align:center; font-size:20px; color:#b53659; border-bottom:1px dashed #ccc; padding:10px 0; margin:5px 0;}
.product .main{width:920px;height:auto; overflow:hidden;}
.product .main ul{width:210px;height:240px; float:left; padding:10px 20px 10px 0;}
.product .image{width:210px;height:210px; overflow:hidden; position:relative;}
.product .image img{width:210px;height:210px;}
.product .biaoti{height:30px; line-height:30px; text-align:center; overflow:hidden;}
.product .main li span{ color:#f00;}
.product .txt{width:210px;height:210px;position:absolute;left:0;bottom:-210px;}
.product .txt a{width:210px;height:210px; display:block;background:url(../images/video_bg.png) no-repeat center 0;}
/* ------------资质荣誉--------------------- */
.in-qq{width:100%; overflow:hidden; padding-bottom:10px;}
.in-qq li{width:236px;height:221px;	padding:10px;float: left;display: inline;}
.in-qq li a {width:236px;height:221px;color: #666;border-bottom: 4px solid #eee;display:block;}
.in-qq li a:hover {color: #852701;border-bottom: 4px solid #2559a4;display: block;-moz-opacity: 0.7;filter: alpha(opacity=70);-khtml-opacity: 0.7;opacity: 0.7;}
.in-qq li img{	width:236px;height:191px;}
.in-qq li p {width:236px;height: 24px;line-height:24px;text-align:center;overflow: hidden;color:#2559a4;}
/* ------------产品页面--------------------- */
.picture{overflow:hidden;padding:10px 0;}
.picture .right2 {width:520px;float:right;}
.picture .right2 .title{width:520px; height:auto; line-height:36px; padding-bottom:10px; font-size:22px; color:#d20000;}
.picture .right2 .canshu{width:520px;height:280px;padding:10px 0;line-height:27px;overflow:hidden;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}

.picture .right-extra {width:360px;float:left;}
.right-extra .mt{height:28px;line-height:28px;padding:0 10px 8px;border-top:1px solid #EED97C;background:url(../images/bg_hotsale.gif) repeat-x 0 -552px;color:#c00;}
.right-extra .tab{border-bottom:2px solid #BE0000;margin-bottom:10px;}
.right-extra .tab li{position:relative;height:24px;padding:3px 12px 0;background:url(../images/icon_clubs.gif) #ccc no-repeat right -150px;overflow:hidden;margin-right:3px;line-height:24px;font-size:14px;font-weight:bold;color:#c30;}
.right-extra .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;height:27px;background:url(../images/icon_clubs.gif) no-repeat 0 -150px;}
.right-extra .tab a{float:none;color:#c30;}
.right-extra .tab .curr{background-position:right -178px;color:#fff;}
.right-extra .tab .curr span{background-position:0 -178px;}
.right-extra .tab .curr a{color:#fff;}
.right-extra .mc .extra{padding:5px 10px;border-top:1px solid #F3E6C6;}
.right-extra .total{float:right;}
.right-extra .total strong{color:#FF7403;}
.right-extra .total a:link,.right-extra .total a:visited{color:#005aa0;}
.right-extra .join a:link,.right-extra .join a:visited{color:#FF7604;}
.right-extra .norecode{padding:0 10px 10px;}
.right-extra .iloading{margin-bottom:10px;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:350px; height:350px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:350px;height:350px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #d20000;padding:1px;}

/* ------------产品详情--------------------- */
.slideTxtBox{width: 100%;padding-top:10px; overflow:hidden; font-size: 14px;}
.slideTxtBox .hd{width: 100%;height:40px; background:#343434; color:#fff;}
.slideTxtBox .hd li{float: left;border-left:1px solid #666; padding:0 20px; height:40px; line-height:40px;cursor:pointer;}
.slideTxtBox .hd li.on{ height:40px;  background:#d20000;}

.slideTxtBox .bd{overflow:hidden; padding: 10px 0;}
.slideTxtBox .bd td{ border:1px solid #ccc; padding:2px 10px;}
.slideTxtBox .bd .guige{ line-height: 0;}

/* ===== 移动端响应式 ===== */
@media (max-width: 768px) {
  .container { width: 100% !important; padding: 0 10px; box-sizing: border-box; }
  .right { width: 100% !important; float: none; }
  .left { width: 100% !important; float: none; margin-bottom: 15px; }
  .picture { flex-direction: column; }
  .picture .right-extra { width: 100% !important; }
  .picture .right2 { width: 100% !important; padding-left: 0 !important; }
  .spec-preview img, .jqzoom img { max-width: 100%; height: auto; }
  .product ul { width: 100% !important; }
  .product li { width: 48% !important; margin: 0 1% 10px !important; }
  .banner { height: 150px !important; background-size: cover !important; }
  .content img { max-width: 100%; height: auto; }
  body { min-width: 320px; overflow-x: hidden; }
}
@media (max-width: 480px) {
  .product li { width: 100% !important; margin: 0 0 10px !important; }
  .banner { height: 120px !important; }
  .content { font-size: 14px; }
}
.cta-box { margin: 15px auto; display: flex; gap: 12px; flex-wrap: wrap; }
.cta-btn { display: inline-block; padding: 10px 24px; border-radius: 4px; font-size: 15px; text-decoration: none; transition: all 0.3s; }
.cta-tel { background: #d20000; color: #fff; }
.cta-tel:hover { background: #b00000; }
.cta-contact { background: #0e79f3; color: #fff; }
.cta-contact:hover { background: #0a5ebf; }
.faq-section { margin: 30px 0; padding: 20px; background: #f8f9fa; border-radius: 8px; }
.faq-section .title { margin-bottom: 15px; }
.faq-section .title h3 { font-size: 20px; color: #333; }
.faq-item { margin-bottom: 15px; border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; }
.faq-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.faq-q { font-weight: bold; color: #d20000; margin-bottom: 5px; font-size: 15px; }
.faq-a { color: #555; line-height: 1.7; font-size: 14px; }
.tags-section { margin: 30px 0; padding: 20px; background: #fafafa; border-radius: 8px; }
.tags-section .title h3 { font-size: 18px; color: #333; margin-bottom: 12px; }
.tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; }
.tag-cloud a { display: inline-block; padding: 6px 14px; background: #fff; border: 1px solid #ddd; border-radius: 20px; font-size: 13px; color: #333; text-decoration: none; transition: all 0.2s; }
.tag-cloud a:hover { background: #0e79f3; color: #fff; border-color: #0e79f3; }
.right2 .title h1 { font-size: 22px; color: #222; margin: 0 0 4px 0; }
@media (max-width: 768px) { .cta-box { justify-content: center; } .faq-section { padding: 15px; } .tag-cloud a { font-size: 12px; padding: 4px 10px; } }
/* ===== 图片间隙修复 ===== */
.detail-content img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.detail-content p:has(img) { margin: 0; padding: 0; line-height: 0; }
.detail-content p img { vertical-align: top; }
.detail-content { line-height: 1.8; font-size: 15px; color: #333; }

/* ===== CTA按钮 ===== */
.cta-box { margin: 15px auto; display: flex; gap: 12px; flex-wrap: wrap; }
.cta-btn { display: inline-block; padding: 12px 28px; border-radius: 4px; font-size: 15px; text-decoration: none; transition: all 0.3s; font-weight: bold; }
.cta-tel { background: #d20000; color: #fff; }
.cta-tel:hover { background: #b00000; color: #fff; text-decoration: none; }
.cta-contact { background: #0e79f3; color: #fff; }
.cta-contact:hover { background: #0a5ebf; color: #fff; text-decoration: none; }

/* ===== 侧边栏CTA ===== */
.side-cta { padding: 10px 15px; background: #f8f8f8; }
.side-cta-desc { font-size: 13px; color: #666; margin-bottom: 10px; text-align: center; }
.side-btn { display: block; text-align: center; padding: 18px 14px; height: 54px; font-size: 16px; font-weight: bold; letter-spacing: 2px; text-decoration: none; transition: all 0.2s; }
.side-btn-tel { background: #d20000; color: #fff; }
.side-btn-tel:hover { background: #b00000; color: #fff; text-decoration: none; }
.side-btn-form { background: #0e79f3; color: #fff; }
.side-btn-form:hover { background: #0a5ebf; color: #fff; text-decoration: none; }

/* ===== 侧边栏参数 ===== */
.side-specs { padding: 10px 15px; font-size: 13px; line-height: 1.8; color: #555; }
.side-specs table { width: 100%; font-size: 12px; }
.side-specs td { padding: 4px 0; border-bottom: 1px dashed #eee; }

/* ===== 侧边栏标签 ===== */
.side-tags { padding: 10px 15px; display: flex; flex-wrap: wrap; gap: 5px; }
.side-tags a { display: inline-block; padding: 4px 10px; background: #f0f0f0; border-radius: 3px; font-size: 12px; color: #555; text-decoration: none; }
.side-tags a:hover { background: #0e79f3; color: #fff; }

/* ===== 章节标题 ===== */
.section-title { border-left: 4px solid #0e79f3; padding-left: 12px; margin: 30px 0 20px; }
.section-title h3 { font-size: 20px; color: #222; margin: 0; font-weight: bold; }

/* ===== FAQ ===== */
.faq-section { margin: 20px 0; padding: 25px; background: #f8f9fa; border-radius: 8px; }
.faq-item { margin-bottom: 15px; border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; }
.faq-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.faq-q { font-weight: bold; color: #d20000; margin-bottom: 6px; font-size: 15px; }
.faq-a { color: #555; line-height: 1.7; font-size: 14px; }

/* ===== 应用场景 ===== */
.scene-list { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.scene-item { display: flex; align-items: flex-start; gap: 12px; padding: 15px; background: #f8f9fa; border-radius: 6px; border: 1px solid #eee; }
.scene-icon { font-size: 28px; flex-shrink: 0; }
.scene-text strong { display: block; margin-bottom: 4px; font-size: 15px; color: #222; }
.scene-text p { margin: 0; font-size: 13px; color: #666; line-height: 1.5; }

/* ===== 在线询价 ===== */
.inquiry-section { margin: 30px 0; padding: 25px; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-radius: 8px; }
.inquiry-desc { text-align: center; color: #666; margin-bottom: 20px; }
.inquiry-form .form-row { display: flex; gap: 15px; margin-bottom: 15px; }
.inquiry-form input { flex: 1; padding: 8px 10px; box-sizing: border-box; width: 100%; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; }
.inquiry-form input:focus { border-color: #0e79f3; outline: none; }
.inquiry-form textarea { width: 100%; padding: 8px 10px; box-sizing: border-box; width: 100%; border: 1px solid #ddd; border-radius: 4px; height: 100px; font-size: 14px; resize: vertical; box-sizing: border-box; }
.inquiry-form textarea:focus { border-color: #0e79f3; outline: none; }
.form-submit { display: block; width: 100%; padding: 18px 14px; height: 54px; background: #0e79f3; color: #fff; border: none; border-radius: 4px; font-size: 16px; font-weight: bold; cursor: pointer; margin-top: 15px; transition: all 0.3s; }
.form-submit:hover { background: #0a5ebf; }

/* ===== 售后服务 ===== */
.service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.service-item { padding: 20px; background: #f8f9fa; border-radius: 6px; text-align: center; border: 1px solid #eee; }
.service-icon { font-size: 32px; margin-bottom: 8px; }
.service-item strong { display: block; margin-bottom: 6px; font-size: 15px; color: #222; }
.service-item p { margin: 0; font-size: 13px; color: #666; line-height: 1.5; }

/* ===== 产品H1 ===== */
.right2 .title h1 { font-size: 22px; color: #222; margin: 0 0 4px 0; }

/* ===== 响应式 ===== */
@media (max-width: 768px) {
  .scene-list, .service-grid { grid-template-columns: 1fr; }
  .inquiry-form .form-row { flex-direction: column; gap: 10px; }
  .cta-box { justify-content: center; }
  .faq-section, .inquiry-section { padding: 15px; }
  .container { width: 100% !important; padding: 0 10px; box-sizing: border-box; }
  .right { width: 100% !important; float: none; }
  .left { width: 100% !important; float: none; margin-bottom: 15px; }
  .picture { flex-direction: column; }
  .picture .right-extra { width: 100% !important; }
  .picture .right2 { width: 100% !important; padding-left: 0 !important; }
  .spec-preview img, .jqzoom img { max-width: 100%; height: auto; }
  .product ul { width: 100% !important; }
  .product li { width: 48% !important; margin: 0 1% 10px !important; }
  .banner { height: 150px !important; background-size: cover !important; }
  body { min-width: 320px; overflow-x: hidden; }
}
@media (max-width: 480px) {
  .product li { width: 100% !important; }
  .banner { height: 120px !important; }
  .section-title h3 { font-size: 18px; }
  .faq-q { font-size: 14px; }
}
/* ===== 1. 吸顶导航 ===== */
.quick-nav { position: sticky; top: 0; z-index: 100; background: #fff; border-bottom: 1px solid #e0e0e0; padding: 0; display: flex; gap: 0; justify-content: center; overflow-x: auto; box-shadow: 0 2px 8px rgba(0,0,0,0.08); margin-bottom: 20px; }
.quick-nav a { display: inline-block; padding: 12px 30px; font-size: 15px; font-weight: bold; color: #333; text-decoration: none; white-space: nowrap; border-bottom: 2px solid transparent; flex-shrink: 0; }
.quick-nav a:hover, .quick-nav a.active { color: #0e79f3; border-bottom-color: #0e79f3; }

/* ===== 2. 内容折叠 ===== */
.detail-collapsed { max-height: 600px; overflow: hidden; position: relative; }
.detail-collapsed::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 120px; background: linear-gradient(to bottom, transparent, #fff); pointer-events: none; }
.detail-expand-btn { text-align: center; margin: 10px 0 20px; }
.detail-expand-btn button { padding: 10px 40px; background: #0e79f3; color: #fff; border: none; border-radius: 4px; font-size: 14px; cursor: pointer; }
.detail-expand-btn button:hover { background: #0a5ebf; }

/* ===== 3. 返回顶部 ===== */
.back-to-top { opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; position: fixed; bottom: 60px; right: 20px; width: 46px; height: 46px; background: #0e79f3; color: #fff; border: none; border-radius: 50%; font-size: 22px; cursor: pointer; z-index: 9999; box-shadow: 0 3px 15px rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; text-decoration: none; }
.back-to-top.show { opacity: 1; visibility: visible; }
.back-to-top:hover { background: #d20000; }

@media (max-width: 768px) {
  .quick-nav a { padding: 12px 0 20px 14px; font-size: 12px; }
  .back-to-top { right: 15px; bottom: 30px; width: 38px; height: 38px; font-size: 16px; }
}

/* sticky修复: overflow:hidden会杀死sticky */
.right .list, .right .list ul, .left, .left .list, .left .list2, .content .con1, .seachrt, .seachrt .list, .right .download, .prct .main, .prct .image, .prct .biaoti { overflow: hidden; }

/* 强制吸顶 */
.quick-nav { position: -webkit-sticky; position: sticky; top: 0; z-index: 1000; }

/* ===== 产品详情内容排版优化 ===== */
#detailContent {
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    line-height: 1.8;
    color: #333;
    font-size: 15px;
}
#detailContent, #detailContent * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
#detailContent img {
    width: 100% !important;
    height: auto !important;
    display: block;
    margin: 15px auto;
    border-radius: 4px;
}
#detailContent p {
    margin: 10px 0 !important;
    text-indent: 2em;
    line-height: 1.8 !important;
    font-size: 15px !important;
    color: #333 !important;
    background: none !important;
}
#detailContent h2 {
    margin: 20px 0 10px !important;
    font-weight: bold !important;
    color: #1a1a1a !important;
    font-size: 20px !important;
    border: none !important;
    background: none !important;
}
#detailContent h3 {
    margin: 18px 0 8px !important;
    font-weight: bold !important;
    color: #1a1a1a !important;
    font-size: 17px !important;
    border: none !important;
    background: none !important;
}
#detailContent ul, #detailContent ol {
    padding-left: 2em !important;
    margin: 10px 0 !important;
}
#detailContent li {
    margin: 5px 0 !important;
    line-height: 1.8 !important;
    font-size: 15px !important;
    color: #333 !important;
    list-style-type: disc !important;
}
#detailContent table {
    width: 100% !important;
    border-collapse: collapse;
    margin: 15px auto;
    font-size: 14px;
}
#detailContent table th, #detailContent table td {
    border: 1px solid #ddd !important;
    padding: 10px !important;
    text-align: left;
}
#detailContent table th {
    background: #f5f5f5 !important;
    font-weight: bold;
}
#detailContent strong, #detailContent b {
    font-weight: 700 !important;
    color: #1a1a1a !important;
}
#detailContent .breadcrumbs { display: none !important; }
/* ===== 产品标签 ===== */
.product-tags { margin: 2px 0 6px; display: flex; flex-wrap: wrap; gap: 8px; }
.ptag { display: inline-block; padding: 3px 12px; font-size: 12px; color: #fff; background: linear-gradient(135deg,#1a3a5c,#2d6a9f); border-radius: 3px; letter-spacing: 1px; }

/* ===== 信任背书行 ===== */

/* ===== 咨询区 ===== */
.consult-section { margin: 30px 0 20px; }
.consult-banner { background: linear-gradient(135deg,#1a3a5c,#0d2137); border-radius: 10px; padding: 30px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
.consult-text { flex: 1; min-width: 280px; }
.consult-text h2 { color: #fff; font-size: 22px; margin: 0 0 8px; font-weight: normal; }
.consult-text h2 strong { color: #ffd700; }
.consult-text p { color: #aab; font-size: 14px; margin: 0 0 15px; }
.consult-advantages { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.ca-item { color: #ccd; font-size: 13px; display: flex; align-items: center; gap: 5px; }
.consult-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.consult-btn { display: inline-block; padding: 12px 28px; border-radius: 6px; font-size: 16px; font-weight: bold; text-decoration: none; transition: all 0.3s; text-align: center; }
.consult-tel { background: #ff6a00; color: #fff; }
.consult-tel:hover { background: #e55d00; color: #fff; }
.consult-form { background: #fff; color: #1a3a5c; }
.consult-form:hover { background: #e8f0fe; color: #1a3a5c; }

/* ===== FAQ追问 ===== */
.faq-more { margin-top: 15px; padding: 15px 20px; background: #f8f9fa; border-radius: 6px; text-align: center; border: 1px dashed #ccc; }
.faq-more p { margin: 0; font-size: 14px; color: #666; }
.faq-more a { color: #2d6a9f; font-weight: bold; text-decoration: underline; }

/* ===== 悬浮底部CTA ===== */
.float-bottom-bar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: linear-gradient(135deg,#1a3a5c,#0d2137); box-shadow: 0 -4px 20px rgba(0,0,0,0.3); transform: translateY(100%); transition: transform 0.4s ease; }
.float-bottom-bar.show { transform: translateY(0); }
.fbb-inner { max-width: 1200px; margin: 0 auto; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.fbb-info { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.fbb-phone { color: #ffd700; font-size: 18px; font-weight: bold; white-space: nowrap; }
.fbb-text { color: #aab; font-size: 13px; }
.fbb-actions { display: flex; gap: 10px; }
.fbb-btn { display: inline-block; padding: 10px 24px; border-radius: 5px; font-size: 15px; font-weight: bold; text-decoration: none; transition: all 0.3s; white-space: nowrap; }
.fbb-call { background: #ff6a00; color: #fff; }
.fbb-call:hover { background: #e55d00; color: #fff; }
.fbb-quote { background: #fff; color: #1a3a5c; }
.fbb-quote:hover { background: #e8f0fe; color: #1a3a5c; }

/* ===== 移动端适配 ===== */
@media (max-width: 768px) {
  .consult-banner { flex-direction: column; text-align: center; padding: 20px 15px; }
  .consult-advantages { justify-content: center; }
  .fbb-inner { flex-direction: column; text-align: center; padding: 8px 15px; }
  .fbb-info { justify-content: center; }
  .fbb-phone { font-size: 16px; }
  .fbb-text { font-size: 12px; }
  .fbb-btn { padding: 8px 18px; font-size: 14px; }


/* ===== 左侧在线留言表单 ===== */
.inquiry-form { padding: 12px 0 20px 14px; background: #f9fafb; border-radius: 0 0 6px 6px; border: 1px solid #e8e8e8; border-top: none; }
.if-row { margin-bottom: 8px; }
.if-row input, .if-row textarea { width: 100%; padding: 8px 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; box-sizing: border-box; outline: none; transition: border-color .2s; font-family: Microsoft YaHei,sans-serif; }
.if-row input:focus, .if-row textarea:focus { border-color: #2d6a9f; }
.if-row textarea { resize: vertical; min-height: 50px; }
.if-btn { width: 100%; padding: 18px 14px; height: 54px; background: linear-gradient(135deg,#ff6a00,#e55d00); color: #fff; border: none; border-radius: 6px; font-size: 16px; font-weight: bold; letter-spacing: 2px; cursor: pointer; transition: all .3s; }
.if-btn:hover { opacity: .95; box-shadow: 0 3px 12px rgba(230,80,0,0.4); }
.if-btn:disabled { opacity: .6; cursor: not-allowed; }
.if-msg { margin-top: 6px; padding: 6px 10px; border-radius: 4px; font-size: 12px; display: none; text-align: center; }
.if-ok { display: block; background: #e8f5e9; color: #2e7d32; border: 1px solid #c8e6c9; }
.if-err { display: block; background: #fbe9e7; color: #c62828; border: 1px solid #ffccbc; }