body{margin:0;padding:0;font-family:"Microsoft YaHei";font-size:14px;color:#333;background-color:#f3f6f8}
a{color:#333;font-size:14px;text-decoration:none}
a:hover{color:#0657a8;text-decoration:none}
.video-container{width:100%;position:relative;min-width:1000px}
.video-containers{ display:none}
.video-container2{width:100%;position:relative;min-width:1000px}
.video-container2 div{width:100%; height:700px; overflow:hidden;}
.content2{z-index:2;width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;min-width:1000px}
.content{z-index:2;width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;min-width:1000px}
#myDIV{position:absolute;border-radius:30px;bottom:0;-webkit-animation:mymove 3s infinite;animation:mymove 3s infinite}
.ititle{font-size:50px;line-height:35px;;display:block;width:100%;text-align:center; color:#000; font-weight: bold; margin-top:50px;}
.ititle span { display:block; width:70px; height:8px; background-color:#0a4c96; border-radius:10px;margin-left:auto;margin-right:auto; margin-top:20px; margin-bottom:50px;}
 
.btn{display:flex;text-indent:15px;padding-right:15px;text-decoration:none;position:relative;overflow:hidden;background:linear-gradient(45deg,#3391dd,#2a72a8);opacity:.8;color:#fff;font-size:13px;height:30px;line-height:30px;transition:all .1s;box-shadow:1px 1px 3px #fff}
.btn img{margin-left:10px;margin-top:5px;margin-right:-10px;animation:3s infinite linear rotate}
 
.btn:hover{color:#FFF;background:linear-gradient(45deg,#0e6eb8,#005495);opacity:1;padding-right:65px}
.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.5),transparent);transition:all 650ms}
.btn:hover:before{left:100%}
.box-shadow{box-shadow:0 0 10px rgba(220,220,220,0.5),0 0 10px rgba(220,220,220,0.2),0 0 20px rgba(220,220,220,0.1)}
#dao{width:100%;display:block;height:80px;position:fixed;z-index:99}
#dao a{color:#FFF}
.daos{background-color:#FFF;box-shadow:0 2px 3px #e2e2e2;opacity:.96}
#dao.daos a{color:#333}
#dao a:hover{ }
.w75s{width:75%;margin-left:auto;margin-right:auto;height:auto;}
.w75{width:75%;margin-left:auto;margin-right:auto;display:block;border-radius:15px;overflow:hidden;height:auto}

.w752{width:75%;margin-left:auto;margin-right:auto;display:block;border-radius:15px;height:auto}
.logo{height:100px;width:30%;float:left;display:none}
.logo3{height:100px;width:30%;float:left;display:block}
 

.ttel{height:100px;width:15%;float:left;display:block}
.ttel img { margin-top:20px;}
.logox{display:block}
.logox3{display:none}
.logo img{margin-top:17px}
.logo3 img{margin-top:17px}
.logo2{height:100px;width:20%;float:left}
.logo2 img{margin-top:20px}




.nav-links {
  display: flex;
  float: left;
  list-style: none;
  width: 65%;
  margin-top: 30px;
  justify-content: space-evenly;
  align-items: center;
  text-transform: uppercase;
  /* 关键：父容器相对定位，确保下拉菜单绝对定位不脱离文档流 */
  position: relative;
}

.nav-links li a {
  text-decoration: none;
  margin: 0 0.7vw;
  font-size: 16px;
  /* 建议补充默认文字颜色，避免继承冲突 */
  color: #333;
  /* 触发元素添加 padding，扩大点击/悬停区域 */
  padding: 8px 0;
  display: inline-block;
}

.nav-links li a:hover {
  color: #fff;
}

.nav-links li {
  position: relative;
}

.nav-links li a::before {
  content: "";
  display: block;
  height: 3px;
  width: 0%;
  background-color: #f39800;
  position: absolute;
  transition: all ease-in-out 250ms;
  margin-top: -10px;
  margin-left: 10%;
}

.nav-links li a:hover::before {
  width: 80%;
}

/* 下拉菜单核心样式 */
/* 1. 下拉菜单容器（默认隐藏 + 绝对定位） */
.dropdown-menu {
  list-style: none;
  padding: 10px 0;
  margin: 0;
  background-color: #fff; /* 白色背景，区分导航栏 */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); /* 阴影增强层级感 */
  border-radius: 4px; /* 圆角优化样式 */
  /* 绝对定位：相对于父元素 .dropdown 定位 */
  position: absolute;
  top: 100%; /* 紧贴触发元素下方 */
  left: 50%; /* 水平居中对齐触发元素 */
  transform: translateX(-50%); /* 修正居中偏移 */
  min-width: 180px; /* 固定最小宽度，避免文字折行 */
  display: none; /* 默认隐藏 */
  z-index: 999; /* 确保层级最高，不被其他元素遮挡 */
}

/* 2. 下拉菜单项样式 */
.dropdown-menu li {
  text-align: center; /* 文字居中 */
  margin: 0;
}

.dropdown-menu li a {
  display: block; /* 整行可点击 */
  padding: 8px 16px; /* 内边距，扩大点击区域 */
  margin: 0; /* 清除父元素的 margin */
  color: #333; /* 菜单项默认颜色 */
  text-transform: none; /* 取消大写，与触发元素区分 */
}

/* 3. 下拉菜单项hover效果 */
.dropdown-menu li a:hover {
  background-color: #f5f5f5; /* 灰色背景高亮 */
  color: #f39800; /* 文字颜色与导航栏高亮色一致 */
}

/* 4. 移除下拉菜单项的 ::before 下划线（避免样式冲突） */
.dropdown-menu li a::before {
  display: none !important;
}

/* 5. 悬停触发：鼠标移到 .dropdown 时显示菜单 */
.dropdown:hover .dropdown-menu {
  display: block;
}

/* （可选）点击触发：适配移动端，需配合JS */
.dropdown.active .dropdown-menu {
  display: block;
}






.w75text{ width:60%;margin-left:auto;margin-right:auto;height:auto;overflow:hidden;font-size:22px; line-height:35px; padding:50px; text-align:center; margin-top:30px; margin-bottom:30px; }

 
 .banners{ background-image:url(images/bannerbg.jpg); width:100%; height:818px; display:block; background-repeat:no-repeat; background-position:right bottom; background-color:#0d4998; }
 
 .erbg25{background-image:url(/images/erbg.jpg);display:block;width:100%;height:500px;position:relative; background-repeat:no-repeat; background-position:right;background-color:#1057b4; }
 .ban1{ display:block; margin-top:300px;   font-size:96px; color:#FFF; font-weight:bold; width:100%; text-align:center;}
/*Styling Hamburger Icon*/
.hamburger div {
	width:30px;
	height:3px;
	background:#d0af61;
	margin:5px;
	transition:all 0.3s ease;
}
.hamburger {
	display:none;
}
a,img{border:0}
  
a.more:link,a.more:visited{color:#0a4c96;font-size:16px;line-height:38px;width:110px;height:38px;display:block;float:left;margin-right:10px;background-color:#fff;border-radius:5px;text-align:center;margin-top:20px;margin-bottom:20px}
a.more:hover{background-color: #F90; color:#FFF}
 


.aboutl{ display:block; width:50%; height:600px; background:url(images/abouts.jpg); float:left; margin-top:50px;}
 .aboutlweb{ display:none}

.aboutr{ display:block; width:50%; height:600px; background:url(images/aboutsr.jpg); float:left;margin-top:50px;}
.aboutrtext { display:block; margin-top:50px; width:90%; margin-left:auto; margin-right:auto; }
.aboutrtext2 { display:block; margin-top:20px; width:90%;  line-height:30px; font-size:16px; color:#FFF}



a.inews{
	width: 23%;
	overflow: hidden;
	display: block;
	float: left;
	text-align: center;
	margin: 1%;
	position: relative;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; padding-top:15px;
	margin-bottom:35px;
}



 
a.inews img{display:inline-block;max-width:100%;height:auto;z-index:1;transition:all.6s}
a.inews:hover img{transform:scale(1.1)}
a.inews strong{font-size:18px;color:#000;line-height:50px;text-align:left;width:100%;font-weight:500;display:block;margin-top:5px}
a.inews span{   font-size: 14px;
    color: #666;
    line-height: 25px;
    text-align: left;
    width: 100%;
    display: -webkit-box; /* 将元素设置为弹性盒模型 */
    -webkit-box-orient: vertical; /* 设置盒内子元素垂直排列 */
    -webkit-line-clamp: 2; /* 限制显示的行数为2行 */
    overflow: hidden; /* 隐藏超出的内容 */
    text-overflow: ellipsis; /* 超出部分用省略号表示 */
    font-weight: 300;
    white-space: normal; /* 确保文字可换行 */}
	
	
a.iproduct{
	 width:31.33%; 
	overflow: hidden;
	display: block;
	float: left;
	text-align: center;
	margin: 1%;
	position: relative;
	background-color:#FFF; border-radius:15px;
	font-size:18px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	padding-top:20px; padding-bottom:20px;
  
}
	
a.iproduct img{ width:70%;transition:all.6s;} 
a.iproduct:hover img{transform:scale(1.1)}

a.iproduct .titles{ z-index:9; position: inherit; margin-top:auto; margin-right:auto; display:block; width:100%; text-align:center; line-height:50px; height:50px;}


.bai{ display:block; width:100%; background-color:#FFF;}





.aboutebg{background-image:url(/images/001.jpg);display:block;width:100%;height:350px;position:relative;overflow:hidden; background-size:100%}
 
 .weizhi{color:#FFF;position:absolute;bottom:20px;text-indent:10px}
.weizhi a{color:#FFF}

.titler{font-size:56px;color:#FFF;margin-top:150px;font-weight:bold;text-align:center}
 

.titler span{font-size:30px;font-weight:300;line-height:50px;letter-spacing:1px}

 
.aboul{width:45%;display:block;float:left;margin-left:0%;font-size:16px;line-height:35px; padding-left:3%; padding-top:30px;}
.aboul span{font-size:50px;line-height:70px;display:block;margin-bottom:20px}
.aboul span strong{font-weight:bold}
.abour{width:47%;display:block;float:left;margin-left:5%}
.abour img{border-radius:10px;margin-bottom:30px;margin-top:98px}
.aboubo{width:100%;height:auto;background-color:#f5f5f5;padding-bottom:80px}

.mt90{margin-top:90px}
.mt60{margin-top:60px}
.mf90{margin-bottom:90px}
.mf60{margin-bottom:60px}
.mf30{margin-bottom:30px}
.pd30{ padding:30px;}


 .erbg25{
	background-image: url(/images/001.jpg);
	display: block;
	width: 100%;
	height: 350px;
	position: relative;
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #1057b4;
	background-attachment: fixed;
}



a.news{width:27%;overflow:hidden;display:block;height:239px; float:left;text-align:left;box-shadow: 0 0 10px rgba(90,90,90,0.3); margin-left:1%; margin-right:1%; padding:2%; margin-bottom:35px; line-height:35px; border-radius:10px; background-color:#f8f8f8}
a.news strong { font-size:18px; line-height:45px;}


a.news:hover{ background-color:#0b4c95; color:#FFF}

a.news:hover span{ background-color:#fff; color:#0b4c95}

a.news span{ background-color:#0b4c95; color:#FFF; width:60px; height:25px; display:block; text-align:center; line-height:25px; border-radius:5px; margin-top:15px;}

.huibg{ background-color:#f8f8f8}

.newsl{ display:block; width:65%; background-color:#FFF; height:auto; padding:5%; float:left; font-size:16px; line-height:35px; min-height:800px; margin-bottom:50px;}
.newsl h1{ font-size:30px; text-align:center;}
.newsl d{ font-size:14px; text-align:center; color:#CCC; display:block;}
.newsr{ display:block; width:20%; margin-left:3%; float:right}
.titless{font-size:25px; margin-bottom:20px; display:block;}
 .leis{ display:none}
 .news2 span{float:left;font-size:14px;color:#fff;background-color:#0b4c95;border-radius:5px;display:block;width:20px;height:20px;text-align:center;line-height:20px;box-shadow:0 0 3px #345bb2;margin-left:10px;margin-top:10px;padding:0;text-indent:0}
 
 
 a.news2:link,a.news2:visited{color:#333;font-size:14px;display:block;float:left;text-align:left;width:300px;height:40px;background-color:#fff;margin-bottom:10px;text-indent:15px;overflow:hidden; line-height:40px;}
a.news2:hover{background-color:#e8f3ff}




.proeleft{ display:block; width:17%;  height:auto; padding:2%; float:left; font-size:16px; line-height:35px; min-height:800px; margin-bottom:50px; margin-left:2%;}

 
.proerihgt{ display:block; width:75%;   height:auto; padding:1%; float:left; font-size:16px; line-height:35px; min-height:800px; margin-bottom:50px; height:auto;}
.proerihgt table { padding:50px;}

a.plistd{ display:block; width:100%; height:40px; line-height:40px; color:#FFF;    background: linear-gradient(45deg, #0b4c95, #4b7eb7); text-indent:5px; clear:both; margin-top:10px; border-radius:5px;}


a.plistd:hover,a.plistdon{background: linear-gradient(45deg, #ffb636, #f9ce82);text-indent:5px; clear:both; margin-top:10px; border-radius:5px;display:block; width:100%; height:40px; line-height:40px; color:#FFF; }

a.plistx {
	display: block;
	font-size: 14px;
	height: 30px;
	width: 100%; 
	text-align:left; line-height:30px; color:#333;
	float:left; clear:none;
	background-color:#eee;
	border-radius:5px;
	margin-top:5px; margin-bottom:5px; text-indent:18px;
}

 
a.plistx:hover,a.plistxon{color:#ffa200; background-color:#fcf3e2;display: block;
	font-size: 14px;
	height: 30px;
	width: 100%; 
	text-align:left; line-height:30px;  
	float:left; clear:none;
 
	border-radius:5px;
	margin-top:5px; margin-bottom:5px; text-indent:18px;}
 
a.eproduct{
    width: 31%;
	height:330px;
  
    display: block;
    float: left;
    text-align: center;
    margin: 1%;
    background-color: #fff; 
    border-radius: 20px;
	padding-top:20px; padding-bottom:20px; font-size:16px
 
}

a.eproduct img{width: 90%; transition:all.6s;} 
.pics{max-height:430px;overflow:hidden;border: 0px solid #fff;}
.picss{ width:500px;}
a.eproduct img:hover{transform:scale(1.1); }


a.eproduct.titles{ z-index:9; position: inherit; margin-top:auto; margin-right:auto; display:block; width:100%; text-align:center; line-height:50px; height:50px;}


.foot{ background-image:url(images/footbg.jpg);width:100%;display:block;height:323px; background-position:center; clear:both;}
.foot2{color:#FFF;line-height:25px;font-size:16px;float:left;width:39%;height:323px}
.foot2 span{color:#FFF;font-size:12px;margin-top:80px;display:block}
.foot2 strong{font-size:36px;font-weight:bold;line-height:50px}
.flogo{float:left;width:39%;height:323px}
.flogo img{height:45px;margin-top:120px}
.footwei{float:left;color:#fff;text-align:center;line-height:35px;font-size:14px;width:10%;padding-top:80px}
.foots{ background-color:#063f7f;width:100%;display:block;height:50px;color:#fff;font-size:14px;text-align:center;line-height:50px;margin-top:-50px;clear:both;}

.foots2{ display:none;}
.hover-content {
  display: none;
}


.conr strong{font-size:22px;line-height:35px;margin-top:25px;display:block}
.conr span{font-size:16px;line-height:35px}
.conl{width:43%;display:block;float:left;margin-left:7%}
.conl{text-align:center;font-size:16px;color:#666;line-height:30px}
.conl input{display:block;width:75%;background-color:#f1f1f1;margin-bottom:15px;border:0px;height:50px;text-indent:10px;border-radius:3px;font-size:16px}
.conl textarea{display:block;width:75%;background-color:#f1f1f1;margin-bottom:15px;border:0px;height:150px;text-indent:10px;border-radius:3px;font-family:"Microsoft YaHei UI";line-height:35px;font-size:16px}
.tj{font-size:16px;color:#FFF;background:linear-gradient(45deg,#063f7f,#1057b4);display:block;clear:left;width:230px;height:55px;line-height:55px;background-color:#0166b3;text-align:center;border-radius:3px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;margin-bottom:50px;margin-top:30px;cursor:pointer}




@media screen and (min-width: 1201px) and (max-width: 1600px) {
  
  .w75s{width:90%;margin-left:auto;margin-right:auto;height:auto;}
.w75{width:90%;margin-left:auto;margin-right:auto;display:block;border-radius:15px;overflow:hidden;height:auto}
 .banl .z1{ font-size:30px; color:#fff6c7; text-transform: uppercase; font-style: inherit; font-weight:bold; line-height:50px}
 .banl .z2{ font-size:125px; color:#ffd800;font-weight:bold; margin-top:-180px; }
  .banl .z2 strong{ margin-left:200px;}
 
  .banl .z3{ font-size:210px; color:#427166;text-transform: uppercase;font-weight:bold; margin-top:-50px;}
   .banl .z4{ font-size:26px; color:#ffffff; line-height:46px; opacity:0.5; font-weight:100; margin-top:100px;}
    .banl .z5{ font-size:12px; color:#e3fbf5; line-height:20px; margin-top:39px; opacity:0.5;font-weight:100;}
 
}
 

@media screen and (max-width:1200px){body{margin:0;padding:0;font-family:"Microsoft YaHei";font-size:14px;color:#333;background-color:#fff}
a{color:#333;font-size:14px;text-decoration:none}
a:hover{color:#0657a8;text-decoration:none}
.zhutise{ color:#125cb4}
.bai{ color:#FFF}

 .ban1{ display:block; margin-top:200px;   font-size:66px; color:#FFF; font-weight:bold; width:100%; text-align:center;}
 
 .aboutl{   width:100%; height:600px; background:url(images/abouts.jpg); float:left; margin-top:50px; display:none}
 .aboutlweb{ display:block; width:100%; height:auto;  float:left; margin-top:50px; }

.aboutr{ display:block; width:100%; height:600px; background:url(images/aboutsr.jpg); float:left;margin-top:00px;}
.aboutrtext { display:block; margin-top:20px; width:90%; margin-left:auto; margin-right:auto; }
.aboutrtext2 { display:block; margin-top:20px; width:100%;  line-height:20px; font-size:14px; color:#FFF}

 

#dao{width:100%;display:block;height:80px;position:fixed;z-index:99;}
#dao a{color:#FFF}
.daos{background-color:#FFF;box-shadow:0px 2px 3px #e2e2e2;opacity:0.96}
#dao.daos a{color:#fff}
#dao a:hover{}
.w75s{width:96%;margin-left:auto;margin-right:auto; height:auto;}
.w75{width:96%;margin-left:auto;margin-right:auto;display:block;border-radius:15px; overflow:hidden; height:auto;}
.logo{height:100px;width:20%;float:left;display:none}
.logo3{height:100px;width:20%;float:left;display:block}
.logox{display:block}
.logox3{display:none}
.logo img{margin-top:10px;}
.logo3 img{margin-top:10px;}
.logo2{height:100px;width:20%;float:left;}
.logo2 img{margin-top:10px;}


av{position:fixed;z-index:3}
.hamburger{display:block;position:absolute;cursor:pointer;right:5%;top:50%;transform:translate(-5%,-50%);z-index:2;transition:all 0.7s ease}
.nav-links{position:fixed;background:linear-gradient(45deg,#063f7f,#125cb4);height:100vh;width:100%;flex-direction:column;clip-path:circle(20px at 100% -20%);-webkit-clip-path:circle(50px at 100% -20%);transition:all 1s ease-out;pointer-events:none;margin-top:0px;padding:0px;margin:0px;left:0px;top:0px}
.nav-links.open{clip-path:circle(1500px at 90% -20%);-webkit-clip-path:circle(1500px at 90% -20%);pointer-events:all;padding:0px;margin:0px;left:0px;top:0px}
.nav-links li{opacity:0}
.nav-links li a{font-size:22px}
.nav-links li:nth-child(1){transition:all 0.5s ease 0.2s}
.nav-links li:nth-child(3){transition:all 0.5s ease 0.4s}
.nav-links li:nth-child(5){transition:all 0.5s ease 0.6s}
.nav-links li:nth-child(7){transition:all 0.5s ease 0.7s}
.nav-links li:nth-child(8){transition:all 0.5s ease 0.8s}
.nav-links li:nth-child(9){transition:all 0.5s ease 0.9s;margin:0}
.nav-links li:nth-child(10){transition:all 0.5s ease 1s;margin:0}
.nav-links li:nth-child(11){transition:all 0.5s ease 1.2s;margin:0}
.nav-links li:nth-child(12){transition:all 0.5s ease 1.4s;margin:0}

.nav-links li:nth-child(13){transition:all 0.5s ease 1.6s;margin:0}
.nav-links li:nth-child(14){transition:all 0.5s ease 1.8s;margin:0}
.nav-links li:nth-child(15){transition:all 0.5s ease 2.0s;margin:0}



li.fade{opacity:1}
.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}
.toggle .line2{transition:all 0.7s ease;width:0}
.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}

 
.w75text{ width:60%;margin-left:auto;margin-right:auto;height:auto;overflow:hidden;font-size:22px; line-height:35px; padding:50px; text-align:center; margin-top:30px; margin-bottom:30px; }

 
 .banners{ background-image:url(images/bannerbg.jpg); width:100%; height:600px; display:block; background-repeat:no-repeat; background-position:right bottom;  }

 .banl{ display:block; margin-top:100px;width:100%; margin-left:0%; float:left; text-align:center;}
 .banl .z1{ font-size:33px; color:#fff6c7; text-transform: uppercase; font-style:italic; font-weight:bold; line-height:43px;}
.banl .z2{ font-size:88px; color:#ffd800;font-weight:bold; margin-top:-120px; line-height:100px; }
  .banl .z2 strong{ margin-left:0px;}
  
  
    .banl .z3{ font-size:120px; color:#427166;text-transform: uppercase;font-weight:bold; margin-top:-20px;}
   .banl .z4{ font-size:26px; color:#ffffff; line-height:46px; opacity:0.5; font-weight:100; margin-top:100px;}
    .banl .z5{ font-size:12px; color:#e3fbf5; line-height:20px; margin-top:39px; opacity:0.5;font-weight:100;}
 
 
 
 

 .banr{ display:block; margin-top:0px;width:100%;  float:left }
 .banr img { width:100%;}
 
 
 .erbg25{
	background-image: url(/images/bannerbg.jpg);
	display: block;
	width: 100%;
	height: 280px;
	position: relative;
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #347e6f;
	background-attachment: fixed;
}


.proeleft{ display:block; width:96%;  height:auto; padding:2%; float:left; font-size:16px; line-height:35px; min-height:300px; margin-bottom:50px; margin-left:2%;}

 
.proerihgt{ display:block; width:96%;   height:auto; padding:1%; float:left; font-size:16px; line-height:35px; min-height:300px; margin-bottom:50px; height:auto;margin-left:2%;}

.proerihgt table { padding:0px;}


.aboutebg{background-image:url(/images/001.jpg);display:block;width:100%;height:280px;position:relative;overflow:hidden; background-size:100%}
 
 .weizhi{color:#FFF;position:absolute;bottom:20px;text-indent:10px}
.weizhi a{color:#FFF}
.titler{font-size:33px;color:#FFF;margin-top:130px;font-weight:bold;text-align:center}
 

.titler span{font-size:30px;font-weight:300;line-height:50px;letter-spacing:1px}
 
 
 .about{ margin-top:-90px; height:830px; background-color:#FFF}
 .about .abol{   width:90%; line-height:30px; float:left; padding:5%;}
 
 
  .about .tit1 { width:5px; background-color:#438a7b; height:40px; float:left; margin-right:10px;
	 
}


 .about .tit {
	font-size: 23px;
	color: #000;float:left; line-height:25px;
	 
	 
}
  .about .tit span { font-size:12px; color:#ccc; text-transform:uppercase; line-height:15px;}
 
 .morej { float:right; font-size:28px; margin-right:0px;}
 .atext{ width:98%; display:block; float:left; margin-top:30px; margin-left:15px;}
 

  .about .abor{  width:100%;  float:left;}
  
  .about .abor .a1{  width:100%;  float:left; background-color:#438a7b;  height:90px; display: flex;align-items: center;justify-content: center;}
    .about .abor .a1 img{ margin-top:}
  .about .abor .a2{  width:100%;  float:left; background-color:#939393; height: 330px; color:#FFF}
  
  .about .atit1 { width:5px; background-color:#fff; height:20px; float:left; margin-right:10px; margin-left:15px; margin-top:20px;
	 
}


 .about .atit {
	font-size: 22px;
	color: #fff;float:left; line-height:25px; margin-top:15px;
	 
	 
}
  .about .atit span { font-size:12px; color:#ddd; text-transform:uppercase; line-height:15px; line-height:25px;}
  
  
  .title{ font-size:60px; color:#000; line-height:60px; font-weight:bold; display:block; text-align:center; width:75%; margin-left:auto; margin-right:auto; margin-top:80px;letter-spacing:3px;}
  .title span{ text-transform:uppercase; background-color:#438a7b; color:#FFF; font-size:12px; font-weight:200;width:auto; padding:3px 15px 3px 15px; letter-spacing:1px; border-radius:3px; line-height:39px;}
  
 
 
 .abole{   width:100%; line-height:30px; float:left; padding:1%;margin-top:50px}
 .abore{ width:100%; float:left; margin-top:50px; text-align:right;}
 .abore img { border-radius:10px; width:100%; margin-top:20px;}
  .atext{ width:100%; display:block; float:left;  }
  
  
    
  .etitle{ font-size:50px; color:#000; line-height:60px; font-weight:bold; display:block; text-align:center; width:75%; margin-left:auto; margin-right:auto; margin-top:80px;letter-spacing:3px;}
  .etitle span{ text-transform:uppercase;   color:#999; font-size:12px; font-weight:200;width:auto; padding:3px 15px 3px 15px; letter-spacing:1px; border-radius:3px; line-height:25px;}
  
.qianlvbg{ background-color:#e4f1ee; height:600px; margin-top:80px;}

  .etitleb{ font-size:50px; color:#fff; line-height:60px; font-weight:bold; display:block; text-align:center; width:75%; margin-left:auto; margin-right:auto;letter-spacing:3px; padding-top:60px;}
  .padd60{ padding-top:60px;}
  .etitleb span{ text-transform:uppercase;   color:#fff; font-size:12px; font-weight:200;width:auto; padding:3px 15px 3px 15px; letter-spacing:1px; border-radius:3px; line-height:25px;} 
  
  
a.shu{width:18%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:1%; margin-right:1%; margin-bottom:20px; margin-top:39px;}
a.shu img{display:inline-block;max-width:100%;height:auto;transition:all .6s; border-radius:10px;}
a.shu img:hover{transform:scale(1.01)} 
.qianlvbg2{ background-color:#e4f1ee; height:800px; margin-top:80px;}

.qianlvbg2s{ background-color:#e4f1ee; height:150px; }
.qianlvbg2s a{
	
	
width:80%;display:block;height:60px; line-height:60px; float:left;text-align:center;transition:all .3s; margin-left:10%; margin-right:10%; border-radius:5px; background: linear-gradient(45deg, #e89900, #efbd5e); color:#FFF;
font-size:16px; margin-top:30px;}

.qianlvbg2s a:hover{
	
background: linear-gradient(45deg, #438a7b, #729a98);
	
	}




.shu{width:18.6%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:0.7%; margin-right:0.7%; margin-bottom:20px; }
.shu img{display:inline-block;max-width:100%;height:auto;transition:all .6s; border-radius:10px;}

a.product{width:29%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:1%; margin-right:1%; margin-bottom:50px;box-shadow: 0 0 10px rgba(90,90,90,0.3); padding:1%; border-radius:10px;}
a.product span{line-height:30px;padding-bottom:-1vw;font-size:18px;display:block}

a.product img{display:inline-block;max-width:100%;height:auto;transition:all .6s; }
a.product img:hover{transform:scale(1.01)}  
  .m50{ padding-top:30px; }
  
  
  
a.iproduct:link,a.iproduct:visited{width:46%;overflow:hidden;display:block;height:220px; float:left;text-align:center;transition:all .3s; margin-left:1%; margin-right:1%; margin-bottom:25px; padding:1%; border-radius:5px;}
a.iproduct span{line-height:40px;padding-bottom:-1vw;font-size:14px;display:block; background: linear-gradient(45deg, #438a7b, #729a98); color:#FFF; border-radius:0px 0px 5px 5px;}
a.iproduct img{display:inline-block;max-width:100%;height:auto; border-radius:5px 5px 0px 0px}
a.iproduct:hover{box-shadow: 0 0 20px rgba(90,90,90,0.5);}



a.producte:link,a.producte:visited{color:#fff;font-size:12px;display:block;float:left;text-align:left;width:48%;height:30px;    background: linear-gradient(45deg, #438a7b, #729a98);margin-bottom:10px;text-indent:10px;overflow:hidden; line-height:30px; border-radius:5px;transition:all .5s; margin-left:1%; margin-right:1%}
 


a.producteon:link,a.producteon:visited,a.producte:hover{color:#fff;font-size:12px;display:block;float:left;text-align:left;width:48%;height:30px;    background: linear-gradient(45deg, #e6a800, #729a98);margin-bottom:10px;text-indent:10px;overflow:hidden; line-height:30px; border-radius:5px; transform: translateX(0px);margin-left:1%; margin-right:1%}


.producte span,.producteon span{float:left;font-size:12px;color:#fff;border-radius:5px;display:block;width:20px;height:20px;text-align:center;line-height:20px;margin-left:5px;margin-top:3.5px;padding:0;text-indent:0}

.eprokuai{ width:45%;  margin-left:2%; margin-right:2%; padding:0.5%; display:block;box-shadow:0 0 5px #ccc; float:left; margin-bottom:50px; border-radius:10px;}
.eprokuai img{ width:100%;border-radius:10px;height:210px;}

.prokk{ display:block; width:100%; background-color:#FFF; height:auto; padding:2%; float:right; font-size:16px; line-height:35px; min-height:800px; margin-bottom:50px;}
.prokk h1{ font-size:30px; text-align:center;}
.prokk .text{ font-size:16px; text-align:center; line-height:35px; margin-bottom:35px; display:block; width:80%; margin-left:10%;}

a.epro{width:100%;overflow:hidden;display:block;height:auto; float:left;text-align:center;}
a.epro span{line-height:30px;padding-bottom:-1vw;font-size:16px;display:block}
a.epro img{display:inline-block;max-width:100%;height:auto;transition:all .6s; border-radius:10px;}



.yingyong{ width:100%; height:700px; background-color:#438a7c; margin-top:80px; display:block; }


a.yingyonglist{width:100%;overflow:hidden;display:block;height:230px; float:left;text-align:center; m  margin-bottom:20px;  background-color:#f8f8f8; border-radius:15px;transition:all .3s;}


a.yingyonglist:hover{ background-color:#438a7b;} 


a.yingyonglist:hover strong{ color:#FFF;} 
a.yingyonglist:hover div{ color:#d9e2e0; } 


a.yingyonglist img{display:block; width:60px; height:60px;  border-radius:10px; margin-left:10px; margin-top:20px;}
 
.yingyonglist strong{ font-size:18px; color:#000; line-height:30px;}
.yingyonglist div{ font-size:24px; margin-top:-60px; width:75%; margin-left:80px; display:block; text-align:left; line-height:20px; font-size:12px; color:#999}


 .titleb{ font-size:60px; color:#fff; line-height:60px; font-weight:bold; display:block; text-align:center; width:75%; margin-left:auto; margin-right:auto;letter-spacing:3px; padding-top:60px;}
  .titleb span{ text-transform:uppercase; background-color:#fff; color:#438a7c; font-size:12px; font-weight:200;width:auto; padding:3px 15px 3px 15px; letter-spacing:1px; border-radius:3px; line-height:39px;}
  
a.yingkuangw {
            display: block;
           
            text-decoration: none;
            color: black;
            overflow: hidden;
            height: 143px;
            text-align: center;
			float:left;
           
         
            margin-top: 10px;
			width:48%; margin-left:1%; margin-right:1%;
        }

  
  
a.yingkuangw span{line-height:30px;padding-bottom:0;font-size:12px;display:block; background-color:#FFF;}
a.yingkuangw img{max-width:100%;height:auto;transition:all .6s; }
a.yingkuangw img:hover{transform:scale(1.05)}  
	



a.news{width:92%;overflow:hidden;display:block;height:auto; float:left;text-align:left;box-shadow: 0 0 10px rgba(90,90,90,0.3); margin-left:1%; margin-right:1%; padding:3%; margin-bottom:35px; line-height:25px; border-radius:10px; background-color:#f8f8f8; font-size:14px;}
a.news strong { font-size:16px; line-height:45px;}


a.news:hover{ background-color:#438a7b; color:#FFF}

a.news:hover span{ background-color:#fff; color:#438a7b}

a.news span{ background-color:#063; color:#FFF; width:60px; height:25px; display:block; text-align:center; line-height:25px; border-radius:5px; margin-top:15px; margin-bottom:15px;}

a.news2:link,a.news2:visited{color:#333;font-size:14px;display:block;float:left;text-align:left;width:100%;height:40px;background-color:#fff;margin-bottom:10px;text-indent:15px;overflow:hidden; line-height:40px;}
a.news2:hover{background-color:#e1effe}


.newsl{ display:block; width:90%; background-color:#FFF; height:auto; padding:5%; float:left; font-size:16px; line-height:35px; min-height:800px; margin-bottom:50px;}
.newsl h1{ font-size:25px; text-align:center;}
.newsl d{ font-size:14px; text-align:center; color:#CCC; display:block;}
.newsl p img{ width:100%}
.newsr{ display:block; width:100%; margin-left:0%; float:right}
.titless{font-size:25px; margin-bottom:20px; display:block;}


.news2 span{float:left;font-size:14px;color:#fff;background-color:#345bb2;border-radius:5px;display:block;width:20px;height:20px;text-align:center;line-height:20px;box-shadow:0 0 3px #345bb2;margin-left:10px;margin-top:10px;padding:0;text-indent:0}

.conr{ width:96%; display:block; float:left; margin-left:2%; line-height:25px; font-size:12px}

.conr strong { font-size:22px; line-height:50px;}
.conr span { font-size:14px; line-height:25px;}
.conl{ width:96%; display:block; float:left; margin-left:2%;}
.conl{ text-align:center; font-size:16px; color:#666; line-height:30px;}
.conl input{ display:block; width:100%; background-color:#f1f1f1; margin-bottom:15px; border:0px; height:50px;  text-indent:10px; border-radius:3px; font-size:16px}

.conl textarea{ display:block; width:100%; background-color:#f1f1f1; margin-bottom:15px; border:0px; height:150px;  text-indent:10px; border-radius:3px; font-family:"Microsoft YaHei UI"; line-height:35px;font-size:16px}

.tj {
	font-size: 16px;
	color: #FFF;
	background:linear-gradient(45deg,#063f7f,#1057b4);
	display: block; clear:left;
	width: 100%;
	height: 55px;
	line-height: 55px;
	background-color:#0166b3;
	text-align:center;
	border-radius:3px;
 
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	 
	margin-bottom:50px;
	margin-top:30px;
	cursor:pointer;
}


 /* 滚动容器样式 */
       .scroll-container { display:none; }

    
    
		
		
		
		.am-share .p { font-size:30px; color:#000; font-weight:bold}

   
    .am-share {
      font-size: 16px;
      bottom: 30%;
	   line-height:39px; 
      left: 30%;
      position: fixed;
     
      -webkit-transform: translateY(-900%);
      -ms-transform: translateY(-900%);
      transform: translateY(-900%);
      -webkit-transition: -webkit-transform 300ms;
      transition: transform 300ms;
      
      z-index: 1110;
	  
	  width: 35%;
	height: 350px;
    border-radius: .4rem .4rem .4rem .4rem;
	text-align: left;
	background-image: url(images/jbg2.jpg);
	background-position: bottom right;
	padding: 2.5%;
	margin-top: 150px;
	opacity: 0;
 
    }

   .am-modal-active {
     -webkit-transform: translateY(10%);
      -ms-transform: translateY(10%);
      transform: translateY(10%);
	  opacity: 1;
    }

 
  
   .sharebg {
      background-color: rgba(0, 0, 0, 0.6);
      bottom: 0;
      height: 100%;
      left: 0;
      opacity: 0;
      position: fixed;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 1100;
      display: none;
    }

   .sharebg-active {
      opacity: 1;
      display: block;
    }
	a.share_btn:link,a.share_btn:visited,a.share_btn:hover{color:#fff;font-size:12px;line-height:30px;width:90px;height:30px;display:block;float:left;margin-right:10px;background-color:#61c56c;border-radius:5px;text-align:center; position: fixed; bottom:50px;}
		
.foot{ background-image:url(images/footbg.jpg);width:100%;display:block;height:343px;  }
.foot2{color:#FFF;line-height:20px;font-size:16px;float:inherit;width:100%;height:auto;}
.foot2 span{color:#FFF;font-size:12px;margin-top:30px;display:block; margin-left:10px;}
.foot2 strong{font-size:20px;font-weight:bold;line-height:25px}


.logo img{margin-top:20px; height:40px;}
.logo3 img{margin-top:20px; height:40px;}


.flogo{float: inherit;width:50%;height:40px; margin-left:25%;}
.flogo img{height:40px;margin-top:25px;margin-left:10px;}
.footwei{float:left;color:#fff;text-align:center;line-height:35px;font-size:14px;width:50%;padding-top:5px;}
.foots{display:none}
.foots2{width:100%;display:block;height:39px;color:#fff;font-size:14px;text-align:center;line-height:39px;  bottom:0px;background-color:#0a4893; clear:both;}




 


.huibg{ background-color:#f8f8f8}

.inewsl{ display:block; width:98%; float:left; margin-top:50px; margin-bottom:10px;}
.inewsr{ display:block; width:98%; float:left; margin-left:1%;   margin-top:20px;margin-bottom:20px;}





a.inews{
	width: 98%;
	overflow: hidden;
	display: block;
	float: left;
	text-align: center;
	margin: 1%;
	position: relative;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; padding-top:15px;
	margin-bottom:35px;
}




 


.inewss{
	height: 135px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	color:#999;
	overflow:hidden;
}
.inewss strong{  display:block; line-height:35px; margin-top:10px; font-size:16px; color:#555}
.rightss{ display:none}
.rightss a.r1{height:50px;text-align:center;font-size:12px;margin-top:20px;margin-bottom:20px;display:block;width:100%}
.rightss .r1 img{margin-bottom:2px;width:30px;height:auto}
.hover-content {
  display: none;
}
 .r1:hover .hover-content {
  display: block;
  width:180px;
  height:60px;
   border-radius:10px 0px 0px 10px;
   box-shadow: -10px 0 10px rgba(90, 90, 90, 0.2);
     margin-left:-180px;
	 margin-top:-50px;
	 background-color:#FFF;
	 font-size:18px; text-align:center; line-height:60px;
}


.picnav{ width:90%; margin-left:auto; margin-right:auto;}
.menub1_1 {	font-weight: bold; float: left; width: 30%; height:35px; line-height:35px; color:#FFF; border-radius:5px; cursor: pointer; text-align: center; margin-right:1.5%; margin-left:1.5%; background: linear-gradient(45deg, #497f10, #579714); font-size:18px;margin-bottom:10px;}
.menub1_2 {	font-weight: 300; float: left; width: 30%; height:35px; line-height:35px; color:#333; border-radius:5px; cursor: pointer; text-align: center; margin-right:1.5%; margin-left:1.5%; font-size:18px; background: linear-gradient(45deg, #f8f8f8, #eeeeee); margin-bottom:10px;}



.menugtab {height:550px; margin-top:50px;}

a.pic1{width:48%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:1%; margin-right:1%; margin-bottom:5px; margin-top:5px; height:150px;}
a.pic1 img{display:inline-block;max-width:100%;height:auto;transition:all .6s; border-radius:10px;}
a.pic1 img:hover{transform:scale(1.1)}  
a.pic1 span{  height:35px; line-height:35px; font-size:14px}



a.pic2{width:47%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:1%; margin-right:1%; margin-bottom:15px; margin-top:3px; height:240px; line-height:240px;   background: linear-gradient(45deg, #438a7b, #719997); font-size:18px; padding:0.5%; border-radius:10px;transition:all .6s; color:#FFF}
a.pic2:hover{ background:linear-gradient(45deg, #e89900, #efbd5e);color:#FFF}
a.pic2 img{display:inline-block;max-width:100%;height:auto; border-radius:10px; height:200px;}
a.pic2 span{  height:43px; line-height:43px; font-size:16px}




a.picmore{width:48%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:1%; margin-right:1%; margin-bottom:5px; margin-top:5px; height:125px; line-height:125px;background: linear-gradient(45deg, #438a7b, #719997); border-radius:10px; font-size:20px; color:#FFF }
 
a.picmore:hover{ background:linear-gradient(45deg, #e89900, #efbd5e);color:#FFF}



.mt90{margin-top:60px}
.mt60{margin-top:30px}
.mf90{margin-bottom:60px}
.mf60{margin-bottom:30px}
.mf30{margin-bottom:20px}






.ikuang{ width:85%;margin-left:auto;margin-right:auto;height:auto;overflow:hidden; background-color:#488012; color:#FFF; font-size:22px; padding:15px; line-height:30px; margin-top:-35px; z-index:999; position: inherit; text-align:center;}

.ikuang img{ float:none;}
.web{ display:block;}
.pc{ display:none;}

.proleft{ display:block; width:100%;   float:left; }
.proright{ display:block; width:100%;  float:left}

.pornav{ display:block; width:96%; margin-left:auto; margin-right:auto;}


.iprotit{ font-size:26px; color:#000; font-weight:bold; float:left; height:30px; line-height:30px; width:100%; text-align:left}
.iprocon{ display:block; width:96%; line-height:25px; font-size:14px; text-align:left; clear:both; color:#333; padding-right:0px;}
a.iproty{ display:block;   height:20px; line-height:20px; background-color:#51851e; box-shadow: 0 0 0px 0px #ccc; float:left; border-radius:5px; margin-left:5px; margin-right:5px; margin-top:10px; margin-bottom:10px; font-size:13px; width:auto; padding:5px; color:#FFF}

a.iproty:hover{}

.ipros{ width:48%; height:150px; margin-right:1%; margin-bottom:10px; border-radius:10px;}

.icase{ display:block; width:100%; margin-top:20px;}
.icasel{ display:block; width:100%; height:300px; float:left; background:url(images/case.jpg); display:none}
.icaser{ display:block; width:100%; height:530px; float:left; background:url(images/caser.jpg)}	
.icaser .cons{ display:block; padding:25px 25px 25px 25px; color:#FFF; font-size:14px}
.icaser .cons strong{ color:#FFF; font-size:30px; font-weight:bold; }
.icaser .cons li{
	width: 30%;
	float: left;
	margin-right: 1.5%;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 10px;
	list-style-type: none; text-align:center;
}
.icaser .cons li img{ width:100%; border-radius:5px;}
	
.wkuang{width:96%;margin-left:auto;margin-right:auto;height:auto;overflow:hidden}
.pd30{ padding:10px;}

.proeleft{ display:block; width:98%; background-color:#FFF; height:auto; padding:1%; float:left; font-size:16px; line-height:35px; min-height:200px; margin-bottom:30px; height:auto;}
.proeright{ display:block; width:98%; background-color:#FFF; height:auto; padding:1%; float:left; font-size:16px; line-height:35px; min-height:300px; margin-bottom:20px; margin-left:1%; margin-top:50px;}


a.plistd{ display:block; width:48%; height:40px; line-height:40px; color:#FFF;    background: linear-gradient(45deg, #0b4c95, #4b7eb7); text-indent:5px; clear:none; margin-top:10px; border-radius:5px; float:left; margin-left:1%; margin-right:1%;}


a.plistd:hover,a.plistdon{background: linear-gradient(45deg, #ffb636, #f9ce82);text-indent:5px; clear:none; margin-top:10px; border-radius:5px;display:block; width:48%; height:40px; line-height:40px; color:#FFF; float:left; margin-left:1%; margin-right:1%;}

a.plistx {
	display: none;
	font-size: 14px;
	height: 30px;
	width: 100%; 
	text-align:left; line-height:30px; color:#333;
	float:left; clear:none;
	background-color:#eee;
	border-radius:5px;
	margin-top:5px; margin-bottom:5px; text-indent:18px;
}

 
a.plistx:hover,a.plistxon{color:#ffa200; background-color:#fcf3e2;display: none;
	font-size: 14px;
	height: 30px;
	width: 100%; 
	text-align:left; line-height:30px;  
	float:left; clear:none;
 
	border-radius:5px;
	margin-top:5px; margin-bottom:5px; text-indent:18px;}
 
a.eproduct{
    width: 48%;
	height:200px;
    overflow: hidden;
    display: block;
    float: left;
    text-align: center;
    margin: 1%;
    background-color: #fff; 
    border-radius: 20px;
    /* 新增：设置相对定位，为图片绝对定位提供参考 */
    position: relative;
	cursor:alias;
	box-shadow:0px 0px 3px #ccc;
	margin-bottom:15px;
}

a.eproduct img{
    /* 让图片铺满容器 */
    width: 90%;
    height: 90%;
    /* 保持图片比例，裁剪超出部分 */
    object-fit: cover;
    /* 移除 inline-block 避免额外间距 */
    display: block;
    transition: all 0.6s; 
    opacity: 1;
    /* 新增：绝对定位，忽略父元素内边距等影响 */
    
    top: 0;
    left: 0;
	margin-left:5%; margin-top:5%;
}
.pics{max-height:430px;overflow:hidden;border: 0px solid #fff;}
.picss{ width:90%;}
a.eproduct img:hover{transform:scale(1.1); }

a.leis{ 
    display: flex; 
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    width: 60px; 
    height: 60px; 
    border-radius: 10px;
    background-color: #060; 
    color: #FFF; 
    font-size: 14px; 
    position: fixed; 
    right: 50px; 
    bottom: 50px; 
}

#leis {
  scroll-margin-top: 100px; /* 跳转后上方留出200px空间 */
}


.aboul{width:96%;display:block;float:left;margin-left:0%;font-size:16px;line-height:35px; padding-left:2%;}
.aboul span{font-size:39px;line-height:55px;display:block;margin-bottom:10px}
.aboul span strong{font-weight:bold}
.abour{width:96%;display:block;float:left;margin-left:2%}
.abour img{border-radius:10px;margin-bottom:10px;margin-top:38px; width:100%}
.aboubo{width:100%;height:auto;background-color:#f5f5f5;padding-bottom:80px}

}