@charset "utf-8";
/* CSS Document */
/*全局定义*/
body {margin:0;padding:0;width:100%;background-attachment: fixed; font-family:"微软雅黑","宋体","黑体", "Arial"}
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input{margin:0; padding:0; border:0; background-repeat:no-repeat;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}
img{border:0px;}
ul,li{list-style:none;}
em,i{ font-style:normal;} 
a:link {
text-decoration: none;
color:#666666;

}
/*2025头部欢迎语句定义star*/
.header{
position: relative;
width: 100%;
overflow: hidden;
margin-top:15px;
font-size:13px;
color:#666869;
border-bottom:1px solid #E9E9E9;
height:25px;
display: inline-block; /* 让段落并排 */
}
 .headercon{
	width:1200px;
	margin: 0 auto;
	background: #ffffff;
	height: auto;
	overflow: hidden;
}
.left {
  float:left;
  margin-left:0px; 
  text-align:left;
  height:100%;
  width:330px;
  }
.right {
     border:0px solid #CCCCCC;
     height:100%;
     text-align:right; 
     width:60%; 
     float:right;
     margin-right:0px;
        }   
 .right a:link {
  text-decoration: none;
  color:#666869;
   }
.right a:visited { text-decoration: none; color: #000000;}       
.header:after {
  content: '';
  display: inline-block;
  width: 100%;
}    
 
 /*2025头部logo、菜单导航定义star*/     
 .topWrap{
	width:1200px;
	margin: 0 auto;
	background: #ffffff;
	height: auto;
	overflow: hidden;
	border: 0px solid #0d6db9;
}
.logo{ 
      display: block; 
      float:left;
	  width:200px;
	  margin-top: 0px;
	  margin-left:0px;
	  overflow: hidden; 
	  height:73px;
      border: 0px solid #0d6db9;
      margin-left:0px;
      margin-top:14px;
         }
  .logo img {
  max-width: 100%; /* 确保图片不会超出容器 */
  max-height: 100%; /* 确保图片不会超出容器 */
}   
.title{ 
      display: block; 
      float:left;
	  width:130px;
	  margin-top: 0px;
	  margin-left:0px;
	  overflow: hidden; 
	  height:45px;
      padding-left:6px;
      border-left: 1px solid #e3e3e3;
      margin-left:10px;
      margin-top:30px;
      color:#666666;
         }
.dh_width{ 
     width:65%; 
     display: flex;
	 position:relative;
	 height:100px;
     justify-content:right; /* 水平居中 */
     align-items: center; /* 垂直居中 */
     background:#ffffff;
     color:#666666;
     font-size:17px;
     border:0px solid #0d6db9;
     float:right;
     margin-right:0px;
     text-align:center; 
}
    
.dh_l1{
margin-right:0px;
justify-content:center;/* 水平居中 */
 width:90px;
 color:#666666;
 border:0px solid #0486e3;
 
}
a{
    text-decoration: none;
    color:#666666;
}
a.link { text-decoration: none; color: #000000;}   
/* 激活状态下显示下划线 */
a.active {
 text-decoration:underline;
 color: #0486e3;
 text-decoration-color:#0486e3/* 设置下划线颜色 */
 text-decoration-style: solid; /* 设置下划线样式为实线 */
 text-decoration-thickness:2px; /* 设置下划线厚度 */
 text-underline-offset:15px; /* 设置下划线距离文字的距离 */
    
}
 
 /*2025首页幻灯片样式定义 start*/
.bannerbox{width:100%;position:relative;overflow:hidden;}
.Homebanner{width:100%;position:relative;height:800px;overflow:hidden;}
.Homebanner ul{width:100%;position:absolute;height:800px;}
.Homebanner ul li{width:100%;height:800px;position:absolute;overflow:hidden;}
.Homebanner ul li img{width:1900px;position:absolute;left:50%;top:0px;display:block;margin-left:-950px;}
/*左右箭头样式*/
.Homeleft,.Homeright{background:#000;font-family:"宋体";width:70px;height:70px;line-height:70px;text-align:center;font-size:45px;color:#fff;border-radius:8px;position:absolute;top:50%;cursor:pointer;transition:all .2s ease;opacity:0;z-index:899999}
.Homeleft{margin-left:20px; background-color: rgba(128, 128,128, 0.3);}
.Homeright{margin-right:20px; background-color: rgba(128, 128,128, 0.3);}
.bannerbox:hover .Homeleft{left:0px;opacity:1}
.bannerbox:hover .Homeright{right:0px;opacity:1}
/*幻灯片-圆点样式*/
.Homedot{position:absolute;width:100%;text-align:center;z-index:999;bottom:60px;}
.Homedot a{display:inline-block;margin:0px 5px;height:12px;width:12px;line-height:1000px;overflow:hidden;background:url(../images/dot-2.png) no-repeat;}
.Homedot a.cur{background:url(../images/dot-1.png) no-repeat}
/*幻灯片1*/
.Homebannertext{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.Homebannertext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannerone{position:absolute;width:600px;left:50%;margin-left:-640px;top:240px;text-align:center;z-index:9999;border:solid 0px #fff000;}
.Homebannertext dl.bannerone dt{float:left;height:60px;background:#eb3900;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);padding-left:0px;}
.Homebannertext dl.bannerone dt h3{font-size:40px;width:600px;height:60px;line-height:60px;color:#fff;}
.Homebannertext dl.bannerone dd{float:left;font-size:20px;color:#fff;width:578px;height:80px;line-height:40px;margin-right:45px;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);border:solid 0px #fff000;padding-top:10px;text-align:left;}
.Homebannertext dl.bannerone  p{float:left;font-size:18px;width:120px;height:48px;line-height:48px;margin-top:30px;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);text-align:center;border:solid 0px #fff000;background:#007FFF;}
.Homebannertext dl.bannerone p a:link {
text-decoration: none;
color:#ffffff;
}
.Homebannertext dl.bannerone p a:hover { text-decoration:none;color: #666666;}
.Homebannertext dl.bannerone p a:visited { text-decoration: none; color: #ffffff;}
/*幻灯片2*/
.Homebannertext dl.bannertwo{position:absolute;width:1180px;left:50%;top:20px;color:#fff;margin-left:-590px;z-index:9999;border:solid 0px #fff000;}
.Homebannertext dl.bannertwo dt{padding-top:210px;position:relative;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannertwo dt h3{font-size:55px;line-height:70px;font-weight:100;position:relative;text-align:center;color:#ffffff;}
.Homebannertext dl.bannertwo dt p{font-size:25px;position:relative;padding-top:20px;line-height:45px;width:600px;text-align:center;margin-left:300px;font-weight:150;}
.Homebannertext dl.bannertwo dt h4{float:left;font-size:18px;width:120px;height:48px;line-height:48px;margin-top:30px;text-align:center;background:#007FFF;margin-left:500px;}
.Homebannertext dl.bannertwo h4 a:link {
text-decoration: none;
color:#ffffff;
}
.Homebannertext dl.bannertwo h4 a:hover { text-decoration:none;color: #666666;}
.Homebannertext dl.bannertwo h4 a:visited { text-decoration: none; color: #ffffff;}
/*幻灯片3*/
.Homebannertext dl.bannerthree{position:absolute;width:1220px;left:50%;margin-left:-610px;top:0px;}
.Homebannertext dl.bannerthree dt{float:left;position:relative;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree img{display:block;position:relative;width:auto;height:auto;left:0px;margin:0px;top:0px;}
.Homebannertext dl.bannerthree dd{width:500px;float:left;color:#fff;padding-top:170px;position:relative;padding-left:25px;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree dd h3{font-size:70px;font-weight:200;line-height:70px;width:1100px;}
.Homebannertext dl.bannerthree dd p{font-size:35px;line-height:35px;padding-top:50px;border:solid 0px #fff000;margin-left:150px;width:700px;font-weight:100;color:#eff8d4;}
.Homebannertext dl.bannerthree dd h4{font-size:18px;width:120px;height:48px;line-height:48px;text-align:center;background:#007FFF;margin-left:400px;margin-top:70px;}
.Homebannertext dl.bannerthree h4 a:link {
text-decoration: none;
color:#ffffff;
}
.Homebannertext dl.bannerthree h4 a:hover { text-decoration:none;color: #666666;}
.Homebannertext dl.bannerthree h4 a:visited { text-decoration: none; color: #ffffff;}
.bannereffect{opacity:0;filter:alpha(opacity=0);}
.bannertime{transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;}
.bannertime1{transition:all .8s ease-in-out .2s;-moz-transition:all .8s ease-in-out .2s;-ms-transition:all .8s ease-in-out .2s;-o-transition:all .8s ease-in-out .2s;-webkit-transition:all .8s ease-in-out .2s;}
.bannertime2{transition:all 1s ease-in-out .2s;-moz-transition:all 1s ease-in-out .2s;-ms-transition:all 1s ease-in-out .2s;-o-transition:all 1s ease-in-out 2s;-webkit-transition:all 1s ease-in-out .2s;}
.Homebanner li.cur .Homebannertext img.bigimg{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerone dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerone dd{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannertwo dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerthree dt{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.Homebanner li.cur .Homebannertext dl.bannerthree dd{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.Homebanner li.cur .bannereffect{opacity:1;filter:alpha(opacity=100);}
.Homebanner li.cur1 .bannertime{transition:all .4s linear .2s;-moz-transition:all .4s linear .2s;-ms-transition:all .4s linear .2s;-o-transition:all .4s linear .2s;-webkit-transition:all .4s linear .2s;}
.Homebanner li.cur1 .bannertime1{transition:all .4s linear .1s;-moz-transition:all .4s linear .1s;-ms-transition:all .4s linear .1s;-o-transition:all .4s linear .1s;-webkit-transition:all .4s linear .1s;}
.Homebanner li.cur1 .bannertime2{transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;-webkit-transition:all .4s linear;}
.Homebanner li.cur1 .Homebannertext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerone dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerone dd{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannertwo dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerthree dt{transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerthree dd{transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebanner li.cur1 .bannereffect{opacity:0;filter:alpha(opacity=0);}

/*2025产品中心-star*/
.p_box {position: relative;overflow: hidden;margin:0 auto;}
.p_box h2 {
    margin-top:100px;
	height:65px;
	text-align:center;
}
.p_box h2 span {
	margin:0px;
	line-height:30px;
	font-weight: 200;
	color: #333;
	font-size:35px;
	text-align:center;
} 
.pen {
	font-size:18px;
	padding:0px;
	font-weight:100;
	color: #999;
	line-height:28px;
	margin:11px 0 0 0;
}
.pr_h{position: relative;width:200px;border-bottom:2px solid #ff0000;margin:0 auto;height:7px;}
.scrollpic {
	width: 1300px;
	margin:60px auto;
	border:solid 0px #cccccc;
}
#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 450px;
	overflow: hidden;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
}
#myscroll ul {
	display: block;
	float: center;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width:300px;
	border:solid 1px #cccccc;
	margin-left:19px;
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 300px;
	padding: 0;
	position: relative;
	height: 450px;
	color: #333;
}
#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #0057c4;
	filter: alpha(opacity=50);
	width: 300px;
	color: #fff;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-align: center;
	
}
#myscroll a .intro h5 {
    padding-bottom:5px;
	margin: 0;
	font-size: 16px;
	height: 50px;
	width: 300px;
	line-height: 50px;
	border-bottom: 1px solid #347fdc;
	font-weight:150;
}
#myscroll a .intro p {
	font-size: 13px;
	line-height: 20px;
	margin: 65px 70px;
	height: 70px;
	overflow: hidden;
}
#myscroll a .intro {
	bottom: -211px;
}
#myscroll a:hover .intro {
	bottom: 0px;
	height:450px;
}

/* 2025新闻中心-star*/
.news_box {margin:0 auto;overflow: hidden;border:solid 0px #ff0000;}
.news_box h2 {
    margin-top:40px;
	height:65px;
	text-align:center;
}
.news_box h2 span {
	margin:0px;
	line-height:30px;
	font-weight: 200;
	color: #333;
	font-size:35px;
	text-align:center;
} 
.en {
	font-size:18px;
	padding:0px;
	font-weight:100;
	color: #999;
	line-height:28px;
	margin:11px 0 0 0;
}
.news_h{position: relative;width:200px;border-bottom:2px solid #ff0000;margin:0 auto;height:7px;}
.news{
position: relative;
background-color:#ffffff;
margin-top:60px;
width:100%;
height:580px;
border:solid 0px #ff0000;
}
.new_center{
  margin:0px auto;
  width:1300px;
  height:100%;
  border:solid 0px #ff0000;
}
.newFocus { height: 540px; width: 440px; border: 1px solid #C9CACB; border-radius:0px; padding-top: 0px; margin:0px auto; float: left;}/* 效果CSS开始 */
.newUl { margin: 0px auto; height: 540px; width:440px; overflow: hidden; position: relative;float: left;}
.newUl ul { position: absolute; left: 0px; top: 0px; height: 486px; }
.newUl ul li { float: left; text-align: center; font-size: 16px; font-weight:540;}
.newUl ul li a:link { text-decoration: none;color:#000000;}
.newUl ul li a:visited { text-decoration: none; color: #000000;}
.newUl ul li  a:hover { text-decoration:none;color: #863504;}
.newUl ul li img {
 margin-bottom: 18px; 
 padding-left:0px;
object-fit: cover; /* 覆盖容器，可能会裁剪图片 */
width:440px;
height:486px;
 }  
.newNum { background: #FFF url(../images/newNum.jpg); height: 38px; width: 37px; position: absolute; z-index: 1; left: 13px; top:490px; }
.new_ns1 { line-height: 16px; text-align: center; height: 16px; width: 16px; position: absolute; left: 0px; top: 0px; }
.new_ns2 { line-height: 16px; color: #9FA0A0; text-align: center; display: block; height: 16px; width: 16px; position: absolute; right: 0px; bottom: 0px; }
.newLbtn { height: 60px; width: 60px; position: absolute; left: 6px; top: 220px; cursor: pointer; z-index: 10; 
  background-color: rgba(0, 0, 0, 0.1); /* 黑色背景，透明度为50% */
  border-radius: 100px; /* 圆角半径为10px */
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
  box-sizing: border-box; /* 可选，如果需要包含内边距和边框在内的宽度和高度计算 */
}
.newRbtn ,.newLbtn img{ 
position:relative;
width:21px;
height:39px;
z-index: 10; 
}
.newRbtn {position: absolute; top: 220px; right: 6px; height:60px; width:60px; cursor: pointer; z-index: 10; 
  background-color: rgba(0, 0, 0, 0.1); /* 黑色背景，透明度为50% */
  border-radius: 100px; /* 圆角半径为10px */
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
  box-sizing: border-box; /* 可选，如果需要包含内边距和边框在内的宽度和高度计算 */
}



.newslist { height: 520px; width: 800px; border-bottom: 0px solid #ff0000; padding-top:30px; margin-left:50px; margin-top:0px;float: left;}
.container {
  display: flex; /* 启用flex布局 */
}
.left-div {
  position: relative;
  flex: 0 0 12%; /* 固定宽度为12% */
  background-color:#b6251d;
  height:100px;
}
.left-div-date {
font-size:30px;
line-height: 30px; 
text-align: center; 
color:#ffffff;
width:100%;
padding-top:20px;
}
.left-div-year {
font-size:14px;
line-height: 30px; 
text-align: center; 
color:#ffffff;
font-weight:100px;
}
.right-div {
  position: relative;
  flex: 0 0 88%; /* 固定宽度为90% */
  background-color:#ffffff;
  padding-left:20px;
}
.righttitle { 
font-size:18px;
line-height: 30px; 
text-align:left; 
color:#ffffff;
font-weight:540;
}
.righttitle a:link {
text-decoration: none;
color:#000000;

}
.righttitle a:visited { text-decoration: none; color: #666666;}
.righttitle a:hover { text-decoration:none;color: #ff0000;}
.rightcont { 
font-size:14px;
line-height: 30px; 
text-align:left; 
color:#565656;
font-weight:300px;
padding-top:8px;
}
.newscont{
  padding: 10px 0;
  border-top: solid 1px #e5e5e5;
  height:10px;
          }

/*2025关于我们-star*/
.about_box {margin:160PX 0px 0px 0px;overflow: hidden;border:solid 0px #ff0000;}
.about_box h2 {
	height:65px;
	text-align:center;
}
.about_box h2 span {
	margin:30px;
	line-height:30px;
	font-weight: 200;
	color: #333;
	font-size:35px;
	text-align:center;
} 
.about_us_en {
	font-size:18px;
	padding:0px;
	font-weight:100;
	color: #999;
	line-height:28px;
	margin:11px 0 0 0;
}
.about_h{position: relative;width:200px;border-bottom:2px solid #ff0000;margin:0 auto;height:7px;}
.in_about_bj{ width:100%; height:550px; margin:60px auto; overflow:hidden; clear:both; }
.in_about_news{ width:1300px; height:auto; margin:0 auto; margin-top:0px; overflow:hidden; clear:both; border:#CC6600 solid 0PX;}
.in_about{ width:520px; height:525px; float:right;border:#CC6600 solid 0PX;}
.con_nt_1{width:520px; height:40px; line-height:40px;  float:left; border-bottom:40px solid #EAEAEA;}
.in_about_title{ width:480px; height:50px; margin-left:0 auto; border-bottom:1px solid #cccccc;}
.in_about_title_left{ 
padding-left:0px;
width:100%; 
height:50px; 
float:left; 
line-height:40px; 
color:#000000; 
font-size:22px; 
font-weight:400;
background:#ffffff; 
text-align:left;}
.about_us_zj{ 
width:450px; 
height:35px; 
margin-left:0px; 
margin-top:15px;
padding:0 auto; 
 line-height:35px; 
text-align:center;
font-size:14px;
color:#ffffff;
background-color:#000000;
}
.in_about_msg{ 
width:100%; 
height:300px; 
margin:0 auto; 
padding:40px 0px 0px 0px; 
line-height:25px; 
font-weight:200;
font-size:14px;
color:#666666;
border:solid 0px #666666;
text-align: justify; /* 左右对齐 */
text-justify: inter-word; /* 确保文字在两端对齐时分布均匀 */
text-indent: 2em; /* 首行缩进2em */
}
.about_img {
   position: relative;
   display: inline-block;
  width:700px; height:525px; float:left; border:1px solid #cccccc; margin-top:0px;
}
.stripe {
  position: absolute;
  top: 0; /* 根据需要调整位置 */
  width: 2px; /* 竖条的宽度 */
  height: 100%; /* 竖条的高度 */
  background-color: rgba(0, 0, 0, 0.5); /* 半透明的黑色 */
  opacity: 0; /* 初始透明度为0 */
  transition: opacity 0.3s ease; /* 平滑过渡效果 */
}
.stripe1 { left: 175px;} /* 第1根竖条的位置 */
.stripe2 { left: 350px; } /* 第2根竖条的位置 */
.stripe3 { left: 525px; } /* 第3根竖条的位置 */
.about_img:hover .stripe { opacity: 1; } /* 当鼠标悬停时显示所有竖条 */

/*2025合作伙伴-star*/
.case_box {margin:150PX 0px 0px 0px;overflow: hidden;border:solid 0px #ff0000;}
.case_box h2 {
	height:65px;
	text-align:center;
}
.case_box h2 span {
	margin:30px;
	line-height:30px;
	font-weight: 200;
	color: #333;
	font-size:35px;
	text-align:center;
} 
.case_en {
	font-size:18px;
	padding:0px;
	font-weight:100;
	color: #999;
	line-height:28px;
	margin:11px 0 0 0;
}
.succ_h{position: relative;width:200px;border-bottom:2px solid #ff0000;margin:0 auto;height:7px;}
.succ_case{ 
margin:60px 50px 0px 0px;
position:relative;
border:0px solid #ff0000;
width:100%;
height:500px;
padding:0 atuo;
}
.succ_case_container {
    position:relative;/* 子元素绝对定位 */
    margin-top:0px;          
    margin-left: 50%;         
    transform: translate(-50%, -50%); /
    justify-content: space-around; /* 使图片均匀分布 */
    width:1300px;
    justify-content: space-between;
    height:auto;   
}
 .succ_img {
   position: relative;
   display: inline-block;
   width:300px; 
   height:auto; 
   float:left; 
   border:1px solid #999999; 
   margin-left:22px;
  overflow:hidden;
}
.succ_case_container img {
    width: 310px; /* 设置图片宽度 */
    height: auto; /* 保持图片原始宽高比 */
    transition: transform 0.5s ease, opacity 0.5s ease; /* 添加过渡效果 */
}
 
.succ_case_container .overlay-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; /* 初始不显示 */
    transition: opacity 0.5s ease; /* 平滑过渡效果 */
    background-color: rgba(0, 0, 0, 0.5); /* 背景颜色，可以根据需要调整 */
    color: white; /* 文字颜色 */
}
 .succ_case_container :hover img {
    transform: scale(1.2); /* 放大到1.2倍 */
    opacity: 0.7; /* 减淡图片 */
}
 
.succ_case_container :hover .overlay-text {
    opacity: 1; /* 鼠标悬停时显示文字 */
}

/*2025底部导航定义*/
.foot_bj{ width:100%;height:240px; background:#313131;margin:30px 0px 0px 0px; }
.foot_bj_width{ width:1300px; height:auto; margin:0 auto; overflow:hidden; clear:both;}
.foot_lm{ width:300px; float:left; margin-right:80px; }
.foot_lm_title{ width:300px; height:40px;text-align:left; border-bottom:1px solid #797979; line-height:40px; text-align:left; color:#ffffff; margin-top:50px; font-size:18px;}
.foot_lm_msg{ width:300px; height:auto; margin-top:10px;color:#ffffff;font-size:14px;line-height:25px;text-align:left; }

.foot_lx{ width:300px; float:left;margin-left:110px;}
.foot_lx_title{ width:300px; height:40px;text-align:left; border-bottom:1px solid #797979; line-height:40px; text-align:left; color:#FFFfff; margin-top:50px; font-size:18px;}
.foot_lx_msg{ width:300px; height:auto; margin:0 auto; margin-top:10px; text-align:left; line-height:25px; color:#ffffff; font-size:14px;}

.foot_email{ width:300px; float:right;}
.foot_email_title{ width:300px; height:40px;text-align:left; border-bottom:1px solid #797979; line-height:40px; text-align:left; color:#FFFfff; margin-top:50px; font-size:18px;}
.foot_email_msg{ width:300px; height:auto; margin:0 auto; margin-top:10px; text-align:left; line-height:25px; color:#ffffff; font-size:14px;}

.footd{ width:100%; height:70px; margin:0 auto; overflow:hidden; clear:both;background:#313131;}
.footd_center{ width:750px; height:50px; margin-right:auto; margin-left:auto;text-align: center; line-height:70px; color:#ffffff; font-size:14px;}
.footd_center a:link {
text-decoration: none;
color:#ffffff;

}
.footd_center a:visited { text-decoration: none; color: #ffffff;}
.footd_center a:hover { text-decoration:none;color: #ff0000;}

.footdba{width:100%;height:55px;background:#222222; line-height:55px;margin:0 auto;}
.footdba_img{position: relative; 
width: 44%; 
float: left;
text-align:right;
border:solid 0px #ff0000;
margin-top:20px;
}

.footd_ba {
position: relative; 
width: 55%; 
float: right;
border:solid 0px #ff0000;
height:20px;
line-height:20px;
text-align:left;
line-height:20px;
margin-top:19px;
color:#c2c2c2;
font-size:16px;
}
.footd_ba a:link {
text-decoration: none;
color:#ffffff;

}
.footd_ba  a:visited { text-decoration: none; color: #ffffff;}

/*2025右侧导航-star*/
.toolbar{position:fixed;right:0px;bottom:50px;z-index:899999;}/*网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:50px;height:50px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer,.toolbar-item:hover .toolbar-layer1,.toolbar-item:hover .toolbar-layer2{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item,.toolbar-layer,.toolbar-item,.toolbar-layer1,.toolbar-item,.toolbar-layer2{background-color:#ffffff;width:50px;height:50px;margin-bottom:5px;margin-right:7px; 
border:solid 1px #c0d9db;border-radius:5px;}

.toolbar-layer,.toolbar-layer1,.toolbar-layer2{position:absolute;right:46px;bottom:-10px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;
}

.toolbar-item-tel{background-position:0 -798px;background:url(../images/tel.png) no-repeat;background-color:#ffffff;}/*咨询电话样式*/
.toolbar-item-tel:hover{background-position:0 -860px;background:url(../images/tel.png) no-repeat;background-color:#ffffff; }
.toolbar-layer{
background-position:0 0;
width:255px!important;
height: 140px;
border: 1px #dddddd solid;
background: #ffffff;
border-radius: 6px; 
margin-right:15px;}
.toolbar-layer:after {
        content: '';
        position: absolute;
        top: 75%;
        right: -10px;
        transform: translateY(-20%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #dddddd;
    }
.item-tel{margin:0 atuo;
text-align:center;
color:#000000;
font-weight:200;
line-height:30px;
padding-top:13px;
font-size: 15px;
}

.toolbar-item-email{background-position:0 -426px;background:url(../images/email.png) no-repeat;background-color:#ffffff;}/*联系邮箱样式*/
.toolbar-item-email:hover{background-position:0 -488px;background:url(../images/email.png) no-repeat;background-color:#ffffff;}
.toolbar-layer1{
background-position:0 0;
width:255px!important;
height: 140px;
border: 1px #dddddd solid;
background: #ffffff;
border-radius: 6px; 
margin-right:15px;}
.toolbar-layer1:after {
        content: '';
        position: absolute;
        top:75%;
        right: -10px;
        transform: translateY(-20%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #dddddd;
    }
.item-email{
margin:0 atuo;
text-align:center;
color:#000000;
font-weight:200;
line-height:30px;
padding-top:13px;
font-size: 15px;
}

.toolbar-item-weixin{background-position:0 -550px;background:url(../images/weixin.png) no-repeat;background-color:#ffffff;}/*联系微信样式*/
.toolbar-item-weixin:hover{background-position:0 -612px;background:url(../images/weixin.png) no-repeat;background-color:#ffffff;}
.toolbar-layer2{
background-position:0 0;
width:180px!important;
height:205px;
border: 1px #dddddd solid;
background: #ffffff;
border-radius: 6px; 
margin-right:15px;
text-align:center;
}
.toolbar-layer2:after {
        content: '';
        position: absolute;
        top:83%;
        right: -10px;
        transform: translateY(-20%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #dddddd;
    }
.toolbar-item-app .toolbar-layer2{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;background:url(../images/top.png) no-repeat;background-color:#ffffff;}/*返样式*/
.toolbar-item-top:hover{background-position:0 -736px;background:url(../images/top.png) no-repeat;background-color:#ffffff;}

/*2025-首页样式 end*/











