body{font-family: "helvetica","Microsoft Yahei","Verdana","NSimSun","Arial";font-size:14px;color:#000;padding:0; margin:0;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#333; font-size:14px;}
a{ color:#000;}

a:hover{ color:#1b6099;}
.color{ color:#333;}
h1{font-size:28px;font-weight: 500;color:#333;}
h2{font-size:24px;}


/*头部*/
.header{ width:100%; border-bottom:1px solid #982537;}

.header_top{ width:100%; border-bottom:1px solid #eee;height:30px; background-color: #fff;/* 1966b1 */}
.description{ width:100%; height:30px; line-height:30px; white-space:nowrap; display: flex;
 justify-content: flex-end; 
  align-items: center;  }
.description .info_language{font-size:14px; color:#2e3e6f;margin-right: 8px;}
.description .info_language a{font-size:14px;}
.info{font-size:14px; color:#000;margin-right: 35px;}
.info_language img{width:23px;height: 14px;vertical-align: middle; /* 垂直居中 */}
.info_bianju{margin-right: 7%;}
.description a{color:#000; font-size:14px; }
.description a:hover{color:#2e3e6f;}

.mailbox {
	height: 18px;
	width: 40px;
    padding: 0px 0px;
	margin-right: 5px;
   
    color: #000;
	font-size:12px;
    border: none;
    
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.mailbox:hover{ background-color: #334e9d;color: #fff;}

/* 以下logo布局在main-header下无效，仅作备用 */
.head .logo{ width:200px; height:88px; float:left; margin: 0px 0 0 0;}
.head .logo img{ width:auto; height:20px; float:left;margin:15px 0 0;
                 vertical-align: middle; /* 调整图片与文字的对齐方式 */
                 margin-bottom: 0px; /* 调整图片与文字的上下距离 */}
.head .logo span {display: inline-block; /* 使图片和文字分行显示 */color:#444444;padding-top: 0px;letter-spacing: 0px;white-space: nowrap;/* 允许文字溢出*/}
/* 以上备用代码结束*/

.main-header .logo, .main-header .logo img{ width:auto; height:42px;}
.logo-text {
  font-family: "Microsoft Yahei", sans-serif;
  font-size: 24px;   
  color: #40464b;
	margin-top: -85px;
	padding-left: 95px;
  line-height: 1.4;   /* 行高 */
  font-weight: 600;
  white-space: nowrap; /* 防止文字换行 */
}
.main-header.fixed .logo-img {
  height: 32px; /* 缩小后的高度 */
	padding-top: 8px;
  content: url("https://www.kaitongmetal.com/Assets/images/logo-6.svg"); /* 切换为小尺寸logo */
}
.main-header.fixed .logo-text {
 display: none;
}

.main-header.fixed .nav > li,.main-header.fixed .nav > li > a{
  height: 55px;
  line-height: 55px;
}





/* ===== 主导航样式 ===== */
.nav_m .nav {
  width: 100%;
  text-align: right;
}

.nav_m .nav li,
.nav li a {
  display: inline-block;
  *display: inline; /* IE7 hack */
  zoom: 1;
  width: 180px;
	height:88px;
	line-height: 88px;
  text-align: center;
  padding: 0;
}

.nav_m .nav li {
  border-bottom: 0;
  margin-left: 0;
  position: relative; /* 为子菜单定位做准备 */
}

.nav_m .nav li a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  display: block; /* 使整个区域可点击 */
}

.nav_m .nav li a:hover {
  color: #0184ff;
}

/* 高亮菜单项 */
.nav_m .nav li.HL {
  color: #0184ff;
}
.nav_m .nav li.HL > a {
  color: #0184ff;
}

/* ===== 响应式菜单图标 ===== */
.nav_m .n_icon {
  display: none;
  position: absolute;
  right: 0;
  z-index: 9999;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  padding-left: 28px;
  background: url(../images/nav_ico.png) no-repeat left center;
  font-size: 18px;
}

/* ===== 下拉菜单系统 ===== */
.menu-title {
  position: relative;
}

.menu-list {
  position: absolute;
  z-index: 999;
  display: none;
  left: 0;
  width: 100%;
}

.menu-title:hover > .menu-list {
  display: block;
}

.menu-list .in_nav {
  width: 378px;
  background: rgba(242, 242, 242, 0.6);
  position: absolute;
  left: 50%;
  transform: translateX(-50%); /* 修正为精确居中 */
  top: 100%;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.menu-list .in_nav li {
  display: flex;
  align-items: center; /* 垂直居中 */
  width: 100%;
  height: 45px; /* 确保生效 */
  border-bottom: 1px solid #982537;
  padding: 0; /* 可选左右间距 */
}

.menu-list .in_nav li.HL_list {
  background: #fff;
}
.menu-list .in_nav li.HL_list a {
  color: #0184ff;
}

.menu-list .in_nav li a {
  display: block;
  height:45px;
  line-height: 45px;
  width: calc(100% - 16px);
  padding: 0 8px;
  color: #000;
  transition: all 0.3s;
}

.menu-list .in_nav li a:hover {
  background-color: #fff;
  color: #0184ff;
}

/* 文字溢出处理 */
.menu-list .in_nav li.auto-wrap a {
  line-height: 1.4;
  word-break: break-word;
  white-space: normal;
  padding: 8px;
}



/*语言栏开始*/
.select .nav_language{ width:120px; float:left; margin-top:1px;}
.select .nav_language .lnav{ width:120px;background-color:#f2f2f2; position:absolute;text-align:center;display:none; z-index:999; }
.lnav li,.lnav li a{ width:100%; display:inline-block; *display:inline; zoom:1;}
.lnav li{ border-bottom:1px solid #FFF; margin-left:0px;}
.lnav li.now{ border-bottom:1px solid #982537;background:#f2f2f2;}
.lnav li a{ width:100%;margin-left:0; font-size:16px; color:#2e3e6f; padding:0 0px; height:35px; line-height:35px;}
.lnav li a:hover{color: #333;height:35px;background:#cccccc;display:inline-block; }
.lnav li.now a{color: #333;}
.nav_language .l_icon{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; color:#2e3e6f; padding-left:35px; background:url(../images/icon_language.png) no-repeat left center; cursor:pointer;display:block; font-size:16px;}
.nav_language .l_icon:hover{color: #2e3e6f;background:url(../images/icon_language_color.png) no-repeat left center;}

/*语言栏结束*/

/*微信栏开始*/
.select .wx{ width:95px; float:right; margin-top:1px;margin-left:40px;}
.select .wx .wnav{ width:90px;background-color:#f2f2f2; position:absolute;text-align:center;display:none; z-index:999; }
.wx .wnav li,.wx .wnav li a{ width:90px; display:inline-block; *display:inline; zoom:1;}
.wx .wnav li{ border-bottom:1px solid #FFF; margin-left:0px;}
.wx .wnav li.now{ border-bottom:2px solid #2e3e6f;background:#f2f2f2;}
.wx .wnav li a{ width:100%;margin-left:0; font-size:16px; color:#2e3e6f; padding:0 0px; height:35px; line-height:35px;}
.wx .wnav li a:hover{color: #fff;height:35px;background:#f2f2f2;display:inline-block; }
.wx .wnav li.now a{color: #333;}
.wx .w_icon{  display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; color:#2e3e6f; padding-left:35px; background:url(../images/icon_wx.png) no-repeat left center; cursor:pointer;display:block; font-size:16px;}
.wx .w_icon:hover{color: #2e3e6f;background:url(../images/icon_wx_color.png) no-repeat left center;}

/*微信栏结束*/


/*幻灯片*/
.banner{ width:100%;height:400px; position:relative; z-index:99; border-top:1px solid #eee;}
.space_hx ,.space_hx img{ width:100%; margin-bottom:-6px;height:16px;background:url(../images/banner_a.png) no-repeat center;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
#owl-demo { position: relative; width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ position: relative; display: block;}
#owl-demo img { display: block; height:100%;}

#owl-demo b { position: absolute; left: 0; bottom: 0px; width: 100%; height: 50%; background: rgba(76, 76, 76, 0.4); filter: alpha(opacity=40);}

/*以下bb_bb和bb是左下右上两个对位X设计，备用*/
#owl-demo .bb_bb { position: absolute; left: 0; bottom: 0px; width: 54%; height: 50%; background: rgba(76, 76, 76, 0.4); filter: alpha(opacity=40);clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);}
#owl-demo .bb{ position: absolute; left:54%; top: 0px; width: 100%; height: 50%; background: rgba(1, 60, 149, 0.4); filter: alpha(opacity=40);clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);}


#owl-demo .bb0{ position: absolute; left:0; top: 0px; width: 100%; height: 100%; clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);}
#owl-demo .bb1{ position: absolute; left:70%; top: 0px; width: 100%; height: 33%; }
#owl-demo .bb2{ position: absolute; left:70%; top: 34%; width: 100%; height: 32%; }
#owl-demo .bb3{ position: absolute; left:70%; top: 67%; width: 100%; height: 33%; }
#owl-demo .bb4{ position: absolute; left:90%; top: 0px; width: 100%; height:7%;filter: alpha(opacity=40);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}

#owl-demo .bb_bg_color_1{background: rgba(76, 76, 76, 0.4); filter: alpha(opacity=40);}
#owl-demo .bb_bg_color_2{background: rgba(1, 60, 149, 0.4); filter: alpha(opacity=40);}
#owl-demo .bb_bg_color_3{background: rgba(1, 60, 149, 0.8); filter: alpha(opacity=80);}

#owl-demo span {  position: absolute;left: 10px; bottom: 20%; width: 100%; font: 30px/34px "helvetica","Verdana","微软雅黑","NSimSun","黑体"; color: #fff; text-align: left;}
#owl-demo .span_bb {  position: absolute;left: 2%; bottom: 60%; width: 100%; font: 28px/34px "helvetica","Verdana","微软雅黑","NSimSun","黑体"; color: #fff; text-align: left;}
#owl-demo .span_bb0 {  position: absolute;left: 2%; top: 40%; width: 100%; font: 20px/30px "helvetica","Verdana","微软雅黑","NSimSun","黑体"; color: #fff; text-align: left;}
#owl-demo .span_bb4 {  position: absolute;left:10px; bottom: 10%; width: 100%; font: 16px/18px "helvetica","Verdana","微软雅黑","NSimSun","黑体"; color: #000; text-align: left;}
#owl-demo .span_bb123 {  position: absolute;left:10px; bottom: 20%; width: 100%; font: 20px/30px "helvetica","Verdana","微软雅黑","NSimSun","黑体"; color: #fff; text-align: left;}

.owl-pagination { position: absolute; bottom: 10px; width:100%; height: 22px; text-align: center;}
.owl-page { display: inline-block; width:18px; height: 18px; margin: 0 5px; background:url(../images/icon2_10.png) no-repeat; *display: inline; *zoom: 1;}
.owl-pagination .active { background:url(../images/icon1_10.png) no-repeat;}
.owl-buttons { display: none;}
.owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px; text-indent: -9999px;}

/*home banner 方框文字信息*/
.home_banner{ width:100%;}
.home_banner .b_box{ width:auto; text-align:right;}
.home_banner .b_box{  margin-left:2px;padding: 0px 5px; border: 1px solid #ffffff;font-size: 16px;display: inline-block; color:#fff;}
.home_banner .b_box:hover{ color:#000;background:#fff;}
/*home banner 文字信息*/
/*.owl-prev { left: 10px; background-image: url(../images/bg17.png);}
.owl-next { right: 10px; background-image: url(../images/bg18.png);}
.owl-prev:hover { background-image: url(../images/bg17.png);}
.owl-next:hover { background-image: url(../images/bg18.png);}*/
@media screen and (max-width: 579px) {.owl-pagination{bottom:0px;height:15px;}}
/*幻灯片*/
.bg_a{ width:100%; background:#78797a;border-bottom:1px solid #8c8c8c;}
.bg_a li img{ height:87px; width:auto;margin-top: 30px;}
.f_nav{ width:1100px; margin:0px auto; padding:40px 0 30px;}
.f_nav li{ width:240px; float:left; padding-right:20px; margin-right:20px; background:url(../images/line.png) no-repeat right top; min-height:158px; font-size:12px;color:#fff;}
.f_nav li a{color:#fff;}
.f_nav li.f_ct{ width:190px;}
.f_nav li.dz{ background:none; padding-right:0; margin-right:0; width:280px;}
.f_nav li .name b{ display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; position:relative; font-size:16px;}
.f_nav li .name b i{ display:block; width:48px; height:40px; position:absolute; right:-30px; top:-28px; background:url(../images/icon4.png) no-repeat;}
.f_nav li p{ width:100%; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:7px;}
.f_nav li p span{ display:inline-block; *display:inline; zoom:1; height:25px; line-height:25px; vertical-align:top;}
.f_nav li img{width:auto; height:32px;}
.f_nav li .share{ width:100%; text-align:center; height:auto;}
.f_nav li .share img{ width:36px; height:35px;}
.f_nav li.dz p{ width:100%; height:auto; white-space:normal; line-height:145%; position:relative; padding-bottom:5px;}
.f_nav li.dz p .map{ display:inline-block; *display:inline; zoom:1; padding-left:50px; background:url(../images/icon7.png) no-repeat left center; height:35px; float:right; line-height:35px; margin-top:-5px;}
.f_nav li.dz .f_s{ width:100%; height:30px; background:#FFF; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; position:relative; background:#FFF; overflow:hidden;}
.f_nav li.dz .f_s input[type="text"]{ width:220px; height:30px; border:0; background:none; line-height:30px; padding:0 5px; position:absolute; left:0; top:0;}
.f_nav li.dz .f_s input[type="submit"]{ width:70px; height:30px; position:absolute; right:0; top:0; cursor:pointer; background:#FF3333; color:#FFF; text-align:center; line-height:30px; border:0;}
.f_bg{ width:100%; background:#78797a; padding:20px 0;}
.bq{ width:1100px; margin:0px auto;}
.bq .bq_l{ width:40%; height:20px; line-height:20px; text-align:left; font-size:12px; color:#FFF; float:left;}
.bq .bq_l a{ color:#fff;}
.bq .bq_l a:hover{ color:#eff3f6;}
.bq .bq_r{ width:50%; height:20px; line-height:20px; text-align:right; float:right; color:#FFF; font-size:12px;}
.bq .bq_r a{ color:#fff;}
.bq .bq_r a:hover{ color:#eff3f6;}

.i_line{ width:100%; border-top:1px solid #982537; position:relative; height:15px;}
.i_line em{ display:block; width:125px; height:36px; position:absolute; left:50%; top:-1px; z-index:99; margin-left:-62px; background:url(../images/icon3.png) no-repeat;}
.i_ma{ width:1100px; margin:0px auto; text-align:center; padding:15px 0 40px;}
.i_ma li{ display:inline-block;*display:inline; zoom:1; width:260px; text-align:left; vertical-align:top; margin:0 5px;}

.i_ma li img{ width:260px; height:130px; vertical-align:top;}
.i_ma li .title{ width:100%; height:40px; line-height:45px; border-bottom:1px solid #982537;}
.i_ma li .title a{ font-size:16px;}
.i_ma li .title a em{
	color: #0184ff;
	padding-right: 8px;
	
}
.i_ma li .title a em:hover{ color: #444;}

.i_ma li .des{ width:100%; margin-top:10px; height:40px; line-height:165%; margin-bottom:8px; overflow:hidden; font-size:12px;}
.i_ma li .more{ width:100%; height:25px; line-height:25px; padding-top:7px; border-top:1px solid #982537;}
.i_ma li .more a{ display:inline-block; *display:inline; zoom:1; font-size:12px; color:#2e3e6f; padding-left:25px; background:url(../images/icon8.png) no-repeat left center;}
.i_ma li .more a:hover{
	color: #2e3e6f;
}
.i_ma_r3{ width:1100px; margin:0px auto; text-align:center; padding:15px 0 40px;}
.i_ma_r3 li{ display:inline-block;*display:inline; zoom:1; width:350px; text-align:left; vertical-align:top; margin:0 5px;}
.i_ma_r3 li img{ width:280px; height:157px; vertical-align:top;}
.i_ma_r3 li .title{ width:100%; height:40px; line-height:45px; border-bottom:1px solid #982537;}
.i_ma_r3 li .title a{ font-size:14px;}
.i_ma_r3 li .title a em{
	color: #0184ff;
	padding-right: 8px;
	
}
.i_ma_r3 li .title a em:hover{ color: #444;}
.i_ma_r3 li .des{ width:100%; margin-top:10px; height:60px; line-height:165%; margin-bottom:8px; overflow:hidden; font-size:12px;}


.i_ma_r5{ width:900px; margin:0px auto; text-align:center; padding:15px 0 40px;}
.i_ma_r5 li{ display:inline-block;*display:inline; zoom:1; width:170px; text-align:left; vertical-align:top; margin:0 5px;}
.i_ma_r5 li img{ width:140px; height:140px; vertical-align:top;}
.i_ma_r5 li .title{ width:100%; height:40px; line-height:45px; border-bottom:1px solid #982537;}
.i_ma_r5 li .title a{ font-size:14px;}
.i_ma_r5 li .title a em{
	color: #0184ff;
	padding-right: 8px;
	
}
.i_ma_r5 li .title a em:hover{ color: #444;}
.i_ma_r5 li .des{ width:100%; margin-top:10px; height:60px; line-height:165%; margin-bottom:8px; overflow:hidden; font-size:12px;}


.i_ma_r6{ width:100%; margin:0px auto; text-align:center; padding:15px 0 40px;}
.i_ma_r6 li{ display:inline-block;*display:inline; zoom:1; width:170px; text-align:left; vertical-align:top; margin:0 5px;}
.i_ma_r6 li img{ width:170px; height:170px; vertical-align:top;}
.i_ma_r6 li .title{ width:100%; height:40px; line-height:45px; border-bottom:1px solid #982537;}
.i_ma_r6 li .title a{ font-size:14px;}
.i_ma_r6 li .title a em{
	color: #0184ff;
	padding-right: 8px;
	
}
.i_ma_r6 li .title a em:hover{ color: #444;}
.i_ma_r6 li .des{ width:100%; margin-top:10px; height:60px; line-height:165%; margin-bottom:8px; overflow:hidden; font-size:12px;}




.i_ma_r8{ width:100%; margin:0px auto; text-align:center; padding:15px 0 40px;}
.i_ma_r8 li{ display:inline-block;*display:inline; zoom:1; width:11%; text-align:center; vertical-align:top; margin:0 5px;}
.i_ma_r8 li a{ display:inline-block;*display:inline; zoom:1; text-align:center; vertical-align:top; margin:0 5px;}
.i_ma_r8 li img{ width:45px; height:45px; vertical-align:top;display: inline-block;}
.i_ma_r8 li .title{ width:100%; height:45px; line-height:45px; border-bottom:1px solid #982537;}
.i_ma_r8 li .title a{ font-size:14px;}
.i_ma_r8 li .title a em{
	color: #0184ff;
	padding-right: 8px;
	
}
.i_ma_r8 li .title a em:hover{ color: #444;}








.scd{ width:100%; margin:0px auto; padding:40px 0 50px; text-align:left; font-size:14px; color:#555; line-height:175%;}

.scd .center{ width:100%;text-align:center;}

.scd .center_img{ width:100%; height:400px;margin:-15px auto auto;vertical-align:center; background:url(../upload/company.jpg) no-repeat center;}

/*.scd .center_img{ width:100%; height:240px;margin:0px auto;vertical-align:center; background:url(../upload/MO.jpg) no-repeat center;}*/

.scd img{ max-width:100%; height:auto; vertical-align:top;}
.pages{ width:100%; text-align:center; margin-bottom:25px;}
.pages a{ display:inline-block; *display:inline; zoom:1; height:22px; line-height:22px; border:2px solid #eee; margin:0 1px; font-size:12px; color:#555; padding:0 5px;}
.pages a.now{ color:#FFF; font-weight:bold; background:#677983; border-color:#677983;}
.scd_a{ width:100%; padding:0px 0;}
.scd .scd_l{ width:185px; float:left;}
.scd_l .name{ width:100%; height:50px; line-height:50px; text-align:center; font-size:24px; color:#FFF; background:#2e3e6f;}
.scd_l .name a{ color:#FFF;}
.scd_l .name a:hover{ color:#333;}
.scd_l .s_nav{ width:203px; border-top:0; box-shadow:0 0px 1px #aaa; padding:0px 0;}
.scd_l .s_nav li{ width:100%;border-bottom:1px solid #982537; height:50px; line-height:50px;}
.scd_l .s_nav li a{ font-size:16px; width:94%; display:inline-block; height:50px; line-height:50px; padding:0 3%;
  }

 /* 调整 li文字溢出时候换行显示居中 */
.s_nav li.auto-wrap a{ padding-top: 10px;height: 40px;
  line-height: 1.2; /* 调整 line-height 属性的值 */
  word-break: break-all;
  vertical-align: middle; /* 设置垂直对齐方式为中间 */}
.s_nav li.now{ background:#F2F2F2;font-weight:bold;}
.s_nav li.now a{ color:#2e3e6f;background:#F2F2F2;  }
.s_nav li a:hover{ background:#eee;font-weight:bold;  }


/*.about{ width:1200px; padding:10px 0;float:left;}*/
.about{ width:100%;margin:0px auto;}

.about .center{ width:100%;text-align:center;}
.about .center_img{ width:100%; height:240px;margin:0px auto;vertical-align:center; background:url(../upload/worldmap2.jpg) no-repeat center;}
.about img{ height:240px; margin-bottom:55px;vertical-align:center;margin:0px auto;}
.about .center img{ height:auto; vertical-align:center;margin:0px auto;}
.about a{ font-size:14px;}
.about a em{color: #000;font-size:15px; height:25px; line-height:25px;}
.about a em:hover{ color: #000;}
.textbox{ background: #eff3f6;padding: 10px 0;border-top: 0px solid #982537;border-bottom: 1px solid #982537;}
.textbox:hover{ background: #eff3f6;}

.space_h3{padding: 20px 0;background: rgba(1, 60, 149, 0.7); color:#fff;line-height: 24px;margin-top: 5px;}
.top_space{margin-top: 15px;}




.about .Inspection{ width:1200px; margin:0px auto; text-align:center;}
.Inspection .quaIn{ height:240px;background:#f2f2f2;margin-top:0px; }
.qua-center{ width:100%; margin:0px auto; text-align:center;}
/*materials Navbar begin*/

.scd .nav_material{ width:780px; float:right; margin-top:40px;}

.scd .nav_material.m_nav{ width:100%; text-align:right;}
.m_nav li,.m_nav li a{ display:inline-block; *display:inline; zoom:1;}
.m_nav li{  margin-left:2px;}
/*.m_nav li.now{border-bottom:0px solid #2e3e6f;}
.m_nav .right{border-bottom:0px solid #2e3e6f; color:#000; float:right;}*/
.m_nav .rightnow{color:#2e3e6f;background:#f2f2f2;float:right;border-bottom:0px solid #2e3e6f;}
.m_nav .right a{color:#fff;}
.m_nav .right a:hover{color:#2e3e6f;background:#f2f2f2;}

.m_nav li a{ margin-left:0; font-size:16px; color:#2e3e6f; padding:0 10px; height:35px; line-height:35px;}

.m_nav li a:hover,.m_nav li.now a{ color:#ffffff;background:url(../images/nav_bg.png) left center;}
/*materials bar*/
.scd .scd_r{ width:900px; float:left; margin-left:30px;}
.scd .scd_r .case{ width:100%;}
.case dl{ width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #982537;}
.case dl dt,.case dl dt img{ width:170px; height:130px; float:left; vertical-align:top;}
.case dl dd{ width:710px; float:right;}
.case dl dd .title{ width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case dl dd .title a{ font-size:18px; color:#2e3e6f;}
.case dl dd .title a:hover{color:#333;}
.case dl dd .des{ width:100%; height:45px; font-size:14px; color:#000; line-height:175%; overflow:hidden; margin-bottom:20px;}
.case dl dd .more{ width:100%; text-align:left;}
.case dl dd .more a{ font-size:14px;color:#2e3e6f;}
.case dl dd .more a:hover{color:#333;}
.pro{ width:100%;}

.pro dl{ width:1200px; margin:0px auto; padding:25px 0; margin-bottom:25px; background:#F4F4F4;}
.pro dl dt{ width:420px; height:268px; float:right; margin-right:50px;}
.pro dl dt .name{ width:100%; height:50px; line-height:50px; padding-top:15px; font-size:18px;}
.pro dl dt .name a{font-size:18px;color:#2e3e6f;}
.pro dl dt .name a:hover{color:#333;}
.pro dl dt img{ width:420px; height:245px; vertical-align:top;}
.pro dl dd{ width:610px;float:left; margin-left:50px;}

.pro dl dd .name{ width:100%; height:50px; line-height:50px; padding-top:15px; font-size:18px;}
.pro dl dd .image{ width:100%; height:50px; line-height:50px; padding-top:0px; font-size:18px;}
.pro dl dd img{ width:10%; height:50px; line-height:50px;padding-right:5px; padding-top:5px; font-size:16px;}
.pro dl dd .name a{color:#2e3e6f;}
.pro dl dd .name a:hover{color:#333;}
.pro dl dd .des{ width:100%; font-size:14px; line-height:175%; overflow:hidden; margin-bottom:30px; color:#000;}
.pro dl dd .more{ width:100%; margin-bottom:40px;}
.pro dl dd .more a{ display:block; width:110px; height:32px; text-align:center; line-height:32px; font-size:14px; color:#FFF; background:#2e3e6f;}
.pro dl dd .time{ width:100%; height:25px; line-height:25px; background:url(../images/icon9.png) no-repeat left center;}
.pro dl dd .time span{ font-size:13px; margin-left:25px;}
/*process_Materials设置*/
.pro_materials{ width:100%;}
.pro_materials dl{ width:100%; margin:0px auto; padding:25px 0; margin-bottom:25px; background:#F4F4F4;}
.pro_materials dl dd{ width:100%;float:left; margin-left:0;}

.pro_materials dl dd .name{ width:100%; height:50px; line-height:50px; padding-top:15px; font-size:18px;}
.pro_materials_materials dl dd .image{ width:100%; height:50px; line-height:50px; padding-top:0px; font-size:18px;}
.pro_materials dl dd img{ width:10%; height:50px; line-height:50px;padding-right:5px; padding-top:5px; font-size:16px;}
.pro_materials dl dd .name a{color:#2e3e6f;}
.pro_materials dl dd .name a:hover{color:#333;}
.pro_materials dl dd .des{ width:100%; font-size:14px; line-height:175%; overflow:hidden; margin-bottom:30px; color:#000;}
.pro_materials dl dd .more{ width:100%; margin-top:40px;}
.pro_materials dl dd .more a{ display:block;  margin:0px auto;width:110px; height:32px; text-align:center; line-height:32px; font-size:14px; color:#FFF; background:#982537;}
.pro_materials dl dd .time{ width:100%; height:25px; line-height:25px; background:url(../images/icon9.png) no-repeat left center;}
.pro_materials dl dd .time span{ font-size:13px; margin-left:25px;}

/*process_image流程图设置*/
.pro_materials dl dd .process_image{ width:62%;margin:0px auto; }
.pro_materials dl dd .process_image dl{ width:10%; float:left;margin-right:10px; margin-bottom:0px;}
.pro_materials dl dd .process_image dl dd{ width:100%;margin-left:0px;}
.pro_materials dl dd .process_image dl dd .text{ width:100%; height:20px;line-height:20px; font-size:14px; color:#78797a; text-align:center; padding-left:0px; margin-bottom:0px;}
.pro_materials dl dd .process_image dl dd .text:hover{color:#000;}
.pro_materials dl dd .process_image dl dt{ width:100%; height:60px;margin-right:0px;}
.pro_materials dl dd .process_image dl dt img{ width:45px;height:45px; padding-left:0px;}




.mat{ width:100%;}
.mat .m_element{ height:100px; float:right; margin:0px 0;}
.mat .m_element img{ width:72px; height:72px; vertical-align:top;}
.mat .m_main_img{ vertical-align:top;}
.mat dl{ width:1200px; margin:0px auto; padding:25px 0; margin-bottom:25px; background:#F4F4F4;}
.mat dl dt{ width:420px; float:right; margin-right:50px;}
.mat dl dt .name{ width:100%; height:50px; line-height:50px; padding-top:15px; font-size:18px;}
.mat dl dt .name a{font-size:18px;color:#2e3e6f;}
.mat dl dt .name a:hover{color:#333;}
.mat dl dt img{ width:348px; height:245px; vertical-align:top;}
.mat dl dd{ width:610px; float:left; margin-left:50px;}
.mat dl dd .name{ width:100%; height:50px; line-height:50px; padding-top:15px; font-size:18px;}
.mat dl dd .name a{color:#2e3e6f;}
.mat dl dd .name a:hover{color:#333;}
.mat dl dd .des{ width:100%; font-size:14px; line-height:175%; overflow:hidden; margin-bottom:30px; color:#000;}
.mat dl dd .more{ width:100%; margin-bottom:40px;}
.mat dl dd .more a{ display:block; width:110px; height:32px; text-align:center; line-height:32px; font-size:14px; color:#FFF; background:#982537;}
.mat dl dd .time{ width:100%; height:25px; line-height:25px; background:url(../images/icon9.png) no-repeat left center;}
.mat dl dd .time span{ font-size:13px; margin-left:25px;}

/*certificate main*/
.cert{ width:1200px; margin:0px auto; text-align:center;}
.cert dl{ width:300px; margin:0px auto; padding:10px 0; margin-bottom:25px; float:left;background:#fff;border-bottom:1px solid #982537;}
.cert dl dt{ margin-right:10px;}
.cert dl dt img, .qua dl dt{ width:auto; height:240px;}

.cert dl .ins-img img{ width:auto; height:140px;}

.cert dl dt img{ margin-left:10px;}
.cert dl dd{ margin-left:10px;}
.cert dl dd a{ font-size:16px; color:#0184ff; }

/*qua main*/
.qua{ width:1200px; margin:0px auto; text-align:center;}
.qua dl{ width:240px; margin:0px auto; padding:10px 0; margin-bottom:25px; float:left;background:#fff;border-bottom:1px solid #982537;}
.qua dl dt{ margin-right:10px;}
.qua dl dt img, .qua dl dt{ width:220px; height:170px;}
.qua dl dt a{ margin-left: 10px; font-size:16px; color:#0184ff; }
.qua dl dt img{ margin-left:10px;}



/*qua Product conversion to equipment渐变切换效果*/

  .change_img {
    position: relative;
    
    overflow: hidden;
  }
  .change_img .image {
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease;
  }
  .change_img .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color:#fff;
	  font-size:20px;
	  
	  background: rgba(1, 60, 149, 0.6);
    
    transition: opacity 0.5s ease;
  }
  .change_img:hover .background {
    background: rgba(1, 60, 149, 0.4);
	  
  }
  .change_img:hover .image {
    opacity: 1.0;
  }


.qua dl dt .img_change4{background:url("../upload/189270/heat_treatment.jpg") no-repeat left center;width:100%; height:100%;margin-left:10px; background-size: cover;overflow: hidden;}
.qua dl dt .img_change4:hover{background:url("../upload/189270/coldrolling.jpg") no-repeat left center;background-size: cover;overflow: hidden;}
.qua dl dt .img_change5{background:url("../upload/189270/SKILL.jpg") no-repeat left center;width:100%; height:100%;margin-left:10px; background-size: cover;overflow: hidden;}
.qua dl dt .img_change5:hover{background:url("../upload/189270/maching.jpg") no-repeat left center;background-size: cover;overflow: hidden;}

.qua dl dd{ width:225px;height:160px; margin-left:10px;margin-top: 28px;}
.qua dl dd a{ margin-left: 0px; font-size:12px; color:#2e3e6f; }
.qua dl dd .more{ margin-bottom:10px;border-top:0px solid #982537;}

.qua dl dd .name{ width:100%; height:20px; line-height:20px; padding-top:3px; font-size:16px;}
.qua dl dd .name a{color:#2e3e6f;}
.qua dl dd .name a:hover{color:#333;}
.qua dl dd .more{ width:100%;}
.qua dl dd .more a{ color:#2e3e6f;}
.qua dl dd .more a:hover{color:#333;}




/*quality main*/
.quality{ width:100%;}

.quality .backgroundcolor {
    background-color: #f2f2f2;padding:20px;
}

.quality .center{ width:100%; float:left; margin-left:0px;}
.quality .center_img{ width:100%; height:240px;margin:0px auto;vertical-align:center; background:url(../upload/world_map1.jpg) no-repeat center;}
.quality img{ width:220px; height:120px; vertical-align:top;float:left; margin-right:20px;}


/*application main*/
.scd .scd_app{ width:80%; float:left;margin-left:30px; }
.scd .scd_app .casea{ width:100%;float:left;}

.casea dl{width:100%;height:auto; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #982537;}
.casea dl dt,.casep dl dt img{ width:25%; height:auto; float:left; vertical-align:top;}
.casea dl dd{ width:100%; float:right;}
.casea dl dd .title{ width:100%; height:auto; line-height:40px; white-space:nowrap; overflow: visible; text-overflow:ellipsis;}
.casea dl dd .title a{ font-size:18px; color:#2e3e6f;}
.casea dl dd .title a:hover{color:#333;}
.casea dl dd .des{ width:100%; height:auto; font-size:14px; color:#000; line-height:175%; overflow:visible; margin-bottom:20px;}
.casea dl dd .des_title{ width:140px; height:auto; font-size:16px; color:#000; background-color:#eee; line-height:175%;margin-left: 35px; margin-bottom:20px; text-align: center;float:left;}

.casea dl dd .des_title li{ border: 1px solid #982537;margin:0px; }

.casea dl dd .more{ width:100%; text-align:left;}
.casea dl dd .more a{ font-size:14px;color:#78797a;}
.casea dl dd .more a:hover{color:#333;}

/*product main*/
.scd .scd_p{ width:80%; float:left;margin-left:30px; }
.scd .scd_p .casep{ width:25%;float:left;}

.casep dl{width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #982537;}
.casep dl dt,.casep dl dt img{ width:95%; height:160px; float:left; vertical-align:top;}
.casep dl dd{ width:100%; float:left;margin-left:5px;box-sizing: border-box; /* 包含padding在高度内 */}
.casep dl dd .title{ width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.casep dl dd .title a{ font-size:18px; color:#2e3e6f;}
.casep dl dd .title a:hover{color:#333;}
.casep dl dd .des{ width:100%; height:45px; font-size:14px; color:#000; line-height:175%; overflow:hidden; margin-bottom:20px;}
.casep dl dd .more{ width:100%; text-align:left;}
.casep dl dd .more a{ font-size:14px;color:#78797a;}
.casep dl dd .more a:hover{color:#333;}

/*contact main*/
.contact{ width:1200;margin:0px auto;}
.contact .center{ width:100%; float:left; margin-left:0px;}
.contact .center_img{ width:100%; height:400px;margin:-15px auto auto;vertical-align:center; background:url(../upload/worldmap5.jpg) no-repeat center;}

.contact .con_title{ width:100%; margin-top:25px; line-height:32px; text-align:center; overflow:hidden;color:#013c95; }
.contact dl{ width:100%; margin:0px auto; padding:25px 0; margin-bottom:25px; background:#FFF;}

.contact dl dt{ width:400px; float:left;margin-left:200px;}
.contact dl dt .name{ width:100%; height:50px; line-height:50px; padding-top:15px; font-size:18px;}
.contact dl dt .name a{font-size:18px;color:#2e3e6f;}
.contact dl dt .name a:hover{color:#333;}
.contact dl dt img{height:210px; float:right;vertical-align:top; }

.contact dl dd{ width:400px; float:left; margin-left:0px;}
.contact dl dd .name{ width:100%; height:50px; line-height:50px; padding-top:15px; font-size:18px;}
.contact dl dd .name a{color:#2e3e6f;}
.contact dl dd .name a:hover{color:#333;}
.contact dl dd .des{ width:100%; font-size:16px; line-height:125%; text-align:center; overflow:hidden; margin-bottom:10px; color:#000;}

.contact dl dd .des a:hover{ color:#2e3e6f;}
.contact dl dd .des a{ color:#78797a;}
.contact dl dd .des img{ width:45%;height:auto;}
.contact dl dd .more{ width:100%; margin-bottom:40px;}
.contact dl dd .more a{ display:block; width:110px; height:32px; text-align:center; line-height:32px; font-size:14px; color:#FFF; background:#2e3e6f;}

/*search_reaults*/
.contact{ width:1200;margin:0px auto;}
.contact .search_results{ width:100%; float:left;text-align:left;background-color: #f2f2f2; min-height: 300px;}




/*绘制表格*/
   table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid black;
            padding: 8px;
            text-align: center;
        }


.title_mid {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
  height: 400px;           /* 指定容器的高度 */
}

.title_mid a{color:#fff;font-size: 28px;}

.item_bg{background-size: cover/* 覆盖容器 */;background-position: center/* 确保中心对齐 */;}
.item1 {
  background-image: url('../upload/banner8.webp');  
}
.item2 {
  background-image: url('../upload/banner10.webp');
}
.item3 {
  background-image: url('../upload/banner12.webp');
}


/* homepage */

section {display: block;}
.application-data{margin-top: 10px;width:95%;margin:0px auto;}
.top-grids{
	padding-bottom:20px;
	border-bottom:1px solid rgba(245, 238, 243, 0.15);
}
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}
.grid_1_of_3{
	display: block;
	float:left;
	margin: 0% 0 0% 1.6%;
}
.grid_1_of_3:first-child { 
	margin-left: 0; 
}
.images_1_of_3 {
	width: 29.2%;
	padding:0% 1.5% 1.5% 1.5%; 
}
.images_1_of_3  img {
	max-width:97%;
	display:inline-block;
}
.images_1_of_3  h3 img{
	margin-right:15px;
}
.images_1_of_3  h3,.services_list h3,.content-bottom h3{
	color:#78797a;
	font-size:18px;
	margin-bottom: 1px;
	padding-bottom: 1px;
	font-weight:400;
}
.content-bottom-left h3{
	font-weight:100;
	font-size:18px;
	text-transform:none;
}
.content-bottom-left h3 span{
	font-weight:600;
	text-transform:uppercase;
}
.images_1_of_3  h3 span,.services_list h3 span,.content-bottom h3 span{
	color:#0184ff;
}
.images_1_of_3  p,.content-bottom p {
	font-size:14px;
	padding:5px 0;
	color:#787c7f;
	line-height: 1.8em;
}

/* 滑动固定菜单*/

.main-header {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  padding: 0px 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease;
	font-size: 16px;
}

/* 初始状态 */
.main-header {
	height: 90px;
  position: relative;
  z-index: 1000;
}

/* 固定状态 */
.main-header.fixed {
height: 55px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  animation: slideDown 0.3s ease-out;
  background: rgba(255, 255, 255, 0.82);
}

/* 内容偏移（当导航栏固定时） */
.main-header.fixed + .content {
  padding-top: 80px; /* 等于导航栏高度 */
}


/* 动画效果 */
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}