﻿*{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;}


/*header 网站头部模块*/
.top_header {width: 100%;left: 0;right: 0;top: 0;height: auto;border-bottom: solid 0px rgba(255, 255, 255, 0.10); /* 10%透明度底部线条 */position: absolute;z-index: 1000;}
.top_header .header {margin: 0px auto;width:1200px;height: auto;overflow: hidden;clear: both;padding:0 40px;}
/* ---- top语言栏 ---- */
.toplanguage {width: 100%;margin:0 auto;height:57px;line-height:57px;background: transparent;border-bottom: solid 1px rgba(255, 255, 255, 0.10);}
.toplanguage .line {width: 100%;margin: 0 auto;display: flex;justify-content: space-between; /* 左右对齐 */align-items: center;padding:0px;box-sizing: border-box;height: 57px;}
.toplanguage .line p {margin: 0;padding: 0;font-size: 18px;color: #fff;flex: 1;text-align: left;}

.toplanguage .line span {display: flex;align-items: center;gap: 10px; /* 两个A标签间距 */}
.toplanguage .line span a {display: inline-block;padding: 4px 16px;line-height: 20px; border-radius: 20px; /* 圆角 */text-decoration: none;transition: all 0.3s ease;}

/* 中文 - 白色边框无底色 */
.toplanguage .line span a:first-child {border: 1px solid #f48f27;background: #f48f27;color: #fff;font-size: 20px;}
/* 英文 - #f48f27底色和连续色 */
.toplanguage .line span a:last-child {border: 1px solid #fff;color: #fff;background: transparent;font-size: 14px;}
.toplanguage .line span a:hover {opacity: 1;}
.header .topmenu{width: 100%;margin: 0 auto; display: flex; /* 【关键】开启弹性布局 */align-items: center; /* 三栏垂直居中 */justify-content: space-between; /* 左右两端对齐 */height: 116px; /* 固定高度，与Logo等高 */}
/* ===== 顶部菜单栏 (topmenu) ===== */
.header .logo {flex: 0 0 213px; height: 116px;display: flex;align-items: center; overflow: hidden;}
.header .logo img {padding-top: 0px;max-height: 63px;}
/* ---- 导航菜单 (中间) ---- */
.header .menu_nav {flex:0.8; /* 【关键】占满Logo和Tel之间的剩余空间 */height: 36px;display: flex;align-items: center;padding: 0 15px;box-sizing: border-box;position: relative;z-index: 100;}
.header .menu {width: 100%; /* 占满父容器 */margin: 0;}
.header .menu ul {margin: 0;padding: 0;list-style: none;display: flex;justify-content: space-between; /* 【关键】菜单项均匀铺满 */width: 100%;}
.header .menu > ul > li {flex: 0 0 auto;margin: 0; padding: 0px 0 4px 0;position: relative;height: 36px;line-height: 36px;}
.header .menu ul li a:link,
.header .menu ul li a:visited {display: block; /* 改为块级，让文字撑满 */font-size: 18px;text-decoration: none;height: 36px;line-height: 36px;font-weight: 100;color: #fff;padding:4px 20px;white-space: nowrap;text-align: center;}
.header .menu ul li a:hover{background:#ef8300;clear:both;font-size:18px;color:#fff;border-radius:30px;padding:4px 20px;}
/* 下拉菜单 */
.header .menu ul li ul {width: 148px;display: none;position: fixed;top: 140px;text-align: center;z-index: 99999;background: rgba(239,131,0, 0.9);color: #fff;border-radius:10px;}
.header .menu ul li:hover ul {display: block;margin-left: 0px;text-align: center;color: #fff;}
.header .menu ul li ul li {height:auto!important;line-height:16px!important;BORDER-TOP: rgba(255, 255, 255, 0.20) 1px solid;margin-left: 0px;width: 138px;text-align: center;text-indent: 0px;color: #fff;padding:0px 5px;}
.header .menu ul li ul li a:link,
.header .menu ul li ul li a:visited {height:auto!important;margin-left: 0px;padding:10px 0;font-size: 14px!important;color: #fff;line-height: 16px!important;}
.header .menu ul li ul li a:hover{border-radius:0px;padding:10px 0;}
.header .menu .current {color: #fff;height: 36px;line-height: 36px;font-weight: bold;background:#ef8300;border-radius:30px;}
.header .menu .current:link,
.header .menu .current:visited {color: #fff;font-size: 20px;border-bottom: 0px solid #fff;}
.header .menu .current:hover {color: #fff;}

/* ---- 电话 (右侧) ---- */
.header .tel {float: right;display: flex;align-items: center; /* 垂直居中 */justify-content: flex-end;height: 116px;gap: 10px;}
.header .tel a {display: flex; align-items: center; /* 水平垂直对齐 */text-decoration: none;gap: 10px;}
.header .tel a img {display: block;height: 47px;width: 47px;}
.header .tel a dd {margin-top:5px;padding-top:0;line-height: 1.4;font-size: 14px;color: #fff;font-weight: normal;text-align: left;}
.header .tel a dd strong {font-size: 22px;color: #f48f27; /* #f48f27色 */font-weight: bold;}

/* flexslider */
.banner{width:100%;height:auto;}
.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;text-align: center;}
.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:30px;z-index:2; left:48.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:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.nltext{position:absolute;z-index:30; left:0;width:100%;top:40%;text-align: left;}
.nltext h3{margin:0px auto;width:1200px;font-size:60px;line-height:80px;color:#fff;margin-bottom:20px;text-align:left;text-shadow: 1px 2px 5px #000;text-shadow: 0 0 8px #000;}
.nltext h1{margin:0px auto;width:1200px;font-size:24px;line-height:36px;color:#fff;margin-bottom:20px;text-align:left;font-weight: 100;text-shadow: 1px 2px 5px #000;text-shadow: 0 0 8px #000;letter-spacing:10px;}

.nltext p{margin:0px auto;width:1200px;text-align: left; font-size:14px;line-height:24px;color:#fff;}


/*firstcol*/
.firstCol{width:100%;margin:0px auto;height:auto;overflow:hidden;}

.firstCol .lgywm_title {width: 100%;height: auto;position: relative;}
.firstCol .lwenzi {width: 1200px;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: 32px;  /* 调整字体大小，可以根据需要修改 */line-height: 1.2;font-weight: bold;position: relative;z-index: 2;margin-bottom: 30px;  /* 与下划线的间距，可调整 */display: inline-block;margin-top:64px;}
.firstCol .lwenzi strong::after {content: '';position: absolute;bottom: -20px;  /* 离文字的间隔，可调整 */left: 0;width: 100%;height: 1px;background-color: #dddddd;  /* 下划线颜色 */}
.firstCol .lwenzi p {font-size: 100px;  /* 大字号的PRODUCTS作为背景 */color: rgba(34, 59, 146, 0.04);  /* 透明度0.1 */line-height: 1;font-weight:600;text-transform: uppercase;position: absolute;  /* 绝对定位实现重叠 */top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0;white-space: nowrap;z-index: 1;pointer-events: none;  /* 防止遮挡strong的点击事件 */width: 100%;}

.firstColbox{width:1200px;height:auto;margin:40px auto;text-align: center}
.firstColbox a{display:block;float:left;text-align:left;margin-right:0px;margin-bottom:60px;width:386px;height:340px;background:#fff;}
.firstColbox a p{text-align: center;font-size:16px;color: #000;line-height:24px;font-weight: bold;padding:15px 0;}
.firstColbox a .secimg{width: 100%;height: 0;padding-bottom: 300px; /* 保持宽高比例 */padding-top: 0%;padding-left: 0%;padding-right: 0%;border: 0px solid #e9e9e9;margin: 0 auto;overflow: hidden;border-radius: 0;background: #fff;position: relative;border-radius:20px;border:1px solid #e1e1e1;}
.firstColbox a .secimg img{position: absolute;top: 0%;left: 0%;width: 100%;height: 300px;object-fit: cover; /* 关键属性：确保图片铺满容器 */cursor: pointer;transition: all 0.8s;}
.firstColbox a .secimg img:hover{transform: scale(1.01);}

/*indabout*/
.indabout{margin:0px auto;width:100%;height:763px;overflow:hidden;background:url(../images/aboutbg.jpg) center top no-repeat;background-size:cover;}
.indaboutbox{margin:60px auto;width:1200px;height:auto;overflow:hidden;}
.indaboutbox .left{float:left;width: 50%;text-align: left;margin-top: 40px;}
.indaboutbox .left h1{font-size:40px;font-weight:600;margin:10px 0;line-height:46px;color:#ef8300;font-family:SourceHanSansCN-Medium;}
.indaboutbox .left h3{font-size:50px;line-height:66px;font-weight:600;margin-bottom:0px;color:#000;font-family:SourceHanSansCN-Medium;}

.indaboutbox .left dl{margin:20px auto;text-align: left;width:95%;overflow:hidden;float:left;}
.indaboutbox .left dl dt{float:left;width:100%;padding:15px 0;color:#282828;}
.indaboutbox .left p{float:left;text-align: left;font-size:16px;line-height:26px;width:100%;padding:15px 0;color:#282828;}
.indaboutbox .left strong{font-size:36px;line-height:46px;font-weight: 500;width:100%;color:#282828;}

.indaboutbox .left span{float:left;text-align: left;width:150px;}
.indaboutbox .left span strong{display: inline-block;padding:10px 25px 13px 35px;background:#ef8300; /* 从左到右渐变 */font-weight:500; /* 去掉strong默认加粗 */font-size:16px;color: #fff; /* 文字颜色，根据背景调整 */line-height: 1;transition: all 0.3s ease;text-align: left;border-radius:50px;}
.indaboutbox .left span strong em{font-style: normal; /* 去掉倾斜 */display: inline-block;background: #fff; color: #ef8300;border-radius: 50%; padding:12px 18px;margin-left:30px;font-size:20px;transition: all 0.3s ease;font-family:"宋体"}
.indaboutbox .left span:hover strong {background: linear-gradient(to right, #ef8300, #ffba55);}
.indaboutbox .left span:hover strong em {background: #fff;color:#ef8300;}

.indaboutbox .right {float: right;width: 45%;display: flex;align-items: center;justify-content: center;min-height: 500px;}
.indaboutbox .right ul {list-style: none;padding: 0;margin:30px auto 0;width: 100%;}
.indaboutbox .right ul li {display: flex;align-items: center;padding:20px 0;border-bottom: 1px solid #e0e0e0;width: 100%;}
.indaboutbox .right ul li p {margin: 0;padding: 0;flex: 1;font-size: 16px;color: #333;line-height: 1.8;display: flex;align-items: center;justify-content: space-between;gap: 20px;}
.indaboutbox .right ul li p strong {color: #ef8300;font-weight:100;font-size: 50px;line-height: 1.4;font-family: Arial;text-align: left;flex-shrink: 0;display: flex;align-items: baseline;}
.indaboutbox .right ul li p strong em {font-style: normal;font-size:18px;padding-left: 5px;}

/**/
.indthr{margin:0px auto;width:100%;height:930px;overflow:hidden;background:url(../images/casebg.jpg) center top no-repeat;background-size:cover;}

.indthr .lgywm_title {width: 100%;height: auto;position: relative;}
.indthr .lwenzi {width: 1200px;height: auto;text-align: center;margin:40px auto 0px;border-bottom: 0px solid #e4e4e4;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.indthr .lwenzi strong {color: #fff;text-transform: uppercase;font-size: 32px;  /* 调整字体大小，可以根据需要修改 */line-height: 1.2;font-weight: bold;position: relative;z-index: 2;margin-bottom: 30px;  /* 与下划线的间距，可调整 */display: inline-block;margin-top:64px;}
.indthr .lwenzi strong::after {content: '';position: absolute;bottom: -20px;  /* 离文字的间隔，可调整 */left: 0;width: 100%;height: 1px;background-color: #fff;  /* 下划线颜色 */}
.indthr .lwenzi p {font-size: 100px;  /* 大字号的PRODUCTS作为背景 */color: rgba(255, 255, 255, 0.05);  /* 透明度0.1 */line-height: 1;font-weight:600;text-transform: uppercase;position: absolute;  /* 绝对定位实现重叠 */top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0;white-space: nowrap;z-index: 1;pointer-events: none;  /* 防止遮挡strong的点击事件 */width: 100%;}

.indthrbox {width: 100%;margin:0px auto;padding: 0 0px;position: relative;overflow: hidden;}
.indthrbox ul {list-style: none;margin: 60px auto 140px auto;padding: 0;display: flex;justify-content: center;align-items: center;position: relative;min-height: 527px;}
.indthrbox li {position: absolute;top: 50%;transform: translateY(-50%);height: 527px;border-radius: 20px;overflow: hidden;background: #fff;transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);cursor: pointer;opacity: 0;z-index: 0;}
.indthrbox li.active {left: 50%;transform: translate(-50%, -50%);width: 55%;height: 527px;opacity: 1;z-index: 3;}
.indthrbox li.prev {left: -10%;transform: translateY(-50%);width: 28%;height: 527px;opacity: 0.5;z-index: 2;}
.indthrbox li.prev::after {content: '';position: absolute;top: 0;right: 0;width: 50%;height: 100%;background: linear-gradient(to left, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);pointer-events: none;z-index: 2;}
.indthrbox li.next {right: -10%;transform: translateY(-50%);width: 28%;height: 527px;opacity: 0.5;z-index: 2;}
.indthrbox li.next::after {content: '';position: absolute;top: 0;left: 0;width: 50%;height: 100%;background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);pointer-events: none;z-index: 2;}
.indthrbox li.hidden {opacity: 0;z-index: 0;pointer-events: none;}
.indthrbox li a {display: block;width: 100%;height: 100%;text-decoration: none;position: relative;z-index: 1;}
.indthrbox li img {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;transition: transform 0.5s ease;}
.indthrbox li:hover img {transform: scale(1.05);}
.indthrbox li .case-label {position: absolute;bottom: 30px;left: 30px;background: rgba(0, 0, 0, 0.7);color: #fff;padding: 12px 24px;border-radius: 8px;font-size: 18px;font-weight: 500;z-index: 3;backdrop-filter: blur(5px);border: 1px solid rgba(255, 255, 255, 0.1);}
.indthrbox .controls {position: absolute;top: 45%;transform: translateY(-50%);width: 100%;display: flex;justify-content: space-between;padding: 0 10px;box-sizing: border-box;z-index: 10;pointer-events: none;left: 0;}
.indthrbox .controls button {width: 50px;height: 50px;border-radius: 50%;border: 2px solid rgba(255, 255, 255, 0.6);background: rgba(0, 0, 0, 0.4);color: #fff;font-size: 24px;cursor: pointer;pointer-events: auto;transition: all 0.3s ease;backdrop-filter: blur(5px);display: flex;align-items: center;justify-content: center;}
.indthrbox .controls button:hover {background: rgba(255, 255, 255, 0.3);transform: scale(1.1);border-color: #fff;}
.indthrbox .indicators {position: absolute;bottom: -40px;left: 50%;transform: translateX(-50%);display: flex;gap: 12px;z-index: 10;}
.indthrbox .indicators span {width: 12px;height: 12px;border-radius: 50%;background: rgba(255, 255, 255, 0.3);cursor: pointer;transition: all 0.3s ease;border: 2px solid rgba(255, 255, 255, 0.1);}
.indthrbox .indicators span.active {background: #fff;width: 30px;border-radius: 6px;border-color: #fff;}
.indthrbox li a p {position: absolute;bottom: 30px;left: 30px;margin: 0;padding: 10px 20px;color: #fff;font-size: 24px;font-weight: 500;text-align: left;backdrop-filter: blur(5px);z-index: 3;max-width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.indthrbox li:hover a p {transform: translateY(-3px);transition: all 0.3s ease;}


/*fivecol*/
.fivecol{width:100%;margin:0px auto;height:auto;overflow:hidden;}
.fivecol .lgywm_title {width: 100%;height: auto;position: relative;}
.fivecol .lwenzi {width: 1200px;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;}
.fivecol .lwenzi strong {color: #000;text-transform: uppercase;font-size: 32px;  /* 调整字体大小，可以根据需要修改 */line-height: 1.2;font-weight: bold;position: relative;z-index: 2;margin-bottom: 30px;  /* 与下划线的间距，可调整 */display: inline-block;margin-top:64px;}
.fivecol .lwenzi strong::after {content: '';position: absolute;bottom: -20px;  /* 离文字的间隔，可调整 */left: 0;width: 100%;height: 1px;background-color: #dddddd;  /* 下划线颜色 */}
.fivecol .lwenzi p {font-size: 100px;  /* 大字号的PRODUCTS作为背景 */color: rgba(34, 59, 146, 0.04);  /* 透明度0.1 */line-height: 1;font-weight:600;text-transform: uppercase;position: absolute;  /* 绝对定位实现重叠 */top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0;white-space: nowrap;z-index: 1;pointer-events: none;  /* 防止遮挡strong的点击事件 */width: 100%;}

.fivecolbox{width:1200px;margin:30px auto;height:auto;overflow:hidden;}

.newscolbox{width:100%;margin:0px auto;height:auto;overflow:hidden;}
.newscolbox ul{}
.newscolbox ul li{float:left;width:31.9%;height: auto;margin-right:2%;margin-bottom: 2%;}
.newscolbox ul li a{display:block;;width: 100%;color:#000;}
.newscolbox ul li .secimg{width: 100%;height: 0;padding-bottom: 300px; /* 保持宽高比例 */padding-top: 0%;padding-left: 0%;padding-right: 0%;border: 0px solid #e9e9e9;margin: 0 auto;overflow: hidden;border-radius:10px 10px 0 0;background: #fff;position: relative;}
.newscolbox ul li .secimg img{position: absolute;top: 0%;left: 0%;width: 100%;height: 300px;object-fit: cover; /* 关键属性：确保图片铺满容器 */cursor: pointer;transition: all 0.8s;}
.newscolbox ul li:hover .secimg img{transform: scale(1.01);}
.newscolbox ul li .dycol{width: 100%;margin:0px auto;background: #f2f5f7;border-radius:0 0 10px 10px;}
.newscolbox ul li .dycol dd{width:90%;padding:5%;}
.newscolbox ul li .dycol dd h3{color:#000;font-size:16px;line-height:20px;text-align:center;font-weight: 500;height:auto;margin-bottom: 10px;overflow:hidden;}

.newscolbox ul li:hover{}
.newscolbox ul li:hover .dycol dd h3{color:#000;}

.newscolbox ul li:nth-child(3n) {margin-right: 0%}
.newscolbox ul li:nth-child(6n) {margin-right: 0%}
.newscolbox ul li:nth-child(9n) {margin-right: 0%}


/* ========== 联系我们区域 ========== */
.onlinecol {width: 100%;height: 964px;overflow: hidden;background: url(../images/conbg.jpg) center top no-repeat;background-size: cover;}
.onlinecol .lgywm_title {width: 100%;height: auto;position: relative;}
.onlinecol .lwenzi {width: 1200px;height: auto;text-align: center;margin:80px auto 60px;border-bottom: 0px solid #e4e4e4;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.onlinecol .lwenzi strong {color: #fff;text-transform: uppercase;font-size: 32px;  /* 调整字体大小，可以根据需要修改 */line-height: 1.2;font-weight: bold;position: relative;z-index: 2;margin-bottom: 30px;  /* 与下划线的间距，可调整 */display: inline-block;margin-top:64px;}
.onlinecol .lwenzi strong::after {content: '';position: absolute;bottom: -20px;  /* 离文字的间隔，可调整 */left: 0;width: 100%;height: 1px;background-color: #fff;  /* 下划线颜色 */}
.onlinecol .lwenzi p {font-size: 100px;  /* 大字号的PRODUCTS作为背景 */color: rgba(255, 255, 255, 0.05);  /* 透明度0.1 */line-height: 1;font-weight:600;text-transform: uppercase;position: absolute;  /* 绝对定位实现重叠 */top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0;white-space: nowrap;z-index: 1;pointer-events: none;  /* 防止遮挡strong的点击事件 */width: 100%;}

.onlinebox {width: 1200px;margin: 0 auto;display: flex;gap: 40px; /* 左右间距 */align-items: stretch;}
/* ========== 左侧表单 ========== */
.onlinebox .left {flex: 1;background: rgba(255, 255, 255, 0.2);border-radius: 10px;padding: 50px 45px 45px 45px;backdrop-filter: blur(4px); /* 毛玻璃效果，可选 */}
.onlinebox .left h1 {font-size: 28px;color: #fff;font-weight: 600;margin: 0 0 10px 0;font-family: SourceHanSansCN-Medium;}
.onlinebox .left h3 {font-size: 15px;color: rgba(255, 255, 255, 0.85);font-weight: 400;line-height: 1.6;margin: 0 0 30px 0;}
/* 表单行 - 两列布局 */
.onlinebox .left .form-row {display: flex;gap: 20px;margin-bottom: 20px;}
.onlinebox .left .form-group {flex: 1;}
/* 输入框 */
.onlinebox .left .form-group input,
.onlinebox .left .form-message textarea {width: 100%;padding: 14px 20px;background: #fff;border: none;border-radius: 10px;font-size: 14px;color: #333;box-sizing: border-box;outline: none;transition: box-shadow 0.3s ease;font-family: inherit;}
.onlinebox .left .form-group input::placeholder,
.onlinebox .left .form-message textarea::placeholder {color: #999;}
.onlinebox .left .form-group input:focus,
.onlinebox .left .form-message textarea:focus {box-shadow: 0 0 0 3px rgba(245, 144, 42, 0.4);}
/* 文本域 */
.onlinebox .left .form-message {margin-bottom: 25px;}
.onlinebox .left .form-message textarea {height: 120px;resize: vertical;min-height: 80px;max-height: 200px;}
/* 提交按钮 */
.onlinebox .left .submit-btn {width: 100%;padding: 16px 0;background: #f5902a;color: #fff;border: none;border-radius: 10px;font-size: 18px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;letter-spacing: 2px;}
.onlinebox .left .submit-btn:hover {background: #e07d1a;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(245, 144, 42, 0.4);}
/* ========== 右侧信息 ========== */
.onlinebox .right {width: 580px; /* 固定宽度 */flex-shrink: 0;border-radius: 10px;background: url(../images/conrbg.png) center center no-repeat;background-size: cover;position: relative;min-height: 580px;display: flex;align-items: center;justify-content: center;}
/* 右侧内容容器 */
.onlinebox .right .rightbox {padding: 0 45px;text-align: center;width: 100%;box-sizing: border-box;display: flex;flex-direction: column;justify-content: flex-start; /* 内容从顶部开始 */min-height: 100%;padding-top:80px; /* 上方空出距离 */padding-bottom: 40px; /* 底部预留空间给span */}

.onlinebox .right .rightbox h1 {font-size: 50px;color: #fff;font-weight: 700;margin: 0 0 18px 0;font-family: SourceHanSansCN-Medium;padding: 0 10px; /* 左右边距 */}
.onlinebox .right .rightbox p {font-size: 14px;color: rgba(255, 255, 255, 0.9);line-height: 1.8;margin: 0 0 30px 0;padding: 0 10px; /* 左右边距 */}
/* span 在底部，距离底部40px */
.onlinebox .right .rightbox span {display: block;font-size:26px;color: #fff;font-weight: 600; letter-spacing:0px;margin-top: auto; /* 推到底部 */padding: 0 10px; /* 左右边距 */padding-bottom: 0;margin-bottom:50px; /* 距离底部40px */}

/*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:600px; 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: 25%;z-index: 2;}
.banner-img-nav .aboutheadertext{margin:0px auto;width:1200px;height:auto;letter-spacing:0px;color:#fff;text-align:left;position: relative;z-index: 3;}
.banner-img-nav .aboutheadertext p{margin:0px auto;font-size:36px;text-align:left;color:#fff;width:100%;clear:both;font-weight:500;line-height:26px;letter-spacing:0px;padding:0px 0;}
.banner-img-nav .aboutheadertext span{margin:0px auto;font-size:20px;text-align:left;color:#fff;width:100%;clear:both;line-height:46px;font-weight:500;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:1200px;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:auto;background:#fff;margin-top:0px;overflow:hidden;}
.footlist{width:1200px;margin:40px auto;height:auto;overflow:hidden;}

.footlistright{float:left;width:380px;margin:0px auto;text-align:left;overflow:hidden;display: flex;flex-direction: column;  /* 改为垂直排列 */align-items: flex-start;justify-content: flex-start;  /* 改为顶部对齐开始 */padding-top: 20px;}
.footlistright h3 {float:left;width: 100%;width: 100%;  /* 移除float */margin-bottom: 15px;  /* 添加底部间距 */}
.footlistright h3 img{max-width: 100%; /* 确保图片不会溢出 */height: auto;}
.footlistright p{float:left;width: 100%; color:#a0a0a0;font-size: 12px;text-align: left; margin-bottom: 15px;}
.footlistright .footerx{width:100%;float:left; line-height:20px;overflow:hidden;padding:0;text-align: left;margin-top: 10px; }
.footlistright .footerx a{padding:0 5px;color:#fff;font-size:24px;}
.footlistright .footerx a:hover{color:#7caeef;}

.footlistleft{float:right;width:750px;margin:0px auto;text-align:left;overflow:hidden;}
.footlistlink{float:left;width:100%;margin:0px auto;text-align:left;overflow:hidden;margin-left:0px;display: flex; /* 使用flex布局 */justify-content: space-between;}
.footlistlink ul{float:left;width:33%;height:auto;margin-right:0;}
.footlistlink ul:nth-child(1){width: 25%; /* 前两个ul各占25% */padding-right: 20px; /* 添加右侧间距 */}
.footlistlink ul:nth-child(2){width: 30%; /* 前两个ul各占25% */padding-right: 20px; /* 添加右侧间距 */}
.footlistlink ul:nth-child(3){width: 45%; /* 第三个ul占50% */padding-right: 0;}
/* 调整联系方式中的图片与文本对齐 */
.footlistlink ul p {width: 90%;line-height: 20px;color: #a0a0a0;font-size: 14px;display: flex; /* 使用flex布局对齐 */align-items: center; /* 垂直居中 */margin-bottom:5px; /* 添加段落间距 */}
.footlistlink ul p img {margin-right: 10px; /* 图片与文字间距 */vertical-align: middle; /* 垂直对齐 */flex-shrink: 0; /* 防止图片被压缩 */}

.footlistlink ul h3{font-size:20px;width:90%;font-weight:600;color:#ef8200;text-transform:uppercase;line-height:60px;}
.footlistlink ul li{width:90%;line-height:28px;color:#a0a0a0;font-size:14px;}
.footlistlink ul li a:link,.footlistlink ul li a:visited{color:#a0a0a0;}
.footlistlink ul li a:hover{text-decoration:underline;}

/* 只为第一个ul（快速链接）中的li添加三角符号 */
.footlistlink ul:first-child li a:before {content: "▶";  /* 使用单个右尖角符号 */margin-right: 8px;color: #9c9c9c;  /* 使用你之前定义的hover颜色 */font-weight: bold;font-size:8px;display: inline-block;transition: transform 0.2s;}
/* 可选：悬停时三角符号移动效果 */
.footlistlink ul:first-child li a:hover:before {transform: translateX(0px);color: #9c9c9c;}

.footer{width:1200px;margin:0px auto;border-top:1px solid #dbdbdb;height:auto;text-transform:uppercase;overflow:hidden;} 
.footerbox{width:100%;margin:0px auto;height:auto;overflow:hidden;padding-bottom:0px;}
.footcopy{width:70%;float:left; padding:20px 0;overflow:hidden;}
.footcopy p{font-size:14px;color:#a0a0a0;line-height:20px;text-align: left;}
.footcopy p a:link,.footcopy p a:visited{color:#a0a0a0;line-height:20px;}
.footcopy p a:hover{color:#a0a0a0;}


/*main */
.main{width:100%;margin:0px auto;height:100%;overflow:hidden;}

/* 内页 */
.main_a{width:1200px;margin:40px auto;height:auto;overflow:hidden;}
.main_acol{width:1200px;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; }


.smlNav{ position:relative; border-bottom:1px solid #ededed; height:60px;margin-top:0px;}
.smlNav .name{color:#1b1f26;border-bottom:0px solid #e60b0b; position:absolute; left:0;top:0; height:58px; font-size:24px;text-transform:uppercase;}
.smlNav .right{position:absolute;color:#666; background:url(../images/home.png) no-repeat left center; right:0;top:0;height:40px;font-size:12px;line-height:40px;text-indent:35px;}
.smlNav .right em{ color:#4d4d4d; margin:0 9px;}
.smlNav .right span{ color:#e60b0b;}
.smlNav .right a {color: #000;font-size: 16px; text-align: left;line-height:28px; /* 调整行高 */border:1px solid #c5c5c5;background: #fff;padding:8px 20px; white-space: nowrap; transition: all 0.3s ease; border-radius: 0px;margin-left: 10px;}
.smlNav .right a:hover,
.smlNav .right a.cur {background: #f3f3ff;color: #4e4efa;font-size: 16px; /* 与普通状态保持一致 */text-decoration: none;}
.smlNav .right a:hover,.smlNav .right a.cur{ background:#f3f3ff; color:#4e4efa; font-size:16px; text-decoration:none; }


/*indabout*/
.about01{margin:0px auto;width:100%;height:auto;overflow:hidden;background:#f8f8f8;}
.about01box{margin:60px auto;width:1200px;height:auto;overflow:hidden;}
.about01box .left{float:left;width: 50%;text-align: left;margin-top:0px;}
.about01box .left h1{font-size:30px;font-weight:600;margin:10px 0;line-height:36px;color:#ef8300;font-family:SourceHanSansCN-Medium;}
.about01box .left h3{font-size:40px;line-height:50px;font-weight:600;margin-bottom:0px;color:#000;font-family:SourceHanSansCN-Medium;}

.about01box .left dl{margin:20px auto;text-align: left;width:95%;overflow:hidden;float:left;}
.about01box .left dl dt{float:left;width:100%;padding:15px 0;color:#282828;}
.about01box .left p{float:left;text-align: left;font-size:16px;line-height:26px;width:100%;padding:20px 0;color:#282828;}
.about01box .left strong{font-size:24px;line-height:46px;font-weight:600;width:100%;color:#282828;}

.about01box .left span{float:left;text-align: left;width:150px;}
.about01box .left span strong{display: inline-block;padding:10px 25px 13px 35px;background:#ef8300; /* 从左到右渐变 */font-weight:500; /* 去掉strong默认加粗 */font-size:16px;color: #fff; /* 文字颜色，根据背景调整 */line-height: 1;transition: all 0.3s ease;text-align: left;border-radius:50px;}
.about01box .left span strong em{font-style: normal; /* 去掉倾斜 */display: inline-block;background: #fff; color: #ef8300;border-radius: 50%; padding:12px 18px;margin-left:30px;font-size:20px;transition: all 0.3s ease;font-family:"宋体"}
.about01box .left span:hover strong {background: linear-gradient(to right, #ef8300, #ffba55);}
.about01box .left span:hover strong em {background: #fff;color:#ef8300;}

.about01box .right {float: right;width: 40%;display: flex;align-items: center;justify-content: center;min-height: 500px;}
.about01box .right ul {list-style: none;padding: 0;margin:10px auto 0;width: 100%;}
.about01box .right ul li {display: flex;align-items: center;padding:20px 0;border-bottom: 1px solid #e0e0e0;width: 100%;}
.about01box .right ul li p {margin: 0;padding: 0;flex: 1;font-size: 16px;color: #333;line-height: 1.8;display: flex;align-items: center;justify-content: space-between;gap: 20px;}
.about01box .right ul li p strong {color: #ef8300;font-weight:100;font-size: 50px;line-height: 1.4;font-family: Arial;text-align: left;flex-shrink: 0;display: flex;align-items: baseline;}
.about01box .right ul li p strong em {font-style: normal;font-size:18px;padding-left: 5px;}


/**/
.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; } 

.culture03ly {width:100%;height:auto;overflow:hidden;margin-bottom:0px;box-sizing: border-box;}
.culture03ly ul{padding:0% 0;width:100%;margin: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.culture03ly ul li{width: 32%;margin-right: 2%; margin-bottom: 1%;box-sizing: border-box;}
 /* 每行第三个元素去掉右边距 */
.culture03ly ul li:nth-child(3n) {margin-right: 0;}
.culture03ly ul li a{display:block; text-align:center;vertical-align:middle;text-decoration: none;color: inherit;}
.culture03ly ul li .secimg{width: 87.6%;height: 0;padding-bottom: 65%; /* 保持宽高比例 */padding-top: 6%;padding-left: 6%;padding-right: 6%;border: 1px solid #e9e9e9;margin: 0 auto;overflow: hidden;border-radius: 0;background: #fff;position: relative;}
.culture03ly ul li .secimg img:hover{}
.culture03ly ul li p{font-size:18px; line-height:20px;padding:15px 0;text-align:center;margin: 0;}
.culture03ly ul li .secimg img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: auto;height: auto;max-width: 87.6%;max-height: 87.6%;object-fit: contain;cursor: pointer;transition: all 0.8s;}

/* */
.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:100%;margin:0px auto;height:auto;overflow: hidden;padding:0px;margin-top:40px;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% 1%; width:98%;font-size: 14px;color:#7d7d7d;}
.inquirylist ul li .register{float:left;width:200px; text-align:center;font-weight:100;font-size:24px;line-height:20px;COLOR: #fff;background:#296db4;margin-right:10px;border-radius:0px;text-transform:uppercase;margin-top: 10px;}
.inquirylist ul li .register1{float:left;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% 1%; width:98%;font-size: 14px;color:#7d7d7d;}




.probottom{width:100%;height:auto;margin:0px 0 20px 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:100%;margin: 0px auto;margin-top:30px; font-size:14px; line-height: 26px; color:#666;text-align:left;}
.about_photo03ly {width:100%;height:auto;overflow:hidden;margin-bottom:0px;box-sizing: border-box;}
.about_photo03ly ul{padding:0% 0;width:100%;margin: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.about_photo03ly ul li{width:23.4%;margin-right: 2%; margin-bottom: 2%;box-sizing: border-box;}
 /* 每行第三个元素去掉右边距 */
.about_photo03ly ul li:nth-child(4n) {margin-right: 0;}
.about_photo03ly ul li a{display:block; text-align:center;vertical-align:middle;text-decoration: none;color: inherit;}
.about_photo03ly ul li .secimg{width: 100%;height: 0;padding-bottom: 240px; border: 1px solid #e9e9e9;margin: 0 auto;overflow: hidden;border-radius:10px;background: #fff;position: relative;}
.about_photo03ly ul li .secimg img{position: absolute;top: 0;left: 0;width: 100%;height: 240px;object-fit: cover;/* 关键属性：确保图片铺满容器 */cursor: pointer;transition: all 0.8s;}
.about_photo03ly ul li .secimg img:hover{transform: scale(1.05);}
.about_photo03ly ul li p{font-size:16px; line-height:20px;padding:15px 10px;text-align:center;}


.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:100%;margin:20px auto;border:0px solid #efefef;-moz-border-radius:0px;border-radius:0px; /* W3C syntax */}
.newsdetailc .newstitle{line-height:40px;margin:0px;font-weight:400;font-size:26px;text-align:center;}
.newsdetailc dt{margin:10px;text-align:center;height:20px; font-size:16px;line-height:26px;color:#acacac;margin-bottom:5px;overflow:hidden;border-top:3px solid #f7f7f7;}
.newsdetailc dt a{margin:0 5px}
.newsdetailc dd{margin:20px;text-align:left;font-size:14px;line-height:20px;padding:0;}
.newsdetailc dd p{font-size:16px;margin:5px 0;line-height: 26px;}
.newsdetailc dd p img{margin:10px 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:100%;overflow:hidden;text-align:left;}

.contact .map{width:100%;margin:0px auto;height: auto; border-radius: 16px;overflow: hidden;}
.contact .map img{width: 100%;height: auto;margin:0 auto; text-align:center; width: auto\9;}

.contactbox {max-width: 1200px;margin:10px auto;padding: 40px 0px;border-radius: 20px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px;font-family: 'Microsoft YaHei', 'PingFang SC', Arial, sans-serif;}
/* 每个联系项 */
.contact-item {background: #ffffff;padding: 30px 20px 25px;border-radius: 16px;text-align: center;transition: all 0.3s ease;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);border: 1px solid rgba(0, 0,0, 0.1);}
.contact-item:hover {transform: translateY(-4px);box-shadow: 0 12px 40px rgba(0, 0,0, 0.12);border-color: #f59029;}
/* 图标 */
.contact-icon {font-size: 40px;display: block;margin-bottom: 12px;line-height: 1;}
/* 标签（地址、联系电话等） */
.contact-label {display: block;font-size: 14px;font-weight: 700;color: #6c757d;letter-spacing: 2px;margin-bottom: 8px;text-transform: uppercase;}
/* 内容文本 */
.contact-text {display: block;font-size: 16px;color: #212529;font-weight: 500;line-height: 1.6;word-break: break-all;}
/* 链接样式（用于邮箱和店铺） */
.contact-link {color: #f59029;text-decoration: none;font-weight: 500;transition: color 0.2s;word-break: break-all;}
.contact-link:hover {color: #f59029;font-weight: bold;text-decoration: underline;}


/*新闻*/
.aboutan{margin:30px auto;width:100%;height:auto;}
.aboutan ul{width:100%;padding-bottom:40px;}
.aboutan ul li{float:left;text-align:left;margin-right:0px;margin-bottom:20px;width:99.8%;height:auto;border-radius:0px;border:1px solid #e5e5e5;transition: all 0.8s;}
.aboutan ul li a{display:block;padding:0px;overflow: hidden;}

.aboutan ul li .advcol{float:left;padding:20px 20px 20px 30px;width:80%;}
.aboutan ul li .advcol time{text-align:left;width:100%;line-height:30px;font-size:16px;color:#a4a4a4;}
.aboutan ul li .advcol p{text-align:left;width:100%;line-height:20px;font-size:14px;color:#808489;height:auto;overflow: hidden;}
.aboutan ul li .advcol h3{width:100%;text-align:left;line-height:28px;font-size:24px;color:#000;border-radius:0px;margin:0px 0 10px 0;font-weight:500;}

.aboutan ul li .nwmail{float:right;width:40px;height:40px;border-radius:50%;color:#cbcbcb;border:1px solid #cbcbcb;margin:50px 20px 20px 20px;overflow: hidden;text-align: center;line-height: 30px;}
.aboutan ul li .nwmail p{text-align: center;margin-top:5px;color:#cbcbcb;font-size:14px;}

.aboutan ul li a:hover .advcol time{color:#fff;}
.aboutan ul li a:hover .advcol h3{color:#fff;}
.aboutan ul li a:hover .advcol p{color:#fff;}
.aboutan ul li a:hover .advcol spsn{color:#fff;}
.aboutan ul li a:hover .advcol{color:#fff;margin-left:5px;transform: scale(1.02);}
.aboutan ul li:hover{border:1px solid #f59029;overflow: hidden;transform: scale(1.0);background:#f59029;}
.aboutan ul li a:hover .nwmail{border:1px solid #fff;background:#fff;transform: scale(1.05);}
.aboutan ul li a:hover .nwmail p{color:#f59029;}


/**/
.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;}

