*{margin:0;padding:0;}
a{text-decoration:none; color:#666;}
a:hover{ color:red;}
ul{ list-style:none;}
img{ border:none;}
body{font-size:12px; text-align:center;font-family:Arial;-webkit-text-size-adjust:none;-webkit-text-size-adjust:none;width:expression(document.body.clientWidth <= 1280? "1280px": "auto");min-width:1280px;_width:expression((documentElement.clientWidth < 1280) ? "1280px" : "auto" );}
html{overflow-x:hidden;}
input,textarea,select{outline:none;}
.clear{ clear:both;}

/*2*/
.top-bar{width:100%;height:34px;margin: 0 auto;background:url(../images/topbg.jpg) center top no-repeat;overflow:hidden;}
.container{width:1120px;height:auto;margin: 0 auto;}
.container .welcome-text{float:left;color:#fff;font-size: 13px;line-height: 34px;}
.container .top-links {float: right;color: #fff;font-size: 13px;list-style: none;margin: 0;padding: 0;}
.container .top-links li {float: left;list-style: none;}
.container .top-links a {float: left;color: #fff;font-size: 13px;line-height: 34px;text-decoration: none;padding: 0 15px;transition: all 0.2s ease; /* 平滑过渡效果 */}
/* 鼠标悬停效果 */
.container .top-links a:hover {color: #fff;font-weight: bold;background-color: rgba(255, 255, 255, 0.1); /* 可选浅色背景 */}
/* 第一个链接左侧无内边距（可选，保持视觉平衡）*/
.container .top-links li:first-child a {padding-left: 0;}
/* 最后一个链接右侧无内边距（可选）*/
.container .top-links li:last-child a {padding-right: 0;}
/* 链接之间的分隔符（可选，用竖线分隔）*/
.container .top-links li:not(:last-child) a {border-right: 0px solid rgba(255, 255, 255, 0.3);padding-right: 15px;margin-right: 0;}
/* 清除浮动，防止父容器高度塌陷 */
.top-bar::after,.container::after {content: "";display: table;clear: both;}

.adtop{width:100%;left:0px;right:0px;top:0px;height:215px;z-index:9999;border-bottom:solid 1px rgba(255,255,255,0.30);}
.adheaderbg{width:100%;height:215px;z-index:99998;margin-top:0px;}
.adheader{margin:0px auto;width:1140px;height: auto; min-height: 160px;overflow:hidden;clear:both;}
.adheader::after {content: "";display: table;clear: both;}
.adheader .logo{float:left;padding-top:43px;display: flex;align-items: center;gap:20px;height: auto;}
.adheader .logo img{float: none;width: 300px;height: auto; display: block;}
.adheader .logo .title {display: flex;flex-direction: column;justify-content: center;text-align: left;line-height: 1.3;border-left:solid 1px #f5f5f5;padding-left:10px;}
.adheader .logo .title h3 {font-size: 26px;font-weight: bold;color: #000000;margin:10px 0 0 0;white-space: normal;word-break: break-word;}
.adheader .logo .title p {font-size: 20px;color: #c80000;margin:2px 0 0 0;font-weight: 600; white-space: normal;word-break: break-word;letter-spacing: 3.5px;}

.adheader .tel{float:right;padding-top:23px;margin-left:0px;}
.adheader .tel img{float:right;}

/*menu 网站栏目导航条模块*/
.menu_nav{width:100%;height:55px;background:#006abb;overflow:hidden;background-image: linear-gradient(to right,#cb0508,#ff6600);}
.menu_nav .menu{margin:0px auto;width:1140px;height:55px;clear:both;_overflow: hidden;height:55px;line-height:55px;text-align:left;}
.menu_nav .menu ul li {float:left;}
.menu_nav .menu ul li a:link,.menu_nav .menu ul li  a:visited{font-size:18px;text-decoration:none;margin:0 2px;height:55px;padding:16px 26px;font-weight: bold;color:#fff}
.menu_nav .menu ul li a:hover{background:#000;clear:both;font-weight:bold;font-size:18px;color:#fff}
.menu_nav .menu .current{background:#000;color:#fff;height:55px;line-height:55px;font-weight:bold;border-radius:0px; /* W3C syntax */}
.menu_nav .menu .current:link,.menu_nav .menu .current:visited{color:#fff;font-weight:bold;font-size:18px;padding:16px 26px;border-bottom:0px solid #fff;}
.menu_nav .menu .current:hover{color:#fff;font-weight:bold;}

.menu_nav .menu li ul{width:200px;display:none; position:fixed;top:70px;text-align:center;z-index:99999;background:rgba(64,131,199,0.9);color:#fff;}
.menu_nav .menu ul li:hover ul{ display:block;margin-left:3px;text-align:center;color:#fff;}
.menu_nav .menu ul li ul li{line-height:16px;BORDER-TOP:#fff 1px solid;margin-left:0px;width:180px;text-align:center;text-indent:0px;color:#fff;padding:10px 10px;}
.menu_nav .menu ul li ul li a:link,.menu_nav .menu ul li ul li a:visited{margin-left:0px;padding:0px;font-size:14px;color:#fff;line-height:16px;}

/* flexslider */
.banner{width:100%;height:auto;border-bottom:solid 0px #cd2929;}
.flexslider{position:relative;height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:0;}
.slides li{height:auto;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:0px;}
.slides li img{height: auto; width: auto\9; width:100%; }
.flex-control-nav{position:absolute;bottom:20px;z-index:2; left:47.5%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot1.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:20px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:20px;background:url(../images/next.png) center center no-repeat;}

.banner .bantext{margin:0px auto;width:100%;height:260px;position:absolute;z-index:5;overflow:hidden;top:20%;left:50%;margin-left:-30%;}
.banner .bantext span{margin:0px auto;text-align: left;color:#fff;overflow:hidden;}
.banner .bantext span h1{font-size:46px;color:#b60005;text-transform: uppercase;font-weight:bolder;margin-top:0px;line-height:60px;letter-spacing:0px;width:400px;font-family:SourceHanSansCN-Medium;}
.banner .bantext span h3{font-size:14px;text-transform:uppercase;font-weight:100;line-height:22px;letter-spacing:0px;margin-top:10px;}
.banner .bantext span p{font-size: 12px;width:155px; text-transform: uppercase;font-weight: 100;margin-top:20px;}
.banner .bantext span p a{background:#b60005;color:#fff;padding: 8px 0px;overflow:hidden;text-align:center;}

/*firstcol*/
.firstCol{width:100%;margin:0px auto;height:auto;overflow:hidden;}

.firstCol .lgywm_title {width: 100%;height: auto;position: relative;}
.firstCol .lwenzi {width: 1140px;height: auto;text-align: center;margin: 45px auto 0px;border-bottom: 0px solid #e4e4e4;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.firstCol .lwenzi strong {color: #000;text-transform: uppercase;font-size: 40px;  /* 调整字体大小，可以根据需要修改 */line-height: 1.2;font-weight: bold;position: relative;z-index: 2;margin-bottom: 30px;  /* 与下划线的间距，可调整 */display: inline-block;margin-top:0px;}
.firstCol .lwenzi p {font-size: 16px;  /* 大字号的PRODUCTS作为背景 */color: rgba(155, 155, 155, 1);  /* 透明度0.1 */line-height: 1;font-weight:500;text-transform: uppercase;position: absolute;  /* 绝对定位实现重叠 */top: 50%;left: 50%;transform: translate(-50%, 100%);margin: 0;white-space: nowrap;z-index: 1;pointer-events: none;  /* 防止遮挡strong的点击事件 */width: 100%;}

.firstColbox {width: 1140px;height: auto;margin:40px auto;text-align: center;}
/* 清除ul默认样式，使用flex布局实现一行三个 */
.firstColbox ul {display: flex;flex-wrap: wrap;justify-content: flex-start; /* 左对齐，多余空间在右侧 */padding: 0;margin: 0;list-style: none;}
/* 设置每个列表项的宽度，一行三个，考虑间距 */
.firstColbox ul li {width: calc((100% - 50px) / 3); /* (1140 - 左右外边距? 这里按父容器宽度1140，减去两个间隙25*2=50，除以3) */margin-bottom: 30px; /* 增加行间距，美观 */margin-right: 25px;  /* 右侧间距 */}
/* 一行中的第三个li去掉右侧间距，避免换行 */
.firstColbox ul li:nth-child(3n) {margin-right: 0;}
.firstColbox ul li a {display: block;text-align: left;/* 宽度高度继承自li，不再写死350px，保证响应式 */width: 100%;height: auto;border: 1px solid #dddddd;text-decoration: none; /* 去掉下划线，美观 */background: #fff;      /* 背景色 */}
/* secimg容器：固定尺寸350*350，背景白，溢出隐藏 */
.firstColbox ul li a .secimg {width: 350px;height: 350px;margin:8px auto;position: relative;overflow: hidden;background: #fff;border: 0 solid #e9e9e9;border-radius: 0;}
.firstColbox ul li a .secimg img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; cursor: pointer;transition: all 0.8s;
}
.firstColbox ul li a .secimg img:hover {transform: scale(1.01);}
.firstColbox ul li a p {text-align: center;font-size: 16px;color: #fff;line-height: 20px;font-weight: bold;padding:28px 5px;margin:0px 0 0 0;background: linear-gradient(135deg, #cb0508 0%, #ff6600 100%);}

.firdd{width:100%;height:auto;margin:20px auto;overflow:hidden;margin-bottom:60px;}
.firdd a{display:block;background-image: linear-gradient(to right,#171717,#171717);color:#fff;width:360px; height:60px;margin:0px auto;line-height:60px;text-align:center;font-size:16px;font-weight: 600; border-radius:40px}
.firdd a:hover{display:block;background-image: linear-gradient(to right,#171717,#c80000);color:#fff;width:360px; height:60px;margin:0px auto;line-height:60px;text-align:center;font-size:16px;}



/*secCol*/
.secCol{width:100%;margin:0px auto;height:562px;overflow:hidden;background:url(../images/aboutbg.jpg) center top no-repeat;background-size:cover;}

.secColbox{width:1140px;height:auto;margin:0px auto;overflow:hidden;margin-top:100px;}
/*firstcolleft*/
.secColboxLeft{float:right;width:535px;height:auto;overflow:hidden;}
.secColboxLeft img{margin-top: 20px;}
/*firstcolRight*/
.secColboxRight{float:left;width:520px;height:auto;overflow:hidden;text-align:left;padding:0px;overflow:hidden;}
.secColboxList{width:100%;padding:0px 0px 0px 0px;}
.secColboxList h1{font-size:26px;color:#fff;font-weight: 100;line-height:46px;}
.secColboxList h3{font-size:30px;color:#fff;margin-bottom:20px;}
.secColboxList p{text-indent:0px;color:#fff;line-height:24px;font-size:16px;padding:10px 0;}
.secColboxList a{display:block;text-align:center;font-size:14px;color:#000;font-weight:bold;margin-top:20px;padding:14px 26px;background: #fff;width:120px;}
.secColboxList a:hover{background:#fff;color:#000;}

/*fivecol*/
.fivecol{width:100%;margin:0px auto;height:529px;overflow:hidden;background:url(../images/zizhi.jpg) center top no-repeat;background-size:cover;}
.fivecol .lgywm_title {width: 100%;height: auto;position: relative;}
.fivecol .lwenzi {width: 1140px;height: auto;text-align: center;margin:65px auto 0px;border-bottom: 0px solid #e4e4e4;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.fivecol .lwenzi strong {color: #000;text-transform: uppercase;font-size: 40px;  /* 调整字体大小，可以根据需要修改 */line-height: 1.2;font-weight: bold;position: relative;z-index: 2;margin-bottom: 30px;  /* 与下划线的间距，可调整 */display: inline-block;margin-top:0px;}
.fivecol .lwenzi p {font-size: 16px;  /* 大字号的PRODUCTS作为背景 */color: rgba(155, 155, 155, 1);  /* 透明度0.1 */line-height: 1;font-weight:500;text-transform: uppercase;position: absolute;  /* 绝对定位实现重叠 */top: 50%;left: 50%;transform: translate(-50%, 100%);margin: 0;white-space: nowrap;z-index: 1;pointer-events: none;  /* 防止遮挡strong的点击事件 */width: 100%;}

.fivecolbox{width:1140px;margin:40px auto;height:auto;overflow:hidden;}


/*sixcol*/
.sixcol{width:100%;margin:0px auto;height:890px;overflow:hidden;background:url(../images/ysbg.jpg) center top no-repeat;}
.sixcol .lgywm_title {width: 100%;height: auto;position: relative;}
.sixcol .lwenzi {width: 1140px;height: auto;text-align: center;margin:65px auto 0px;border-bottom: 0px solid #e4e4e4;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.sixcol .lwenzi strong {color: #000;text-transform: uppercase;font-size: 40px;  /* 调整字体大小，可以根据需要修改 */line-height: 1.2;font-weight: bold;position: relative;z-index: 2;margin-bottom: 30px;  /* 与下划线的间距，可调整 */display: inline-block;margin-top:0px;}
.sixcol .lwenzi p {font-size: 16px;  /* 大字号的PRODUCTS作为背景 */color: rgba(155, 155, 155, 1);  /* 透明度0.1 */line-height: 1;font-weight:500;text-transform: uppercase;position: absolute;  /* 绝对定位实现重叠 */top: 50%;left: 50%;transform: translate(-50%, 100%);margin: 0;white-space: nowrap;z-index: 1;pointer-events: none;  /* 防止遮挡strong的点击事件 */width: 100%;}

/*sevencol*/
.sevencol{width:100%;margin:0px auto;height:auto;overflow:hidden;background:url(../images/shouhbg.jpg) center top no-repeat;}
.sevencol .lgywm_title {width: 100%;height: auto;position: relative;}
.sevencol .lwenzi {width: 1140px;height: auto;text-align: center;margin:105px auto 0px;border-bottom: 0px solid #e4e4e4;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.sevencol .lwenzi strong {color: #fff;text-transform: uppercase;font-size: 40px;  /* 调整字体大小，可以根据需要修改 */line-height: 1.2;font-weight: bold;position: relative;z-index: 2;margin-bottom: 30px;  /* 与下划线的间距，可调整 */display: inline-block;margin-top:0px;}
.sevencol .lwenzi p {font-size: 18px;  /* 大字号的PRODUCTS作为背景 */color: rgba(255, 255, 255, 1);  /* 透明度0.1 */line-height: 1;font-weight:500;text-transform: uppercase;position: absolute;  /* 绝对定位实现重叠 */top: 50%;left: 50%;transform: translate(-50%, 200%);margin: 0;white-space: nowrap;z-index: 1;pointer-events: none;  /* 防止遮挡strong的点击事件 */width: 100%;}

.sevencolbox{margin:115px auto 0px;width:1140px;height:auto;overflow:hidden;}
.sevencolbox ul{}
.sevencolbox ul li{float:left;width:332px;height: 415px;margin-bottom:30px;margin-right:48px;overflow:hidden;background: #fff;border: 1px solid #e6e6e6;}
.sevencolbox ul li:nth-child(3n) {margin-right: 0;}
.sevencolbox ul li .secimg{width: 317px;height: 241px;margin:8px auto;position: relative;overflow: hidden;background: #fff;border: 0 solid #e9e9e9;border-radius: 0;}
.sevencolbox ul li .sectext{width: 297px;height: 130px;text-align: center;margin:0px auto;padding:10px}
.sevencolbox ul li .sectext h1{font-size: 24px;line-height:56px;padding-bottom:5px;}
.sevencolbox ul li .sectext p{font-size: 14px;line-height: 24px;color: #7c7c7c;}

/*eighcol*/
.eighcol{width:100%;margin:0px auto;height:auto;overflow:hidden;margin-bottom: 40px;}
.eighcol .lgywm_title {width: 100%;height: auto;position: relative;}
.eighcol .lwenzi {width: 1140px;height: auto;text-align: center;margin:30px auto 0px;border-bottom: 0px solid #e4e4e4;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.eighcol .lwenzi strong {color: #000;text-transform: uppercase;font-size: 40px;  /* 调整字体大小，可以根据需要修改 */line-height: 1.2;font-weight: bold;position: relative;z-index: 2;margin-bottom: 30px;  /* 与下划线的间距，可调整 */display: inline-block;margin-top:0px;}
.eighcol .lwenzi p {font-size: 16px;  /* 大字号的PRODUCTS作为背景 */color: rgba(155, 155, 155, 1);  /* 透明度0.1 */line-height: 1;font-weight:500;text-transform: uppercase;position: absolute;  /* 绝对定位实现重叠 */top: 50%;left: 50%;transform: translate(-50%, 100%);margin: 0;white-space: nowrap;z-index: 1;pointer-events: none;  /* 防止遮挡strong的点击事件 */width: 100%;}

.eighcolbox{height:auto;width:1140px;margin:40px auto;text-align:left;overflow:hidden;}
.eigh_img{float:left;width:520px;height:354px;}
.eigh_img img{width:520px;height:354px;}
.eighlist{float:right;margin:0px auto;width:550px;height:353px;border-top:1px solid #e9e9e9;}
.eighlist ul{}
.eighlist ul li{width:550px;height:57px;margin-bottom:0px;border-bottom:1px solid #e9e9e9;}
.eighlist ul li a{font-size:18px;color:#303030;text-align:left;line-height:56px;display:block}
.eighlist ul li a p{float:left;text-align:left;line-height:56px;font-size:16px;color:#303030;font-weight:bolder;text-indent:20px;}
.eighlist ul li:hover{background:#c80000;}
.eighlist ul li:hover p{color:#fff;}


.online{width:100%;margin:0px auto;height:223px;overflow:hidden;background:url(../images/onbg.jpg) center top no-repeat;}
.onlinebox {width: 1140px;height: 100%;margin: 0 auto;display: flex;align-items: center; /* 垂直居中 */justify-content: space-between; /* 左右两端对齐 */}
.onlineleft {flex: 1; /* 占据剩余空间 */text-align: left;}
.onlineleft h1 {font-size: 30px;font-weight: bold;color: #fff;margin: 0 0 15px 0;line-height: 1.2;}
.onlineleft h3 {font-size: 16px;font-weight: normal;color: rgba(255, 255, 255, 0.9);display: block;line-height: 1.5;}
.onlineright {flex-shrink: 0;}
.onlineright p {margin: 0;}
.onlineright p a {display: inline-block;padding: 14px 32px;font-size: 16px;font-weight: bold;color: #fff;text-decoration: none;text-align: center;border-radius: 0px;background: linear-gradient(135deg, #cb0508 0%, #ff6600 100%);transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);}
.onlineright p a:hover {background: linear-gradient(135deg, #cb0508 0%, #ff6600 100%);transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 102, 204, 0.4);}
.onlineright p a:active {transform: translateY(0);}

/*imagecol*/
.imagecolbg{margin-top:0px;}
.imagecol{margin:0px auto;width:100%;overflow:hidden;}
.imagecol img{height: auto; width: auto\9; width:100%; }

.s_banner{ height:410px; overflow:hidden; width:100%;margin-top:0px;border-top:0px solid #00c355;position: relative;}
.s_banner img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; /* 确保图片覆盖整个区域 */object-position: center center; /* 图片居中 */z-index: 1; /* 放在底层 */}
.banner-img-nav {width: 100%;position: absolute; bottom:30%;z-index: 2;}
.banner-img-nav .aboutheadertext{margin:0px auto;width:1140px;height:auto;letter-spacing:0px;color:#fff;text-align:center;position: relative;z-index: 3;}
.banner-img-nav .aboutheadertext p{margin:0px auto;font-size:32px;text-align:center;color:#fff;width:100%;clear:both;font-weight:600;line-height:26px;letter-spacing:0px;padding:0px 0;}
.banner-img-nav .aboutheadertext span{margin:0px auto;font-size:20px;text-align:center;color:#fff;width:100%;clear:both;line-height:46px;font-weight:100;padding-bottom:0px;letter-spacing:0px;padding:20px 0;display: block;box-sizing: border-box;font-family: SourceHanSansCN-Medium;}

/**/
.crumbs{width:100%;margin:0px auto;height:auto;color:#6d6d6d;text-align:left;overflow:hidden;padding:20px 0;}
.crumbsname{width:1140px;margin:0px auto;padding-top:0px;}
.crumbsname p{line-height:20px;font-size:16px;color:#000;border-left:0px solid #db1515;text-indent:0px;color:#000;}
.crumbsname p a{font-size:16px;color:#000;font-weight: bold;}

/*footer */
.bottom{margin:0px auto;width:100%;height:373px;overflow:hidden;background:url(../images/botbg.jpg) center top no-repeat;}
.footlist{width:1140px;margin:0px auto;height:320px;overflow:hidden;margin-top:40px;}
.footlistright{float:right;width:145px;margin:0px auto;text-align:left;overflow:hidden;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start; }
.footlistright h3 {float:left;width: 100%;width: 100%;  /* 移除float */margin-bottom: 15px;  /* 添加底部间距 */}
.footlistright h3 img{max-width: 100%; /* 确保图片不会溢出 */height: auto;margin-top:10px;}

.footlistleft{float:left;width:900px;display: flex;justify-content: space-between; gap: 30px;}
.footlistleft ul{ flex: 1;min-width: 0;padding-left: 0;margin-top: 0;margin-bottom: 0;text-align: left;border-left: 0px solid #3b3f45;list-style: none;}
.footlistleft ul h3{height:70px;line-height:50px;font-size:24px;color:#fff;width:100%;background:url(../images/bb.png) left  no-repeat;margin: 0 0 15px 0;padding-left: 0px;}
.footlistleft ul li{line-height:30px;width:100%;;margin-top:0px;font-size:16px;color:#fff;padding-left: 0px;word-wrap: break-word;word-break: break-all;}

.footlistleft ul:last-child { flex: 0.5; }
/* 链接样式 */
.footlistleft ul li a:link,
.footlistleft ul li a:visited {color: #fff;text-decoration: none;display: inline-block;}
.footlistleft ul li a:hover {color: #fff;text-decoration: underline;}


.footer{width:100%;margin:0px auto;height:auto;background:#dfdfdf;text-transform:uppercase;overflow:hidden;} 
.footcopy{width:1140px;margin:0px auto;padding:20px 0;overflow:hidden;}
.footcopy p{font-size:14px;color:#000;line-height:20px;text-align:center;}
.footcopy p a:link,.footcopy p a:visited{color:#000;line-height:20px;}
.footcopy p a:hover{color:#9a9a9a;}

/* 热搜搜索区域 */
.hotsearch {width: 100%;margin: 0 auto;background: #fff; /* 白底 */border-bottom: 1px solid #e5e5e5; /* 底部线条 */padding:15px 0; /* 上下内边距 */}

.hotsearchbox {width: 1140px;margin: 0 auto;display: flex;justify-content: space-between; /* 左右两端对齐 */align-items: center; /* 垂直居中 */}
.hotsearchbox .left {flex: 1; /* 占据剩余空间 */text-align: left;}
.hotsearchbox .left p {margin: 0;font-size: 14px;color: #666;line-height: 40px;}
.hotsearchbox .left p strong,
.hotsearchbox .left p span {color: #333;font-weight: bold;}
.hotsearchbox .left p a {display: inline-block;color: #666;text-decoration: none;margin: 0 8px;padding: 4px 0;transition: all 0.3s ease;}
.hotsearchbox .left p a:hover {color: #006abb; /* 悬停时变为蓝色 */transform: translateY(-2px);}

.hotsearchbox .right {display: flex;gap: 0;border-radius: 0px;overflow: hidden;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}
.hotsearchbox .right input[type="text"] {width: 200px;height: 40px;padding: 0 18px;border: 1px solid #e0e0e0;border-right: none; font-size: 14px;color: #333;outline: none;transition: all 0.3s ease;background: #fff;}
.hotsearchbox .right input[type="text"]:focus {border-color: #c3c3c3;box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.05);}
.hotsearchbox .right button {width: 80px;height: 42px;padding: 0 18px;border: none;font-size: 15px;color: #fff;cursor: pointer;background: #e7050e;font-weight: bold;letter-spacing: 2px;transition: all 0.3s ease;}
.hotsearchbox .right button:hover {background: linear-gradient(135deg, #0052a3 0%, #0088e6 100%);}


/* 导航菜单区域 - 增强版 */
.amenu {width: 100%;margin: 0 auto;padding: 30px 0px;}
.amenu .title {width: 1140px;margin:10px auto;text-align: center;}
.amenu .title p {margin:0 auto;font-size: 36px;font-weight: bold;color: #222;position: relative;display: inline-block;padding-bottom: 15px;letter-spacing: 2px;}
.amenu .list {width: 1140px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}
/* 导航链接基础样式 */
.amenu .list a {display: inline-block;padding: 10px 50px;font-size: 16px;font-weight: 500;text-decoration: none;text-align: center;transition: all 0.3s ease;background: #fff;color: #333;border: 1px solid #efefef;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}
.amenu .list a:hover {background: #fff;border-color: #dedede;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.amenu .list a.cur {background: linear-gradient(135deg, #d32f2f 0%, #e53935 100%);color: #fff;border-color: #d32f2f;box-shadow: 0 2px 8px rgba(211, 47, 47, 0.3);}
.amenu .list a.cur:hover {background: linear-gradient(135deg, #c62828 0%, #d32f2f 100%);transform: translateY(-3px);box-shadow: 0 4px 14px rgba(211, 47, 47, 0.4);}

/*main */
.main{width:100%;margin:0px auto;height:100%;overflow:hidden;}

/* 内页 */
.main_a{width:1140px;margin:0px auto;height:auto;overflow:hidden;margin-top: 30px;}
.main_acol{width:1140px;margin:60px auto;height:auto;overflow:hidden;}
.main_aright{width:100%;margin:0px auto;}

.main_a .title{padding-left:0px;top:10px; color:#666;text-align:left;}

.sub{float:left; width:100%;margin:20px auto;text-align:left;}
.sub_nav{}
.sub_nav ul{ padding-left: 0; /* 清除默认内边距 */display: flex; /* 使用flex布局实现换行和左对齐 */flex-wrap: wrap; /* 允许换行 */gap: 10px;}
.sub_nav ul li{ list-style: none; /* 移除列表样式 */border-bottom: none; /* 移除边框或设为none */}
.sub_nav ul li a {display: block;color: #000;font-size: 16px; /* 统一文字大小（16px和14px的折中） */text-align: left; /* 左对齐 */line-height: 40px; /* 调整行高 */background: #fff;padding: 0 20px; /* 统一水平内边距，垂直方向由line-height控制 */white-space: nowrap; /* 防止文字换行 */transition: all 0.3s ease; /* 添加平滑过渡效果 */border-radius: 5px;}
.sub_nav ul li a:hover,
.sub_nav ul li a.cur {background: #f3f3ff;color: #4e4efa;font-size: 16px; /* 与普通状态保持一致 */text-decoration: none;}

.sub_nav ul li a:hover,.sub_nav ul li a.cur{ display:block;background:#f3f3ff; color:#4e4efa; font-size:16px; text-decoration:none; }


/**/
.about01{width:100%;margin:0px auto;height:auto;overflow:hidden;}
.about01col{width:1140px;margin:20px auto;height:auto;overflow:hidden;}

.aboutdaye{width:100%;margin-top:0px;text-align:left; font-size:16px; color:#000;padding-bottom:20px;}
.aboutdaye img{margin:15px auto;display: block; max-width: 100%;}
.aboutdaye p img{display: block;margin:35px auto;}
.aboutdaye p{text-indent:32px;line-height:36px;margin:20px 0;}

/**/
.yw_title{ margin-top:30px;border-top: 1px solid #eee;}
.yw_title dd{height: 17px;}
.yw_title h1{font-size:36px; color:#393939; text-align: center; text-transform: uppercase;padding:20px 0;font-weight: 500;}
.yw_title p{font-size:20px; text-align: center;}
.n_daohang{text-align:center;width:100%; float: left; margin-top:20px;  padding-bottom:20px;}
.n_daohang a{padding:12px 65px;  background:#b8b8b8;color:#fff;margin:0px 5px;;font-size: 16px;}
.n_daohang a:hover{background:#296db4;color:#fff; }
.n_daohang .current{background: #296db4;color:#fff; } 
.n_daohang .current a:link,.n_daohang .current a:visited{background: #296db4;color:#fff; } 




/* */
.content{width: 100%;font-size:14px; overflow:hidden; padding:0 0px;text-align:left;}
.content p{ margin:1.2em 0;text-indent:0em;line-height:1.8em;}
.content p img{width: 100%;height: auto;margin:0 auto; text-align:center; width: auto\9; }
.content .tt2{ display:block; background:#333; color:#fff;line-height:30px; height:30px; width:150px; text-align:center; margin:15px 0; font-weight:700;}


.productslist{margin:30px auto;width:1200px;height:auto;overflow:hidden;}
.productslist ul{width:1280px;margin-top:0px}
.productslist ul li{display:block;float:left;text-align:left;margin-right:50px;margin-top:30px;font-size:14px;width:256px;height:290px;line-height:20px;}
.productslist ul li .secimg{width:250px;height:250px;border:#000 solid 0px;margin: 0px auto;overflow: hidden;border:1px solid #b7b7b6;border-radius:15px; /* W3C syntax */}
.productslist ul li .secimg img{width:250px;height:250px;cursor: pointer;transition: all 0.9s;}
.productslist ul li .secimg img:hover{transform: scale(1.1);}
.productslist ul li p{width:100%;text-align:center;color:#393939;font-size:14px;line-height:20px;padding-top: 8px;}

.proche-tit {width:100%;margin:30px auto;text-align: center; color: #595959; padding-top:0px;}
.proche-tit .en {font-size: 30px;font-weight: 100;line-height:45px;height:55px;border-bottom:1px solid #f0f0f0;}

.procrumbsclass{width:100%;margin:0px auto;overflow:hidden;border-top:2px solid #f0f0f0;padding-top:30px;margin-top: 20px;}
.procrumbsclass ul{width:1200px;margin:0px auto;}
.procrumbsclass ul li{float:left;margin-left:10px;margin-bottom:10px;}
.procrumbsclass ul li a:link,.procrumbsclass ul li a:visited{line-height:20px;border:1px solid #2a2a2a;background:#fff;text-align:center;font-size:12px;color:#2a2a2a;font-weight:100;display: block;padding:4px 26px 4px 26px;border-radius:10px;}
.procrumbsclass ul li a:hover{background:#e7040e;border:1px solid #e7040e;color:#fff;}
.procrumbsclass .curr a:link,.procrumbsclass .curr a:visited{background:#e7040e;border:1px solid #e7040e;color:#fff;border-radius:10px;}

/*aboutCol*/
.aboutCol{width:100%;margin:0px auto;height:auto;overflow:hidden;padding-bottom:0px;}
.aboutCol .lgywm_title { width:100%; height:auto;}
.aboutCol .lwenzi { width:1200px; height:auto; text-align:center;margin:45px auto 0px;border-bottom:0px solid #e4e4e4;}
.aboutCol .lwenzi p {font-size:14px; color:#717171;line-height:40px;font-weight:100;text-transform : uppercase;}
.aboutCol .lwenzi p strong {font-size:36px;width:1200px;color:#434343;line-height:70px;height:40px;padding:2% 0px;font-weight:600;}
.aboutCol .lwenzi span{font-size:14px; color:#717171;text-transform : uppercase;}
.aboutCol .lwenzi dd{height:4px;overflow:hidden;width:140px;background:#de0412;border-bottom:0px solid #de0412;margin:0px auto;text-align:center;}

/*询盘*/
.inquiryCol{width:1200px;margin:0px auto;height:auto;overflow:hidden;padding-bottom:0px;text-transform:uppercase;}

/* aboutnews */
.inquirylist {width:1100px;margin:40px auto;height:auto;overflow: hidden;padding:0px;text-transform:uppercase;}
.inquirylist h1{text-align: left;font-size:26px;line-height:66px;font-weight: 500;}
.inquirylist ul {width:100%;}
.inquirylist ul li{padding:0.5% 0; width:99%; height:auto; float: left; display: inline; text-align:left;margin-bottom:0px;}
.inquirylist ul li input{background:#f2f2f2;border:1px solid #f2f2f2;border-radius:0px;padding:1.5% 2%; width:96%;font-size: 14px;color:#7d7d7d;}
.inquirylist ul li .register{width:200px; text-align:center;font-weight:100;font-size:24px;line-height:20px;COLOR: #fff;background:#fe6500;margin-right:10px;border-radius:0px;text-transform:uppercase;margin-top: 10px;}
.inquirylist ul li .register1{width:200px; text-align:center;font-weight:100;font-size:24px;line-height:20px;COLOR: #fff;background:#9a9a9a;margin-right:0px;border-radius:0px;text-transform:uppercase;margin-top: 10px;}
.inquirylist ul li textarea{float:left;height:auto;line-height:20px;text-align:left;background:#f2f2f2;border:1px solid #f2f2f2;border-radius:0px;padding:1.5% 2%; width:96%;font-size: 14px;color:#7d7d7d;}




.probottom{width:100%;height:auto;margin:0px 0 50px 0;overflow:hidden;}
/*CSS quotes style pagination*/
DIV.quotes {MARGIN: 3px;TEXT-ALIGN: center;padding:0.8%;}
DIV.quotes A {BORDER-RIGHT: #ddd 1px solid;BORDER-TOP: #ddd 1px solid;BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none;padding:0.8%;}
DIV.quotes A:hover {BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid;padding:0.8%;}
DIV.quotes A:active {BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid;padding:0.8%;}
DIV.quotes SPAN.current {BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0;padding:0.8%;}
DIV.quotes SPAN.disabled {BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid;padding:0.8%;}


/*照片页*/
.about_photo{width:1140px;margin: 0px auto;margin-top:30px; font-size:14px; line-height: 26px; color:#666;text-align:left;}
.about_photolist {width:100%;height:auto;overflow:hidden;margin-bottom:0px;box-sizing: border-box;}
.about_photolist ul{padding:0% 0;width:100%;margin: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.about_photolist ul li{width: 24.25%;margin-right: 1%; margin-bottom: 1%;box-sizing: border-box;}
 /* 每行第三个元素去掉右边距 */
.about_photolist ul li:nth-child(4n) {margin-right: 0;}
.about_photolist ul li a{display:block; text-align:center;vertical-align:middle;text-decoration: none;color: inherit;}
.about_photolist ul li .secimg{width: 89.6%;height: 0;padding-bottom: 89.6%; /* 保持宽高比例 */padding-top: 5%;padding-left: 5%;padding-right: 5%;border: 1px solid #e9e9e9;margin: 0 auto;overflow: hidden;border-radius: 0;background: #fff;position: relative;}
.about_photolist ul li .secimg img{position: absolute;top: 5%;left: 5%;width: 89.6%;height: 89.6%;object-fit: contain; cursor: pointer;transition: all 0.8s;}
.about_photolist ul li .secimg img:hover{transform: scale(1.05);}
.about_photolist ul li p{font-size:18px; line-height:20px;padding:15px 0;text-align:center;margin: 0;}

/**/
.caseCol{width:1140px;margin: 0px auto;height:auto;margin-top:30px;overflow:hidden;}
.caseCol .title {font-size:20px;color: #000;padding: 15px 0;text-align: left; margin-bottom: 20px;border-bottom: 1px solid #eee;}
.caseCol ul {width:100%;margin: 0px auto;list-style: none;margin: 0;padding: 0;}
.caseCol ul li {margin:50px 0;background: #fff;overflow: hidden;transition: all 0.3s ease;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);text-align: left; }
.caseCol ul li:hover {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);transform: translateY(-1px);}
.caseCol ul li a {display: flex;text-decoration: none;color: inherit;}

.caseCol .caseimg {flex: 0 0 280px;width: 280px;height: 200px;overflow: hidden;}
.caseCol .caseimg img {width: 95%;height: 80%;object-fit: cover;transition: transform 0.5s ease;}
.caseCol ul li:hover .caseimg img {transform: scale(1.02);}

.caseCol .casetext {flex: 1;padding:5px 25px;display: flex;flex-direction: column;}
.caseCol .casetext h1 {font-size: 26px;font-weight: 600;color: #333;margin: 0 0 12px 0;line-height: 1.4;transition: color 0.3s ease;}
.caseCol ul li:hover .casetext h1 {color: #006abb;}
.caseCol .casetext p {font-size: 16px;line-height: 1.8;color: #666;margin: 0 0 15px 0;display: -webkit-box;-webkit-line-clamp: 3;  /* 限制显示3行 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.caseCol .casetext span {font-size: 16px;font-weight: 600; color: #006abb;display: inline-block;transition: all 0.3s ease;align-self: flex-start;}
.caseCol ul li:hover .casetext span {color: #0056b3;transform: translateX(5px);}

/**/
.lmenu{width: 245px;text-align: left;}
.lm-first{margin-bottom: 20px;overflow: hidden;}
.lm-first h1{height: 68px;text-indent:20px;line-height: 68px;color: #fff;font-size: 20px;font-weight: bold;background-image: linear-gradient(to right,#cb0508,#ff6600);margin: 0;}
.lm-first h1 span{display: block;background: url(../images/left_li.png) no-repeat 210px center;}

.lm-first > ul {width: 100%;margin: 0;padding: 0;list-style: none;}
/* 一级菜单li - 支持多行文字 */
.lm-first > ul > li {width: 245px;min-height: 50px;height: auto;background: #ececec;margin-top: 1px;position: relative;list-style: none;}
/* 一级菜单a标签 - 支持多行文字换行 */
.lm-first > ul > li > a {display: block;padding: 14px 35px 14px 20px;font-size: 14px;color: #666;line-height: 1.4;font-weight: bold;text-decoration: none;word-wrap: break-word;word-break: break-all;white-space: normal;background: #ececec;position: relative;cursor: pointer;}

/* 一级菜单右侧图标 - 垂直居中 */
.lm-first > ul > li > a::after {content: "";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;background: url(../images/contact_13.png) no-repeat center;}
.lm-first > ul > li.has-child > a::after {background: url(../images/contact_13.png) no-repeat center;transition: transform 0.3s ease;}
.lm-first > ul > li.has-child.open > a::after {transform: translateY(-50%) rotate(90deg);}
.lm-first > ul > li.active > a {color: #fff;background: #333;}
.lm-first > ul > li.active > a::after {background: url(../images/contact_12.png) no-repeat center;}
/* 二级菜单ul - 默认隐藏 */
.lm-first > ul > li > ul {display: none;width: 100%;margin: 0;padding: 0;list-style: none;background: #f5f5f5;}
/* 二级菜单展开状态 */
.lm-first > ul > li.open > ul {display: block;}
/* 二级菜单li */
.lm-first > ul > li > ul > li {width: 100%;min-height: 40px;height: auto;background: #fff;border-top: 1px solid #e0e0e0;list-style: none;position: relative;}
/* 二级菜单a标签 */
.lm-first > ul > li > ul > li > a {display: block;padding: 10px 15px 10px 35px;font-size: 13px;color: #666;line-height: 1.4;text-decoration: none;word-wrap: break-word;word-break: break-all;white-space: normal;background: #fff;position: relative;cursor: pointer;}
/* 二级菜单激活状态 */
.lm-first > ul > li > ul > li.active > a {color: #e7050e;background: #f0f0f0;font-weight: bold;}
/* 二级菜单图标 - 小圆点 */
.lm-first > ul > li > ul > li > a::before {content: "•";position: absolute;left: 20px;top: 50%;transform: translateY(-50%);color: #999;font-size: 14px;}
/* 一级菜单悬停和激活状态 */
.lm-first > ul > li:hover > a,
.lm-first > ul > li.on > a {color: #fff;background: #e7050e;}
.lm-first > ul > li.active:hover > a {background: #333;}
.lm-first > ul > li:hover > a::after,
.lm-first > ul > li.on > a::after {background: url(../images/contact_12.png) no-repeat center;}

/* 二级菜单悬停效果 */
.lm-first > ul > li > ul > li:hover > a,
.lm-first > ul > li > ul > li.on > a {color: #e7050e;background: #f0f0f0;}
.lm-first > ul > li > ul > li:hover > a::before,
.lm-first > ul > li > ul > li.on > a::before {color: #e7050e;}
/* 确保打开状态的菜单能正常显示 */
.lm-first > ul > li.open > ul {display: block !important;}
/* 确保关闭状态的菜单隐藏 */
.lm-first > ul > li:not(.open) > ul {display: none !important;}



.lm-second{margin-bottom: 20px;overflow: hidden;margin-top:20px;}
.lm-second h1{height: 58px;text-indent:20px;line-height: 58px;color: #fff;font-size: 18px;font-weight: bold;background:#515151;}
.lm-second h1 span{color: #fff;display: block;background: url(../images/left_li.png) no-repeat 210px center;}
.lm-second ul{border-left:1px solid #dcdbdb;border-right: 1px solid #dcdbdb;border-bottom: 1px solid #dcdbdb;width: 222px;overflow: hidden;padding:4px 0 8px 0;}
.lm-second ul li{width: 100%;background: url(../images/contact_23.jpg) no-repeat 48px center;}
.lm-second ul li a{display: block;padding-left: 32px;line-height: 26px;color: #666666;}
.lm-second ul li:hover,.lm-second ul li.on{background: url(../images/contact_23.jpg) no-repeat 48px center;}
.lm-second ul li:hover a,.lm-second ul li.on a{color: #ff6600;}

.lm-second-top{padding-left: 38px;border-left:1px solid #dcdbdb;border-right: 1px solid #dcdbdb;border-bottom: 1px solid #dcdbdb;height: 64px;font-size: 14px;color: #333;padding:30px 0 26px 0;line-height:24px;text-align: center;}
.lm-second-top strong{color:#c80000;font-size:26px;font-weight: bold;line-height:26px;}
.lm-second-bottom{padding-left: 38px;border-left:1px solid #dcdbdb;border-right: 1px solid #dcdbdb;border-bottom: 1px solid #dcdbdb;height: 79px;font-size: 14px;color: #333;padding:19px 0 0 0;line-height: 14px;text-align: center;}
.lm-second-bottom .btn{display: inline-block;width:120px;height:40px;margin-top: 10px;text-align: center;line-height:40px;color: #fff;font-size: 16px;background: linear-gradient(135deg, #cb0508 0%, #ff6600 100%);}

.rcontent{width: 850px;border:0px solid #e9e9e9;}
.rcontent ul{width: 850px;margin-bottom: 20px;}
.rcontent ul li{width:850px;height:130px;margin-top:20px;background:#ececec;}
.rcontent ul li a{font-size:14px;color:#1f1f1f;text-align:left;margin-right:0px;font-weight:bold;}
.rcontent ul li a .spp{float:left;width:120px;height:110px;text-align:center;background:#dfdfdf;color:#464646;font-size:12px;font-family:Arial;font-weight:normal;margin-top:10px;}
.rcontent ul li a .spp strong{width:120px;text-align:center;line-height:80px;font-size:50px;font-weight:normal;}
.rcontent ul li a .spp span{float:left;text-align:center;width:120px;line-height:24px;margin-top:-20px;font-size:14px;}
.rcontent ul li a .spp dt{width:120px;BORDER-TOP: #ececec 1px solid;line-height:24px;font-size:14px;height:25px;overflow: hidden;}
.rcontent ul li a p{float:right;text-align:left;padding:10px 15px 10px 10px;width:690px;height:110px;line-height:22px;font-size:14px;color:#7c7c7c;margin-top:0px;font-weight:normal;}
.rcontent ul li a p strong{font-size:16px;color:#323232;line-height:46px;}
.rcontent ul li a:hover{color:#2eace7;}

.rcontent ul li.blockHover .spp{color:#fff;BORDER-RIGHT: #ca0405 0px solid; BORDER-TOP: #ca0405 0px solid; background:#c80000; BORDER-LEFT: #ca0405 0px solid; BORDER-BOTTOM: #ca0405 0px solid}
.rcontent ul li.blockHover{background:#dfdfdf;color:#fff;}
/*内页标题*/
.smlNav{ position:relative; border-bottom:1px solid #ededed; height:50px; margin-bottom:20px;margin-top:0px;}
.smlNav .name{ color:#000;border-bottom:1px solid #c80000; position:absolute; left:0;top:0; height:50px; font-size:24px;line-height:50px;font-weight:500}
.smlNav .right{padding-left:20px; position:absolute; right:0;top:10px; color:#666;background:url(../images/home.png) no-repeat left center;}
.smlNav .right a{color: #999;transition: color 500ms ease-in 0ms;}
.smlNav .right a:hover{color: #ff6600;}
.smlNav .right span{display: inline-block;padding: 0 10px;}
.smlNav .right span.cur{padding: 0 2px 0 0;color: #ff6600;}

.fl {float:left;display: inline;}
.fr {float:right;display: inline;}


/**/
.proColbox {width: 100%;height: auto;margin:0px auto;text-align: center;}
/* 清除ul默认样式，使用flex布局实现一行三个 */
.proColbox dl {display: flex;flex-wrap: wrap;justify-content: flex-start; /* 左对齐，多余空间在右侧 */padding: 0;margin: 0;list-style: none;margin-top: 30px;}
/* 设置每个列表项的宽度，一行三个，考虑间距 */
.proColbox dl dt {width: calc((100% - 50px) / 3); /* (1140 - 左右外边距? 这里按父容器宽度1140，减去两个间隙25*2=50，除以3) */margin-bottom: 30px; /* 增加行间距，美观 */margin-right: 25px;  /* 右侧间距 */}
/* 一行中的第三个li去掉右侧间距，避免换行 */
.proColbox dl dt:nth-child(3n) {margin-right: 0;}
.proColbox dl dt a {display: block;text-align: left;width:calc(100% - 1px);height: auto;border: 1px solid #dddddd;text-decoration: none; background: #fff;}
/* secimg容器：固定尺寸350*350，背景白，溢出隐藏 */
.proColbox dl dt a .secimg {width: 100%;height:auto;margin:0px 0 0px 0;position: relative;overflow: hidden;background: #fff;border: 0 solid #e9e9e9;border-radius: 0;}
.proColbox dl dt a .secimg img {width: 100%;height: auto;display: block;cursor: pointer;transition: all 0.8s;}
.proColbox dl dt a .secimg img:hover {transform: scale(1.01);}
.proColbox dl dt a p {text-align: center;font-size: 12px;height:45px;min-height: 45px; color: #333;line-height: 20px;font-weight:600;padding:10px 20px 0px 20px;background: #f1f1f1;margin:2px 0 0 0;}




/**/
.prohotCollist {width:100%;height:auto;overflow:hidden;padding:20px 0 50px 0;}
.prohotCollist ul{padding:0%;}
.prohotCollist ul li{float:left;margin:1%;width:23%;}
.prohotCollist ul li a{ display:block; text-align:center;vertical-align:middle;}
.prohotCollist ul li .secimg{width:91.6%;height:200px;padding:4%;border:1px solid #eaeaea;margin: 0px auto;overflow: hidden;}
.prohotCollist ul li .secimg img{max-width:100%;height:100%;cursor: pointer;transition: all 0.8s;}
.prohotCollist ul li .secimg img:hover{transform: scale(1.1);}

/**/
.newsdetailc{width:calc(100% - 52px);margin:0px auto;border:1px solid #efefef;padding:25px;background:#f7f7f7;margin-bottom: 50px;}
.newsdetailc .newstitle{line-height:40px;margin:0px;font-weight:400;font-size:26px;text-align:center;}
.newsdetailc dt{margin:20px;text-align:center;height:36px; font-size:12px;line-height:36px;color:#acacac;margin-bottom:5px;overflow:hidden;border-top:1px dashed #999999;}
.newsdetailc dt a{margin:0 5px}
.newsdetailc dd{margin:20px;text-align:left;font-size:14px;line-height:24px;padding:0;}
.newsdetailc dd p{font-size:14px;margin:20px 0;line-height: 26px;}
.newsdetailc dd p img{margin:20px auto;text-align:center;display:table-cell;vertical-align:middle;width:100%;height:auto;width: auto\9;}

.newsdetailc dl{width:100%;margin:0px auto;height:40px;margin-top:20px;text-align:center;}
.newsdetailc dl a{padding:8px 20px 8px 20px;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius:10px;border:1px solid #d5d5d5;-moz-border-radius:6px; /* Gecko browsers */-webkit-border-radius:6px; /* Webkit browsers */border-radius:6px; /* W3C syntax */}

/**/
.contact{width:1140px;height: auto;margin:0 auto; overflow:hidden;text-align:left;margin-bottom:70px;}
.contact p{color: #323232;font-size:16px;line-height: 36px;}
.contact p strong{color:#296db4;}
.contact p img{width: 100%;height: auto;margin:0 auto; text-align:center; width: auto\9; }
.contactbox{background: #f8f8f8;padding:3%;line-height: 24px;margin: 20px auto;font-size:16px;line-height: 36px;}
.contactbox p strong a{color:#296db4;}
.contactbox p a{color:#323232;}



/**/
.servicecol{width:100%;height: auto; margin:50px auto;text-align:left;}
.serviclist{width:1040px;height: auto; margin:0px auto;}
.serviclist h1{width:100%;height:auto;margin:0px auto;text-align: center;line-height: 36px;font-size:20px;font-weight:500;margin-bottom: 30px;}
.serviclist p{width:100%;height:auto;margin:0px auto;text-align:center;}
.serviclist p a{font-size:14px;margin:0 10px;font-weight: bold;}
.serviclist p .cur{text-decoration: underline;text-underline-offset:5px;/* 添加下划线加粗效果 */
    text-decoration-thickness: 3px; /* 现代浏览器 */
    text-decoration-width: 3px; /* 某些浏览器 */
    -webkit-text-decoration-thickness: 3px; /* Safari */}

/*项目详情*/
.servicebox{width:1200px;height: auto; margin:0px auto;}
.servicebox .left{float:left;width: 640px;height: auto;padding:0px 50px 20px 50px;}
.servicebox .right{float:right;width: 414px;height: auto; }

.servicebox .left h1{font-size:30px;text-align: left;line-height: 46px;padding-bottom: 30px;}
.servicebox .left p{font-size:16px;text-align: left;line-height: 30px;font-weight: 100;}

.servicebox .right .mcol{width:100%;margin:30px auto; height:auto;text-align:left;}
.servicebox .right .mcol p strong{font-size: 16px;line-height:36px;color:#000;}
.servicebox .right .mcol p{font-size: 16px;line-height:24px;color:#717076;}
.servicebox .right .mcol p a{color:#717076;text-decoration: underline;text-underline-offset:2px;font-size: 14px;}


.serviceboxlist{width:1280px;height: auto; margin:0px auto;}



/* 基础样式重置与容器定位 */
.wxtop {
    position: fixed;        /* 固定定位，跟随网页滚动 */
    left: 5px;                /* 贴靠左侧 */
    top: 500px;               /* 先定位到垂直50%位置 */
    transform: translateY(-50%); /* 向上偏移自身高度的一半，实现垂直居中 */
    width: 200px;           /* 固定宽度200px */
    z-index: 9999;          /* 高层级，确保在其他内容之上 */
    background: linear-gradient(135deg, #cb0508 0%, #ff6600 100%); /* 蓝色背景（标准亮蓝） */
    border-radius: 0 8px 8px 0; /* 右侧圆角，左侧直角贴合边缘，更美观 */
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.15); /* 轻微阴影提升立体感 */
    transition: all 0.2s ease;border-radius:8px;
}

/* 内部内容容器：内边距让内容舒适，文字居中 */
.wxtopcol {
    padding: 20px 12px;
    text-align: center;
    color: #ffffff;         /* 白色字体（继承给子元素，确保白字） */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;              /* 各元素之间的间距 */
}

/* 标题样式：白字，适当字体大小与粗细 */
.wxtopcol h1 {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;         /* 白字 */
    margin: 0 0 5px 0;
    padding: 0;
    letter-spacing: 1px;
    border-bottom: 1px solid rgba(255,255,255,0.3); /* 浅色下划线装饰 */
    display: inline-block;
    padding-bottom: 6px;
}

/* 图片样式：圆角，限制最大宽度占满容器，保持响应 */
.wxtopcol img {
    max-width: 100%;
    height: auto;
    border-radius:0px;
    display: block;
    margin: 0 auto;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* 咨询报价样式：可强调为按钮感 */
.wxtopcol p:nth-of-type(1) {  /* 对应“咨询报价”段落 */
    background-color: #fff; /* 橙色按钮背景，更醒目 */
    padding: 4px 4px;
    border-radius: 0px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    margin: 8px 0 4px;
    cursor: pointer;
    transition: background 0.2s;
    width: 80%;
}

/* 电话样式段落（两个电话号码所在行） */
.wxtopcol p:nth-of-type(2) {
    font-size: 15px;
    line-height: 1.5;
    margin: 4px 0 0;
    color: #ffffff;
    font-weight: 500;
    background: rgba(0,0,0,0.2);
    padding: 8px 6px;
    border-radius: 20px;
    width: 100%;
}
/* 普通段落（除特定样式外，如有图片下方说明文本等）保持白字 */
.wxtopcol p {color: #ffffff;margin: 0;font-size:16px;line-height:26px;}
/* 如果咨询报价段落有hover效果，提升交互 */
.wxtopcol p:nth-of-type(1):hover {background-color: #e67300;}


.close-float-btn{font-size:16px;color:#fff;}
/* 隐藏内容区块 */
.wxtopcol.hide-content {display: none;}
/* 重新展开按钮默认隐藏 */
.restore-btn {
    display: none;  /* 初始隐藏 */
    padding: 12px 0;
    text-align: center;
    background-color: #ff6600;
    color: white;
    font-weight: bold;
    cursor: pointer;
    border-radius: 8px;
    margin: 10px;
    transition: background 0.2s;}
.restore-btn:hover {background-color: #e65500;}




/*右侧悬浮菜单*/
		.slide{width: 80px;height:auto;position: fixed;top: 400px;margin-top:0px;right: 0;border-radius: 5px 0 0 5px;z-index: 9999;}
		.slide ul{list-style: none;}
		.slide .icon li{width:80px;background: linear-gradient(135deg, #cb0508 0%, #ff6600 100%);color:#fff;margin-bottom:2px;margin-left: 2px;}
        .slide .icon li p{padding:10px 5px 5px 5px;text-align: center;line-height: 24px;}
		.slide .icon li img{width: 20px;margin: 0 auto;height: auto;}
		.slide .icon li a{color:#fff;}
	    .slide .icon li.WhatsApp{width:80px;background: linear-gradient(135deg, #cb0508 0%, #ff6600 100%);color:#fff;height:auto;}
		.slide .icon li.wx{width:80px;background: linear-gradient(135deg, #cb0508 0%, #ff6600 100%);color:#fff;height:auto;}
		.slide .info{
			top: 50%;
			height: auto;
			position: absolute;
			right: 100%;
			background: #efefef;
			width: 0px;
			overflow: hidden;
			margin-top:-90px;
			transition:0.5s;
			border-radius:4px 0 0 4px ;
		}
		.slide .info.hover{width: 200px;}
		.slide .info li{
			width: 200px;
			color: #000;
			text-align: center;
		}
		.slide .info li p{
			font-size:16px;
			line-height: 2em;
			padding: 15px;
			text-align: left;
		}

		.slide .info li div.img{
			height: 100%;
			background: #DEFFF9;
			margin: 15px;
		}
		.slide .info li div.img img{
			width: 100%;
			height: 100%;
		}
		/*控制菜单的按钮*/
		.index_cy{
			width: 30px;
			height: 30px;
			background: url(../images/index_cy.png);
			position: fixed;
			right: 0;
			top: 45%;
			margin-top:20px;
			background-position: 62px 0;
			cursor: pointer;
		}
		.index_cy2{
			width: 30px;
			height: 30px;
			background: url(../images/index_cy.png);
			position: fixed;
			right: 0;
			top: 45%;
			margin-top:20px;
			background-position: 30px 0;
			cursor: pointer;
		}