@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; font-family: "ht_Regular"; -webkit-font-smoothing: antialiased; - webkit-text-size-adjust: 100%;
background: #fff; color: #000;}
a, article, body, canvas, div, em, figcaption, figure, footer, h1, h2, hgroup, input, li, ol, p, section, small, span, ul { padding: 0; margin: 0 }
div, form, img, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font- family: 'ht_Regular';}
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
fieldset, img, input { border: 0 none; outline: none;}
table { border-collapse: collapse; border-spacing: 0; }
ul, li { list-style: none; }
i { font-style: normal; }
fieldset, img { border: 0px; }
textarea { resize: vertical }
input, textarea, select, option, button { outline: none; }
a { text-decoration: none; color: #333; blr:exPRession(this.onFocus=this.blur ());
-webkit-tap-highlight-color: rgba(0,0,0,0); }
a:focus { outline: 0; }
a:hover { text-decoration: none; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.clear:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }

@font-face{font-family: "ht_Bold";src: url("../font/HarmonyOS_Sans_Bold.ttf");}
@font-face{font-family: "ht_Regular";src: url("../font/HarmonyOS_Sans_Regular.ttf");}

/* 头部 */
.header { width: 100%; height: 62px;  background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; z-index: 10;}
.logo { float: left; margin: 0 0 0 30px; }
.logo img { display: block;width: 75%; height: auto;}
.nav { float: left; overflow: hidden;}
.nav li { float: left; line-height: 62px; font-size: 18px; margin: 0 10px; font-family: "ht_Bold";}
.nav li a { display: block; color: #fff; position: relative; }
.nav li a::before { content: ''; width: 0; height: 2px; background-color: #d70312; position: absolute; left: 0; bottom: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
 .nav li a.active::before, .nav li a:hover::before { width: 100%; }
.header-right{float: right; width:15%; overflow: hidden; padding-right: 0.9rem;}
.header-search { float: left; margin-top: 21px;  }
.header-search .icon { display: block; width: 24px; height: 24px; background: url(../images/icon20.png) center no-repeat; background-size: 20px; border-radius: 100%; }

.user-icon { float: left; display: inline-block;cursor: pointer; width: 25px; padding: 20px 25px 0 25px;}
.icon-circle img{width: 100%; height:auto;}



  /* 下拉菜单样式 */
.dropdown {position: absolute;top: 50px;right: 1.1%;transform: translateX(-50%);background: white; width: 150px;border-radius: 10px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);opacity: 0;visibility: hidden;transition: all 0.3s ease; z-index: 100;overflow: hidden; }
.user-icon:hover .dropdown { opacity: 1;visibility: visible;top: 70px;}
.dropdown-item {padding: 15px 20px;display: block;align-items: center;text-decoration: none; color: #2c3e50;border-bottom: 1px solid #f1f1f1; transition: background 0.2s; text-align: center;}
.dropdown-item:last-child { border-bottom: none;}
.dropdown-item:hover {background: #f8f9fa;}


 /* 下拉菜单样式 */
.dropdown1 {position: absolute;top: 50px;right: 1.1%;transform: translateX(-12%);background: white; width: 80px;border-radius: 10px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);opacity: 0;visibility: hidden;transition: all 0.3s ease; z-index: 100;overflow: hidden; }
.nav_top1_r:hover .dropdown1 { opacity: 1;visibility: visible;top: 30px;}
.dropdown-item1 {padding: 5px 10px;display: block;align-items: center;text-decoration: none; color: #2c3e50;border-bottom: 1px solid #f1f1f1; transition: background 0.2s; text-align: center;}
.dropdown-item1:last-child { border-bottom: none;}


.instructions {margin-top: 30px;padding: 20px;background: #f8f9fa;border-radius: 10px; text-align: left;}
.instructions h3 {color: #2c3e50;margin-bottom: 10px;}
.instructions p {color: #7f8c8d;line-height: 1.5;}

.header-search-hidden { width: 100%; background-color: #000; position: absolute; top: 0; left: 0; z-index: 11; display: none; }
.header-search-hidden .box { width: 682px; margin: 0 auto; }
.header-search-hidden .box .input-text { float: left; width: 580px; height: 70px; line-height: 1.29412; border:0;background-color: transparent; font-size: 14px; color: #fff;}
.header-search-hidden .box .search-btn { float: left; width: 50px; height: 70px; border: 0; border-radius: 42px; background: url(../images/icon20.png) center no-repeat; background-size: 26px; opacity: 0.6; font-size: 0; }
.header-search-hidden .box .icon-close { float: right; width: 50px; height: 70px; background: url(../images/icon-close.png) center no-repeat; background-size: 26px; opacity: 1;  cursor: pointer;}
.ac-gn-curtain { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 998; background-color: #000; opacity: 0.2; }
.header-search-hidden .input-text input::placeholder{ color: rgba(255, 255, 255, 1);font-family: "ht_Regular";}

.gwc{float: left; overflow: hidden; padding-top: 18px;}
.gwc a{width: 97px; background-color: #d70312; height: 30px; line-height: 30px; border-radius: 15px; display: block;}
.gwc a img{float: left; width: 20px;height: auto; padding-left: 18px; padding-top: 4px; padding-right: 5px;}
.gwc a i{float: left; font-size: 14px; color: #fff;}
.gwc a:hover{background-color: #b90410;}
.header-share .zcdl { background-image: url("../images/zcdl.png"); }
.header-share{overflow: hidden; float: right; padding-top: 21px;}


.subnav_bj1 { width: 90%; height: 60px; background-color: #fff; line-height: 60px; text-align:center; margin: 0 auto; padding-bottom: 40px;}
.subnav1 a {padding: 0 1.5%; font-size: 18px;color: #424242;font-weight:bold;display:inline-block; }
.subnav1 a:hover, .subnav1 a.on2 {  color:#d70312; }

.subnav_bj2 { width: 90%;  background-color: #fff; line-height: 40px; text-align:center; margin: 0 auto; padding-bottom: 50px;}
.subnav2 a {margin: 0 1.5%; font-size: 18px;color: #424242;font-weight:bold;display:inline-block; }
.subnav2 a:hover, .subnav2 a.on2 {  border-bottom: 2px solid #d70312;}






.cp_mn{overflow: hidden; font-size: 36px;font-family: "ht_Bold"; margin-bottom: 30px;}
.cp_mn_nr{overflow: hidden; margin-bottom: 50px;}
.cp_mn_nr ul{margin-right:-3.33%;}
.cp_mn_nr ul li{float: left; width: 30%; margin-right: 3.33%;}

.cp_mn_nr ul li .zb{float: left; width: 45%; overflow: hidden;}
.cp_mn_nr ul li .zb img{width: 100%; height: auto;}
.cp_mn_nr ul li .yb{float: right; width:50%; overflow: hidden;}
.cp_mn_nr ul li .yb h2{font-size: 25px;font-family: "ht_Bold";  color: #161616;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 20px; padding-top: 10px;}
.cp_mn_nr ul li .yb p{line-height: 24px; color: #474747; font-size: 14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.cp_mn_nr ul li a{box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;  display: block;}
.cp_mn_nr ul li a:hover{transform: translateY(-10px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);  display: block;}


.fw_cdc{overflow: hidden; margin-bottom: 90px;}
.fw_cdc_l1{overflow: hidden; width: 42%; float: left;}
.fw_cdc_l1 h2{font-size: 36px;color: #000; margin-bottom: 30px; padding-top: 30px;}
.fw_cdc_l2{font-size: 14px; color: #8f8f8f; margin-bottom: 40px; line-height: 24px;}
.fw_cdc_l3{overflow: hidden; margin-bottom: 0;}
.fw_cdc_l3 h2{font-size: 18px; color: #424242;}
.fw_cdc_l4{overflow: hidden; margin-bottom: 10px; color: #424242;}
.fw_cdc_l4 img{float: left; width: 20px; height: auto; padding-right: 10px;}
.fw_cdc_l4 p{float: left; line-height: 23px;}

.fw_cdc_r1{overflow: hidden; width: 55%; float: right;}
.fw_cdc_r1 img{width: 100%; height: auto; border-radius: 15px;}

.fw_cdc1{overflow: hidden; margin-bottom: 50px;}
.fw_cdc1_l{float: left; width:55%; overflow: hidden;}
.fw_cdc1_l img{width: 100%; height: auto; border-radius: 15px;}
.fw_cdc1_r{float: right; width: 42%; overflow: hidden;}
.fw_cdc1_r h2{font-size: 36px;color: #000; margin-bottom: 30px; padding-top: 30px;}
.fw_cdc1_r1{overflow: hidden; margin-bottom: 30px;}
.fw_cdc1_r1 p{ line-height: 23px; color: #757575;}
.fw_cdc2{ max-height: 0px; overflow: hidden;transition: max-height 0.5s ease;color: #757575;line-height: 23px;}
.fw_cdc2.expanded { max-height: 1000px;}
.toggle-btn {margin-top: 15px;padding: 5px 20px;cursor: pointer; background-color: #d70312; border: none; color: #000; font-size: 14px; border-radius: 15px; color: #fff;}
.toggle-btn:hover{padding: 5px 20px; background-color: #ededed; border-radius: 15px; color: #000;}

.fw_cdc2a{overflow: hidden; margin-bottom: 50px;}
.fw_cdc2a_l{float: right; width:55%; overflow: hidden;}
.fw_cdc2a_l img{width: 100%; height: auto; border-radius: 15px;}
.fw_cdc2a_r{float: left; width: 42%; overflow: hidden;}
.fw_cdc2a_r h2{font-size: 36px;color: #000; margin-bottom: 30px; padding-top: 30px;}
.fw_cdc2a_r1{overflow: hidden; margin-bottom: 30px;}
.fw_cdc2a_r1 p{ line-height: 23px; color: #757575;}

.fw_tj{overflow: hidden; background-color: #f4f4f3; padding: 50px 0;}


.xx_gs{overflow: hidden;  width: 90%; margin: 0 auto; padding-bottom: 50px;}
.xx_gs1{font-size: 36px; color: #000;}
.xx_gs2{font-size: 16px; color: #757575;}
.xx_ct{overflow: hidden; width: 90%;margin: 0 auto; padding: 2%;}
.xx_ct ul{margin-right: -4%;}
.xx_ct ul li{float: left; width: 21%; margin-right: 4%; margin-bottom: 4%;}
.xx_ct ul li a{ background-color: #f0f0f0; border-radius: 15px; display: block; padding: 40px 0 40px 0;   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
.xx_ct ul li a:hover{ transform: translateY(-10px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);}
.xx_ct ul li a img{ width:80%; margin: 0 auto; display: block; height: auto; border-radius: 15px; margin: 0 auto;}
.xx_ct ul li a .wen{ width: 80%; margin: 0 auto; padding: 20px 0;overflow:hidden;}
.xx_ct ul li a .wen p{line-height: 24px; color: #5f5f5f; font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.xx_ct ul li a .timev{width: 80%; margin: 0 auto; text-align: center; color: #5f5f5f; }


.fw_tjc{overflow: hidden; width: 90%;margin: 0 auto; padding: 2%;}
.fw_tjc ul{margin-right: -4%;}
.fw_tjc ul li{float: left; width: 21%; margin-right: 4%; margin-bottom: 4%;}
.fw_tjc ul li a{ background-color: #fff; border-radius: 15px; display: block; padding: 0 0 40px 0;   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
.fw_tjc ul li a:hover{ transform: translateY(-10px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);}
.fw_tjc ul li a img{ width:80%; margin: 0 auto; display: block; height: auto; border-radius: 15px; margin: 0 auto;}
.fw_tjc ul li a .wen{ width: 80%; margin: 0 auto; padding: 10px 0;overflow:hidden;}
.fw_tjc ul li a .wen p{line-height: 24px; color: #808080; font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.fw_tjc ul li a .timev{width: 80%; margin: 0 auto; text-align: center; color: #5f5f5f;font-family: "ht_Bold"; font-size: 18px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;  }

.fw_tjca{overflow: hidden; width: 90%;margin: 0 auto; padding: 2%;}
.fw_tjca ul{margin-right: -4%;}
.fw_tjca ul li{float: left; width: 21%; margin-right: 4%; margin-bottom: 4%;}
.fw_tjca ul li a{ background-color: #f1f1f1; border-radius: 15px; display: block; padding: 0 0 40px 0;   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
.fw_tjca ul li a:hover{ transform: translateY(-10px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);}
.fw_tjca ul li a img{ width:80%; margin: 0 auto; display: block; height: auto; border-radius: 15px; margin: 0 auto;}
.fw_tjca ul li a .wen{ width: 80%; margin: 0 auto; padding: 10px 0;overflow:hidden;}
.fw_tjca ul li a .wen p{line-height: 24px; color: #808080; font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.fw_tjca ul li a .timev{width: 80%; margin: 0 auto; text-align: center; color: #5f5f5f;font-family: "ht_Bold"; font-size: 18px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;  }



.cp_xqc{overflow: hidden;}
.cp_xqc_l{float: left; width: 57%; overflow: hidden;}
.cp_xqc_r{float: right; width: 40%; overflow: hidden; margin-bottom: 0;}
.cp_xqc_r1{overflow: hidden;}
.cp_xqc_r1a{font-size:14px; color: #262626; padding-top: 20px; margin-bottom: 5px; }
.cp_xqc_r1b{font-size:36px; color: #d70312; font-family: "ht_Bold"; margin-bottom: 10px;}
.cp_xqc_r1c{font-size:30px; color: #000; font-family: "ht_Bold";}
.cp_xqc_r1d{font-size:16px; color: #262626; margin-bottom: 20px;}

.cp_xqc_r2{border-top: 1px solid #ffe0e0; border-bottom: 1px solid #ffe0e0; margin-bottom: 30px;}
.cp_xqc_r2a{overflow: hidden; padding: 30px 0;}
.cp_xqc_r2a ul{margin-right: -3.33%;}
.cp_xqc_r2a ul li{float: left; width: 30%; margin-right: 3.33%;}
.cp_xqc_r2a ul li .vc1{text-align: center; margin-bottom: 10px;}
.cp_xqc_r2a ul li .vc2{text-align: center;font-family: "ht_Bold";}

.cp_xqc_r3{overflow: hidden; margin-bottom: 20px;}
.cp_xqc_r3a{overflow: hidden; margin-bottom: 5px;}
.cp_xqc_r3a img{float: left;width: 20px; margin-right: 10px;}
.cp_xqc_r3a p{line-height: 20px; color: #414141;}


.cp_xqc_r4{overflow: hidden;}
.cp_xqc_r4 h2{font-size: 24px; font-family: "ht_Bold"; margin-bottom: 20px;}




/* 产品详情缩略图 */
.carousela { overflow: hidden;}
.thumbnails { display: flex; gap: 10px; overflow-x: auto; padding: 20px 0 10px 0; margin-bottom: 15px; }
.thumbnail { width: 100px; height: 70px; object-fit: cover; cursor: pointer; opacity: 0.7; transition: all 0.3s; border-radius: 20px; border: 1px solid #fff;}
.thumbnail.active { opacity: 1; border: 1px solid #d70312; }
.thumbnail:hover { opacity: 0.9; }
.big-image-container { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 15px; }
.big-image { width: 100%; height: 100%; display: block;}
.carousel-arrowa { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 50%; \ cursor: pointer; z-index: 10; transition: background 0.3s; }
.carousel-arrowa img{width: 12px; height: auto;}
.carousel-arrowa.left { left: 20px; }
.carousel-arrowa.right { right: 20px; }
.carousel-arrowa:hover { background: rgba(0,0,0,0.7); }

/* 右下角容器：包含进度和全屏按钮，横向排列 */
.bottom-right-controls { position: absolute; bottom: 20px; right: 20px; display: flex; align-items: center; gap: 10px; z-index: 10; }
.progress { background: rgba(0,0,0,0.5); color: white; padding: 5px 12px; border-radius: 20px; font-size: 14px; }
.fullscreen-btn {  overflow: hidden;  border: 0; cursor: pointer;  background-color: transparent; }
.fullscreen-btn img{width: 20px; height: auto;}
.fullscreen-container { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #000; z-index: 100; display: none; }
.fullscreen-container.active { display: flex; align-items: center; justify-content: center; }
.close-fullscreen { position: fixed; top: 20px; right: 20px; color: white; font-size: 30px; cursor: pointer; z-index: 101; }
.close-fullscreen img{width: 20px; height: auto;}
/* 全屏模式下的右下角控制组 */
.fullscreen-bottom-right { position: fixed; bottom: 30px; right: 30px; display: flex; align-items: center; gap: 15px; z-index: 101; }
.fullscreen-progress { background: rgba(0,0,0,0.5); color: white; padding: 8px 16px; border-radius: 24px; font-size: 16px; }
.fullscreen-arrow { width: 60px; height: 60px; font-size: 24px; }

.jj_bsc{overflow: hidden; background-color: #f1f1f1; border-radius: 15px; padding: 30px 0;  margin-bottom: 30px;}
.jj_bsc h2{font-size:30px; color: #000; padding-bottom: 15px; width: 90%; margin: 0 auto; font-family: "ht_Bold";}
.jj_bsc1{line-height: 24px; color: #525252;font-size:14px; width: 90%; margin: 0 auto;}

.cp_xqc1{overflow: hidden; width: 57%;}



.cp_mn_hx{overflow: hidden;  padding: 2%;}
.cp_mn_hx ul{margin-right: -3.33%;}
.cp_mn_hx ul li{float: left; width: 30%; margin-right: 3.33%; margin-bottom: 3.33%;}
.cp_mn_hx ul li a{ background-color: #f7f7f7; border-radius: 15px; display: block; padding: 0 0 40px 0;   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
.cp_mn_hx ul li a:hover{ transform: translateY(-10px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);}
.cp_mn_hx ul li a img{ width:80%; margin: 0 auto; display: block; height: auto;  margin: 0 auto;}
.cp_mn_hx ul li a h2{font-size: 25px;font-family: "ht_Bold";text-align: center;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 85%; margin: 0 auto; line-height: 30px;}

/* 新增20260211 */
.ewv1{width: 80%; margin: 0 auto; padding-top: 20px; overflow: hidden;}
.ewv1 .wen{  padding: 20px 0;overflow:hidden; border-collapse: collapse;table-layout: fixed; width: 100%;}
.ewv1 .wen tr:nth-child(odd) {background-color: #c9c9ca; }
.ewv1 .wen tr:nth-child(even) {background-color: #eeefef;}
.ewv1 .wen td {text-align: left;padding:10px  10px;font-size: 12px; width: 47%;    overflow: hidden;
text-overflow: ellipsis; white-space: nowrap;max-width: 47%;}




/* 产品详情折叠和弹窗 */
.container {overflow: hidden; margin-bottom: 40px;}
.collapse-item {margin-bottom: 15px;background: white;border-radius: 8px;}
.collapse-item:last-child {margin-bottom: 0;}
.collapse-header {padding: 18px 20px;background-color: #fff;cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: background-color 0.3s; border-radius: 8px; margin-bottom: 20px;}
.collapse-header:hover {background-color: #f9f9f9;}
.collapse-title {font-size: 18px;font-weight: 600;color: #2c3e50;}
.collapse-icon {width: 20px; height: 20px;position: relative;transition: transform 0.3s; }
.collapse-icon::before,
.collapse-icon::after {content: '';position: absolute;background-color: #000;transition: all 0.3s;}
.collapse-icon::before {width: 100%;height: 2px;top: 50%;left: 0; transform: translateY(-50%);}
.collapse-icon::after {width: 2px;height: 100%;left: 50%;top: 0;transform: translateX(-50%);}
.collapse-item.active .collapse-icon::after {transform: translateX(-50%) rotate(90deg);opacity: 0; }
.collapse-content { max-height: 0; overflow: hidden;  transition: max-height 0.4s ease-out; background-color: #fff;}
.collapse-content  .wen{  padding: 20px 0;overflow:hidden; border-collapse: collapse;table-layout: fixed; width: 100%;}
.collapse-content  .wen tr:nth-child(odd) {background-color: #c9c9ca; }
.collapse-content  .wen tr:nth-child(even) {background-color: #eeefef;}
.collapse-content  .wen td {text-align: left;padding:10px  10px;font-size: 12px; width: 47%;    overflow: hidden;
text-overflow: ellipsis; white-space: nowrap;max-width: 47%;}

/* 轮播样式 */
.carousel-container {   padding: 20px; position: relative; }
.carousel {display: flex;//overflow: hidden; position: relative; border-radius: 8px;transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.carousel-item {min-width: 34%; margin-right: 5%; padding: 40px 25px;cursor: pointer; transition: transform 0.3s, opacity 0.3s; background-color: #f1f1f1; border-radius: 15px;}
.carousel-item:hover {transform: translateY(-5px); }
.carousel-item img { width: 100%;height: auto;object-fit: cover;margin-bottom: 15px;}
.carousel-item h3 {font-size: 16px;margin-bottom: 15px;color: #2c3e50; text-align: center;font-family: "ht_Bold";}
.carousel-item p {font-size: 14px; color: #7f8c8d;line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  overflow: hidden;}
.carousel-item.partial p {  -webkit-line-clamp: 1;}
.carousel-arrow {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.9); border: none;
width: 40px; height: 40px;border-radius: 50%;display: flex; align-items: center;justify-content: center;cursor: pointer; z-index: 10;transition: all 0.3s;border: 1px solid #eaeaea;}
.carousel-arrow:hover {background: white;transform: translateY(-50%) scale(1.1); }
.carousel-arrow.left {left: 10px; }
.carousel-arrow.right {  right: 10px; }
        
/* 精确对应进度条样式 */
.carousel-progress {margin-top: 30px; display: flex;gap: 6px;justify-content: center;}
.carousel-progress-segment { height: 4px;flex: 1;max-width: 40px;background-color: #eaeaea;border-radius: 2px;transition: background-color 0.3s;cursor: pointer; }
.carousel-progress-segment.active {background-color: #000; }
/* 弹窗样式 */
.modal {display: none;position: fixed;top: 0;left: 0; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); z-index: 100;justify-content: center; align-items: center;}  
.modal-content { background: white;border-radius: 10px;width: 90%;max-width: 600px; padding: 25px; position: relative; transform: scale(0.7); opacity: 0;transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease-out; }
.modal.active .modal-content { transform: scale(1);opacity: 1;}
.modal-close {position: absolute; top: 15px;right: 15px; background: none;border: none;font-size: 20px;cursor: pointer;color: #7f8c8d;transition: transform 0.2s;}       
.modal-close:hover { transform: rotate(90deg);}
.modal-header { margin-bottom: 15px;padding-right: 30px;}
.modal-header h2 {color: #2c3e50;font-size: 22px;}
.modal-body {display: flex;flex-direction: column;gap: 15px;}
.modal-body img { width: 100%;height: auto; object-fit: cover;border-radius: 8px; }
.modal-body p { color: #555; line-height: 1.6;}
/* 文案样式 */
.content-text {padding: 20px;color: #555;line-height: 1.8; background-color: #f1f1f1; border-radius: 15px;}
.content-text1{overflow: hidden; margin-bottom: 15px; padding-top: 15px;}
.content-text1 .p1{width: 28%;float: left;}
.content-text1 .p1 img{float: left; width: 20px; height: auto; padding-left: 30px; padding-top: 2px;}
.content-text1 .p2{text-align: center; font-size: 14px; color: #242424; width: 35%; float: left; }
.content-text1 .p3{text-align: center; font-size: 14px; color: #242424; width: 35%; float: left;}


.xt_c{width: 993px; margin: 0 auto;}
.xt_c img{width: 100%; height: auto; display: block; padding-top: 4rem;}
.laosding { width: 100%; margin: 0 auto; height: 40px;  color: #000; margin-top: 1rem; margin-bottom: 4rem; display: block; overflow: hidden }
.laosding:hover { cursor: pointer;color: #d70312; }
.laosding a { display: block; height: 40px; color: #000; text-align: center; line-height: 40px; font-size: 16px; font-family: "ht_Bold";}

/* 新闻详情  */
.pic_list_xq { display: block; overflow: hidden;width: 80%; margin: 0 auto;}
.pic_list_xq img { text-align: center; display: block; margin: 0 auto;  padding-bottom: 20px; width: 700px; height: auto;}
.pic_list_xq p img { text-align: center; display: block; margin: 0 auto;  padding-bottom: 0px; width: 700px; height: auto;}
.pic_list_xq h2 { font-size: 36px; text-align: center; color: #333; line-height: 42px; padding:20px 0;  }
.pic_list_xq h3 { font-size: 14px; color: #999; text-align: center; line-height: 24px; }
.pic_list_details { margin-top: 15px; padding-top: 30px; }
.pic_list_details p { font-size:16px; color: #292929; text-indent: 2em; text-align: left; line-height: 30px; margin-bottom: 20px; }
.pic_list_details h5 { font-size: 18px; color: #007cc2; text-indent: 1.5em; padding: 15px 0 10px 0; font-weight: bold }
.page_text { border-top: #b6b6b6 dotted 1px; border-bottom: #b6b6b6 dotted 1px; font-size: 14px; padding: 10px 0px; margin-top: 3rem; color: #333; margin-bottom: 4rem }
.page_text p{overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.page_text p img { float: left; width: 20px; height: auto; padding-top: 5px; padding-right: 5px;}
.page_text p a { color: #666; font-weight: normal; line-height: 30px; overflow: hidden; font-weight: bold;}
.page_text p a:hover { color: #d70312; }

.new-sub-nav { position: absolute;  z-index: 9999; top: 100%; width: 100%; background: #fff; padding: 20px 0;/* min-height:300px; */ display: none; }
.new-sub-nav .nav-wrapper { width: 90%; margin: 0 auto; }
.new-sub-nav .nav-item { overflow: hidden; display: none; width: 100%; }
.new-sub-nav .nav-item.active { display: block; }
.new-sub-nav .nav-left { float: left; width: 30%; }
.new-sub-nav .nav-left li { border-bottom: 1px solid #dddddd; padding: 10px 0 10px 15px; font-size: 16px; background-repeat: no-repeat; position: relative; cursor: pointer;  line-height: 40px;}
.new-sub-nav .nav-left li.active:after { content: ""; width: 6px; height: 6px; display: block; position: absolute; right: 5px; top: 55%; margin-top: -7.5px; border: 2px solid transparent; border-top-color: #e61728; border-right-color: #e61728; transform: rotate(45deg); }
.new-sub-nav .nav-left li a { display: block; }
.new-sub-nav .nav-left li.active a, .new-sub-nav .nav-left li:hover a { color: #d70312; }
.new-sub-nav .nav-right { float: right; width: 68%; overflow: hidden; }
.new-sub-nav h3 { font-size: 16px; margin-bottom: 10px; }
.new-sub-nav h3 span { font-size: 14px; margin-left: 10px; }
.new-sub-nav .list-cont { overflow: hidden; margin-top: -20px; }
.new-sub-nav .list-cont li { margin-top: 20px; }
.new-sub-nav .nav-right li { box-sizing: border-box; padding: 0 9px;/* margin-bottom:20px; */ overflow: hidden; }
.new-sub-nav .nav-right li .img-cont { overflow: hidden; position: relative; }

.nav_fwxz{overflow: hidden;position: relative; padding: 30px 0 10px 0;}
.nav_fwxz ul li{float: left; width: 22%; margin-right: 3%;position: relative; margin-bottom: 3%;}
.nav_fwxz ul li .dve{position: relative;z-index: 30; border-radius: 15px; overflow: hidden;}
.nav_fwxz ul li .dve img{width: 100%; height: auto;transition: .2s transform; transform: translateZ(0);display: block;}
.nav_fwxz ul li:hover .dve img { transform: scale(1.1, 1.1); transition: .4s transform;}
.nav_fwxz ul li .dvet{position: absolute; z-index: 80;left: 10%; bottom: 12%;}
.nav_fwxz ul li .dvet p{color: #fff;font-size: 14px;font-family: "ht_Bold";}


.new-sub-nav .img-cont img { width: 100%; display: block; }
.new-sub-nav .nav-right li .text-cont { font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #fff; text-align: center; padding: 0 10px; }
.new-sub-nav .right-item { display: none; }
.new-sub-nav .right-item.active { display: block; }
.new-sub-nav .right-item .active h2 { font-size: 18px; padding-top: 15px; color: #343434; padding-bottom: 20px; padding-left: 9px;}
.new-sub-nav .nav-right .right-tab { font-size: 16px; border-bottom: 1px solid #dddddd; overflow: hidden; margin-bottom: 30px; }
.new-sub-nav .nav-right .right-tab li { margin-bottom: 0; line-height: 2; cursor: pointer; padding: 0; margin-right: 20px; }
.new-sub-nav .nav-right .right-tab li.active { border-bottom: 2px solid #d70312; color: #d70312; }
.new-sub-nav .nav-right .title-cont { overflow: hidden; }
.new-sub-nav .nav-right .title-cont h3 { float: left; }
.new-sub-nav .nav-right .title-cont a { float: right; }
.new-sub-nav .nav-right .right-main li { display: none; }
.new-sub-nav .nav-right .right-main li.active { display: block; }
.new-sub-nav .nav-right .right-main li .list-cont li { display: block;  }
.new-sub-nav .nav-right .right-main li .list-cont li a{color: #474747;}
.new-sub-nav .nav-right .right-main li .list-cont li a:hover{ color: #d70312; font-size: 14px;}
.new-sub-nav .nav-right li .t-title { font-size: 18px; margin-bottom: 10px; position: relative; background-repeat: no-repeat; color: #555555; }
.new-sub-nav .nav-right li .pic-box { position: relative; }
.new-sub-nav .nav-right li .pic-box .text-cont { width: 100%; position: absolute; left: 0; bottom: 8px; }
.new-sub-nav .nav-right li.padding .img-cont { padding-bottom: 25px; }
.new-sub-nav .nav-right li.padding .img-cont img { width: 90%; margin: 0 auto; }
.new-sub-nav .nav-right li .s-logo { position: absolute; left: 0; top: 5px; }
.new-sub-nav .nav-right li .s-logo img { display: block; width: 100%; }
.new-sub-nav .nav-right li .type-logo { position: absolute; bottom: 10px; right: 10px; }
.new-sub-nav .nav-right li .type-logo img { display: block; height: 15px; }
.hide-header { top: -70px; }




/* 右侧浮动在线客服 */
.commonposition { _position: absolute; _top: expression(documentElement.scrollTop + 200 + "px");
position: fixed; top: 20%; right:1%; z-index: 99; display: none; }
.commonposition .Homedianhua { display: block; width: 60px; height: 60px; position: relative; background-color: #0376a1; background-image: url(../images/icon.png); background-repeat: no-repeat; margin-bottom: 20px; }
.commonposition .Hometop { display: block; width: 60px; height: 60px; position: relative; background-color: #0376a1; background-image: url(../images/icon.png); background-repeat: no-repeat; margin-bottom: 20px; }
.commonposition .Homeweixin { display: block; width: 60px; height: 60px; position: relative; background-color: #0376a1; background-image: url(../images/icon.png); background-repeat: no-repeat; margin-bottom: 20px; }

.commonposition .dianhuabggray{  position: absolute; right: 70px; top: 0px; padding: 10px 0;  color: #fff; line-height: 30px; font-size: 14px; background-color: #fff; width: 150px; border-radius: 10px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);opacity: 0;visibility: hidden;transition: all 0.3s ease; z-index: 900;}
.Homedianhua:hover .dianhuabggray { opacity: 1;visibility: visible;}

.commonposition .dianhuabggray a{display: block; text-align: center;}
.dianhuabggray a:hover { color: #d70312;}

.commonposition .HomeQQ { background-position: -4px 0px; }
.commonposition .HomeQQ1 { background-position: -4px 0px; }
.commonposition .Homedianhua { background-position: 3px -96px; background-color: #e4e4e4; border-radius: 50px; }
.commonposition .Homeweixin { background-position: 5px -146px;  background-color: #d70312; border-radius: 50px;}
.commonposition .Hometop { background-position: 5px -196px; background-color: #e4e4e4; border-radius: 50px; margin-bottom: 20px; }
.commonposition .QQbggray { background-position: -4px 0px; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 90px; }
.commonposition .QQbggray1 { background-position: -4px 0px; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 90px; }
.commonposition .weixinerweima { right: 45px; padding: 0px; }




.main{width: 85%; margin: 0 auto; overflow: hidden;}
.nav_top1{height: 28px; line-height: 28px; font-family: "ht_Regular"; background-color: #fff; display: block;}
.nav_top1c{width: 95%; margin: 0 auto; overflow: hidden;}
.nav_top1_l{float: left; width: 19%; }
.nav_top1_c{float: left; width: 60%; text-align: center;}
.nav_top1_r{float: right; width: 5%; }
.nav_top1_r1{cursor: pointer;text-align: center; }
.nav_top1_r1 img{float: left; width: 15px; height: auto; padding-top: 6px; padding-right: 5px;}


.top2 { display: none; }

/*内页产品列表*/
.cpzc_bt{overflow: hidden; border-bottom: 1px solid #8b8b8a; margin-bottom: 40px;}
.cpzc_bt h2{font-size: 36px; text-align: center;font-family: "ht_Bold"; color: #131313; margin-bottom: 30px;}
.cpzc_bt img{width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.cpzc_bt p{ line-height: 24px; color: #585858; width: 70%; margin: 0 auto; text-align: center; padding-bottom: 20px;}





.xx_bv{overflow: hidden;}

.ev1{float: left; overflow: hidden; margin-right: 1%;}
.ev1 img{float: left; width: 14px; height: auto; margin-right: 5px; padding-top: 24px;}
.ev1 a{float: left; font-size: 12px;font-family: "ht_Bold"; color: #fff; line-height: 60px;}
.ev1 a:hover{color: #e63631;}
.banner { position: relative; overflow: hidden; width: 100%; z-index: 1; clear: both; }
.slides { position: relative; }
.slides li img { display: block; width: 100% \9; width: 100%; height: auto; }

.flex-control-nav { position: absolute; bottom: 20px; z-index: 2;/* width: 5%; */ margin: 0 auto; display: block; clear: both; padding: 15px 30px;margin-left: 10%; overflow: hidden; text-align: center; }
.flex-control-nav li { display: inline-block;  margin: 0 7px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 15px; height: 33px;   overflow: hidden; cursor: pointer; background: url("../images/tb2.png") 0 10px no-repeat;font-size: 0px;}
.flex-control-nav .flex-active { background-position: 0 0; background-color: #8b8b8b; background: url("../images/tb1.png") center no-repeat;  width: 30px; height: 31px; font-size: 0px;}
.top1{display: block; position: relative;}




/*版权*/
.fotter{background-color: #3c3c3c; width: 100%; overflow: hidden;}
.fotter1{background-color: #d70312; padding: 0;}
.fotter1_c{width: 90%; margin: 0 auto; overflow: hidden; padding: 2% 0;}
.fotter1_c1{text-align: center; font-size: 24px;font-family: "ht_Bold";color: #fff; margin-bottom: 10px; }
.fotter1_c2{width: 50%;margin: 0 auto; overflow: hidden;}
.formText{float: left; width:90%;}
.formText input::placeholder{ color: rgba(255, 255, 255, 1);font-family: "ht_Regular";}
.formText1{float: right;}
.btn1 { background: url("../images/ann.jpg") 0 5px no-repeat; width:38px; height: 45px; font-size: 0px;}
.text {height: 45px;line-height: 45px;padding: 0 15px; color: #fff; background: #9f0f15;font-size: 0.95rem; width: 98%;font-family: "ht_Bold"; border-radius: 15px;}
.fotter2{overflow: hidden; width: 80%; margin: 0 auto; padding-top: 1%; padding-bottom: 1%;}
.fotter2_l{float: left; width: 25%; color: #fff; text-align: center;}
.pv1{font-size: 16px;font-family: "ht_Bold"; line-height: 40px;}
.pv2{font-size: 14px;font-family: "ht_Regular"; line-height: 26px;}
.fotter3{overflow: hidden; width: 80%; margin: 0 auto; padding-top: 1%; padding-bottom: 1%;}
.fotter3_l{float: left; width: 25%; color: #fff; text-align: center;}
.fotter3_l p{font-size: 16px;font-family: "ht_Bold"; line-height: 40px;}
.fotter3_l a{font-size: 14px;font-family: "ht_Regular"; line-height: 26px;display: block;color: #fff; font-size: 12px;}
.fotter3_r{float: right; width: 25%; text-align: center;}
.fotter3_r .ter1{font-size: 16px;font-family: "ht_Bold"; line-height: 40px; color: #fff; }
.fotter3_r .ter2{width: 77%; overflow: hidden; padding-left: 33%;}
.fotter3_r .ter2 img{float: left;}
.fotter3_r .ter2 a{float: left; color: #fff; line-height: 33px;}
.fotter4{background-color: #000; width: 100%; height: 40px;line-height: 40px; color: #fff;text-align: center; font-size: 14px;font-family: "ht_Regular";}

.subnav_bj3a{display: none;}


.ny_banenr{overflow: hidden;}
.ny_banenr img{width: 100%; height: auto;}
.nyc1{display: block;}

.bj_cw{ padding-top: 90px; overflow: hidden;background-color: #fff; }
/*联系我们*/
.ny_bj{overflow: hidden; padding-top: 6rem; padding-bottom: 50px; }
.er_nav_c{overflow: hidden; border-bottom: 1px solid #8b8b8a; padding-bottom: 10px;color: #262626;}
.er_nav_c a{color: #262626; font-size: 14px; float: left;}
.er_nav_c i{color: #262626; display: block;float: left; padding: 1px 10px 0px 10px;}

.er_nav_c1{overflow: hidden;  padding-bottom: 10px; color: #262626;}
.er_nav_c1 a{color: #262626; font-size: 14px; float: left;}
.er_nav_c1 i{color: #262626; display: block;float: left; padding: 1px 10px 0px 10px;}


.lxwm_bt{padding-top: 50px; overflow: hidden;}
.lxwm_bt1{text-align: center; font-size: 36px; margin-bottom: 10px;  color: #3d3d3c;font-family: "ht_Bold";}
.lxwm_bt2{text-align: center; font-size: 14px; margin-bottom: 30px;  color: #898988;}
.lxwm_nr{background-color: #f4f4f3; border-radius: 15px; width: 50%; margin: 0 auto; padding: 50px 0;}
.lxwm_nr1{width: 50px; height: 50px; margin: 0 auto; border-radius: 50px; border: 1px solid #000;}
.lxwm_nr1 img{width: 30px; margin: 0 auto; height: auto; padding-left: 10px; padding-top: 10px;}
.lxwm_nr2{overflow: hidden; width: 90%; text-align: center; margin: 0 auto; padding-top: 10px;}
.lxwm_nr2 p{line-height: 24px; color: #606060;}
/*在线留言*/
.zxly_c{overflow: hidden; background-color: #f4f4f3; padding: 50px 0; margin-top: 3rem;}
.zxly_c h2{text-align: center; font-size: 36px;font-family: "ht_Bold"; padding-bottom: 40px;}
.message-box {width: 90%; padding: 0 3rem; margin: 0 auto;}
.message-box .message-top {display: grid;grid-template-columns: repeat(3, 1fr);gap: 0.4rem;}
.message-box .message-top .one {display: flex;flex-direction: column; margin-bottom: 0;}
.message-box .message-top .one .name {display: flex;align-items: center;gap: 10px; margin-bottom: 10px; line-height: 20px;}
.message-box .message-top .one .name .txt {display: flex;font-size: 14px;color: #333333;}
.message-box .message-top .one .name .txt i {font-style: normal;color: #e41f2f;}
.message-box .message-top .one .name img {object-fit: contain;}
.message-box .message-top .one input {padding: 0 10px;background: #fff;font-size: 14px;color: #757575;border: none;outline: none; line-height: 40px;}
.message-box .textarea { margin-top: 30px; grid-template-columns: repeat(1, 1fr); width: 97.6%;}
.message-box .textarea textarea {margin-top: 0.2rem;width: 100%;height: 200px;padding: 15px 15px;font-size: 14px; color: #757575;line-height: 24px;resize: none;border: none; margin-bottom: 30px;}
.sub {background: #e32735;font-size: 16px;color: #ffffff;border: none; text-align: center; line-height: 30px; border-radius: 15px; cursor: pointer;position: relative; width: 150px; margin: 0 auto; display: block;font-family: "ht_Bold";}
.sub:hover{background-color: #b6020f;}




/*翻页*/
.page { text-align: center; font-size: 12px; font-family: '\5b8b\4f53';  margin-bottom: 1.5rem; margin-top: 0.5rem; }
.page a { display: inline-block; margin: 0 5px; height: 24px; line-height: 24px; padding: 0 8px; border: #bcbcbc solid 1px; border-radius: 2px; color: #666; }
.page i { width: 0; height: 0; line-height: 0; display: block; border-width: 5px; border-style: solid; Filter: Chroma(color=color); position: absolute; top: 7px; }
.page .first { padding-left: 20px !important; position: relative; margin-bottom: 10px; }
.page .last { padding-right: 20px !important; position: relative; }
.page .first i { border-color: transparent #999 transparent transparent; left: 5px; }
.page .last i { border-color: transparent transparent transparent #999; right: 5px; }
.page a:hover { color: #666; border: #666 solid 1px; text-decoration: none; }
.page .on { color: #FFF !important; border: #666 solid 1px; background:#666;}
.page_list { padding: 10px 0; border-top: #ccc dotted 1px; border-bottom: #ccc dotted 1px; margin-bottom: 20px; }
.page_list p { line-height: 2.2;  font-size:0.8rem;color: #000; }
.page_list p a { color: #333; }
.cp_cv{overflow: hidden;}

.bringins-content{position: fixed;width: 476px;height: 216px;top: 50%;left: 50%;margin: -188px 0 0 -238px;opacity: 0; border: 1px solid #948497;background-color: #fff;}




@media screen and (max-width: 1920px) {
.carousel-containera {width: 86%; margin: 0 auto; height: 500px;position: relative;overflow: hidden; padding-right: 3%;}
.ve_pc .ve_pc1{overflow: hidden; margin-left: 45%; margin-top: 15%;}
.logo { padding-top: 12px; }
.nav ul li a { padding: 0 22px; font-size: 18px; }	
.ev1 a{ font-size: 14px;}	
.optionsc{width: 96%; margin: 0 auto; overflow: hidden;}
.fotter3_r .ter2 a{ line-height: 30px;}
.fotter4{ font-size: 14px;}
}

@media screen and (max-width: 1680px) {
.carousel-containera {width: 86%; margin: 0 auto; height: 400px;position: relative;overflow: hidden; padding-right: 3%;}
.ve_pc .ve_pc1{overflow: hidden; margin-left: 45%; margin-top: 10%;}
.logo { padding-top: 15px; }
.nav ul li a { padding: 0 15px; font-size: 14px; }	
.ev1 a{ font-size: 12px;}	
.optionsc{width: 96%; margin: 0 auto; overflow: hidden;}
#pro_list2 {  height: 450px; }
#pro_div2 .mr_frBtnL {  left: 0px; top: 190px; }
#pro_div2 .mr_frBtnR { right: 0px; top: 190px; }
#pro_div3 .mr_frBtnL {  left: 0px; top: 200px; }
#pro_div3 .mr_frBtnR { right: 0px; top: 200px; }
.fotter3_r .ter2 a{ line-height: 30px;}
.fotter4{ font-size: 12px;}
}

@media screen and ( max-width:768px ) {
.commonposition {display: none !important;}
.subnav_bj3a{display: block; padding: 30px 0;background-color: #efefef; width: 100%; overflow: hidden; margin-bottom: 30px;} 
.subnav_bj3 { width: 90%;   margin: 0 auto; line-height: 40px; text-align:center;}
.subnav3 a {margin: 0 1.5%; font-size: 18px;color: #424242;font-weight:bold;display:inline-block; margin-bottom: 20px;}
.subnav3 a:hover, .subnav3 a.on2 {  border-bottom: 2px solid #d70312;margin-bottom: 20px;}
 .caption {width: 70.7%;  }
.carousel-containera {height: 300px; padding-right: 6%; }
.caption h3 { font-size: 1.1rem;}
.caption p {font-size: 0.85rem;}
.carousel-btn { width: 45px;height: 45px;font-size: 1.4rem;}
.carousel-title {font-size: 1.8rem; }
.fw_tjca ul{margin-right: -0%;}
.fw_tjca ul li{float: left; width: 100%; margin-right: 0%; margin-bottom: 10%;}
.carousel-item {min-width: 83%;margin-right: 5%;}
.content-text1 .p2{line-height: 22px; }
.cp_xqc1{overflow: hidden; width: 100%;}
.main{width: 90%; margin: 0 auto; overflow: hidden;}
.cp_xqc_l{float: left; width: 100%; }
.cp_xqc_r{float:left; width: 100%; margin-bottom: 50px; }
.big-image-container { height: 300px; }
.carousel-arrowa { width: 40px; height: 40px; font-size: 16px; }
.bottom-right-controls { gap: 8px; }
.progress { padding: 4px 10px; font-size: 12px; }
.fullscreen-btn { width: 36px; height: 36px; }
.fw_tjc ul{margin-right: -4%;}
.fw_tjc ul li{float: left; width: 46%; margin-right: 4%; margin-bottom: 8%;}
.fw_cdc2a_l{float: left; width:100%; }
.fw_cdc2a_r{float: left; width: 100%; }
.fw_cdc1_r{float: left; width: 100%; }
.fw_cdc1_l{float: left; width:100%; }
.fw_cdc_l3{margin-bottom: 30px;}
.fw_cdc_l1{overflow: hidden; width: 100%; float: left;}
.fw_cdc_r1{overflow: hidden; width: 100%; float: left;}
.cp_mn_hx ul{margin-right: -0%;}
.cp_mn_hx ul li{float: left; width: 100%; margin-right: 0%; margin-bottom: 10%;}
	
.cp_mn_nr ul{margin-right:-0;}
.cp_mn_nr ul li{float: left; width: 100%; margin-right: 0;}
	
.xx_ct ul{margin-right: -6%;}
.xx_ct ul li{float: left; width: 44%; margin-right: 6%; margin-bottom: 6%;}
.message-box .message-top .one{margin-bottom: 10px;}
.message-box .textarea { margin-top: 5px; }
.lxwm_nr{width: 80%; margin: 0 auto;}
.message-box .textarea { width: 94.5%;}
.message-box {padding: 0 0.8rem;}
.message-box .message-top {grid-template-columns: repeat(1, 1fr);}
.message-box .message-top .one .name .txt {font-size: 14px;}
.message-box .message-top .one input {padding: 10px;}
.message-box .textarea textarea {height: 20vh;padding: 10px;line-height: 1.5;}
.ny_bj{padding-top: 10px;}
.fotter3_r{width: 50%; }
.fotter3_l{ width: 50%; }
.fotter2_l{width: 50%;}
.fotter1{padding: 10px 0;}
.fotter1_c2{width: 80%;margin: 0 auto;overflow: hidden;}	
.formText{float: left; width:75%;}
.formText input::placeholder{ color: rgba(255, 255, 255, 1);font-family: "ht_Regular";}
.formText1{float: right;}


.product1 .hd1{display: none;}
.product2 .hd2{display: none;}
	
/*搜索开始*/
.glass-search{float: left; width: 80%; margin-left: 20px; border-radius: 15px;padding: 5px; border: 1px solid #e63631; margin-top: 17px; }
.search-group{ display: flex;  align-items: center;padding: 0 15px;}
.glass-input{background: transparent;border: none;font-size: 12px;outline: none; width: 85%; margin-right: 5px;}
.glass-input::placeholder { color: rgba(0, 0, 0, 1);font-family: "ht_Regular";}
.glass-button{ border: none;cursor: pointer; background: url("../images/ss.png") center no-repeat; width: 11px; height:10px;}
/*搜索结束*/
.ev1{float: left; overflow: hidden; width: 100%; padding-left: 20px; height: 40px;}
.ev1 img{float: left; width: 14px; height: auto; margin-right: 5px; padding-top: 23px;}
.ev1 a{float: left; font-size: 14px;font-family: "ht_Bold"; color: #000; line-height: 60px;}
.ev1 a:hover{color: #e63631;}
	
.nav_top1{display: none;}
.cspz_v1{overflow: hidden; padding-top: 35px; padding-bottom: 50px;}
.cspz_v{  width: 100%; height: 100%;  margin: 0 auto; padding-top: 25px; background: #fff; border-bottom: 1px solid #000;}
.cspz_v ul li{ /*height:45px; */line-height: 56px; border-bottom: 1px solid #eee; font-size: 15px;  background-color: #c82e30; border-left: 1px solid #000; border-right:1px solid #000; border-top: 1px solid #000;}
.cspz_v ul li span{ display: block; height: 100%; width: 100%; position: relative;  color: #fff; text-transform: uppercase;}
.cspz_v ul li span i{ display: block; height: 20px; width: 20px; background: url("../images/arr.png") center center no-repeat; background-size:80% 80%; position: absolute; right: 20px; top: 50%; margin-top: -10px;  transition: all 0.3s ease-out; transform: rotate(0deg);}
.cspz_v ul li span i.action{ transition: all 0.3s ease-out;transform: rotate(180deg);}
.cspz_v ul li>dl{ display: none;  background: #fff;   }
.cspz_v ul li>dl { display: block; height: 100%; width: 100%; font-size: 14px; color: #222; text-decoration: none; }
.re1{padding-left: 20px;}
.cspz_v ul li>dl dt .vwc{ overflow: hidden; border-bottom: 1px solid #000;}
.cspz_v ul li>dl dt .pv1{width: 94%; float: left; padding-left: 20px;border-bottom: 1px solid #000; line-height: 24px;  padding-right: 20px;padding-top: 10px; padding-bottom: 10px; background-color: #ebebeb;}
.cspz_v ul li>dl dt .pv2{width: 94%; float: left; padding-left: 20px; border-left: 0; padding-right: 20px;line-height: 24px; padding-top: 10px; padding-bottom: 10px; }

	
.cspz_c{width: 90%; margin: 0 auto;  overflow: hidden; padding: 15% 0 0 0;}
.cp_pjc_btv{width: 80%; margin: 0 auto; font-size: 24px;text-transform: uppercase; font-weight: bold;background: url("../images/ub.jpg") bottom repeat-x; height: 26px; text-align: center; padding-bottom: 47px;}
.ggc1{display: none;}
.ggc2{display: block;}
.cp_pjc{ width: 90%; margin: 0 auto; overflow: hidden; padding: 15% 0 10% 0;}
.cp_pjc_bt{width: 90%; margin: 0 auto; font-size: 24px;text-transform: uppercase; font-weight: bold;background: url("../images/ub.jpg") bottom repeat-x; height: 26px; text-align: center; padding-bottom: 25px;}


	
.cp_bt1_c1_l_t1{padding-bottom: 30px; font-size: 16px;}
.cp_bt1_c1_l_t{font-size: 18px; padding-bottom: 10px;}
.cp_bt1_c{font-size: 24px;}
.cp_bt1_c1{padding: 50px 0 30px 0;}
#pro_div1 { width: 100%;  }
.cp_bt1_c1_l{width: 100%; }
.lx_c{padding-top: 30px; padding-bottom: 30px;}	
.cimg{padding-bottom: 4%; }
.lxwm_c{overflow: hidden; width: 90%; margin: 0 auto; padding: 15% 0 3% 0;}
.lx_c1{width: 100%; overflow: hidden; border-right: 1px solid #fff; float: left;}
.lx_c2{width: 100%; overflow: hidden; border-right: 1px solid #fff; float: left;}
.ny_banenr1{overflow: hidden;}
.ny_banenr1 img{width: 100%; height: auto;}	
.nyc2{display: block;}	
.nyc1{display: none;}
.banner_ny1 { display: none; }
.fw1 { display: none; }
.sampleRoom { display: none; }
.tnv1{ overflow: hidden; background-color: #000; height: 50px;}
.tnv{overflow: hidden; width: 90%; margin: 0 auto; overflow: hidden; }

.top1 { display: none; }
.top2 { display: block;}
.hidden { display: none; }
.logo1 { padding-right: 0; padding-left: 10px; }
.logo1 img { float: left; width: 45%; padding-top: 9px; }
.menu { float: right;   }
.menu a { display: block; }
.menu img { width: 75%; padding-top: 7px;}
.tc_twonav .black_bg { background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 998; }
.tc_twonav .back_scz { position: fixed; left: 0; top: 0; width: 55%; height: 100%; z-index: 999; background-size: 40% auto; }
.tc_twonav .right_nav {position: fixed;background: #fff;left: 40%;top: 0;width: 60%;height: 100%;z-index: 999;}
.tc_twonav .right_nav ul li a { height: 3rem; line-height: 3rem; width: 100%; border-bottom: 1px solid #ddd; display: block; text-align: left; padding-left: 20px; font-size: 1rem; color: #000;font-family: "ht_Bold"; }
.flex-control-nav { position: absolute; bottom: 0; z-index: 2;/* width: 5%; */ margin: 0 auto; display: block; clear: both; padding: 0px 10px;margin-left: 10%; overflow: hidden; text-align: center; }
.flex-control-nav li { display: inline-block;  margin: 0 7px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 10px;   overflow: hidden; cursor: pointer; background: url("../images/tb2a.png") 0 10px no-repeat;font-size: 0px;}
.flex-control-nav .flex-active { background-position: 0 0; background-color: #8b8b8b; background: url("../images/tb1a.png") center no-repeat;  width: 20px; height: 35px; font-size: 0px;}
.banner { position: relative; overflow: hidden; width: 100%; z-index: 1; clear: both; }
.homeIntroL { width: 100%; margin-bottom: 6vh; }
.homeIntroR { width: 100%; }
.homeIntroR ul li .info b {font-size: 0.9rem;}
.homeIntroR ul li .info .name {bottom: 20px;}
.swiper-slide { padding: 0;}
.product_c{padding: 15% 0 15% 0;  }
.product_title_l{float: left; width: 100%; font-size: 24px;}
.fotter_c{padding: 5% 0;}

}



/* 修正所有分辨率的logo位置问题 - 放在文件最末尾 */

/* 1. 针对1921px-2559px之间的屏幕（2K屏幕） */
@media only screen and (min-width: 1921px) and (max-width: 2559px) {
  .logo {
    padding-top: 8px !important;
    display: flex;
    align-items: center;
    height: 62px;
  }
  
  .logo a {
    display: flex;
    align-items: center;
    height: 100%;
  }
  
  .logo img {
    max-height: 45px;
    width: auto;
  }
}

/* 2. 针对2560px-2879px之间的屏幕（2.5K/QHD+屏幕） */
@media only screen and (min-width: 2560px) and (max-width: 2879px) {
  .logo {
    display: flex;
    align-items: center;
    height: 62px;
    padding-top: 12px !important;
    margin-top: 0 !important;
  }
  
  .logo a {
    display: flex;
    align-items: center;
    height: 100%;
  }
  
  .logo img {
    display: block;
    max-height: 48px;
    width: auto;
    object-fit: contain;
  }
}

/* 3. 针对2880px-3839px之间的屏幕（Retina/高清屏幕 - 您的分辨率） */
@media only screen and (min-width: 2880px) and (max-width: 3839px) {
  .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 62px;
    padding-top: 13px !important; /* 根据您的测试调整 */
    margin-top: 0 !important;
  }
  
  .logo a {
    display: flex;
    align-items: center;
    height: 100%;
  }
  
  .logo img {
    display: block;
    max-height: 52px;
    width: auto;
    object-fit: contain;
  }
}

/* 4. 针对3840px及以上的屏幕（4K/5K屏幕） */
@media only screen and (min-width: 3840px) {
  .logo {
    display: flex;
    align-items: center;
    height: 62px;
    padding-top: 14px !important;
    margin-top: 0 !important;
  }
  
  .logo a {
    display: flex;
    align-items: center;
    height: 100%;
  }
  
  .logo img {
    display: block;
    max-height: 55px;
    width: auto;
  }
}

/* 5. 针对1366px-1439px之间的屏幕（常见笔记本屏幕） */
@media only screen and (min-width: 1366px) and (max-width: 1439px) {
  .logo {
    padding-top: 8px;
  }
}

/* 6. 针对1440px-1679px之间的屏幕 - 您的实际设备范围 */
@media only screen and (min-width: 1440px) and (max-width: 1679px) {
  .logo {
    padding-top: 13px; /* 根据您的测试改为13px */
  }
}

/* 7. 针对1680px-1920px之间的屏幕（常见桌面屏幕） */
@media only screen and (min-width: 1680px) and (max-width: 1920px) {
  .logo {
    padding-top: 14px;
  }
}

/* =========================================== */
/* Banner响应式显示控制 */
/* =========================================== */
@media (max-width: 767px) {
    .banner:not(.ba2) {
        display: none !important;  /* 手机端隐藏PC banner */
    }
    .banner.ba2 {
        display: block !important; /* 手机端显示手机 banner */
    }
}

@media (min-width: 768px) {
    .banner:not(.ba2) {
        display: block !important; /* PC端显示PC banner */
    }
    .banner.ba2 {
        display: none !important;  /* PC端隐藏手机 banner */
    }
}

/* 隐藏默认的flexslider导航箭头 - 但保留我们自定义的箭头 */
.flex-direction-nav:not(.custom_banner_nav_20260226),
.flex-prev:not(.custom_banner_prev_20260226),
.flex-next:not(.custom_banner_next_20260226) {
    display: none !important;
}




/* ===== 产品表格高度动态适配 - 基于视口宽度 ===== */

/* 视口宽度 ≤ 1280px */
@media screen and (max-width: 1280px) {
    .ewv1 {
        height: 260px !important;
    }
}

/* 视口宽度 1281-1366px */
@media screen and (min-width: 1281px) and (max-width: 1366px) {
    .ewv1 {
        height: 264px !important;
    }
}

/* 视口宽度 1367-1440px - 您的电脑在此范围 */
@media screen and (min-width: 1367px) and (max-width: 1440px) {
    .ewv1 {
        height: 272px !important;
    }
}

/* 视口宽度 1441-1536px */
@media screen and (min-width: 1441px) and (max-width: 1536px) {
    .ewv1 {
        height: 278px !important;
    }
}

/* 视口宽度 1537-1600px */
@media screen and (min-width: 1537px) and (max-width: 1600px) {
    .ewv1 {
        height: 282px !important;
    }
}

/* 视口宽度 1601-1680px */
@media screen and (min-width: 1601px) and (max-width: 1680px) {
    .ewv1 {
        height: 285px !important;
    }
}

/* 视口宽度 1681-1920px - 1920×1080在此范围 */
@media screen and (min-width: 1681px) and (max-width: 1920px) {
    .ewv1 {
        height: 288px !important;
    }
}

/* 视口宽度 1921-2560px (2K) */
@media screen and (min-width: 1921px) and (max-width: 2560px) {
    .ewv1 {
        height: 300px !important;
    }
}

/* 视口宽度 >2560px (4K) */
@media screen and (min-width: 2561px) {
    .ewv1 {
        height: 320px !important;
    }
}

/* 特别修复 1920x1080 缩放125% */
@media screen and (min-width: 1500px) and (max-width: 1680px) and (min-resolution: 1.25dppx) {
    .ewv1 {
        height: 340px !important;
    }
}
/* 手机端 375px及以下 */
@media screen and (max-width: 375px) {
    .ewv1 {
        height: 200px !important;
    }
}

/* 手机端 376-414px */
@media screen and (min-width: 376px) and (max-width: 414px) {
    .ewv1 {
        height: 210px !important;
    }
}

/* 手机端 415-480px (iPhone 16 Pro Max等) */
@media screen and (min-width: 415px) and (max-width: 480px) {
    .ewv1 {
        height: 213px !important;
    }
}

/* 小平板/大屏手机横屏 481-768px */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .ewv1 {
        height: 240px !important;
    }
}

/* 平板竖屏 769-1024px */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .ewv1 {
        height: 255px !important;
    }
}


/* ===== 网站banner专用导航箭头 - 与下方轮播图样式一致 ===== */
/* 创建时间: 2026-02-27 */

/* ===== 箭头基础样式（与.carousel-arrow一致）===== */
.banner a.custom_banner_prev_20260226,
.banner a.custom_banner_next_20260226 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.9) !important;  /* 白色半透明背景 */
    border: 1px solid #eaeaea !important;  /* 浅灰色边框 */
    border-radius: 50% !important;
    color: #333 !important;  /* 深灰色箭头 */
    font-size: 20px !important;
    text-decoration: none !important;
    transition: all 0.3s !important;
    opacity: 1 !important;
    position: relative !important;
    box-shadow: none !important;  /* 移除原来的阴影 */
}

/* 左箭头符号 - 使用简单的 < 符号 */
.banner a.custom_banner_prev_20260226:before {
    content: "<" !important;
    display: block !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #333 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: normal !important;
}

/* 右箭头符号 - 使用简单的 > 符号 */
.banner a.custom_banner_next_20260226:before {
    content: ">" !important;
    display: block !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #333 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: normal !important;
}

/* 悬停效果 - 与.carousel-arrow:hover一致 */
.banner a.custom_banner_prev_20260226:hover,
.banner a.custom_banner_next_20260226:hover {
    background: white !important;  /* 悬停时纯白背景 */
    transform: scale(1.1) !important;
    border-color: #eaeaea !important;
    box-shadow: none !important;
    background-color: white !important;  /* 确保不是红色 */
}

/* 禁用状态 */
.banner a.custom_banner_prev_20260226.flex-disabled,
.banner a.custom_banner_next_20260226.flex-disabled {
    opacity: 0.3 !important;
    pointer-events: none !important;
    cursor: default !important;
    background: rgba(255, 255, 255, 0.5) !important;
}

/* ===== 导航容器样式（保持不变）===== */
.banner .flex-direction-nav.custom_banner_nav_20260226 {
    display: block !important;
    list-style: none !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 99999 !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.banner .flex-direction-nav.custom_banner_nav_20260226 li {
    position: absolute !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    pointer-events: all !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* ===== 位置控制 - 全分辨率适配（保持不变）===== */

/* 基础 - 1366-1920px主流屏幕 */
.banner .flex-direction-nav.custom_banner_nav_20260226 li:first-child {
    left: 30px !important;
    right: auto !important;
}
.banner .flex-direction-nav.custom_banner_nav_20260226 li:last-child {
    right: 30px !important;
    left: auto !important;
}

/* 2K屏幕 (2048-2559px) */
@media screen and (min-width: 2048px) and (max-width: 2559px) {
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:first-child {
        left: 50px !important;
    }
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:last-child {
        right: 50px !important;
    }
}

/* 2.5K-3K屏幕 (2560-2999px) - 包含你的2880×1800 */
@media screen and (min-width: 2560px) and (max-width: 2999px) {
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:first-child {
        left: 70px !important;
    }
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:last-child {
        right: 70px !important;
    }
}

/* 4K屏幕 (3000-3839px) */
@media screen and (min-width: 3000px) and (max-width: 3839px) {
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:first-child {
        left: 100px !important;
    }
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:last-child {
        right: 100px !important;
    }
}

/* 5K+屏幕 (3840px+) */
@media screen and (min-width: 3840px) {
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:first-child {
        left: 150px !important;
    }
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:last-child {
        right: 150px !important;
    }
}

/* 平板适配 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:first-child {
        left: 20px !important;
    }
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:last-child {
        right: 20px !important;
    }
}

/* 手机端隐藏箭头 */
@media screen and (max-width: 767px) {
    .banner .flex-direction-nav.custom_banner_nav_20260226 {
        display: none !important;
    }
}


/* ===== 网站banner专用导航箭头 - 全浏览器兼容 + 全分辨率适配 ===== */
/* 创建时间: 2026-02-27 */

/* ===== 箭头基础样式（与.carousel-nav-btn完全一致）===== */
.banner a.custom_banner_prev_20260226,
.banner a.custom_banner_next_20260226 {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(0, 0, 0, 0.3) !important;
    color: #fff !important;
    border: none !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
    position: relative !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    z-index: 10 !important;
}

/* 左箭头符号 - 兼容所有浏览器 */
.banner a.custom_banner_prev_20260226:before,
.banner a.custom_banner_prev_20260226::before {
    content: "<" !important;
    display: block !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #fff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: normal !important;
    text-indent: 0 !important;
    position: relative !important;
}

/* 右箭头符号 - 兼容所有浏览器 */
.banner a.custom_banner_next_20260226:before,
.banner a.custom_banner_next_20260226::before {
    content: ">" !important;
    display: block !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #fff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: normal !important;
    text-indent: 0 !important;
    position: relative !important;
}

/* 悬停效果 */
.banner a.custom_banner_prev_20260226:hover,
.banner a.custom_banner_next_20260226:hover {
    background: rgba(0, 0, 0, 0.6) !important;
    -webkit-transform: scale(1.1) !important;
    -moz-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    -o-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/* 禁用状态 */
.banner a.custom_banner_prev_20260226.flex-disabled,
.banner a.custom_banner_next_20260226.flex-disabled {
    opacity: 0.3 !important;
    pointer-events: none !important;
    cursor: default !important;
    background: rgba(0, 0, 0, 0.2) !important;
}

/* ===== 导航容器样式 ===== */
.banner .flex-direction-nav.custom_banner_nav_20260226 {
    display: block !important;
    list-style: none !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 99999 !important;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.banner .flex-direction-nav.custom_banner_nav_20260226 li {
    position: absolute !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    pointer-events: all !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

/* ===== 全分辨率适配 ===== */

/* 基础 - 1366-1920px主流屏幕 */
.banner .flex-direction-nav.custom_banner_nav_20260226 li:first-child {
    left: 30px !important;
    right: auto !important;
}
.banner .flex-direction-nav.custom_banner_nav_20260226 li:last-child {
    right: 30px !important;
    left: auto !important;
}

/* 2K屏幕 (2048-2559px) */
@media screen and (min-width: 2048px) and (max-width: 2559px) {
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:first-child {
        left: 50px !important;
    }
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:last-child {
        right: 50px !important;
    }
}

/* 2.5K-3K屏幕 (2560-2999px) - 包含2880×1800 */
@media screen and (min-width: 2560px) and (max-width: 2999px) {
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:first-child {
        left: 70px !important;
    }
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:last-child {
        right: 70px !important;
    }
    
    .banner a.custom_banner_prev_20260226,
    .banner a.custom_banner_next_20260226 {
        width: 48px !important;
        height: 48px !important;
        font-size: 24px !important;
    }
}

/* 4K屏幕 (3000-3839px) */
@media screen and (min-width: 3000px) and (max-width: 3839px) {
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:first-child {
        left: 100px !important;
    }
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:last-child {
        right: 100px !important;
    }
    
    .banner a.custom_banner_prev_20260226,
    .banner a.custom_banner_next_20260226 {
        width: 56px !important;
        height: 56px !important;
        font-size: 28px !important;
    }
}

/* 5K+屏幕 (3840px+) */
@media screen and (min-width: 3840px) {
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:first-child {
        left: 150px !important;
    }
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:last-child {
        right: 150px !important;
    }
    
    .banner a.custom_banner_prev_20260226,
    .banner a.custom_banner_next_20260226 {
        width: 64px !important;
        height: 64px !important;
        font-size: 32px !important;
    }
}

/* 平板适配 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:first-child {
        left: 20px !important;
    }
    .banner .flex-direction-nav.custom_banner_nav_20260226 li:last-child {
        right: 20px !important;
    }
    
    .banner a.custom_banner_prev_20260226,
    .banner a.custom_banner_next_20260226 {
        width: 36px !important;
        height: 36px !important;
        font-size: 18px !important;
    }
}

/* 手机端隐藏箭头 */
@media screen and (max-width: 767px) {
    .banner .flex-direction-nav.custom_banner_nav_20260226 {
        display: none !important;
    }
}

/* 针对不同浏览器的兼容性修复 */

/* Firefox 修复 */
@-moz-document url-prefix() {
    .banner a.custom_banner_prev_20260226,
    .banner a.custom_banner_next_20260226 {
        line-height: 40px !important;
        text-align: center !important;
    }
}

/* IE Edge 修复 */
@supports (-ms-ime-align: auto) {
    .banner a.custom_banner_prev_20260226:before,
    .banner a.custom_banner_next_20260226:before {
        line-height: 40px !important;
    }
}

/* Safari 修复 */
@media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance:none) {
        .banner a.custom_banner_prev_20260226,
        .banner a.custom_banner_next_20260226 {
            -webkit-transform: translateZ(0) !important;
        }
    }
}

/* ===== 下拉菜单 - 全分辨率兼容版 ===== */

/* ---------- 1920x1080 屏幕 ---------- */
@media screen and (min-width: 1900px) and (max-width: 1920px) {
  /* 用户菜单下拉 */
  .dropdown {
    right: 4.5% !important;
  }
  
  /* 语言切换下拉 */
  .dropdown1 {
    right: 1.7% !important;
  }
  
  /* 语言切换父容器宽度 */
  .nav_top1_r {
    width: 4% !important;
  }
}

/* ---------- 1680x1050 屏幕 ---------- */
@media screen and (min-width: 1650px) and (max-width: 1680px) {
  /* 用户菜单下拉 */
  .dropdown {
    right: 0.8% !important;
  }
  
  /* 语言切换下拉 - 保持默认或微调 */
  .dropdown1 {
    right: 1.1% !important;
  }
  
  /* 语言切换父容器 */
  .nav_top1_r {
    width: 5% !important;
  }
}

/* ---------- 1366x768 笔记本 ---------- */
@media screen and (max-width: 1366px) {
  /* 用户菜单下拉 */
  .dropdown {
    right: 1.5% !important;
    width: 140px !important; /* 稍微缩小 */
  }
  
  /* 语言切换下拉 */
  .dropdown1 {
    right: 1.3% !important;
    width: 75px !important;
  }
  
  /* 语言切换父容器 */
  .nav_top1_r {
    width: 4.5% !important;
  }
  
  /* 菜单项字体稍微缩小 */
  .dropdown-item {
    padding: 12px 15px !important;
    font-size: 13px !important;
  }
  
  .dropdown-item1 {
    padding: 4px 8px !important;
    font-size: 13px !important;
  }
}

/* ---------- 2K屏幕 (2560x1440) ---------- */
@media screen and (min-width: 2500px) and (max-width: 3000px) {
  /* 用户菜单下拉 - 您的2880×1800会用到这个 */
  .dropdown {
    right: 2% !important;
    width: 180px !important; /* 2K屏幕适当放大 */
  }
  
  /* 语言切换下拉 */
  .dropdown1 {
    right: 1.5% !important;
    width: 100px !important;
    transform: translateX(-15%) !important;
  }
  
  /* 语言切换父容器 */
  .nav_top1_r {
    width: 3.5% !important;
  }
  
  /* 菜单项字体放大 */
  .dropdown-item {
    padding: 18px 25px !important;
    font-size: 16px !important;
  }
  
  .dropdown-item1 {
    padding: 8px 15px !important;
    font-size: 15px !important;
  }
}

/* ---------- 4K屏幕 (3840x2160) ---------- */
@media screen and (min-width: 3800px) {
  /* 用户菜单下拉 */
  .dropdown {
    right: 2.2% !important;
    width: 220px !important;
  }
  
  /* 语言切换下拉 */
  .dropdown1 {
    right: 2% !important;
    width: 120px !important;
    transform: translateX(-18%) !important;
  }
  
  /* 语言切换父容器 */
  .nav_top1_r {
    width: 3% !important;
  }
  
  /* 菜单项字体放大 */
  .dropdown-item {
    padding: 22px 30px !important;
    font-size: 18px !important;
  }
  
  .dropdown-item1 {
    padding: 12px 20px !important;
    font-size: 17px !important;
  }
}

/* ---------- 高DPI/缩放屏幕修复 ---------- */

/* 125% 缩放 */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .dropdown {
    right: 4% !important;
  }
  
  .dropdown1 {
    right: 1.5% !important;
  }
  
  .nav_top1_r {
    width: 4.2% !important;
  }
}

/* 150% 缩放 */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .dropdown {
    right: 3.8% !important;
  }
  
  .dropdown1 {
    right: 1.3% !important;
  }
  
  .nav_top1_r {
    width: 4.5% !important;
  }
}

/* 175% 缩放 */
@media (-webkit-min-device-pixel-ratio: 1.75), (min-resolution: 168dpi) {
  .dropdown {
    right: 3.5% !important;
  }
  
  .dropdown1 {
    right: 1.2% !important;
  }
  
  .nav_top1_r {
    width: 4.8% !important;
  }
}

/* 200% 缩放 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .dropdown {
    right: 1.5% !important;
  }
  
  .dropdown1 {
    right: 1% !important;
  }
  
  .nav_top1_r {
    width: 5% !important;
  }
}