body{font-size:14px;font-family: "microsoft yahei","微软雅黑","arial, helvetica, sans-serif";line-height:2rem;  color:#666666;} 
/* 滚动条整体样式 - 修复背景色覆盖问题 */
body::-webkit-scrollbar {
  width: 8px; /* 滚动条宽度 */
  /* 移除 background 设置 - 这个属性会覆盖轨道样式，导致track设置失效 */
}

/* 滚动条滑块（可拖动部分） */
body::-webkit-scrollbar-thumb {
  background: #017AFF; /* 主色调滑块 */
  border-radius: 4px; /* 增加圆角，更美观 */
  transition: background 0.2s ease; /* 悬停过渡效果 */
}

/* 滑块悬停效果（可选，提升体验） */
body::-webkit-scrollbar-thumb:hover {
  background: #0066cc; /* 悬停时颜色稍深 */
}

/* 滚动条轨道（背景） */
body::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1); /* 轨道背景色 */
  border-radius: 3px;
}

/* 禁止文本选中（保留你的设置） */
body::selection {
  background: transparent;
  color: inherit;
}

/* 基础布局 - 确保滚动条计算正常 */
html {
  height: auto; 
  overflow-y: auto; 
}
body {
  min-height: 100vh; 
  height: auto; 
  overflow-x: hidden;
  margin: 0; /* 移除默认margin，避免页面出现空白边 */
  padding: 0; /* 移除默认padding */
}
.clear{ clear:both;}
*{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;}
.clearfix{clear:both;}
 /* 主题 - 颜色 */

.flex{display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap}
.w80{width:65%;margin: 0 auto}

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

