body{font-size:14px;font-family: "microsoft yahei","΢���ź�","arial, helvetica, sans-serif";line-height:2rem;  color:#666666;} 
*{margin: 0;padding: 0;}
a:link {color: #333333;	text-decoration: none;}
a:visited {text-decoration: none;color: #333333;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1500716732349'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1500716732349#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1500716732349') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1500716732349') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1500716732349#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {  font-family:"iconfont" !important;  font-size:16px;  font-style:normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

ul{ list-style:none;}
.clear{ clear:both;}

.m-btn{ display:none;}
.m-bnt{ display:none;}


/* 基础导航栏样式 */
.header {
  width: 90%;
  padding: 0 5%;
  height: 110px;
  position: fixed;
  top: 0;
  z-index: 900;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 初始透明状态 */
.transparent {
  background-color: transparent;
  box-shadow: none;
}

/* 滚动后实心状态 */
.solid {
  background-color: rgba(32, 50, 60, 0.95);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Logo样式 */
.header .logo {
  width: 35%;
  height: 90px;
  text-align: center;
  padding: 10px 0;
}

.header .logo img {
  width: 336px;
  height: 80px;
  transition: opacity 0.3s ease;
}

/* Logo切换效果 */
.logo-light {
  opacity: 1;
  display: block;
}

.logo-dark {
  opacity: 0;
  display: none;
  position: absolute;
}

.navbar.solid .logo-light {
  opacity: 0;
  display: none;
}

.navbar.solid .logo-dark {
  opacity: 1;
  display: block;
}

/* 导航菜单 */
.header .navger {
  width: 50%;
}

.header .navger ul {
  display: flex;
  justify-content: center;
}

.header .navger li {

  width: 115px;
  height: 110px;
  line-height: 110px;
  text-align: center;
  position: relative;
}



/* 下拉菜单基础样式 - 保持原有布局 */
.header .navger li .xiala {
  display: none;
  position: absolute;
  left: 0;
  width: 100%; /* 保持与父菜单同宽 */
  padding:0;
  z-index: 1000;
  text-align: center;
  /* 新增：黑色透明背景 */
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 0 0 4px 4px;
}

/* 透明状态下的下拉菜单 */
.transparent .navger li .xiala {
  /* 移除原有背景色，使用统一的黑色透明 */
}

/* 实心状态下的下拉菜单 */
.solid .navger li .xiala {
  /* 保持黑色透明背景，移除原有白色背景 */
  background-color: rgba(0, 0, 0, 0.85);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* 统一所有状态下拉菜单文字样式 */
.header .navger li .xiala a {
  color: #ffffff; /* 白色文字 */
  display: block;
  padding: 8px 0;
  transition: all 0.3s ease;
  height:60px;
  line-height:60px;
  background-color: rgba(0, 0, 0, 0.3);

}
/* 1. 确保只对一级菜单项应用蓝色背景 */
.header .navger > ul > li > a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #0b5e8c; /* 蓝色背景 */
  transition: height 0.3s ease;
  z-index: -1;
}

/* 2. 完全移除下拉菜单项的蓝色背景 */
.header .navger li .xiala a::before {
  display: none !important; /* 强制移除伪元素 */
}

/* 3. 重置下拉菜单项的样式 */
.header .navger li .xiala a {
  background: transparent !important; /* 确保背景透明 */
  position: static; /* 移除相对定位 */
  z-index: auto; /* 重置层级 */
  padding: 0; /* 调整内边距 */
  margin:0; /* 添加外边距 */
  border-radius: 3px; /* 圆角效果 */
}

/* 4. 下拉菜单容器样式修正 */
.header .navger li .xiala {
  background: rgba(0, 0, 0, 0.85) !important; /* 黑色半透明背景 */
  border: none !important; /* 移除边框 */
}

/* 5. 悬停效果调整 */
.header .navger li .xiala a:hover {
  background: rgba(255, 255, 255, 0.15) !important; /* 悬停效果 */
  transform: none !important; /* 移除变换效果 */
}
/* 悬停状态调整 */

/* 统一悬停效果 */
.header .navger li .xiala a:hover {
  background-color: rgba(0, 0, 0, 0.5); /* 悬停时加深背景 */
}

/* 保持原有的显示动画 */
.header .navger li:hover .xiala {
  display: block;
  animation: fadeIn 0.3s ease;
}

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

/* 导航链接样式 */
.header .navger li a {
  display: block;
  width:115px;
  padding: 0 0px;
  text-decoration: none;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  transition: color 0.3s ease;
  z-index: 1;
}

/* 初始透明状态文字颜色 */
.transparent .navger li a,
.transparent .zyqh a {
  color: #ffffff;
}

/* 滚动后实心状态文字颜色 */
.solid .navger li a,
.solid .zyqh a {
  color: #ebcfa0;
}
.solid .navger li a:hover{ color:#FFFFFF;}
/* 悬停背景动画 */
.header .navger li a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #0f6ac7;
  transition: height 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}

.header .navger li:hover a::before {
  height: 100%;
}

/* 当前活动项样式 */
.header .navger li.active a::before {
  height: 100%;
  background-color: #2a75f3;
}
/* 修改后的导航栏文字颜色控制 */

/* 初始透明状态文字颜色 */
.transparent .navger li > a,
.transparent .zyqh a {
  color: #ffffff;
}

/* 滚动后实心状态默认文字颜色 */
.solid .navger li > a,
.solid .zyqh a {
  color: #ebcfa0;
}

/* 关键修复：悬停状态保持白色 */
.header .navger li:hover > a,
.header .navger li .xiala:hover ~ a {  /* 新增：当下拉菜单悬停时也保持父项颜色 */
  color: #ffffff !important;
}

/* 下拉菜单悬停时保持父菜单项悬停状态 */
.header .navger li .xiala:hover {
  display: block;
}

/* 确保下拉菜单悬停不影响父项背景 */
.header .navger li:hover > a::before {
  height: 100%;
}
/* 语言切换区域 */
.header .zyqh {
  width: 15%;
  height: 30px;
}

.header .zyqh .zhongying {
  width: 100px;
  height: 30px;
  line-height: 30px;
  position: relative;
  overflow: hidden;
  padding-left: 15px;
}

.header .zyqh .yczy {
  border: solid 1px #CCCCCC;
  width: 98px;
  padding-left: 15px;
  position: absolute;
  z-index: 1;
  display: none;
  height: 45px;
  line-height: 45px;

  background: #FFFFFF;
}
.header .zyqh .yczy a{ color:#333333;}
/* 图标样式 */
.s_multi_language_icon {
  background: url(../images/abcc.png) -246px -70px;
  display: inline-block;
  height: 18px;
  min-width: 24px;
  vertical-align: middle;
  width: 24px;
  margin-right: 8px;
}

.s_multi_language_icot {
  background: url(../images/abcc.png) -246px -113px;
  display: inline-block;
  height: 18px;
  min-width: 24px;
  vertical-align: middle;
  width: 24px;
  margin-right: 8px;
}

.s_multi_language_usa {
  background: url(../images/abccs.png) no-repeat;
  display: inline-block;
  height: 18px;
  min-width: 24px;
  vertical-align: middle;
  width: 24px;
  margin-left: 5px;
  background-position: center;
  transition: transform 0.2s ease;
}
.navbar.solid .s_multi_language_usa {
  background-image: url(../images/abccsd.png);
}
/* 悬停效果 */
.header .zyqh .zhongying:hover .s_multi_language_usa {
  transform: rotate(180deg);
}

.header .zyqh:hover .yczy {
  display: block;
}

/* 响应式调整 */
@media (max-width: 1200px) {
  .header .logo img {
    width: 280px;
  }
  
  .header .navger li {
    padding: 0 15px;
    width: 80px;
  }
}

.full-wrap{}
.slidebox { clear: both; width: 100%; height:1000px; overflow: hidden; position: relative; }
.slidebox a.prev, .slidebox a.next { position: absolute; left: 20px; top: 40%; background: #000 url(../images/arrow_pn.png) no-repeat center 15px; display: block; filter: Alpha(Opacity=50); Opacity: 0.5; width: 50px; height: 50px; border-radius: 3px; z-index: 100; }
.slidebox a:hover.prev, .slidebox a:hover.next { filter: Alpha(Opacity=90); Opacity: 0.9; }
.slidebox a.next { right: 20px !important; left: auto; background: #000 url(../images/arrow_pn.png) no-repeat center -55px; }
.slidernav { position: absolute; bottom: 10px; left: 0; height: 20px; width: 100%; text-align: center; z-index: 97; }
.slidernav span { background: #cccccc; width: 16px; height: 16px; display: inline-block; vertical-align: middle; border-radius: 16px; cursor: pointer; margin-right: 4px;  }
.slidernav span.current { background: #ec2828;}
.nybanner{ width:100%; background:url(../images/373.jpg) no-repeat; height:350px;}
.nybanner .pos{
	width:75%;
	margin:0 auto;
	padding-top:200px;
	color:#FFFFFF;
	font-size:18px;
}
.nybanner .pos a{ color:#FFFFFF;}
.nybanner .pos span{ display:block; font-size:36px;font-weight: bold; padding-top:10px;}
.nydh{ width:100%; background-color: rgba(247, 247, 247, 1);border-bottom: 0px solid rgba(229, 229, 229, 1);}
.nydh ul{ width:75%; margin: 0 auto; height:60px; line-height:60px;}
.nydh li{ float:left; padding-left:20px; padding-right:20px; }

.nydh li a{ font-size:18px; display:block; padding-left:20px; padding-right:20px; }
.nydh .abd{background:#215370;}
.nydh .abd a{color:#FFFFFF; }
.nydh li:hover{background:#215370; }
.nydh li:hover a{color:#FFFFFF; }
.navbox{ display:none;}
.evnav{ display:none;}

.case { padding-top:50px; }
.case h2{ text-align:center; color:#215370; font-size:36px; line-height:54px;}
.case h2 em{ display:block; width:30px; height:2px;  border-top:2px solid #999; margin:0 auto;}
.case h2 span{ display:block; font-weight:normal; font-size:14px; color:#999; line-height:24px;}
.case ul{ width:80%; margin:0 auto; padding-top:45px;}
.case li{ float:left; width:31.3%; margin-left:1%; margin-right:1%;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05); margin-bottom:30px;  position: relative; /* 为绝对定位的子元素提供参照 */  overflow: hidden; /* 隐藏超出部分 */}
.case li .pic{ padding:10px;}
.case li h3{
  position: absolute;
  bottom: -50%;
  left: 10%;
  width: 80%;
  padding: 15px 0;
  background-color: rgba(0, 94, 160, 0.85); /* 带透明度的蓝色背景 */
  color: white;
  text-align: center;
  transform: translateY(100%) translateY(-50%);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: block !important;
  top: 50%;
  opacity: 0;
  backdrop-filter: blur(2px); /* 可选：添加轻微毛玻璃效果 */
  border-radius: 4px; /* 可选：添加圆角 */
 }
.case li:hover h3 {
  transform: translateY(-50%); /* 最终位置垂直居中 */
  opacity: 1; /* 完全显示 */
  bottom: auto;
}
.case li:hover h3 a{ color:#FFFFFF;}
.case li img{ width:100%; height:350px;}

.tbj{ background:url(../images/tbj.jpg) no-repeat top;}
.product { padding-top:50px; padding-bottom:50px;}
.product h2{ text-align:center; color:#215370; font-size:36px; line-height:54px;}
.product h2 em{ display:block; width:30px; height:2px;  border-top:2px solid #999; margin:0 auto;}
.product h2 span{ display:block; font-weight:normal; font-size:14px; color:#999; line-height:24px;}
.product dl{ width:20%; margin:0 auto; list-style:none; margin-top:20px; margin-bottom:20px;}
.product dd{ display:inline-block; background:#a9b8cc; padding-left:15px; padding-right:15px; margin-left:5px; margin-right:5px; text-align:center;  border-radius:50px;}
.product dd a{ color:#FFFFFF;}
.product dd:hover{ background:#215370;}
.product ul{ width:80%; margin:0 auto; padding-top:25px;}
.product li{ float:left; width:23%; margin-left:1%; margin-right:1%;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05); margin-bottom:30px;}
.product li .pic{ padding:10px;}
.product li h3{ padding:10px; text-align:center; display:block; height:40px; line-height:40px; background:#215370; margin-left:10px; margin-right:10px; margin-bottom:10px;}
.product li a{ color:#FFFFFF;}
.product li img{ width:100%;}

.bjs{ background:url(../images/321.jpg) no-repeat center; background-color: rgb(255, 255, 255);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 5.0208vw 0% 3.1042vw;
    margin: 0vw 0%;
    background-attachment: fixed;
}
.abouts{ width:60%; margin:0 auto; position: relative;}
.abouts h2{ text-align:center; color:#FFFFFF; font-size:32px; padding-top:30xp; padding-bottom:30px;}
.abouts h2 span{ display:block; width:50px; height:5px; background:#f0d09f; margin:0 auto; margin-bottom:30px;}
.abouts li{ width:80%; color:#FFFFFF; text-align:center; margin:0 auto; font-size:18px;}
.gsjs{}
.gsjs ul{ list-style:none; width:80%; margin:0 auto; padding-top:30px;}
.gsjs li{ width:23%; float:left; margin-right:2.6%;}
.gsjs li img{ width:100%; height:230px;}
.gsjs li:nth-last-child(2){ margin-right:0;}


.news { padding-top:50px; padding-bottom:50px; width:80%; margin:0 auto;}
.news h2{ text-align:center; color:#215370; font-size:36px; line-height:54px;}
.news h2 em{ display:block; width:30px; height:2px;  border-top:2px solid #999; margin:0 auto;}
.news h2 span{ display:block; font-weight:normal; font-size:14px; color:#999; line-height:24px;}
.news ul{ padding-top:30px;}
.news li{ float:left; width:29%; padding:1.5%; margin-right:2%; transition: transform 0.5s ease, box-shadow 0.5s ease; }
.news li .pic{overflow: hidden; position: relative;}
.news li .pic img{transition: transform 0.5s ease; width:100%;}
.news li .title{ font-size:16px; color:#333333; font-weight:500; line-height:22px; padding-top:8px; }
.news li .time{ color:#999999;}
.news li .info{ line-height:23px; text-align:left;}
.news li .move a{}
.news li:hover{ box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
.news li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }
.news li:nth-last-child(2){ margin-right:0%;}



.footer{}
.footer .contact{ background:url(../images/AD0ItZbwDhACGAAghLGapAYoyojlyQcwgA84yAE.jpg) no-repeat center; height:195px; width:100%; }
.footer .contact .condd{ display:block; width:80%; margin: 0 auto;  }
.footer .contact .cony{ float:left; width:80%; line-height:195px; font-size:30px;}
.footer .contact .cony span{ color:#FF0000;}
.footer .contact .conm{ float:right; color:#FFFFFF; background:#215370; font-size:16px; font-weight:normal; width:120px; height:55px; margin-top:70px; line-height:55px; text-align:center; border-radius:30px;}
.footer .contact .conm a{ color:#FFFFFF;}

.footer .endlog{ background-color: rgba(32, 50, 60, 0.95); border-bottom:1px solid #888888; height:185px; width:100%;}
.footer .endlog .piclogo{ width:82%; margin:0 auto; text-align:left; height:98px; padding-top:43px; padding-bottom:43px;}
.footer .endlog .piclogo img{}

.footer .nav{ width:82%; margin:0 auto;background-color: rgba(32, 50, 60, 0.95); padding-left:9%; padding-right:9%;}
.footer .nav .nav_1{ width:60%; float:left; margin-top:50px; margin-bottom:50px;}
.footer .nav .nav_1 ul{ width:23%; padding-left:1%; padding-right:1%; float:left;}
.footer .nav .nav_1 ul h3{ color:#FFFFFF; font-size:20px; line-height:35px; margin-bottom:10px;}
.footer .nav .nav_1 li{ text-align:left; line-height:32px;}
.footer .nav .nav_1 li a{ color:#FFFFFF;}
.footer .nav .nav_2{ width:35%; float:right; margin-top:50px; margin-bottom:50px;}
.footer .nav .nav_2 img{ width:100%;}
.footer .end{background-color: rgba(32, 50, 60, 0.95); text-align:center; line-height:35px; padding-top:10px; padding-bottom:10px;color:#FFFFFF;}
.footer .end a{ color:#FFFFFF;}

  .pages {
	margin: 0 auto;
	padding: 20px 0 40px;
	height: 40px;
	text-align: center;
	width:15%;
}
.pages a,
.pages span {
	vertical-align: top;
	display: inline-block;
	font-size: 16px;
	font-family: Arial;
	padding-left:10px; padding-right:10px;
	height: 36px;
	color: #808080;
	border-radius: 5px;
	line-height: 36px;
	border: 1px solid #e5e5e5;
	text-align: center;
	margin: 0 3px;
	background: #fff;
}
.pages li{
	float:left;
}
.pages a.page_first,.pages a.page_last{border-radius: 5px;font-size: 14px;padding-left:10px; padding-right:10px;}
.pages a.page_pre,.pages a.page_next{ padding-left:10px; padding-right:10px;border-radius: 5px;font-size: 14px;}
.pages span {
	border: 1px solid #fff;
}
.pages .page_curr {
	background:#006bb2;
	color:#fff;
	border-color:#006bb2;
}
.pages .laypage_first,
.pages .laypage_last {
	display: none;
}
i{ font-style:normal;}

.nyabout{ width:75%; margin:0 auto; margin-top:50px; margin-bottom:50px;}
.nyabout h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: #2a2b2e;line-height: 1.5;font-weight: bold; font-size:28px;}
.nyabout dl{ list-style:none; padding-top:50px;}
.nyabout .abpic{ width:40%; float:left; margin-right:2%;}
.nyabout .abpic img{ width:556px;}
.nyabout .abcon{ float:left; width:58%; padding-top:20px; padding-bottom:20px;}
.nyabout .abcon h2{ color:#2a2b2e; font-weight:normal; font-size:24px; line-height:46px;}
.nyabout .abcon p{ line-height:25px; padding-top:10px; padding-bottom:10px;}
.nyabout .abcon i{ font-style:normal;display: inline-block;color: #e60039;background: url(../images/t_12.svg) 100% 50% no-repeat; background-size: 10px; padding-right: 23px; position: relative; font-style:normal;}
.nyabout .abcon i a{color: #e60039;}




.nynews{ width:80%; margin:0 auto; padding-top:80px; }
.nynews h2{ text-align:center; font-size:48px; line-height:70px;}
.nynews h2 span{ display:block; width:30px; height:5px; background:#999; margin:0 auto; margin-bottom:30px; margin-top:20px;}
.nynews ul{}
.nynews li{ float:left; width:28%; padding:1.5%; margin-right:1%; margin-left:1%; transition: transform 0.5s ease, box-shadow 0.5s ease; margin-bottom:10px;}
.nynews li .pic{overflow: hidden; position: relative;}
.nynews li .pic img{transition: transform 0.5s ease; width:100%;}
.nynews li .title{ font-size:16px; color:#333333; font-weight:500; line-height:22px; padding-top:8px; }
.nynews li .time{ color:#999999;}
.nynews li .info{ line-height:23px; text-align:left;}
.nynews li .move a{}
.nynews li:hover{ box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
.nynews li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }



.nycontact{width:75%; margin:0 auto; margin-top:80px; margin-bottom:50px;}
.nycontact h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: #2a2b2e;line-height: 1.5;font-weight: bold; font-size:28px;}
.nycontact dl{ list-style:none;padding-top:50px;}
.nycontact dd{ }
.nycontact .con1 {
    width: 37%;
    padding:3% 4%;
    border-radius: 4px;
    background: #F7F9FA;
	float:left;
	margin-top:40px;
}

.nycontact .con1 p {
    color: #6A6B6D;
    font-size:14px;
    font-weight: 400;
    line-height:25px;
    margin-bottom: 14px;
    background-color: #FFFFFF;
	padding-top:2px;
	padding-bottom:7px;
    padding-left: 10px;
    padding-right:10px;
    border: 1px solid #f5f5f5;
}
.nycontact .con1 p i{ padding-top:5px;}

.nycontact .con1 .linkBtn {
    justify-content: start;
	color:#e60039;
}

.nycontact .con2{width:55%; float:right;}
.nycontact .con2 img{ width:100%;}


.nyproduct{ width:90%; margin:0 auto; padding-top:80px;}
.nyproduct .ny_pro_left{ float:left; width:15%;}
.nyproduct .ny_pro_left ul{}
.nyproduct .ny_pro_left li{ height:33px; padding-top:23px; padding-bottom:23px; box-shadow: 0 1px 12px rgba(43, 43, 43, .1); margin-bottom:20px; line-height:33px; font-size:18px;}
.nyproduct .ny_pro_left li span{ color:#CCCCCC; margin-left:20px; margin-right:15px; display:block; float:left;}
.nyproduct .ny_pro_left li a{ display:block; float:left;}
.nyproduct .ny_pro_left li:hover{ background:#215370;}
.nyproduct .ny_pro_left li:hover a{ color:#FFFFFF;}
.nyproduct .ny_pro_right{ float:right; width:80%; padding-left:5%;}
.nyproduct .ny_pro_right ul{}
.nyproduct .ny_pro_right li{ float:left; width:28%; padding:1.5%; margin-right:1%; margin-left:1%; transition: transform 0.5s ease, box-shadow 0.5s ease; margin-bottom:10px;}
.nyproduct .ny_pro_right li .pic{overflow: hidden; position: relative;}
.nyproduct .ny_pro_right li .pic img{transition: transform 0.5s ease; width:100%;}
.nyproduct .ny_pro_right li:hover{ box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
.nyproduct .ny_pro_right li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }
.nyproduct .ny_pro_right .title{ font-size:16px; color:#333333; font-weight:500; line-height:22px; padding-top:8px; }



.nyproduct .ny_pro_contact{ width:80%; padding-left:5%; float:left;}
.nyproduct .ny_pro_contact h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:45px; text-align:center; margin-bottom:30px;}
.nyproduct .ny_pro_contact .tu_left{ margin:0 auto; width:500px;}
.nyproduct .ny_pro_contact .tu_left img{ width:100%; border:1px solid #CCCCCC;}
.nyproduct .ny_pro_contact .tu_right{ float:left; width:500px; text-align:left; padding-left:40px;}
.nyproduct .ny_pro_contact .tu_right h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:45px;}
.nyproduct .ny_pro_contact .tu_right ul{ padding-top:10px;}
.nyproduct .ny_pro_contact .tu_right li{ text-align:left; line-height:30px;}
.nyproduct .ny_pro_contact .nyjs{}
.nyproduct .ny_pro_contact .nyjs h2 {position: relative; height: 89px; padding-top: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-size:26px;color:#215370;text-align: left;        letter-spacing: 2px;}
.nyproduct .ny_pro_contact .nyjs h2 span {position: relative;z-index: 15;}
.nyproduct .ny_pro_contact .nyjs h2 em {display: block;font-size:16px;color: #000;font-style: normal;font-weight: 400;padding-top:15px;}
.nyproduct .ny_pro_contact .nyjs .nn{ padding-top:30px; padding-bottom:30px; text-align:left; line-height:25px;}



.news_con{ width:80%; margin:0 auto; text-align:left; padding-top:30px;}
.news_con h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:40px; text-align:left; margin-bottom:30px;}
.news_con h1 span{ display:block; font-size:14px; color:#CCCCCC;}
.news_con .tu_left{ margin:0 auto; text-align:left;}
.news_con .tu_left img{ width:500px;}
.news_con .tu_right{ float:left; width:500px; text-align:left; padding-left:40px;}
.news_con .tu_right h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:45px;}
.news_con .tu_right ul{ padding-top:10px;}
.news_con .tu_right li{ text-align:left; line-height:30px;}
.news_con .nyjs{}
.news_con .nyjs h2 {position: relative; height: 89px; padding-top: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-size:26px;color:#215370;text-align: left;        letter-spacing: 2px;}
.news_con .nyjs h2 span {position: relative;z-index: 15;}
.news_con .nyjs h2 em {display: block;font-size:16px;color: #000;font-style: normal;font-weight: 400;padding-top:15px;}
.news_con .nyjs .nn{ padding-top:30px; padding-bottom:30px; text-align:left; line-height:25px;}
@media only screen and (max-width:640px){
.header{ height:70px; position:relative; z-index:98;padding-bottom:10px;}
.m-btn{ display:block; padding-top:20px; float:left; width:5%; padding-left:5%;}
.line {display:block; width:23px;height:2px;margin:0 auto; margin-top:6px; background:#CCCCCC;}
.lines{ width:25px;  margin:0 auto;margin-top:8px; }
.header .navger{ display:none;}
.header .logo{ height:55px; text-align:center; width:80%; float:left; text-align:center; }
.header .logo img{ width:60%; height:auto; padding-left:10%;}
.header .logo .logo-light{ display:none;}
.header .logo .logo-dark{ display:block;opacity: 1;}
.header .zyqh{ display:none;}
.header .m-bnt{display:block; padding-top:20px; float:left; width:5%; padding-right:5%;}
.ditu{ width:21px; height:21px; background:url(../images/abct.png) no-repeat; display:block;margin-top:8px; }
.full-wrap{ margin-top:0px;}
.slidebox{ height:190px;}
.slidebox img{ width:10%;}

.navbox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#FFF;z-index: 99; display:none;}
.navbox ul{position: relative; padding:20px;top:70px;}
.navbox ul li{	width:93%; padding-left:7%;text-align:left; border-bottom:1px solid #CCCCCC;}
.navbox ul li a{font-size:14px;color: #999;line-height: 52px;}
.navbox .close{	font-size:28px; -moz-transition:all 0.6s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 0.6s cubic-bezier(0.23,1,0.32,1);	transition:all 0.6s cubic-bezier(0.23,1,0.32,1); color: #999; position: absolute; top: 3%; left: 5%; cursor: pointer}
.navbox .close:before{content: "\e69a";}


.evnav{position: fixed;top: 70px;right: 0;width:33%;height:10%;background:#FFF;z-index:999; display:none;}
.evnav ul{position: relative; padding:20px; padding-top:0px; padding-bottom:0px;}
.evnav ul li{width:94%; padding-left:3%; padding-right:3%;text-align:left;}
.evnav ul li a{font-size:14px;color: #999;line-height:52px;}

.evnav .yczy{ border:0px;width:98px; padding-left:0px; position:relative; z-index:100;animation: slideDown 0.8s ease; /* 添加动画 */  display:block; height:30px; line-height:30px;}
.s_multi_language_icots{background: url(../images/abcc.png) -246px -70px;display: inline-block;height: 18px;min-width: 24px;vertical-align: middle;width: 24px; margin-right:8px;}
.s_multi_language_icot{background: url(../images/abcc.png) -246px -113px;display: inline-block;height: 18px;min-width: 24px;vertical-align: middle;width: 24px; margin-right:8px;}

.slidebox a.prev, .slidebox a.next { position: absolute; left: 20px; top: 40%; background: #000 url(../images/arrow_pn.png) no-repeat center 15px; display: block; filter: Alpha(Opacity=50); Opacity: 0.5; width: 30px; height: 30px; border-radius: 3px; z-index: 100; }
.slidebox a:hover.prev, .slidebox a:hover.next { filter: Alpha(Opacity=90); Opacity: 0.9; }
.slidebox a.next { right: 20px !important; left: auto; background: #000 url(../images/arrow_pn.png) no-repeat center -55px; }



.product{  padding-top:20px; padding-bottom:20px;}
.product h2{ text-align:center; color:#215370; font-size:36px; line-height:54px;}
.product h2 em{ display:block; width:30px; height:2px;  border-top:2px solid #999; margin:0 auto;}
.product h2 span{ display:block; font-weight:normal; font-size:14px; color:#999; line-height:24px;}
.product dl{ width:95%; margin:0 auto; list-style:none; margin-top:20px; margin-bottom:20px;}
.product dd{ display:inline-block; background:#a9b8cc; width:47%; margin:0; padding:0; text-align:center; margin-left:1%; margin-right:1.3%; margin-bottom:5px;}
.product dd a{ color:#FFFFFF;}
.product dd:hover{ background:#215370;}
.product ul{ width:95%; margin:0 auto; padding-top:0px;}
.product li{ float:left; width:46%; margin-left:2%; margin-right:2%;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05); margin-bottom:30px;}
.product li .pic{ padding:10px;}
.product li h3{ padding:10px; text-align:center; font-weight:normal; font-size:16px; padding-top:0px;}
.product li img{ width:100%; height:170px;}




.abouts{ width:95%; margin:0 auto; position: relative;}
.abouts h2{ text-align:center; color:#FFFFFF; font-size:32px; padding-top:30xp; padding-bottom:30px;}
.abouts h2 span{ display:block; width:50px; height:5px; background:#FF0000; margin:0 auto; margin-bottom:30px;}
.abouts li{ width:90%; color:#FFFFFF; text-align:center; margin:0 auto; font-size:18px;}



.news{ width:95%; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.news h2{ text-align:center; font-size:48px; line-height:70px;}
.news h2 span{ display:block; width:30px; height:5px; background:#999; margin:0 auto; margin-bottom:30px; margin-top:20px;}
.news ul{}
.news li{ float:none; width:100%; padding:0%; margin-right:0%; transition: transform 0.5s ease, box-shadow 0.5s ease; margin-bottom:10px; }
.news li .pic{overflow: hidden; position: relative;}
.news li .pic img{transition: transform 0.5s ease; width:100%;}
.news li .title{ font-size:16px; color:#333333; font-weight:500; line-height:22px; padding-top:8px; }
.news li .time{ color:#999999;}
.news li .info{ line-height:23px; text-align:left;}
.news li .move a{}
.news li:hover{ box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
.news li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }
.news li:nth-last-child(2){ margin-right:0%;}


.footer{}
.footer .contact{ background:url(../images/AD0ItZbwDhACGAAghLGapAYoyojlyQcwgA84yAE.jpg) no-repeat center; height:60px; padding-top:10px; width:100%; }
.footer .contact .condd{ display:block; width:95%; margin: 0 auto;  }
.footer .contact .cony{ float:none; width:100%; line-height:23px; font-size:14px;}
.footer .contact .cony span{ color:#FF0000;}
.footer .contact .conm{ display:none;}
.footer .contact .conm a{ color:#FFFFFF;}

.footer .endlog{ background:#262626; border-bottom:1px solid #888888; height:auto; width:100%;}
.footer .endlog .piclogo{ width:82%; margin:0 auto; text-align:left; padding-top:20px; padding-bottom:0px;}
.footer .endlog .piclogo img{ width:100%; height:auto;}

.footer .nav{ display:none;}
.footer .nav .nav_1{ width:60%; float:left; margin-top:50px; margin-bottom:50px;}
.footer .nav .nav_1 ul{ width:31%; padding-left:1%; padding-right:1%; float:left;}
.footer .nav .nav_1 ul h3{ color:#FFFFFF; font-size:20px; line-height:35px; margin-bottom:10px;}
.footer .nav .nav_1 li{ text-align:left; line-height:32px;}
.footer .nav .nav_1 li a{ color:#FFFFFF;}
.footer .nav .nav_2{ width:35%; float:right; margin-top:50px; margin-bottom:50px;}
.footer .nav .nav_2 img{ width:100%;}
.footer .end{background:#262626; text-align:center; line-height:35px; padding-top:10px; padding-bottom:10px;color:#FFFFFF;}
.footer .end a{ color:#FFFFFF;}


.nyabout{ width:95%; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.nyabout h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: #2a2b2e;line-height: 1.5;font-weight: bold; font-size:18px;}
.nyabout dl{ list-style:none; padding-top:30px;}
.nyabout .abpic{ width:100%; float:none; margin-right:0;}
.nyabout .abpic img{ width:100%;}
.nyabout .abcon{ float:left; width:100%; padding-top:20px; padding-bottom:20px;}
.nyabout .abcon h2{ color:#2a2b2e; font-weight:normal; font-size:24px; line-height:46px;}
.nyabout .abcon p{ line-height:25px; padding-top:10px; padding-bottom:10px;}
.nyabout .abcon i{ font-style:normal;display: inline-block;color: #e60039;background: url(../images/t_12.svg) 100% 50% no-repeat; background-size: 10px; padding-right: 23px; position: relative; font-style:normal;}
.nyabout .abcon i a{color: #e60039;}


.nynews{ width:95%; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.nynews h2{ text-align:center; font-size:48px; line-height:70px;}
.nynews h2 span{ display:block; width:30px; height:5px; background:#999; margin:0 auto; margin-bottom:30px; margin-top:20px;}
.nynews ul{}
.nynews li{ float:none; width:100%; padding:0%; margin:0%; transition: transform 0.5s ease, box-shadow 0.5s ease; margin-bottom:10px; }
.nynews li .pic{overflow: hidden; position: relative;}
.nynews li .pic img{transition: transform 0.5s ease; width:100%;}
.nynews li .title{ font-size:16px; color:#333333; font-weight:500; line-height:22px; padding-top:8px; }
.nynews li .time{ color:#999999;}
.nynews li .info{ line-height:23px; text-align:left;}
.nynews li .move a{}
.nynews li:hover{ box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
.nynews li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }
.nynews li:nth-last-child(2){ margin-right:0%;}


.nycontact{width:95%; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.nycontact h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: #2a2b2e;line-height: 1.5;font-weight: bold; font-size:28px;}
.nycontact dl{ list-style:none;padding-top:30px;}
.nycontact dd{ }
.nycontact .con1 {
    width: 90%;
    padding:5% 5%;
    border-radius: 4px;
    background: #F7F9FA;
	float:none;
	margin-top:20px;
}

.nycontact .con1 p {
    color: #6A6B6D;
    font-size:16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 24px;
}

.nycontact .con1 .linkBtn {
    justify-content: start;
	color:#e60039;
}

.nycontact .con2{width:100%; float:none;}
.nycontact .con2 img{ width:100%;}


.nyproduct{ width:95%; margin:0 auto; padding-top:30px;}
.nyproduct .ny_pro_left{ float:none; width:100%;}
.nyproduct .ny_pro_left ul{}
.nyproduct .ny_pro_left li{ height:33px; padding-top:23px; padding-bottom:23px; box-shadow: 0 1px 12px rgba(43, 43, 43, .1); margin-bottom:20px; line-height:33px; font-size:18px;}
.nyproduct .ny_pro_left li span{ color:#CCCCCC; margin-left:20px; margin-right:15px; display:block; float:left;}
.nyproduct .ny_pro_left li a{ display:block; float:left;}
.nyproduct .ny_pro_left li:hover{ background:#215370;}
.nyproduct .ny_pro_left li:hover a{ color:#FFFFFF;}
.nyproduct .ny_pro_right{ float:none; width:100%; padding-left:0%;}
.nyproduct .ny_pro_right ul{}
.nyproduct .ny_pro_right li{ float:none; width:95%; padding:1.5%; margin-right:1%; margin-left:1%; transition: transform 0.5s ease, box-shadow 0.5s ease; margin-bottom:10px;}
.nyproduct .ny_pro_right li .pic{overflow: hidden; position: relative;}
.nyproduct .ny_pro_right li .pic img{transition: transform 0.5s ease; width:100%;}
.nyproduct .ny_pro_right li:hover{ box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
.nyproduct .ny_pro_right li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }
.nyproduct .ny_pro_right .title{ font-size:16px; color:#333333; font-weight:500; line-height:22px; padding-top:8px; }



.nyproduct .add{ display:none;}
.nyproduct .ny_pro_contact{ width:100%; padding-left:0%; float:none;}
.nyproduct .ny_pro_contact h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:45px; text-align:center; margin-bottom:30px;}
.nyproduct .ny_pro_contact .tu_left{ margin:0 auto; width:100%;}
.nyproduct .ny_pro_contact .tu_left img{ width:100%; border:0px;}
.nyproduct .ny_pro_contact .tu_right{ float:left; width:500px; text-align:left; padding-left:40px;}
.nyproduct .ny_pro_contact .tu_right h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:45px;}
.nyproduct .ny_pro_contact .tu_right ul{ padding-top:10px;}
.nyproduct .ny_pro_contact .tu_right li{ text-align:left; line-height:30px;}
.nyproduct .ny_pro_contact .nyjs{}
.nyproduct .ny_pro_contact .nyjs h2 {position: relative; height: 89px; padding-top: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-size:26px;color:#215370;text-align: left;        letter-spacing: 2px;}
.nyproduct .ny_pro_contact .nyjs h2 span {position: relative;z-index: 15;}
.nyproduct .ny_pro_contact .nyjs h2 em {display: block;font-size:16px;color: #000;font-style: normal;font-weight: 400;padding-top:15px;}
.nyproduct .ny_pro_contact .nyjs .nn{ padding-top:30px; padding-bottom:30px; text-align:left; line-height:25px;}
.nyproduct .ny_pro_contact .nyjs .nn img{ width:100%;}



.news_con{ width:95%; margin:0 auto; text-align:left; padding-top:30px;}
.news_con h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:40px; text-align:left; margin-bottom:30px;}
.news_con h1 span{ display:block; font-size:14px; color:#CCCCCC;}
.news_con .tu_left{ margin:0 auto; text-align:left;}
.news_con .tu_left img{ width:100%;}
.news_con .tu_right{ float:left; width:500px; text-align:left; padding-left:40px;}
.news_con .tu_right h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:45px;}
.news_con .tu_right ul{ padding-top:10px;}
.news_con .tu_right li{ text-align:left; line-height:30px;}
.news_con .nyjs{}
.news_con .nyjs h2 {position: relative; height: 89px; padding-top: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-size:26px;color:#215370;text-align: left;        letter-spacing: 2px;}
.news_con .nyjs h2 span {position: relative;z-index: 15;}
.news_con .nyjs h2 em {display: block;font-size:16px;color: #000;font-style: normal;font-weight: 400;padding-top:15px;}
.news_con .nyjs .nn{ padding-top:30px; padding-bottom:30px; text-align:left; line-height:25px;}
}