@charset "utf-8";
/* CSS Document */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	outline:0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
}
a {outline: none; text-decoration: none; color: inherit;-webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;}  
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
ol,li,ul {
	list-style: none;
}

/*  */
  
@font-face {
  font-family: 'siyuanSC';
  src:
    url('siyuanSC-Heavy.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'siyuanSC';
  src:
  url('siyuanSC-Heavy.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'siyuanSC';
  src: 
  url('siyuanSC-Bold.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'siyuanSC';
  src: 
  url('siyuanSC-Boldt.otf') format('opentype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}


body{ overflow-x: hidden;}


body{     
  color: #333;
  line-height: 1.6;
  min-height: 100vh;

  background-size:100% auto;background: url(../images/body.gif) ; color:#555555;color: #6b6666;font-size:14px; margin:0; padding:10px 0px;;}

.container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
 
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  overflow: hidden;position: relative;
  /* border: 1px solid #d0d0d0; */
}
/*截字数*/
.clamp1{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 1 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp2{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 3 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp4{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 4 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp5{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 5 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp6{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 6 !important;-webkit-box-orient: vertical;overflow: hidden;}
/* header */
.top-bar{background-color: #fff;   border-bottom:1px solid #ececec; position: relative;  padding:10px 20px; display: flex; align-items: center; justify-content: space-between;}
.header{  /*border-bottom: 1px solid #e0e0e0; background: #FFF;*/position: relative; background: #fff url(../images/haederbg.png) no-repeat right top;}
.logo-area { display: flex; align-items: center; flex-wrap: wrap;padding: 0 20px;}
/* .header-language{ position: absolute; right: 20px; top: 5px;}

.header-language ul{ display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0; list-style: none;}
.header-language ul li a{ display: block; padding: 0 10px; color: #333; font-size: 14px; text-decoration: none;color: #666666;  border-right: 1px solid #a5a5a5;}
.header-language ul li:last-child a{ border-right: none;} */

.openBox {    z-index: 999;
  line-height: 26px;
  position: absolute; right: 20px; top: 10px;
 
  width: 80px;
  height: 26px;
  background-color:#ca3435;
  border-radius:25px;
  /* transform: translateY(-50%); top: 50%;
 */
}
.openBox .openActive {
  display: inline-block;
  border-radius: 25px;
  height: 26px;
  background-color:#FF9800;
  color: #ffffff;transform: translateX(-10%); 
}
.openBox .openActive a {
  color: #ffffff;
}
.openBox span {
  padding: 0 9px;
  color: #ffffff;
  float: left;
  font-size: 12px;
}
.openBox span:nth-child(2) {
  float: right;
}

.logo-container{ padding: 25px 0;width: 100%; display: flex; justify-content:space-between; align-items: center; flex-wrap: wrap;}
.logo-container .logo img {margin-right:0px;max-width: 540px;width: 100%;}
.logo-container .tel{ font-size:14px;color: #d10000; font-weight: 800;    margin-top:0px;}
.logo-container .tel .phone{ display: flex; align-items: center; justify-content: space-between;letter-spacing:0.5px;  font-size: 20px; font-family: 'siyuanSC';}
.logo-container .tel .phone2{ display: flex; align-items: center; justify-content: space-between;  font-family: 'siyuanSC';font-size: 20px;}
/* menu-container */
.menu-container { width: 100%; margin: 0 auto;  z-index: 100; background:linear-gradient(to bottom, #c60d25, #ca3435);position: relative;}

.menu-mobile { display: none; padding: 20px;}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size:36px;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 15px 20px;
    background: #fff;
    color: #333;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    /* background: #e9e9e9; */
    padding: 0;
    margin: 0;
    /* min-width: 150px; */
    flex: 1;
}

.menu > ul > li a {
    text-decoration: none;
    padding:8px 10px;
    display: block;
    font-size:14px;
    color: #FFF;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.menu > ul > li:hover {
    background: #f0f0f0;
}
.menu > ul > li:hover  a{ color: #333333;}
.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #ffffff;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    /* background-color: rgba(209, 0, 0, 0.95);
    border: 1px solid #900000;*/
    box-shadow:-1px 2px 3px rgba(0, 0, 0, 0.3); 
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;


   
    z-index: 200;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width:24.8%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #777;
    padding:5px 0;
    width: 95%;
    font-size:14px;
    text-align: left;
    display: block;
    border-bottom: 1px solid #ccc;
}
.menu > ul > li a.ftblod { font-weight: bold; display: block;color: #c30000;    font-size:14px;}

.menu > ul > li > ul > li > ul {
    display: block;
    min-height: 125px;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}
.menu > ul > li > ul > li > ul a:hover{ color: #b00000;}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    /* padding: 10px 0; */
    margin: 0;
   
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 200px;

    left: auto;
    padding: 10px 20px;
    flex: 1;
}

/* .menu > ul > li > ul.normal-sub1 {
  width: 205px;
  left: auto;
  padding: 10px 20px;
} */



.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding:5px 0 5px;
}
.menu > ul > li > ul.normal-sub > li a:hover{padding-left: 10px;color: #b00000;  transition: all 0.2s;}
.moblie_head{display:none}
.a_txt {
  display: none;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 1024px) and (min-width: 0px){
.head{display:none}
.header { background: #fdfdfd;  /* border-bottom: 1px solid #e0e0e0; */position: relative;}
.moblie_head{display:block;padding: 5px;background: linear-gradient(to bottom, #c60d25, #ca3435);position: absolute;display: flex;justify-content: space-between;z-index:9999;right: 10px;top: 52px;height: 25px;align-items: center;}
.moblie_head .rg a{ width: 100%; height: 100%;display: block;;}
.moblie_head .rg a img{height:16px; vertical-align: middle;display: block;} 
.mobile{display: block; color: #FFF;text-decoration: none;font-size:14px;}
  .a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
  .a_txt .div1{position:absolute;width:100%;height:100%;background:#9e9e9e;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
  .a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
  .a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#f0f0f0;height:100%;z-index:100;right:-80%}
  .a_txt .div3 ul{padding-left:5%;padding-right:5%}
  .a_txt .div3 ul li{border-bottom:1px solid #c3c1c1}
  .a_txt .div3 ul li a{  text-decoration: none;display:block;height:45px;color:#333;line-height:45px;padding-left:5%;font-size:16px}
  .a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  .a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  .a_txt .div3 ul li .a_txt2{display:none;border-top: 1px solid #c3c1c1;}
  .a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
  }
@media only screen and (max-width: 959px) {
.logo-container{    padding:15px 0 15px;}
.logo-container .logo img { margin-right: 0px; max-width: 540px;width: 82%; margin-top:0px;}
.logo-container .tel {font-size: 20px; color: #d10000;font-weight: 800; margin-top: 0px;width: 85%; display: none;}
.menu-container {width: 100%;margin: 0 auto;  z-index: 100; background: linear-gradient(to bottom, #e61c15, #b00000);position: relative;display: none;}
.menu-mobile { display: block; color: #FFF; padding: 10px 20px;        text-decoration: none;font-size:14px; } 
.menu-dropdown-icon:before {display: block;}.menu > ul {display: none;}
.menu > ul > li { width: 100%; float: none;  display: block; background: #e9e9e9; }
.menu > ul > li a { padding:15px;width: 100%; display: block;color: #000;border-right:0px;text-align: left; }
.menu > ul > li > ul { position: relative; box-shadow:none}
.menu > ul > li > ul.normal-sub {width: 100%; }
.menu > ul > li > ul > li { float: none;  width: 100%;  margin-top: 20px;}
.menu > ul > li > ul > li a { color: #777; padding: 5px 0; width: 100%; font-size:14px; text-align: left;display: block; border-bottom: 1px solid #ccc; }
.menu > ul > li > ul > li:first-child { margin: 0;}
.menu > ul > li > ul > li > ul {position: relative; min-height: 100%;} 
.menu > ul > li > ul > li > ul > li {float: none;}.menu .show-on-mobile { display: block;}
}

/* banner */

button, input, select, textarea {
  font-size: 100%;
}
.banner{position:relative; width: 100%; background-color: #222;} 
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index:12;width: 100px;height: 100px;margin-top: -42px;border: 0;}
.banner .slick-prev {outline: none;position: absolute; top:50%; width: 52px; height: 52px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(../images/c_prev.png) no-repeat;left: 5%; opacity: 0;cursor: pointer;}
.banner .slick-next {outline: none;position: absolute; top:50%; width: 52px; height: 52px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(../images/c_next.png) no-repeat;right: 5%; opacity: 0;cursor: pointer;}
.banner:hover .slick-prev { left: 10%; opacity: 1; }
.banner:hover .slick-next { right: 10%; opacity: 1; }
.banner img {display: block;width: 100%;margin:0 auto; height:100%;}
.slick-dots {position: absolute;left: 0; font-size:0;bottom: 5%;width: 100%;text-align: center;outline: none;}
.slick-dots li {display: inline-block;margin:0 5px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 41px;height: 4px;background:url(../images/ban-dd.png) no-repeat center; transition: .5s;}
.slick-dots .slick-active button {background:url(../images/ban-dd_h.png) no-repeat center;}

/* main-content */
.main-content {
  padding:25px 20px 0;
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 25px;
  background-color: #fff;
}
.content-section { margin-bottom: 25px;}
.content-sectiontop{   display: flex;align-items: center; justify-content: space-between;  margin-bottom: 15px;
  border-bottom: 2px solid #d10000;} 
.section-title {
  color: #d10000;
 /* padding-bottom: 10px;*/

  font-size:14px;
  display: flex;
  align-items: center;
}

.section-title i {
  margin-right: 10px;
  color: #d10000;
}

/* product-list */
.product-list ul{ display: grid; grid-template-columns: repeat(2, 1fr);gap: 30px; gap:20px; margin-top: 15px;}
.product-list ul li{display: flex;flex-direction: column;border-radius: 5px; overflow: hidden; box-shadow:0 6px 15px rgba(0, 0, 0, 0.08);}
.product-list li img{  height:125px; display: block;     width: 100%;
  object-fit: cover;   transition: transform 0.5s ease;}
.product-list li:hover  img { transform: scale(1.05);}
.product-list li p { background-color: #ca3435;color: #fff;padding: 5px 10px; z-index: 100;    font-weight: bold;}
.pr_list_01 { padding:10px 25px 10px 0px; flex-grow: 1;display: flex;flex-direction: column;}
.pr_list_01 dl{ flex-grow: 1; }
.pr_list_01 dd{position: relative;padding-left: 18px;}
.pr_list_01 dd:before {content: ""; position: absolute;top: 50%;left:8px; width: 5px; height: 5px; margin-top: -3px; background-color: #b2bcc5; border-radius: 100px;}
.pr_list_01 dd:hover:before { background-color: #d10000;}
.pr_list_01 a{ text-decoration: none;  color: #544C4C;; line-height: 30px;}
.pr_list_01 a:hover{ color: #d10000;}

/* 搜索框样式 */
.search-container { margin-bottom: 0px; width: 100%;}
.pc_search{ display: none;}
.sm_search{ display: block;}
.search-form {}

.search-input {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #d10000;
  border-right: none;
  border-radius: 4px 0 0 4px;
  font-size: 14px;
  color: #333;
  outline: none;
  transition: all 0.3s;
  background-color: #fff;
}

.search-input:focus {
  box-shadow: 0 0 5px rgba(209, 0, 0, 0.5);
}

.search-button {
  background: linear-gradient(to bottom, #d10000, #b00000);
  color: #fff;
  border: 1px solid #d10000;
  border-left: none;
  border-radius: 0 4px 4px 0;
  padding: 8px 15px;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-button:hover {
  background: linear-gradient(to bottom, #ff0000, #c00000);
}

/*  */
.mc_scm_form {width: 690px;}
.mc_msc_box {display: flex;justify-content: space-between; width: 100%;position: relative;/* border-bottom: 1px solid #dfdede; */}
.mc_msc_input {width: calc(100% - 30px);/* height: 26px; */font-size: 14px;color: #333;line-height: 20px;padding: 3px 10px;padding-right: 12px;}
.mc_msc_submit {font-size: 26px;color: #666666;width: 30px;vertical-align: top;
/* position: absolute; top: 0;right: 0; */
 cursor: pointer;
  background: linear-gradient(to bottom, #d10000, #b00000);
  color: #fff;
  border: 1px solid #d10000;
  border-left: none;
  border-radius: 0 4px 4px 0;
  padding:0px 15px;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;

}
.mc_msc_submita {width:50px;background: #d10000 url(/images/sousuo.png) no-repeat center;color: #fff;border: 1px solid #d10000;border-left: none;
    border-radius: 0 4px 4px 0;
    padding: 0px 15px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mc_msc_submit img {width: 100%;}
.mc_msc_submit:hover {
  background: linear-gradient(to bottom, #ff0000, #c00000);

}


/* 侧边栏样式 */
.sidebar-widget {
  /* background: linear-gradient(to bottom, #f9f9f9, #f0f0f0); */
  background:#f9f9f9;
  border: 1px solid #e0e0e0;
  /* padding: 15px; */
  margin-bottom: 20px;margin-top: 8px;
  border-top: 2px solid #d10000;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
.sidebar-widgettop{  padding:10px 15px 0; display: flex; justify-content: space-between; align-items: center;  border-bottom: 1px solid #DDD;}


.widget-title {color: #d10000;font-size:14px;display: flex;
  /* align-items: center; */
}

.widget-title i {
  margin-right: 8px;
  color: #d10000;
}
.widget-title i.down_up{}

.widget-list {
  list-style: none;
  padding:10px 10px;
}

.widget-list li {
  padding:3px 0;
  border-bottom: 1px dashed #ddd;
  flex-direction: column;position: relative;padding-left:10px;

}
.widget-list li:before {content: ""; position: absolute;top: 50%;left:0px; width: 5px; height: 5px; margin-top: -3px; background-color: #b2bcc5; border-radius: 100px;}
.widget-list li:hover:before { background-color: #d10000;}





.widget-list li:last-child {
  border-bottom: none;
}

.widget-list a {
  color: #555;
  text-decoration: none;
  transition: all 0.2s;
  display: flex;
  align-items: center;
 
  font-size: 14px;
  
}

.widget-list a:hover {
  color: #d10000;

}

.widget-list a i {
  margin-right: 8px;
  font-size: 12px;
  color: #d10000;
}


.widget_lxwm{   padding:10px 15px 10px;}
.widget_lxwm p{ padding: 5px 0;}





/*  */
.dbdh{ display: none;}

  /* 页脚样式 */
  footer {
    background: linear-gradient(to top, #333, #222);
    padding: 20px;
    text-align: center;
    border-top: 2px solid #d10000;
    /* margin-top: 25px; */
    color: #fff;
}

.footer-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.footer-links a {
    color: #ccc;
    margin: 0 10px 5px;
    text-decoration: none;
    transition: color 0.3s;
    font-size: 14px;
}

.footer-links a:hover {
    color: #fff;
    text-decoration: underline;
}

.copyright {
    color: #999;
    font-size: 13px;
    border-top: 1px solid #444;
    padding-top: 15px;
}
.copyright a{ padding:0px 10px; }

/*  nymain-content */
.nysearch{ background-color: #FFF; padding: 20px 20px 0px; display: flex; justify-content: space-between; align-items: center;}
.nysearch_box{ display: flex; align-items: center; justify-content: space-between;  gap: 20px;   width: 100%;}
.nysearch_box .remengjc {background:linear-gradient(to bottom, #c60d25, #ca3435);color: #fff;font-size: 14px;padding:5px 10px; width: 15%;text-align: center;}
.nysearch_box .a_rmgjc a {padding: 0px 8px;font-size: 14px;}
.nymain-content { padding:20px 20px;display: flex;justify-content: space-between;gap: 25px;background-color: #fff;} 
.nycontent_left{ width: 28%;}
.sidebar_nyleft{ background: linear-gradient(to bottom, #f9f9f9, #f0f0f0); }
.sidebar_nyleft_title{ font-family:'siyuanSC';color: #FFFFFF;padding: 10px 15px;position: relative;    background:#c81e2c;    border-bottom: 5px solid #b10000; text-align: center;font-size:14px;; }

.side_txt{  background: #F7F7F7;  position: relative; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; }
.liebiao{ width:98%; margin:0px auto; display:block; padding-bottom:10px;}
.liebiao li{height:35px; border-bottom: 1px solid #d8d8d8; display:block; line-height:35px; text-indent:28px;}
.liebiao li a{ height: 35px; display: block; font-size:14px; color: #c81e2c; /*color: #fff; */ background: url(../images/left_pro_arr.png) no-repeat 10px center; font-weight: 600; }
.liebiao li a:hover{ height: 35px; color: #b10000; background: url(../images/left_pro_arr1.png) no-repeat 10px; display: block; font-weight: 600; }
.liebiao .erjifl{padding:0 15px 5px;}
.liebiao .erjifl li{  display: block;  text-indent: 10px; background:none; border-bottom: 1px dashed #e8cacd; overflow: hidden;}
.liebiao .erjifl li a{ display: block; font-size: 14px; color:#544C4C; background: url(../images/nav-arrow.png) no-repeat left 15px; font-weight: normal; }
.liebiao .erjifl li a:hover{  color: #c81e2c; background: url(../images/nav-arrow1.png) no-repeat left 15px; display: block ; font-weight:600;}
.liebiao .erjifl li.active a{color: #c81e2c; }

.liebiao li.active a{color: #c81e2c !important; }



.liebiao2{ width:98%; margin:0px auto; display:block; padding-bottom:10px;}
.liebiao2 li{height:35px; border-bottom: 1px solid #d8d8d8; display:block; line-height:35px; text-indent:28px;}
.liebiao2 li a{ height: 35px; display: block; font-size:14px;background: url(../images/left_pro_arr.png) no-repeat 10px center; font-weight: 600; }



.heise a{color: #544C4C !important;}
.heise a:hover{color: #c81e2c !important;}

/**/

 .menu_left-container {
               width: 100%;
            background: linear-gradient(to bottom, #f9f9f9, #f0f0f0);
            color: #ecf0f1;
            padding:0;
            transition: width 0.3s ease;
            overflow-y: auto;
            overflow-x: hidden;
        }
        
        .menu_left-header {
           
          
            padding:10px 15px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            margin-bottom:0px;
			    background: #c81e2c;
    border-bottom: 5px solid #b10000;
        }
        
        .menu_left-header h2 {     font-family: 'siyuanSC';
    color: #FFFFFF;

    position: relative;


    text-align: center;
    font-size: 14px;
     
        }
        
        .menu_left-toggle {
            background: none;
            border: none;
            color: #fff;
       
            
            cursor: pointer;
            padding: 5px;
            border-radius: 4px;
            transition: background-color 0.2s;
        }
        
        .menu_left-toggle:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }
        
        .menu_left {
            list-style: none;
        }
        
        .menu_left_item {
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }
        .menu_left_item  a{  color: #333;}
        .menu_left_item:last-child {
            border-bottom: none;
        }
        
        .level-one, .level-two, .level-three {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding:12px 20px 10px 10px;
            cursor: pointer;
            transition: all 0.2s ease;
            text-decoration: none;
            color: inherit;
        }
        
        .level-one {
            background-color: rgb(245 234 235);
            font-weight: 600;
            color: #ecf0f1;
            border-bottom: 1px solid #e0c5c7;
        }
        
        .level-one:hover {
            background-color: rgba(255, 255, 255, 0.1);
            padding-left: 10px;
        }
        
        .level-one.active {
            /* background-color: rgba(52, 152, 219, 0.2);
            border-left: 4px solid #c81e2c; */
        }
        .level-one  span.menu_left_text{ display: block; font-size:14px; color: #c81e2c; /*color: #fff; */ background: url(../images/left_pro_arr.png) no-repeat 0px center; font-weight: 600; text-indent: 20px;}
        .level-two {
            padding-left: 35px;
        
            color: #333;
            background-color:rgb(245,234,235);
        }
        
        .level-two:hover {
            background-color: rgba(255, 255, 255, 0.05);
            color: #333;
        }
        
        .level-two.active {
            background-color: rgb(245 234 235);
            color: #333;
            
        }
        .level-two .menu_left_text{ padding: 0px 10px;text-indent:20px;background: url(../images/nav-arrow.png) no-repeat 10px 5px;}
        
        .level-three {
            padding-left: 55px;
            text-indent:50px;
            color: #95a5a6;
          
        }
        
        .level-three:hover {
            background-color: rgba(255, 255, 255, 0.05);
            color: #c81e2c;
        }
        
        .level-three.active {
            color: #3498db;
            font-weight: 500;
        }
        
        .menu_left-icon {
            margin-right: 12px;
            width: 20px;
            text-align: center;
        }
        
        .toggle-icon {
             font-style: normal;
            width: 16px;
            text-align: center;
            transition: transform 0.3s ease;
        }
        .fa-minus:before, .fa-subtract:before {
            content: "-"; font-size: 18px;;
        }

        .fa-add:before, .fa-plus:before {
            content: "+"; font-size: 18px;;
        }
    
        /* 一级菜单使用加减号 */
        .level-one .toggle-icon {
        color: #b10000;
        }
        
        /* 二级菜单激活状态下的加减号样式 */
        .level-two.active .toggle-icon {
            transform: rotate(0deg);
        }
        
        .sub-menu_left {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease;
            /* margin:0 10px; */
       
        }
        
        .level-two.active + .sub-menu_left {
            max-height: 500px;
        }
        
        .sub-menu_left .menu_left_item a{ padding:5px 20px;border-bottom: 1px solid #f5d1d4;}
        .menu_left-collapsed {
            width: 70px;
        }
        
        .menu_left-collapsed .menu_left_text,
        .menu_left-collapsed .toggle-icon {
            display: none;
        }
        
        .menu_left-collapsed .menu_left-header h2 {
            display: none;
        }
        
        .menu_left-collapsed .level-one,
        .menu_left-collapsed .level-two,
        .menu_left-collapsed .level-three {
            padding-left: 20px;
            justify-content: center;
        }
        
        .menu_left-collapsed .level-two,
        .menu_left-collapsed .level-three {
            padding-left: 20px;
        }
        
        .menu_left-collapsed .level-one:hover {
            padding-left: 20px;
        }
        
        .menu_left-collapsed .menu_left-icon {
            margin-right: 0;
        }
        
        .demo-controls {
            background-color: #f8f9fa;
            padding: 15px;
            border-radius: 8px;
            margin-top: 25px;
            border-left: 4px solid #3498db;
        }
        
        .demo-controls h3 {
            color: #2c3e50;
            margin-bottom: 10px;
        
        }
        
        .controls {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }
        
        .btn {
            padding: 8px 15px;
            background-color: #3498db;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.2s;
     
        }
        
        .btn:hover {
            background-color: #2980b9;
        }
        
        .btn-secondary {
            background-color: #7f8c8d;
        }
        
        .btn-secondary:hover {
            background-color: #6c7b7d;
        }
        
        .current-selection {
            margin-top: 25px;
            padding: 15px;
            background-color: #e8f4fc;
            border-radius: 8px;
            border-left: 4px solid #2ecc71;
        }
        
        .current-selection h3 {
            color: #27ae60;
            margin-bottom: 8px;
        }
        
        .icon-demo {
            display: flex;
            align-items: center;
            gap: 15px;
            margin: 15px 0;
            padding: 10px;
            background-color: #f8f9fa;
            border-radius: 8px;
        }
        
        .icon-demo-item {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .icon-demo-item i {
            width: 20px;
            text-align: center;
        }

  @media (max-width: 768px) {
        
            .menu_left-container {
                width: 100%;
                max-height: 300px;
            }
            
            .menu_left-collapsed {
                width: 100%;
                max-height: 70px;
            }
            
            .menu_left-collapsed .menu_left_text,
            .menu_left-collapsed .toggle-icon {
                display: inline;
            }
            
            .menu_left-collapsed .level-one,
            .menu_left-collapsed .level-two,
            .menu_left-collapsed .level-three {
                padding-left: 20px;
                justify-content: space-between;
            }
            
            .menu_left-collapsed .menu_left-header h2 {
                display: block;
            }
        }









<!---->

.nycontent_right{ width: 70%;}


.nycontent_right_title{background: url(../images/ny_main1.jpg) no-repeat 0px 20px;border-bottom: 2px solid #d8d8d8;font-size:14px; color: #c81e2c;text-indent:5px;padding:18px 10px 10px; display: flex; justify-content:space-between;} 

.nycontent_right_title span{font-size:14px; color: #544C4C; padding-right:0px; }

.nycontent_right_title span a{font-size:14px; }
.product-list_ny ul{ display: grid; grid-template-columns: repeat(2, 1fr);gap: 30px; gap:20px; margin-top: 15px;}
.product-list_ny ul li{display: flex;flex-direction: column;border-radius: 5px; overflow: hidden; box-shadow:0 6px 15px rgba(0, 0, 0, 0.08);}
.product-list_ny li img{  height:135px; display: block;  overflow: hidden;   width: 100%;object-fit: cover;   transition: transform 0.5s ease;}
.product-list_ny li:hover  img { transform: scale(1.05);}
.product-list_ny li p { background-color: #c81e2c;color: #fff;padding: 5px 10px; z-index: 100;    font-weight: bold;}

/* product_list1_box */
.product_list1_box{}
.gl_tit2{ background-color: #f8f8f8; margin-top: 15px; height: 42px; line-height: 42px;}
.gl_tit2_l{ float: left; padding-left: 22px; font-size: 14px; font-weight: bold; position: relative;}
.gl_tit2_l::before{ content: ''; position: absolute; left: 0;width: 10px;height: 10px;top: 17px;background-color: #c81e2c;border-radius: 10px;}
.gl_tit2_r{ float: right; padding-right: 22px; font-size: 14px; color: #666666;}
.gl_tit2_r a{ color: #666666;}

.product_list1_box_title_txt{ margin: 10px 0;color: #544C4C;}
.product_list1_box_img img{ width: 100%; object-fit: cover; height: 160px; display: block;}


.right_title{ background: url(../images/cp_titebg.png) no-repeat center center; height: 35px; width: 100%; margin-top: 10px;;}

.right_title a{ text-align: center; font-weight: bold; font-size:14px; display: block; color: #c81e2c;line-height:35px ;}

.product_list2_box{ overflow: hidden;}
.product_list2_box ul {display: grid;grid-template-columns: repeat(2, 1fr); gap: 30px;margin-top: 15px;}
.product_list2_box ul li {display: flex; flex-direction: column;border-radius: 5px; overflow: hidden;background: #f7f7f7; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);padding: 10px;    border: 1px solid #e0e0e0;}
.product_list2_box ul li .product-img{   }
.product_list2_box li img {/*height: 165px;*/display: block;width: 100%;object-fit: cover; transition: transform 0.5s ease;}
.product_list2_box li:hover  img { transform: scale(1.05);}
.product_list2_box h1{    font-size:14px;color:#FFF;    background:#c81e2c;padding: 5px;}
.product_list2_box p{    font-size:12px;color: #404040;margin: 10px 0;}

/*  */
.product_list2_box_list{}
.product_list2_box_list ul {display: grid;grid-template-columns: repeat(2, 1fr); gap: 20px;margin-top: 15px;}
.product_list2_box_list ul li {display: flex; flex-direction: column;border-radius: 5px; overflow: hidden;background:#ffffff; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);padding: 10px;    border: 1px solid #e0e0e0;}
.product_list2_box_list ul li .product-img{ overflow: hidden;  }
.product_list2_box_list li img {height: 100%;display: block;width: 100%;object-fit: contain;transition: transform 0.5s ease;}
.product_list2_box_list li:hover  img { transform: scale(1.05);}
.product_list2_box_list h1{    font-size:14px;color:#FFF;    background:#5d646a;padding: 5px;}
.product_list2_box_list p{    font-size:12px;color: #404040;margin: 10px 0;}

.product-info dl{ display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; }
.product-info dd{  }
.product-info dd a{color:#404040;  display: block;padding:5px 30px;border: 1px solid #DDD;}
.product-info dd a:hover{ background-color: #666666; color:#FFF;}

/*  */


/* page-1 start*/
.page{font-size: 12px; color: #777777; text-align: center;margin:30px 0;}
.page a,.page span { display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin:0px ;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span,.page .current{color:#fff; background:#c70025;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}

/* 产品列表左侧 */

.cplbtlink {
    height: 50px;
    display: flex;
    background-image: url(../images/bt.png);
}

.cplbtlink_item {
    background-color: #1a1a1a;
}

.cplbtlink_item.active {
    background-color: #6B0606;
}

.cplbtlink>a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

.cplbtlink_itemtxt {
    width: 100%;
    text-align: center;
}

.cplbtlink_itemtxt p {
    font-size: 18px;
    color: #fff;
}

.cplbtlink_itemtxt span {
    font-size: 14px;
    color: #fff;
}

.lbfybox {
    display: flex;
    justify-content: center;
}

.lbfybox .pages {
    margin-top: 24px;
}

.product .cpleft .cpl dt.on {
    background: url(../images/bt.png) #333 repeat-x center bottom;
}

a.yan2 {
    padding-left: 10px;
}

.cright .tle.cpnrbt h4 {
    background-color: #fff;
    width: 330px;
    margin-top: 10px;
}

.tle.cpnrbt h4 a {
    color: #333;
    font-size:14px;
}

.nyproduct.product {
    margin-top: 0;
}

/* 产品详情*/
.pro_top{ display:flex; justify-content: space-between; margin-top: 20px;}



/* proviewbox */

.proviewbox{width:305px;z-index:5;}
.probigshow{position:relative;width:300px;padding:1px;border:1px solid #ddd;overflow:hidden}
.probigshow .span_showtip{position:absolute;top:0px;left:0px;width:81px;height:81px; text-indent:-999em;overflow:hidden;}
.probigshow .showtip_1{background-position:0 0;}
.probigshow .showtip_2{background-position:0 -81px;}
.probigshow a.a_probigshow{cursor:crosshair;}
.zoomplepopup{position:absolute;top:0px;left:0px;display:none;background: #fff;border:1px solid #e9493d;overflow:hidden;opacity: 0.5;filter: alpha(opacity = 50);z-index:10;cursor:crosshair;/*	height:50px;width:50px;*/}


/* 产品内容轮播 */

.cpnr_top { border: 1px solid #dedede;}

.cpnr_top,
.cpnr_thumbs {
    width: 100%;
    box-sizing: border-box;
}

.cpnr_thumbs {
    margin-top: 10px;
    padding: 0 25px;
    
}

.cpny_per,
.cpny_next {
    height: 100%;
    width: 15px;
    line-height: 63px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color:#FFFFFF;
    font-size: 18px;
    cursor: pointer;z-index: 9999;
}

.cpny_next.swiper-button-disabled,
.cpny_per.swiper-button-disabled {
  color:#FFFFFF;
  background: #CB3435;
}

.cpny_per {
    left: 0;    background: #CB3435;
}

.cpny_next {
    right: 0;    background: #CB3435;
}

.cpnr_thumbs .cpnr_thumbsslide {
    border: 1px solid #dedede;
}

/*.cpnr_topslide img,
.cpnr_thumbsslide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}*/



.cpnr_topslide img{
    width: 310px;
   max-height: 310px;
  margin: 0 auto;
    display: block;
}

.cpnr_thumbsslide img {
    width: 100%;
    height: 50px;
    object-fit: cover;
    display: block;
}
.swiper-button-next,
.swiper-button-prev {
    background-color: #0066FF;
}

.cpnr_thumbsslide.swiper-slide-thumb-active {
    border: 1px solid #c20001;
}
.magnifier{ background:#eeeeee}

/* prodbaseinfo_a */

.prodbaseinfo_a{width:409px; margin-left:16px; z-index:1;}
.h2_prodtitle{font-size:14px;	color: #c20000;border-bottom:1px solid #f5f5f5;padding:2px 0 10px;line-height:1.6em; }
.h3_prodtitle p{color: #c20000;  margin-top: 10px;   font-size:14px; font-weight:bold}
.h3_prodtitle{font-size:14px; line-height: 26px; font-weight: normal;}
.ul_prodinfos{margin: 10px auto; padding:8px 5px;overflow:hidden;zoom:1;background: #F5F5F5;;font-size:14px;font-weight:bold;}

.ul_contact{ margin:15px 0px;}
.propar{ display: flex; justify-content: space-between;}
.propar a { background: #333;  color: #fff; padding: 8px 25px;display: block;
    width: 37%;
    text-align: center;}
.propar a:first-child {background:#CB3435;}

.propar .line {font-weight: normal; text-decoration: line-through;}

/*产品下面切换*/
.pro_bottom{ margin:20px 0px;}
.tabcontent {display: none;padding:0px ;  }
.tabcontent h3{ display:block; clear:both;}
.tabs{  border-bottom: 1px solid #c20000;  }
.tabs ul{display: flex; justify-content:flex-start;}
.tabs li { background-color: inherit; border: none; outline: none;cursor: pointer;padding:5px 16px;transition: 0.3s;background-color: #f3f3f3;margin-right: 5px;}
.tabs li h3{ font-size:14px;  text-align: center;}
.tabs li:hover {}

.tabs li.active { background-color: #c20000;color: #fff;}


.cpnav {background: #e9edf0; margin: 20px 0;}

.cpnav span { background: #c20000; line-height: 31px; padding:6px 20px;  font-size: 14px; color: #fff;}

.cpnav_about { margin-top: 15px;   border-bottom: 1px solid #c20000;display: flex; justify-content: space-between; align-items: center; vertical-align: middle;}
.cpnav_about span { background: #c20000;  padding:5px 10px;  font-size: 14px; color: #fff;}
.cpnav_about a{ font-size: 14px; color: #d60f0f;;}




.xukuang {border:1px #ccc solid;padding: 10px; position:relative; overflow:hidden;}
.xukuang img{max-width:100%; /* width:370px;  object-fit: cover;*/margin:10px auto; text-align:center; display:block;  }

/* 表格属性 */
.table_sx table { border:1px solid #999;}
.table_sx table tr { height: 30px;}
.table_sx table tr:nth-child(2n){ background-color:#e6e7e9 ;}
.table_sx table tr td { padding: 0 10px;}
.table_sx table tr td:first-child{ width:20%;}
.table_sx img{max-width:100%; /* width:370px;  object-fit: cover;*/margin:10px auto; text-align:center; display:block;  }

.cp {
    margin-top: 20px;
	position:relative;overflow: hidden;
}

.cptab {
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    background: #c20000;
}

/* 导航按钮样式 */
        .swiper-button-next, .swiper-button-prev {
            background-color: #ffffff;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 1.2rem;
            color: #3498db;
            font-weight: 800;
        }
        
        .swiper-button-next:hover, .swiper-button-prev:hover {
            background-color: #ffffff;
            transform: scale(1.1);
        }
        
        .swiper-button-next:hover:after, .swiper-button-prev:hover:after {
            color: white;
        }
        
        /* 分页指示器样式 */
        .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background-color: #bdc3c7;
            opacity: 1;
            transition: all 0.3s ease;
        }
        
        .swiper-pagination-bullet-active {
            background-color: #3498db;
            transform: scale(1.3);
        }
		
/* Swiper容器样式 */
.mySwiper { margin:0px 0px;}
        .swiper {
            width: 100%;
           
          /*  padding: 30px 0 60px;*/
        }
        
        /* 产品卡片样式 */
        .product-card {
            background:#212121;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
            /*height: 420px;*/
            transition: transform 0.4s ease, box-shadow 0.4s ease;
            position: relative;
        }
        
        .product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }
        
        .product-image {
   /*    height: 150px;*/
            overflow: hidden;
            background: #f8f9fa;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
        
        .product-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .product-card:hover .product-image img {
            transform: scale(1.05);
        }
        
       
        
        .product-content {
            padding: 10px 15px;
            height: calc(100% - 200px);
            display: flex;
            flex-direction: column;
        }
        
        .product-title {
        font-size:14px;
            font-weight: 500;
            
        
            line-height: 1.3;
        }

	
 /* 响应式设计 */
        @media (max-width: 992px) {
            .swiper {
                height: 480px;
            }
            
            .product-card {
                height: 400px;
            }
            
            .product-image {
                height: 180px;
            }
        }
        
        @media (max-width: 768px) {
        
            h1 {
                font-size: 2.2rem;
            }
            
            .swiper {
                height: 450px;
                padding: 20px 0 50px;
            }
            
            .product-card {
                height: 380px;
            }
            
            .product-content {
                padding: 20px;
            }
            
            .product-title {
                font-size: 1.3rem;
            }
        }
        
        @media (max-width: 576px) {
         
            .swiper {
                height: 420px;
            }
            
            .product-card {
                height: 350px;
            }
            
            .product-image {
                height: 150px;
            }
            
            .product-content {
                padding: 15px;
            }
            
            .product-title {
                font-size: 1.2rem;
            }
            
            .product-description {
                font-size: 0.9rem;
            }
            
          
        }
		
		
/*配件 卡片样式 */
.peijianSwiper { margin:0px auto;} 
        .product-card-pj {
            background: #FFF;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
            /*height: 420px;*/
            transition: transform 0.4s ease, box-shadow 0.4s ease;
            position: relative;
			border:1px solid #DDD;
        }
        
        .product-card-pj:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }
        
        .product-pj-image {
        /*    height: 200px;*/
            overflow: hidden;
            background: #f8f9fa;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
        
        .product-pj-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .product-card-pj:hover .product-image img {
            transform: scale(1.05);
        }
        
       
        
        .product-pj-content {
            padding:5px 15px;
            height: calc(100% - 200px);
            display: flex;
            flex-direction: column;    background: #e9edf0;
        }
        
        .product-pj-title {font-weight: 500;line-height: 1.3; }		
		
/* 产品联系 */
.pr-lianxi { margin: 20px 10px; display: block; padding-bottom: 10px !important; border-bottom: 1px solid #f1f1f1; font-size: 14px; color: #999;}

.pr-lianxi a {color: #999;}

.pr-lianxi span { font-size: 16px; font-weight: bold; color: #c20000; display: block;}		
	
.pr-lianxi-text dl{ display: flex;justify-content:flex-start ;margin-bottom: 10px; align-items: center;}	
.pr-lianxi-text dl dt{padding-right: 10px; border-right: 1px solid #707070;}
.pr-lianxi-text dl dd{ font-size:14px; padding-left: 20px;; }	
.pr-lianxi-text dl dd p{ text-align: left; font-weight: 700;color: #c20000;}

 /*行业应用 列表项通用样式 */
 .solution-item {
    display: flex;
    align-items: flex-start;
    padding: 20px 10px;
    border-bottom: 1px dashed #e0e0e0;
    transition: background-color 0.3s ease;
}
.solution-item:hover {
    background-color: #f9fdff;  
}
/* 左侧图片区域 */
.solution-img {
    flex-shrink: 0;
    width:220px;
    height:145px;
    margin-right: 30px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #eee;
}
.solution-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.solution-item:hover .solution-img img {
    transform: scale(1.03);
}
/* 右侧文字区域 */
.solution-content {
    flex: 1;
}
.solution-title {

    font-size:14px;
    margin-bottom: 10px;
    font-weight: 600;
}
.solution-title a {
    color: inherit;
    text-decoration: none;
}
.solution-title a:hover {
    color: #2d7d9a;
    text-decoration: underline;
}
.solution-desc {
    color: #555;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 15px;
    word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 3 !important;-webkit-box-orient: vertical;overflow: hidden
}
.solution-meta {
    color: #888;
    font-size: 14px;
    display: flex;
 
    justify-content: space-between;
   
}
.solution-meta .solution-ml{ display: flex;align-items: center;  width:60%;;}
.solution-meta .solution-ml span{  background: url(../images/time.png) left center no-repeat;   text-indent: 20px;;}
.solution-meta .solution-ml em{ display: inline-block;; font-style: normal; margin-left: 30px; background: url(../images/read.png) left center no-repeat;text-indent:20px;}
.solution-meta .solution-mr{ display: flex;align-items: center}



/* 响应式设计 */
@media (max-width: 768px) {
    .solution-item {
        flex-direction: column;
    }
    .solution-img {
        width: 100%;
        height: 200px;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

 /* 主标题区域 */
 .page-header {
    margin:20px 0px;;
}
.page-title {
    font-size:16px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 700;

}
.page-title::before{ content: ""; display: inline-block; width: 15px; height: 15px; border-radius: 50%;; background: #c81e2c; margin-right: 10px;}
.page-subtitle {
  
    /* color: #555; */
    font-weight: 400;
    max-width: 800px;
}
 /* 水平导航栏 */
 .nav-height{ position:relative; height: 65px; }
 .nav-wrap { width: 100%;height: 65px;background: #fff;   border-bottom: 2px solid #cecece;}
 .nav-wrap.navFix{position: fixed;top: 0;left: 0;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3; z-index: 99999;} 
 .nav-wrap ul {padding: 0;margin: 0 auto; width: 1200px; display: block;}
 .nav-wrap.navFix ul{ border-bottom: 0;}
 .nav-wrap li { display: inline-block; text-align: left;height: 65px; line-height: 62px; float: left;}
 .nav-wrap li a {display: block;padding: 0 20px;font-size:16px; color: #333; text-decoration: none;}
 .nav-wrap li a:hover{color: #e60012;}
 .nav-wrap li a.active {border-bottom:2px solid #e60012;color: #e60012;}
 .nav-mobile {display: none;font-weight: bold;width: 100%;}
 
     

 .horizontal-nav {  margin-bottom: 15px;  position: sticky;top: 0px;
z-index: 100;   border-bottom:1px solid  #b30000;    }


.nav-container {
    padding:0px;
}
.horizontal-nav h3 {
    font-size: 16px;
    color: #666;
    padding: 15px 0 10px 0;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 500;
}
.horizontal-list {
    background-color:#f7f7f7; 
    display: flex;
    list-style: none;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding:0px ; box-shadow:0px 3px 7px rgb(244 67 54 / 33%); 
}
.horizontal-list li {
    flex-shrink: 0;
    margin-right: 5px; 
}
.horizontal-list a {
    display: block;
    padding:5px 10px 5px;

    text-decoration: none;
    font-weight: 500;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    white-space: nowrap;
}
.horizontal-list a:hover,
.horizontal-list a.active1 {
    color: #ffffff;
    font-weight: 900;
    background-color: #b30000;

}
/* .horizontal-list i {
   margin-right: 8px; 
    width:20px;
    text-align: center;
} */

  /* 内容区域 */
  .case-details {
   
    border-radius:5px;
    /* background: white; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); */
    border: 1px solid #e0e0e0;
    overflow: hidden;
}
/* 内容板块通用样式 */
      .content-section_hyyy {
        padding:10px;
        scroll-margin-top:60px; /* 为锚点链接增加顶部偏移 */
        border-bottom: 1px solid #f0f0f0;
    }
    .content-section:last-child {
        border-bottom: none;
    }
    .hyyy-title {
        /* font-size: 16px; */
        font-size: 14px;
        color:#d10000;
        margin-bottom: 10px;
        padding:5px 10px;
        background: #f5f5f5;
        display: flex;
        align-items: center;
    }
    .hyyy-title i {
        margin-right: 12px;
        color: #2d7d9a;
    }
    /* 背景介绍 */
    .background-text {
     
        line-height: 1.8;
        color: #666;
    
    }
    .highlight-box {
        /* background-color: #f8f9fa; */
        border:1px solid #b30000;
        padding: 20px;
        margin:10px 0;
        border-radius: 0 2px 2px 0;
        position: relative;
    }
    .highlight-title {
        font-weight: 600;
        color: #b30000;
        margin-bottom: 10px;
        font-size: 16px;
        position: absolute;
        background: #FFF;
        top: -15px;
        left: 40%;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 3px;
    }
    /* 项目应用 */
.project-desc {margin-bottom: 25px;}
.sec_text_box_one{ margin-bottom:30px; display: grid; gap: 20px;  grid-template-columns: repeat(2, 1fr);align-items: center}

.sec_text_box_one .sec_text_box_text{ text-align:justify;}
.sec_text_box_one .sec_text_box_img{ flex: 2; width: 100%;text-align: right; }
.sec_text_box_one .sec_text_box_img img{max-width: 100%;   }
.sec_text_box_two{ margin-bottom:30px; display: grid; gap: 20px;  grid-template-columns: repeat(2, 1fr);align-items: center}
.sec_text_box_two .sec_text_box_img img{max-width: 100%;   }
  

.specs-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 15px;
        margin-top: 20px;
    }
    .spec-item {
        background: #f8f9fa;
        padding: 15px;
        border-radius: 8px;
        border-left: 4px solid #1a73e8;
    }
    .spec-label {
        font-weight: 600;
        color: #555;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .spec-value {
        color: #1a365d;
        font-size: 16px;
    }
    /* 应用效果 */
    .effects-list {
        list-style: none;
    }
    .effects-list li {
        padding: 12px 0 12px 35px;
        position: relative;
        border-bottom: 1px dashed #eee;
    }
    .effects-list li:last-child {
        border-bottom: none;
    }
    .effects-list li:before {
        content: '✔';
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        position: absolute;
        left: 0;
        top: 12px;
        color: #b30000;
        background: #ffcdcd6b;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }
    /* 关联产品 */
    .product-card {
        display: flex;
        align-items: center;
        background: #f8f9fa;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .product-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    }
    .product-img {
        flex: 0 0 200px;
        height: 180px;
        overflow: hidden;
    }
    .product-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }
    .product-card:hover .product-img img {
        transform: scale(1.05);
    }
   
    .product-name {
        font-size: 22px;
        color: #1a365d;
        margin-bottom: 10px;
    }
    .product-desc {
        color: #555;
        margin-bottom: 15px;
        line-height: 1.6;
    }
    .product-features {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 15px;
    }
    .feature-tag {
        background: #e8f0fe;
        color: #1a73e8;
        padding: 5px 12px;
        border-radius: 20px;
        font-size: 14px;
    }
/*配件 卡片样式 */
.hyyyprSwiper { margin:0px auto;} 
.hyyypr-card-pj {
            background: #FFF;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
            /*height: 420px;*/
            transition: transform 0.4s ease, box-shadow 0.4s ease;
            position: relative;
			border:1px solid #DDD;
 }
 .hyyypr-card-pj:hover {
            transform: translateY(-4px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }
 .hyyypr-pj-image {
            /* height: 200px; */
            overflow: hidden;
            background: #f8f9fa;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
.hyyypr-pj-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
 .hyyypr-card-pj:hover .product-image img {
            transform: scale(1.05);
        }
 .hyyypr-pj-content {
            padding:5px 15px;
            height: calc(100% - 200px);
            display: flex;
            flex-direction: column;    background: #e9edf0;
        }
 .hyyypr-pj-title {font-weight: 500;line-height: 1.3; }		
		
/* 相关文章 */
.articles-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .article-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:15px 20px;
        background: #f8f9fa;
        border-radius: 8px;
        text-decoration: none;
        color: inherit;
        transition: all 0.3s ease;
        border-left: 4px solid transparent;
    }
    .article-item:hover {
        background: #fffac938;
        border-left-color: #d10000;
        transform: translateX(5px);
        color: #d10000;
    }
    .article-more {
        flex: 0 0 10px;
        color: #666;
        font-size: 14px;
    }
    .article-title {
        flex: 1;
        font-weight: 600;
        /* color: #1a365d; */
        margin-bottom: 5px;
    }
    /* 响应式设计 */
    @media (max-width: 768px) {
        .sec_text_box_one {
            margin-bottom: 30px;
            display: grid;
            gap: 20px;
            grid-template-columns: 1fr;
            align-items: center;
        }
        .sec_text_box_two {
            margin-bottom: 30px;
            display: grid;
            gap: 20px;
            grid-template-columns: 1fr;
            align-items: center;
        }
    }
    @media (max-width: 576px) {
     
    }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.fdong { position: fixed;  z-index: 10; right: 0px; top: 5%;}


/* 侧边悬浮导航 */
.right_nav{ right:0; bottom:120px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#e61d16;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#e61d16}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #e61d16;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;text-align: center;border-bottom: 2px solid #ccc;color: #e61d16;font-size:14px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(2) .hideBox img{width:140px;height: 140px;margin-top: 10px;}












/* 响应式设计 - 手机设备 (小于768px) */

.product_list1_box_list ul li{ width: calc(50% - 5px); }

/* * * * * * * * * * * * * * * * 关于我们页面* * * * * * * * * * * * * * * * * * * * * * **/
li:hover .img img{transform:scale(1.05) rotate(.1deg);-webkit-transform:scale(1.05) rotate(.1deg);-moz-transform:scale(1.05) rotate(.1deg);-ms-transform:scale(1.05) rotate(.1deg);-o-transform:scale(1.05) rotate(.1deg)}
.img img{max-width: 100%;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s}
.img:hover img{transform:scale(1.05) rotate(.1deg);-webkit-transform:scale(1.05) rotate(.1deg);-moz-transform:scale(1.05) rotate(.1deg);-ms-transform:scale(1.05) rotate(.1deg);-o-transform:scale(1.05) rotate(.1deg)}

.about_text_box{}
.about_text_box h2{ font-size: 16px; color: #333;     margin-bottom: 10px; margin-top: 10px;}
.about_text_box p{  font-size: 14px; color: #666;    line-height: 25px; text-align: justify;margin-bottom: 5px; text-indent: 32px;;}
.about_img_box ul{    display: grid;grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 15px;flex-wrap: wrap;}
.about_img_box ul li{ position: relative;}
.about_img_box ul li img{ border-radius: 5px;}
.about_img_box ul li .img { width: 100%;max-height: 250px; border-radius: 8px; overflow: hidden;
}
.about_img_box ul li .txt{padding:0px 15px 0;}

.about_img_box ul li .txt h3{font-size: 14px;color: #333;transition:all .3s ease;}
.about_img_box ul li:hover .txt h3{color:#d72c25;}

.about_text_box_d{ margin-top: 20px;}



  
/*关于我们——资质荣誉 */

.about_rongyu{position: relative; overflow: hidden;}
.zizhirongyu { margin: 20px auto;  }
/* 产品卡片样式 */
.rongyu-card {
/*height:392px;*/ transition: transform 0.4s ease, box-shadow 0.4s ease;position: relative;padding:16px; background: url(../images/kuang.jpg) top center no-repeat;background-size:contain;}
.rongyu-image {
/*    height: 150px;*/
  overflow: hidden;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.rongyu-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.rongyu-card:hover .rongyu-image img {
  transform: scale(1.05);
}



.rongyu-content {
  /* padding:10px 15px; */
  transform: translateY(30px);
  /* height: calc(100% - 200px); */
  display: flex;
  flex-direction: column;
}

.rongyu-title {font-size:14px;line-height: 1.3;    text-align: center;color: #333;}

.rongyu-card:hover .rongyu-title{color:#d72c25;}


@media (max-width: 992px) {
  /* .swiper {
	  height: 480px;
  }
  
  .rongyu-card {
	  height: 400px;
  }
  
  .rongyu-image {
	  height: 180px;
  } */
}

@media (max-width: 768px) {
    .rongyu-content {
        /* padding: 10px 15px; */
        transform: translateY(10px);
        /* height: calc(100% - 200px); */
        display: flex;
        flex-direction: column;
    }

  .swiper {
	  height: 450px;
	  padding: 20px 0 50px;
  }
  
  .rongyu-card {
	  height: auto;
  }
  
  .rongyu-content {
	  padding: 20px;
  }
  
  .rongyu-title {
    font-size:14px;
  }
}

@media (max-width: 576px) {

  .swiper {
	  /* height: 420px; */
  }
  
  .rongyu-card {
	  /* height: 350px; */
  }
  
  .rongyu-image {
	  /* height: 150px; */
  }
  
  .rongyu-content {
	  padding: 15px;
  }
  
  .rongyu-title {
	  font-size:14px;
  }
  
  .rongyu-description {
    font-size:14px;
  }
  

}
/* about_rongyu_danye */
.about_rongyu_danye ul{ display: grid;grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 15px;flex-wrap: wrap;}
.about_rongyu_danye ul li {
    /*height:392px;*/ transition: transform 0.4s ease, box-shadow 0.4s ease;position: relative;padding:16px; background: url(../images/kuang.jpg) top center no-repeat;background-size: 100%;}
    .rongyu-image {
    /*    height: 150px;*/
      overflow: hidden;
      background: #f8f9fa;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }
.about_rongyu_danye ul li img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }
    .about_rongyu_danye ul li:hover img {
      transform: scale(1.05);
    }


 .about_rongyu_danye ul li .rongyu_danye_title {font-size:14px;line-height: 1.3;    text-align: center;color: #333;  transform: translateY(20px);}
      
 .about_rongyu_danye ul li:hover.rongyu-title{color:#d72c25;}
      


/* 关于我们——服务用户 */
.about_fuwu{ position: relative; overflow: hidden;}
.about_fuwu_img_box ul{    display: grid;grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 15px;flex-wrap: wrap;}
.about_fuwu_img_box ul li{ position: relative;border: 1px solid #DDD;}
.about_fuwu_img_box ul li img{ border-radius: 5px;}
.about_fuwu_img_box ul li .img { width: 100%;max-height: 250px; border-radius: 8px; overflow: hidden;}

/* 关于我们——加入我们 */
.about_jiaru{ position: relative; overflow: hidden;}
.about_cuxiao_box ul{  }
.about_jiaru_box_top ul{  background:#c40101;  display: grid;grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 15px;flex-wrap: wrap;    height: 30px;line-height: 30px;}

.about_jiaru_box_top  li {text-align:center; color:#fff; font-weight:bold; font-size:14px}

.sideMenu h3{    width: 100%; height:35px;line-height: 35px;background: #fff; border-bottom: 1px dashed #dedede;}
.sideMenu h3   em{display:block;width:75px;height: 55px;background:url(../images/icoAdd.png) 28px -12px no-repeat;cursor:pointer; }
.sideMenu h3.on   em{background-position: 28px -74px;}
.sideMenu ul{ padding:20px; display:none;background:#f9f9f9; }
.sideMenu ul p{font-size: 14px;text-align: justify;}
.sideMenu ul p>span{ font-weight: bolder;  color: #a80d0f;}  

.zhaopian_list dl{ display: flex; justify-content: space-around; gap: 10px; text-align:center;color:#fff;font-size:14px;color:#333;}
.zhaopian_list strong:nth-child(2) { float:left;width:17%;text-align:center;color:#fff;font-size:16px;color:#333;}
.zhaopian_list strong:nth-child(3) { float:left;width:16%;text-align:center;color:#fff;font-size:16px;color:#333;}

.shzp_jcon {padding:25px 70px 20px;background-color:#f9f9f9;color:#525252;}
.jc_hd{font-size:14px;margin:5px; font-weight:bold;color: #c40101;}
.about_jiaru_box .jc_bd{margin-bottom:24px;   }
.about_jiaru_box .jc_bd.jc_bd02{margin-bottom:50px;}
.about_jiaru_box .jc_bd.jc_bd02 p{font-size: 13px;color: #4e4e4e;}
.about_jiaru_box .more{width:161px;height:42px;line-height:42px;text-align:center;font-size:16px;color:#fff;background-color:#e6002f;display:block;}





/* 关于我们——联系我们 */

.about_cuxiao{ position: relative; overflow: hidden;}
.about_cuxiao_box  dl{ display: grid;grid-template-columns: repeat(2, 1fr); gap: 10px; justify-content: space-between;  margin-top: 15px; align-items: center; padding:10px 0; justify-content:space-around ; border-bottom:1px  dotted #ececec}
.about_cuxiao_box dl:hover { background: #f1f1f1;  }
.about_cuxiao_box dt { text-align: center;}
.about_cuxiao_box dt h4 { height: 55px; line-height: 55px; background: #ececec; font-size: 36px; color: #333;}
.about_cuxiao_box dt p { height: 28px; line-height: 28px; color: #fff; background:#feb65b;}

.about_cuxiao_box dd h5 {/* padding-bottom: 10px; */    color: #333;font-size: 14px;}

.about_cuxiao_box dd { margin-left:0px; position: relative;padding-right: 10px;}

.about_cuxiao_box dd p { width: 555px; line-height: 22px; 
 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.about_cuxiao_box dd .mor { font-size: 12px;color: #D7292D;display: inline-block;}

/*  */
.about_contact{ position: relative; overflow: hidden;    margin-top: 20px;}

.about_contact_lianxi { margin: 20px 10px; display: block; padding-bottom: 10px !important; border-bottom: 1px solid #f1f1f1; font-size: 14px; color: #999;}

.about_contact_lianxi a {color: #999;}

.about_contact_lianxi span { font-size: 16px; font-weight: bold; color: #c20000; display: block;}		
	
.about_contact_lianxi_text dl{ display: flex;justify-content:flex-start ;margin-bottom: 10px; align-items: center;}	
.about_contact_lianxi_text dl dt{padding-right: 10px; border-right: 1px solid #707070;}
.about_contact_lianxi_text dl dd{ font-size:14px; padding-left: 20px;; }	
.about_contact_lianxi_text dl dd p{ text-align: left; font-weight: 700;color: #c20000;}


.about_contact2{ position: relative; overflow: hidden;    margin-top: 20px;}
.about_contact2 ul{ display: grid; gap: 10px;grid-template-columns:repeat(4, 1fr); margin-top: 15px;}
.about_contact2 ul ul li {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);

}
.about_contact2 ul  li img{ width: 100%;}
.about_contact2 ul li p{ font-size: 12px; text-align: center;}

/* about_contact3 */

.about_contact3{position: relative; overflow: hidden;  margin-top: 20px;;  }






/*  关于我们*/



/** * * * * * * * 搜索栏目页* * * * * * * */
.sousuo_title { margin-top: 15px;   border-bottom: 1px solid #c20000;display: flex; justify-content: space-between; align-items: center; vertical-align: middle;}
.sousuo_title span { background: #c20000;  padding:5px 10px;  font-size: 14px; color: #fff;}
.sousuo_title a{ font-size: 14px; color: #d60f0f;;}




/** * * * * * * * 资料下载* * * * * * * */
.download-section {
    /* background-color: white;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); */
    overflow: hidden;
    margin-bottom: 30px;
}

.download-title {
    background: linear-gradient(135deg, #3498db, #2c3e50);
    color: white;
    padding: clamp(15px, 3vw, 20px);
    font-size: clamp(1.2rem, 2.5vw, 1.5rem);
    display: flex;
    align-items: center;
}

.download-title i {
    margin-right: 12px;
    font-size: clamp(1.1rem, 2vw, 1.3rem);
}

/* 主要下载列表容器 - 使用CSS Grid */
.download-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

/* 列表标题行 */
.list-header {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    background-color: #f8f9fa;
    border-bottom: 2px solid #e9ecef;
    padding:8px 20px;
    font-weight: 600;
    color: #b10000;   
     text-align: center;
}
.list-header div:first-child{  text-align: left;}
/* 下载项通用样式 */
.download-item {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    padding:5px 20px;
    border-bottom: 1px solid #e9ecef;
    transition: background-color 0.2s;
    align-items: center;
}

.download-item:hover {
    background-color: #f8f9fa;
}

.file-name {
    font-weight: 500;
    color: #2c3e50;
    padding-right: 10px;
}

.file-date {
    color: #6c757d;
    text-align: center;
}

.download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background:#9e9e9e;
    color: white;
    padding:5px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s;
    border: none;
    cursor: pointer;
   font-size: 12px;
    max-width: 140px;
    margin: 0 auto;
}

.download-btn:hover {
    background: #333;
    transform: translateY(-2px);

}

.download-btn i {
    margin-right: 6px;
}

.no-data {
    text-align: center;
    padding: 40px 20px;
    color: #95a5a6;
    font-style: italic;
    grid-column: 1 / -1;
}


/* 平板设备适配 */
@media (max-width: 992px) {
    .list-header, .download-item {
        grid-template-columns: 2fr 1fr 1fr;
        padding: 16px 15px;
    }
    
    .download-btn {
        padding: 7px 15px;
        font-size: 0.9rem;
    }
}

/* 移动设备适配 - 转换为垂直布局 */
@media (max-width: 768px) {

    .about_cuxiao_box dl {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 15px;
        flex-wrap: wrap;
        align-items: center;
        padding: 10px 0;
        justify-content: space-around;
        border-bottom: 1px dotted #ececec;
    }

    .about_cuxiao_box dd p {
        width: 100%;
        line-height: 22px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .list-header {
        display: none; /* 在小屏幕上隐藏表头 */
    }
    
    .download-list {
        display: block; /* 切换为块级布局 */
    }
    
    .download-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
        border-bottom: 1px solid #e9ecef;
        position: relative;
    }
    
    .download-item:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(to right, transparent, #e9ecef, transparent);
    }
    
    .file-name {
        font-size: 1.1rem;
        margin-bottom: 8px;
        width: 100%;
        padding-right: 0;
    }
    
    .file-date {
        color: #6c757d;
        font-size: 0.9rem;
        margin-bottom: 15px;
        align-self: flex-start;
        text-align: left;
    }
    
    .download-btn {
        align-self: stretch;
        margin: 0;
        max-width: none;
        padding: 10px;
    }
}

/* 小屏幕手机进一步优化 */
@media (max-width: 480px) {

    .section-title {
        padding: 12px 15px;
        font-size: 1.2rem;
    }
    
    .download-item {
        padding: 15px;
    }
    
    .file-name {
        font-size: 1rem;
    }
}

/* 动画效果 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.download-item {
    animation: fadeInUp 0.4s ease-out forwards;
    opacity: 0;
}



/** * * * * * * * *  在线留言 ** * * * * * * * * */

.form-container {

    padding:20px 10px;
    transition: transform 0.3s ease;
}

.fa-asterisk:before {
    content: "\2a";
    color:#c81e2c;
    font-style: normal;
}
.form-container h2 {
    color: #2c3e50;
    margin-bottom:20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f0f4f8;
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-container h2 i {
    color: #3498db;
}

.form-group {
    margin-bottom: 15px;display: grid; gap: 10px; align-items: center;  grid-template-columns: 1fr 10fr; 
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;

  
}

.form-group input, 
.form-group select, 
.form-group textarea {
  
    padding: 8px 10px;
    border: 1px solid #dadada;
    border-radius: 8px;
  
    transition: all 0.3s;
    
}

.form-group input:focus, 
.form-group select:focus, 
.form-group textarea:focus {
    border-color: #3498db;
    outline: none;
    background-color: white;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #a0aec0;
}

.form-group select:invalid {
    color: #a0aec0;
}

.form-group select option:first-child {
    color: #a0aec0;
}

.form-group select option:not(:first-child) {
    color: #333;
}

.form-group textarea {
    min-height: 120px;
    resize: vertical;
    font-family: inherit;
}

.verification-group {
    display: flex;
    align-items: center;
    gap: 15px;
}

.verification-input {
    flex: 1;
}

.verification-code {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1f8ff;
    border: 2px dashed #a5d8ff;
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: bold;
    letter-spacing: 3px;
    font-size: 1.5rem;
    color: #2980b9;
    user-select: none;
    height: 60px;
    min-width: 140px;
}

.verification-code span {
    display: inline-block;
    transform: rotate(-5deg);
}

.refresh-btn {
    background: none;
    border: none;
    color: #3498db;
    font-size: 1.2rem;
    cursor: pointer;
    transition: transform 0.3s;
    margin-left: 5px;
}

.refresh-btn:hover {
    transform: rotate(90deg);
    color: #2980b9;
}

.form-footer {
    /* display: flex;
    justify-content: space-between; */
    align-items: center;
    margin-top: 40px;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 125px;
    margin: 0 auto;
}

.required-note {
    color: #7f8c8d;
    font-size: 0.95rem;
}

.required-note i {
    color: #e74c3c;
    margin-right: 5px;
}

.submit-btn {
    background-color: #3498db;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 10px;

    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
     display: flex;
    align-items: center; 

    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}

.submit-btn:hover {
    background-color: #2980b9;
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(52, 152, 219, 0.4);
}

.submit-btn:active {
    transform: translateY(0);
}

.success-message {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    border-radius: 8px;
    padding: 20px;
    margin-top: 30px;
    text-align: center;
    display: none;
    animation: fadeIn 0.5s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.error-message {
    color: #e74c3c;
    font-size: 0.9rem;
    margin-top: 5px;
    display: none;
}

.form-group.error input,
.form-group.error select,
.form-group.error textarea {
    border-color: #e74c3c;
}

.fill-example-btn {
    background-color: transparent;
    color: #3498db;
    border: 1px solid #3498db;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 15px;
}

.fill-example-btn:hover {
    background-color: #3498db;
    color: white;
}

@media (max-width: 768px) {
  
    .form-container {
        padding:15px 5px ;
    }
    .form-group {
        margin-bottom: 15px;
        display: grid;
        gap: 10px;
        align-items: center;
        grid-template-columns: 1fr 5fr;
    }
  
    .verification-group {
        flex-direction: column;
        align-items: stretch;
    }
    
    .verification-code {
        justify-content: center;
        min-width: auto;
    }
    
    .form-footer {
        flex-direction: column;
        align-items: stretch;
    }
    
    .submit-btn {
        justify-content: center;
    }
    
    .fill-example-btn {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
        justify-content: center;
    }
    .form-group input, .form-group select, .form-group textarea {
        padding: 10px;
        border: 1px solid #dadada;
        border-radius: 8px;
        transition: all 0.3s;
    }
}





/** * * * * * * * *  内容 ** * * * * * * * * */
  
.nrarticle-header {
    margin:20px auto;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.nrarticle-title {
    font-size:16px;
    font-weight: 700;
    text-align: center;
  
    margin-bottom: 15px;
}

.nrarticle-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7f8c8d;
   
}

.publish-date {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.publish-date i, .reading-time i {
    margin-right: 8px;
    color: #3498db;
}



.nrarticle-content p {
    margin-bottom:10px;
}
.nrarticle-content>img{max-width:100%; width:600px; margin: 10px auto; display: block;}
.nrarticle-content img{max-width:100%; width:600px; margin: 10px auto; display: block;}
.nrarticle-content>p>img{max-width:100%; width:600px; margin: 10px auto; display: block;}



 /* 响应式设计 - 平板设备 (768px - 1024px) */
 @media (max-width: 1024px) {
.container { width: 95%; }

}
@media (max-width:768px) {
.container {width: 98%;margin: 0px auto;}
.top-bar {
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    position: relative;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.openBox {
    z-index: 999;
    line-height: 26px;
    position: absolute;
    right: 5px;
    top: 10px;
    width: 80px;
    height: 26px;
    background-color: #ca3435;
    border-radius: 25px;
}
.logo-area {display: flex; align-items: center;flex-wrap: wrap; padding: 0 10px;}
.main-content {padding: 15px; gap: 15px;    grid-template-columns: 1fr;}
.pc_search{ display: block;    margin-bottom: 20px;}
.remengjc{display: none;}
.nysearch_box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
    flex-direction: column;
}
/* .sm_search{ display: none;} */
.product-list ul{grid-template-columns: 1fr;}
.product-list ul li { width: 100%;gap: 15px;}
.product-list li img {height: auto;width: 100%;display: block;transition: transform 0.5s ease;}
.search-container {width: 100%; }


/* 侧面 */
#bdshare{display: none;}
.right_nav{ display: none;}
.fdong {  display: none;position: fixed; width: 105px; z-index: 10; right: 0px; top: 5%;}





/*  */
.nymain-content {
    padding:0px 10px;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    background-color: #fff;
    flex-direction: column-reverse;
}
.nycontent_left {
    width: 100%;
}
.nycontent_right {
    width: 100%;
}

.pro_top {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    flex-direction: column;
}

.proviewbox {
   width: 100%;
    z-index: 5;
}
.prodbaseinfo_a {
    width: 100%;
    margin:20px 0px;; 
    z-index: 1;
}
.propar a {
    background: #333;
    color: #fff;
    padding: 5px 35px;
}
.pro_bottom {
     margin: 0px 0px;
}
.swiper {
    height: auto;
    padding:0px 0 50px;
}
.product-info dl {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    flex-direction: column;
    text-align: center;
}
.product_list2_box_list li img {
    height: 100%;
    display: block;
    width: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.product_list2_box li img {
    height: 100%;
    display: block;
    width: 100%;
    object-fit: contain;
    transition: transform 0.5s ease;
}
.product_list2_box h1 {
    font-size: 12px;
    color: #FFF;
    background: #c81e2c;
    padding: 0 5px;
}

/***************手机端底部*********/
.dbdh{width: 100%;position:sticky;bottom: 0;z-index: 9999; display: block;}
.dbdh ul{display:flex; justify-content: space-between; text-align: center; align-items: center;   background:#454545; box-sizing: border-box;}
.dbdh li{border-right:1px solid #373737; padding:8px  10px 5px;    width: 20%;text-align: center}

.dbdh li a{display:block;  }
.dbdh li em{display:block; width:1.3rem;height:1.3rem; margin:0 auto; line-height:0;}
.dbdh li em img{width:100%;}
.dbdh li i{display:block; height:24px; line-height:24px;text-align: center;color:#FFF; font-style: normal;}






}
@media (max-width: 480px) {
body { padding: 10px 0 0;}
.container { width: 98%;border-radius: 3px;}
.main-content { padding: 15px;gap: 15px;}

}