.header{ width:100%; transition: padding-top .3s; position: fixed; top: 0;  z-index: 900; height:65px; }
.header .logo{ width:12%; height:65px; float:left; text-align:center; }
.header .logo img{ height:100%;} 
/* 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;
}

.transparent {
  background-color: transparent;
  box-shadow: none;
}

.solid{background-color: rgba(255, 255, 255, 1);}
.header .navger{ float:left; width:53%; padding-left:4%;}
.header .navger ul{}
.header .navger li{ float:left; margin-left:25px;  margin-right:25px; text-align:center; height:65px; line-height:65px; border-bottom:3px solid rgba(0, 0, 0, 0); transition: border-color 0.7s ease;position:relative;}
.header .navger li a{ font-size:14px;}
.header .navger li a:hover{ color:#ff7650;}
.arrow-icon {display: inline-block;font-size: 10px;margin-left: 5px;    transition: transform 0.3s ease; /* 旋转动画 */    line-height: 1; /* 垂直对齐 */}
/* 鼠标悬停时箭头旋转向上 */
.has-submenu:hover .arrow-icon {transform: rotate(180deg);}
.header .navger li .submenu {
    position: absolute;
	overflow:hidden;
    transform: translateX(-50%); /* 水平居中 */
    background-color: #fff; /* 白色背景，可根据需求调整 */
    padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	min-width:60px;
    border-radius: 8px;
    box-shadow: 0px 4px 9px 0px #1F354E33;
    display: none; /* 默认隐藏 */
    z-index: 998; /* 确保在最上层 */
	left:25px;
	top:55px;
}
.header .navger li:hover .submenu{display: block;}
.header .navger li .submenu li {
    float: none; /* 取消浮动，垂直排列 */
    height: 40px; /* 调整高度 */
    line-height: 40px; /* 调整行高 */
    margin: 0; /* 取消左右边距 */
    border-bottom: none; /* 取消底部边框 */
    text-align: center; /* 文字左对齐 */
    transition: background-color 0.3s ease;
}
.header .zyqh{ float:right; width:15%; height:65px; }
.header .zyqh .zhongying{ width:90px; height:65px; line-height:65px; position: relative;  overflow: hidden; padding-left:15px;}
.header .zyqh .yczy{ border:solid 1px #CCCCCC;width:88px; padding-left:15px; position: absolute; z-index: 1;animation: slideDown 0.8s ease; /* 娣诲姞鍔ㄧ敾 */  display:none; height:35px; line-height:35px; top:-10px;}
.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;}
.header .zyqh .zhongying:hover .s_multi_language_usa{transform: rotate(180deg);}
.header .zyqh:hover .yczy{border:solid 1px #CCCCCC;width:98px; padding-left:15px;  display:block; position:relative; background:#FFFFFF;}

.full-wrap{}
.slidebox { 
    clear: both; 
    width: 100%; 
    height:600px; 
    overflow: hidden; 
    position: relative; 
}
/* 轮播核心样式：500ms动画 */
.slidebox ul,
.slidebox ul li,
.slidebox ul li img {
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
/* 按钮样式 */
.slidebox a.prev, .slidebox a.next { 
    position: absolute; 
    left: 20px; 
    top: 50%; 
    transform: translateY(-50%); 
    background: #FFF url(../images/arrow_pn.png) no-repeat center ; 
    display: block; 
    filter: Alpha(Opacity=50); 
    opacity: 0.5; 
    width: 50px; 
    height: 50px; 
    border-radius: 3px; 
    z-index: 998 !important; 
    cursor: pointer; 
}
.slidebox a:hover.prev, .slidebox a:hover.next { 
    filter: Alpha(Opacity=90); 
    opacity: 0.9; 
}
.slidebox a.next { 
    right: 20px !important; 
    left: auto; 
    background: #FFF url(../images/arrow_pns.png) no-repeat center; 
}
/* 图片适配 */
.slidebox ul li img {
    object-fit: cover;
    display: block;
}

/* 广告文字容器 */
.slide-text-group {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    pointer-events: none;
}

/* 通用文字样式（基础配置） */
.slide-text {
    position: absolute;
    top: 40%;
    color: #000;
    opacity: 0;
	width:100%;
    transition: all 1s ease-in-out 0.2s; /* 1s动画+0.2s延迟，慢于轮播 */
    -webkit-transition: all 1s ease-in-out 0.2s;
}

/* item1：左侧位置 + 左→右滑入 */
.slide-text.item1 {
    left:19%; /* 左侧位置 */
    text-align: left;
    transform: translateX(-50px); /* 初始左移，滑入时归位 */
}
.slide-text.item1.active {
    opacity: 1;
    transform: translateX(0);
}

/* item2：右侧位置 + 右→左滑入 */
.slide-text.item2 {
    right: 18%; /* 右侧位置 */
    left: auto;
    text-align: right;
    transform: translateX(50px); /* 初始右移，滑入时归位 */
}
.slide-text.item2.active {
    opacity: 1;
    transform: translateX(0);
}

.slide-text.item3 {
    left: 19%; /* 和item1一致的左侧位置 */
    text-align: left; /* 和item1一致的左对齐 */
    transform: translateY(50px); /* 保持原有下→上动画（初始下移） */
}
.slide-text.item3.active {
    opacity: 1;
    transform: translateY(0); /* 下→上归位 */
}

/* 替换item3装饰图片样式：位置和item1右侧图片对齐，保留上→下动画 */
.item3 .img-middle {
    right: -100px; /* 和item1右侧图片初始位置一致 */
    top: -50px; /* 初始上方外（上→下动画） */
    transform: translateY(-50px);
}
.item3.active .img-middle {
    opacity: 1;
    right: -120px; /* 和item1右侧图片最终位置一致 */
    top: 50%; /* 垂直居中（上→下归位） */
    transform: translateY(-50%);
}

/* 修正item3 p标签样式：取消居中，和item1一致 */


/* 文字样式细节 */
.slide-text h3 {
    font-size:36px;
    margin-bottom: 20px;
    line-height: 1.2;
}
.slide-text p {
    font-size: 18px;
    line-height: 1.4;
    max-width: 600px;
}
/* 给item2的p标签加右对齐，避免文字换行混乱 */
.slide-text.item2 p {
    margin-left: auto;
}

/* ------------------- 新增装饰图片样式 ------------------- */
/* 通用装饰图片容器 */
.decor-img {
    position: absolute;
    opacity: 0;
    transition: all 1s ease-in-out 0.4s; /* 比文字晚0.2s动画，更有层次感 */
    -webkit-transition: all 1s ease-in-out 0.4s;
    z-index: -1; /* 图片在文字下方 */
    width:500px; /* 可根据实际需求调整 */
    height:500px;
}
.decor-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* item1右侧图片：右→左进入 */
.item1 .img-right {
    right:37%; /* 初始右侧外 */
    top: 50%;
    transform: translateY(-50%) translateX(50px);
}
.item1.active .img-right {
    opacity: 1;
    right: 37%; /* 最终位置（文字右侧） */
    transform: translateY(-50%) translateX(0);
}

/* item2左侧图片：左→右进入 */
.item2 .img-left {
    left:37%; /* 初始左侧外 */
    top: 50%;
    transform: translateY(-50%) translateX(-50px);
}
.item2.active .img-left {
    opacity: 1;
    left: 37%; /* 最终位置（文字左侧） */
    transform: translateY(-50%) translateX(0);
}

/* item3左侧图片：上→下进入 */
.item3 .img-middle {
    left: 35%; /* 文字左侧 */
    top: -50px; /* 初始上方外 */
    transform: translateY(-50px);
}
.item3.active .img-middle {
    opacity: 1;
    top: 50%; /* 最终垂直居中 */
    transform: translateY(-50%);
}
.navbox{ display:none;}
.evnav{ display:none;}


@media only screen and (max-width:1400px){
.header .logo{ width:15%;}
.header .navger li{ margin-left:15px;  margin-right:15px;}
.header .zyqh{ width:18%;}
.header .zyqh .tiyan{height: 40px;width:78px;border-radius: 50px;padding: 10px 20px;    line-height: 20px;    text-align: center;    color: #fff;    background: #017AFF;    margin-left:12px;    /* border: 2px solid #017AFF; */
transition: all .4s;cursor: pointer;}
}
@media only screen and (max-width:1270px){
.header .logo{ width:18%;}
.header .navger li{ margin-left:10px;  margin-right:10px;}
.header .zyqh{ width:18%;}
.header .zyqh .tiyan{height: 40px;width:78px;border-radius: 50px;padding: 10px 20px;    line-height: 20px;    text-align: center;    color: #fff;    background: #017AFF;    margin-left:12px;    /* border: 2px solid #017AFF; */
transition: all .4s;cursor: pointer;}
}






/*index_title_bar*/
.index_title_bar{ text-align:center;}
.index_title_bar .text{ font-size:18px;}
.index_title_bar .text img{position:relative;margin-right:10px; width:29px;}
.index_title_bar .title{vertical-align:top;padding:0px 0;font-size:18px;font-weight:700; } 
.index_title_bar .title,.index_title_bar .title a{ color:#ff7650;}
.index_about_wrap{ width:65%; margin:0 auto; padding-top:80px;}
.index_about{ }
.about_video{ width:44.15%; float:right;}
.about_video:before{ content:"";position:absolute; width:100%; height:100%; left:0;top:0;/*background:#1879b0;*/}
.about_video a{position:relative; display:block;-moz-transform::translate(15px,13px);-webkit-transform::translate(15px,13px);-o-transform::translate(15px,13px); -ms-transform::translate(15px,13px);transform:translate(15px,13px);}
.about_video img{ width:100%;}
.about_video a:before{content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(17,3,2,.35);-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.about_video a:after{ content:"";position:absolute;left:50%;top:50%; margin:-44px 0 0 -44px; width:88px; height:88px;background:url(../images/ico03.png) no-repeat center center; opacity:.7;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.about_video:hover a:after{opacity:1;}
.about_video:hover a:before{opacity:0;}
.about_info{position:relative; width:52%; margin-right:25px; float:left;}
.about_info .index_title_bar{ text-align:left;}

.about_info .about_text{font-size:14px;margin:0px 0 10px; line-height:26px; padding-bottom:20px;padding-top:20px;}
.about_info .about_more{ color:#FFFFFF; margin-top:30px;}
.head_link{
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
    background: #ff7650;
    padding: 10 50px 10 29px;
    line-height:40px;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    transition-duration: .3s;
}
.head_link i {

    right: 26px;
    top: 17px;
    width: 13px;
    height: 11px;
    background: url(../images/ico01.png) no-repeat center;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    transition-duration: .3s;
}


.product_category{ width:65%; margin:0 auto; padding-top:80px;}
.product_category .pro ul{ width:100%; margin:0 auto; padding-top:25px;}
.product_category .pro 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;  min-height:340px;}
.product_category .pro li .pic{ padding:10px;}
.product_category .pro li h3{ padding:10px; text-align:center;}
.product_category .pro li img{ width:100%; }


/* 修复index_news_wrap样式 - 核心修改 */
.index_news_wrap{ 
    width:65%; 
    margin:0 auto; 
    padding-top:80px; /* 确保写在大括号内 */
    box-sizing: border-box; /* 确保padding不会撑大宽度 */
	
}

.index_news_wrap .new{ 
    width:100%; 
    margin:0 auto; 
	padding-top:20px;
    /* 可选：如果需要内部也有间距，可添加 */
    /* padding-top: 20px; */
	padding-bottom:30px;

}

.index_news_wrap .new .new_l{ float:left; width:40%;}
.index_news_wrap .new .new_l img{ width:100%;}
.index_news_wrap .new .new_r{ float:right; width:57%;}
.index_news_wrap .new .new_r ul{ width:100%;}
.index_news_wrap .new .new_r li{ 
    width:100%; 
    padding:1.5%; 
    margin-right:2%; 
    transition: transform 0.5s ease, box-shadow 0.5s ease; 
    box-sizing: border-box; /* 防止padding撑大元素 */
}
.index_news_wrap .new .new_r li .pic{overflow: hidden; position: relative;}
.index_news_wrap .new .new_r li .pic img{transition: transform 0.5s ease; width:100%;}
.index_news_wrap .new .new_r li .title{ font-size:16px; color:#333333; font-weight:500; line-height:22px; padding-top:8px; }
.index_news_wrap .new .new_r li .time{ color:#999999;}
.index_news_wrap .new .new_r li .info{ line-height:23px; text-align:left;}
.index_news_wrap .new .new_r li .move a{}
.index_news_wrap .new .new_r li:hover{ box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
.index_news_wrap .new .new_r li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }
.index_news_wrap .new .new_r li:nth-last-child(2){ margin-right:0%;}


/* web_footer */
.web_footer{ position:relative; padding:42px 0; background:#f3f2f7; margin-top:20px;}
.web_footer,.web_footer a{ color: #000;}
.layout{ width:65%; margin:0 auto;}
.foot_items{ display: flex;justify-content: space-between;flex-wrap: wrap;  }
.foot_items:after{ display:none;}
.foot_item{position:relative;vertical-align:top;font-size:14px;max-width:355px;}
.foot_item01{}
.foot_item02{width:310px;}
.foot_item03{ }
.foot_item .title{ position:relative;font-size:30px; margin:20px 0 32px; font-weight:500; color:#110302;} 
.foot_item01 .text{ font-size:16px;}
.foot_item li{ padding:4px 0;}
.foot_item li:hover a{ text-decoration:underline;}
.foot_logo{ margin:30px 0 0;}
.foot_logo img{ max-height:64px;}
.foot_item01 .text{ line-height:1.8; margin:30px 0 15px;}
.foot_contact li{position:relative;padding-left:40px; margin-bottom:10px;}
.foot_contact li:before{ content:""; position:absolute; left:0;  width:22px; height:24px;background-image:url(../images/ico_addr.png); background-repeat:no-repeat;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.foot_contact li.foot_addr:before{background-position:0 0;top:3px;}
.foot_contact li.foot_email:before{background-position:0 -67px;top:8px;}
.foot_contact li.foot_tel:before{background-position:0 -100px;top:2px;}

.foot_sns{ font-size:0;}
.foot_sns li{position:relative;display: inline-block;vertical-align:top;margin:14px 24px 0 0; padding:0;}
.foot_sns li a{ display:block;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s; -webkit-filter: grayscale(100%);  filter: grayscale(100%);}
.foot_sns li:hover a{ -webkit-filter: grayscale(0); filter: grayscale(0);}

.foot_item03 .text{ line-height:1.5;}
.foot_item03 .button{ position:relative;display:inline-block;font-size:16px; font-weight:300;text-transform:uppercase; color:#fff;background:#1879b0;padding:0 36px; line-height:49px;margin:35px 0 0;}
.foot_item03 .button:hover{ background:#000;}



.NsList{}
.NsList .list{ width:65%; margin:0 auto;}
.NsList .list .list_left{ float:left; width:10%;}
.NsList .list .list_left ul{ padding-top:75px;}
.NsList .list .list_left li{ text-align:center;background-color: #c8c8c8; height:60px; line-height:60px; margin-bottom:10px;}
.NsList .list .list_left li a{ color:#FFFFFF; font-size:18px;}
.NsList .list .list_left li:hover{ background:#ff7650;}
.NsList .list .list_left .cvle{background:#ff7650;}
.NsList .list .list_right{ float:left; width:89%; background:#FFFFFF; padding-top:15px; padding-bottom:15px; border-left:1px solid #e5e5e5; margin-bottom:50px;}
.NsList .list .list_right ul{ list-style:none; width:90%; margin:0 auto; padding-top:35px; padding-left:5%; padding-right:5%;}
.NsList .list .list_right li{ float:left; margin-right:2%; margin-left:2%; width:29.1%; margin-bottom:20px; padding-bottom:10px; background:#FFFFFF; border:1px solid #f5f5f5;transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 骞虫粦缂撳姩 */ height:350px;}
.NsList .list .list_right li:hover{border:1px solid #c8c8c8;}
.NsList .list .list_right li .pic{ width:90%; padding:5%;}
.NsList .list .list_right li .pic img{ width:100%;}
.NsList .list .list_right li h3{ width:85%; border-top:1px solid #eaeaea; margin:0 auto; font-weight:normal; padding-top:15px; text-align:left; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.NsList .list .list_right li:hover h3{border-top:1px solid #c8c8c8;}
.NsList .list .list_right li h3 span{ line-height:32px; display:block;}
.NsList .list .list_right li p{ text-align:left; line-height:25px; display:block; width:85%; margin:0 auto; color:#999999;}


.NsList .list .list_right .newsny{ width:90%; margin:0 auto;padding-top:35px; padding-left:5%; padding-right:5%;}
.NsList .list .list_right .newsny dl {border: 1px solid #dedede;margin-bottom: 20px;padding: 22px 50px 22px 34px;background: #fff;display: inline-block;width:92%; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.NsList .list .list_right .newsny dt {width: 100px;height: 100px;background-color: #c8c8c8;float: left;font-size: 14px;color: #fff;margin-right: 30px;text-align: center;}
.NsList .list .list_right .newsny dt i {font-size: 24px;display: block;border-bottom: #fff 2px solid;height: 50px;line-height: 50px;margin-bottom: 10px;}
.NsList .list .list_right .newsny dd h4 {height: 40px;font-weight: normal;font-size:18px;color: #154c64;line-height: 40px;margin-bottom: 5px;}
.NsList .list .list_right .newsny dd h4 a {display: block;color: #4b4a4a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NsList .list .list_right .newsny dl:hover{border:1px solid #c8c8c8;}
.NsList .list .list_right .newsny dl:hover h4 a {color: #c8c8c8;}

.NsList .list .list_right .nycon1{ width:90%; margin:0 auto; padding-top:30px;}
.NsList .list .list_right .nycon1 .nycon_tit{ float:none; width:100%; }
.NsList .list .list_right .nycon1 .nycon_tit h1{height: 48px;font-size: 24px;font-weight: normal;line-height: 48px;color: #4a4a4a;border-bottom: 1px solid #e5e5e5;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;    white-space: nowrap;}
.NsList .list .list_right .nycon1 .sp{ line-height:25px; text-align:left; color:#999999; border-top:1px solid #e5e5e5; margin-top:10px; padding-top:10px;}
.NsList .list .list_right .nycon1 .sp a{ color:#999999;}



.ProList{}
.ProList .list{ width:65%; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.ProList .list .pro_left{ float:left; width:240px; position:relative;}
.ProList .list .pro_left h2{height: 75px;font-size:24px;font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center; background:#c8c8c8;}
.ProList .list .pro_left .p14{ height:50px; position: relative; margin-bottom: 2px;}
.ProList .list .pro_left .p14 h3{height:50px;line-height: 50px;background:url(../images/p14-icon5.png) no-repeat right center #ececeb;overflow: hidden; display:block;}
.ProList .list .pro_left .p14 h3 a{display: block;font-size: 18px;font-weight: normal;margin-right: 40px;margin-left: 38px;color: #666;}
.ProList .list .pro_left .p14:hover h3{background:url(../images/p14-icon2.png) no-repeat right center #c8c8c8;}  
.ProList .list .pro_left .p14:hover a{color: #fff;}
.ProList .list .pro_left dl{ padding-left:5px; padding-right:5px; position:relative;}
.ProList .list .pro_left dd{height: 46px;font-size: 14px;font-weight: normal;line-height: 46px; color:#4b4a4a;border-bottom: 1px dashed #dbdbdb;overflow: hidden;}

.ProList .list .pro_right{ float:left; width:89%;  border-left:1px solid #e5e5e5;}
.ProList .list .pro_right ul{ list-style:none; width:100%; margin:0 auto;}
.ProList .list .pro_right li{ float:left; margin-right:2%; margin-left:2%; width:29.1%; margin-bottom:20px; padding-bottom:10px; background:#FFFFFF; border:1px solid #f5f5f5;transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 骞虫粦缂撳姩 */}
.ProList .list .pro_right li:hover{border:1px solid #c8c8c8;}
.ProList .list .pro_right li .pic{ width:90%; padding:5%;}
.ProList .list .pro_right li .pic img{ width:100%;}
.ProList .list .pro_right li h3{ width:85%; border-top:1px solid #eaeaea; margin:0 auto; font-weight:normal; padding-top:15px; text-align:center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.ProList .list .pro_right li:hover h3{border-top:1px solid #c8c8c8;}
.ProList .list .pro_right li h3 span{ line-height:32px; display:block;}

.ProList .list .pro_right .nycon{ padding-left:3%;width:97%;}
.ProList .list .pro_right .nycon .nycon_img{ float:left; width:46%;  border:1px solid #e5e5e5;}
.ProList .list .pro_right .nycon .nycon_img img{ width:100%;}
.ProList .list .pro_right .nycon .nycon_tit{ float:right; width:48%; }
.ProList .list .pro_right .nycon .nycon_tit h1{height: 48px;font-size: 24px;font-weight: normal;line-height: 48px;color: #4a4a4a;border-bottom: 1px solid #e5e5e5;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;    white-space: nowrap;}
.pc-cx-tel-1 {width:100%;height: 56px;border-top: 2px solid #e6e6e6;padding-top: 10px; margin-top:30px;}
.pc-cx-tel-1-t1 {width: 114px;height: 44px;background: #ff7650;font-size: 18px;line-height: 44px;text-align: center;float: right;}
.pc-cx-tel-1-t1 a {display: block;color: #fff;}
.pc-cx-tel-1-t2 {height: 56px;padding-left: 70px;background: url(../images/pc-xc-icon2.png) no-repeat 10px 5px;font-size: 18px;line-height: 18px;color: #454545;}
.pc-cx-tel-1-t2 p {line-height: 56px;}
.bt1 {color: #999;border-left: 7px solid #ff7650;font-size: 22px;margin: 25px 0 10px;padding: 0px 0 0px 10px;border-bottom: 1px solid #eee;font-weight: bold; font-style:normal; font-weight: normal; }
.bt{ text-align:left; line-height:25px;padding-left:3%;}
@media only screen and (max-width:640px){
.ProList .list .pro_right{border-left:0;float:none; width:100%;}
.ProList .list .pro_right li{ width:45.1%; min-height:165px;}
.ProList .list .pro_right li h3{ font-size:12px;line-height:20px; padding-top:5px; }
.ProList .list .pro_right li h3 span{ line-height:20px; display:block;}
.ProList .list { padding-top:20px; padding-bottom:20px;}
.ProList .list .pro_right .nycon .nycon_img{ float:none; width:100%;}
.ProList .list .pro_right .nycon{ padding-left:0; width:100%;}
.ProList .list .pro_right .nycon .nycon_tit{ float:none; width:100%;}
.w80{ width:100%;}
.slidebox a.prev, .slidebox a.next{ z-index:99;}
.header{ height:55px; position:relative; z-index:98;}
.header .topkey{ display:none;}
.m-btn{ display:block; padding-top:12px; 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:50%; height:auto;}
.header .zyqh{ display:none;}
.header .m-bnt{display:block; padding-top:10px; 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;}
.slide-text { top:30%;}
.slide-text h3 {
    font-size:14px;
    margin-bottom: 10px;
    line-height: 1.2;
}
.slide-text p {
    font-size:10px;
    line-height: 1.4;
    max-width:100px;
}
.slide-text.item1 { left:5%;}
.slide-text.item2 { right:5%;}
.slide-text.item3 { left:5%;}
.slidebox{ height:190px;}
.slidebox img{ width:100%;}
.decor-img {
    width:130px; /* 可根据实际需求调整 */
    height:130px;
}
.item1 .img-right {
    right:5%; /* 初始右侧外 */
    top: 50%;
    transform: translateY(-50%) translateX(50px);
}
.item1.active .img-right {
    opacity: 1;
    right: 10%; /* 最终位置（文字右侧） */
    transform: translateY(-50%) translateX(0);
}

/* item2左侧图片：左→右进入 */
.item2 .img-left {
    left:10%; /* 初始左侧外 */
    top: 50%;
    transform: translateY(-50%) translateX(-50px);
}
.item2.active .img-left {
    opacity: 1;
    left: 10%; /* 最终位置（文字左侧） */
    transform: translateY(-50%) translateX(0);
}

/* item3左侧图片：上→下进入 */
.item3 .img-middle {
    left:53%; /* 文字左侧 */
    top: -50px; /* 初始上方外 */
    transform: translateY(-50px);
}
.item3.active .img-middle {
    opacity: 1;
    top: 50%; /* 最终垂直居中 */
}
.navbox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#FFF;z-index: 999; 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";}
.m-btn{ display:block; padding-top:10px; 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; }

.evnav{position: fixed;top: 50px;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: 50%; background: #fff url(../images/arrow_pn.png) no-repeat center; 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: #fff url(../images/arrow_pns.png) no-repeat center; }



.index_news_wrap{width:95%; padding-top:40px;}
.index_about_wrap{ width:95%; margin:0 auto; padding-top:20px;}
.about_video{ float:none; width:100%; margin:0 auto; padding:0;} 
.about_video img{ width:100%;}
.about_info{ float:none; width:100%; margin:0 auto; padding:0; margin-top:10px;} 
.product_category{ width:95%; margin:0 auto; padding-top:20px;}
.product_category .pro li{ width:48%;min-height:200px;}
.product_category .pro li h3{ font-size:0.8rem; line-height:16px; padding:0;}
.index_news_wrap .new .new_l{ display:none;}
.index_news_wrap .new .new_r{ float:none; width:100%;}

.layout{ width:95%; margin:0 auto;}
.web_footer{ padding-top:10px; padding-bottom:10px;}
.foot_logo {margin: 0px 0 0; text-align:center;}
.foot_item01 .text {line-height: 1.4;margin: 0px 0 0px; font-size:14px; text-align:center;}
.foot_sns {font-size: 0; margin:0 auto; width:30%;}
.foot_sns li {position: relative;display: inline-block;vertical-align: top;   padding: 0; margin-top:10px; margin-left:5px; margin-right:5px;}
.foot_item02{ display:none;}
.foot_item03{ display:none;}
.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%;}
.NsList .list{ width:95%; margin:0 auto;}
.NsList .list .list_left{ float:none; width:100%;}
.NsList .list .list_right{ float:none; width:100%; background:#FFFFFF; padding-top:15px; padding-bottom:15px; border-left:0px; margin-bottom:50px;}
.NsList .list .list_left ul {
    padding-top: 10px;
}
.NsList .list .list_right .newsny{ width:100%; margin:0 auto;padding-top:0px; padding-left:0%; padding-right:0%;}
.NsList .list .list_right .newsny dl {border: 1px solid #dedede;margin-bottom: 20px;padding:2%;background: #fff;display: inline-block;width:96%; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.NsList .list .list_right .newsny dt { display:none;}
.NsList .list .list_right .newsny dd{ line-height:24px;}
.NsList .list .list_right .newsny dt i {font-size: 24px;display: block;border-bottom: #fff 2px solid;height: 50px;line-height: 50px;margin-bottom: 10px;}
.NsList .list .list_right .newsny dd h4 {height: 40px;font-weight: normal;font-size:18px;color: #154c64;line-height:30px;margin-bottom:0px;}
.NsList .list .list_right .newsny dd h4 a {display: block;color: #4b4a4a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NsList .list .list_right .newsny dl:hover{border:1px solid #c8c8c8;}
.NsList .list .list_right .newsny dl:hover h4 a {color: #c8c8c8;}

}


.close2{	font-size:18px; -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: #000; position: absolute; top: 3%; left: 5%; cursor: pointer}
.close2:before{content: "\e69f";}
.close1{	font-size:18px; -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: #000; position: absolute; top: 3%; left: 5%; cursor: pointer}
.close1:before{content: "\e71b";}
.closes{	font-size:18px; -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: #000; position: absolute; top: 3%; left: 5%; cursor: pointer}
.closes:before{content: "\e72a";}



/*----------------------------------main---------------------------------*/
.main { position:relative; width:calc(100% - 425px); float:right; }
.page_banner img{ width:100%}
/*path_nav*/
.path_bar {position:relative; background:#f3f2f7; }
.path_bar ,.path_bar  a{ }
.path_bar .path_nav{position:relative; padding:14px 0; margin:0 auto; width:65%;}
.path_bar li{display:inline-block; vertical-align:top; position:relative; font-weight:700; font-size:20px;}
.path_bar li:after { content:"-"; margin:0 3px 0 6px;}
.path_bar li:last-child:after { display:none;}
.page_bar{ position:relative;  line-height:31px; text-align:center;  margin:35px 0;}
.page_bar a,.page_bar  span{position:relative; display:inline-block; vertical-align:top; min-width:33px; padding:0 5px;margin:0 4px; text-align:center; border:1px solid #ddd; background-size:cover; border-radius:5px; font-size:16px;}
.page_bar a.current,.page_bar a:hover{ background:#1879b0; color:#fff; border-color:transparent;}



.nycontact{width:65%; 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%;}


 .pages {
	margin: 0 auto;
	padding: 20px 0 40px;
	height: 40px;
	text-align: center;
}
.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 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;}