#translate{ display:none;}
*{ margin:0; padding:0; box-sizing: border-box; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{   font-family:"microsoft yahei"; color:#333; font-size:1rem; background: #FFFFFF; line-height: 24px;}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #00479b;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
.container{ width:84%;  margin: 0 auto;}
.flex {display: flex; flex-wrap: wrap;}
.flex-center { display: flex; align-items: center; justify-content: space-between;}
.flex-center1 { display: flex; align-items: center; justify-content:center;}
.flex-center2 { display: flex; align-items: center; justify-content:flex-start;}
.flex-center-contain { justify-content: space-between;}
.flex-center-contain1 { justify-content: space-between; align-items: center; }
.flex-center-contain2 { align-items: center; }
h1,h2,h3,h4,b{ font-family: myFirstFont1; color: #111111;}
em,i{ font-style: normal;}
button{ cursor: pointer;}

::-webkit-scrollbar {
  width: 6px;
  height:5px;
}


::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  border-radius: 10px;
}


::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
}


::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);z-index:888;}
.alertVideoContent{display:none;position:fixed;top:50%;left:50%;width:600px;margin:-80px 0 0 -300px;z-index:999;background:#fff; height:auto; 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:-27px;right:-27px;cursor:pointer;}

#home .home,
#products .products,
#service .service,
#contact .contact,
#qua .qua,
#news .news,
#fed .fed,
#about .about{ color:#0564af; }


.HeaderM{ display: none;}


input,button,select,textarea{ outline:none; font-family:"microsoft yahei";}
textarea{resize:none; font-family:"microsoft yahei";}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}

#warp{ width:100%; height:auto; overflow: hidden;}

header.current{ position: fixed; left: 0; top: 0; z-index: 999; width: 100%; box-shadow: 0 0 20px rgba(0,0,0,.5);}

.topbar{ width: 100%; height: 45px; line-height: 45px; color: #FFFFFF;  background: #000;}
.topbar a{ color: #FFFFFF; }
.topbar a:hover{ color: #0564af;}
.topbar .topemail{}
.topbar .topemail i{ line-height: 45px; margin-right: 8px;}

.topbar .topshare{}
.topbar .topshare a{ margin-left: 20px; font-size: 1.2rem;}
.topbar .topshare a:hover{ transform: rotate(30deg); transition: transform 0.5s ease;}
.topbar .topshare a.toplang{ font-size: 1rem;}

.toplangue{ position:relative; margin-left:15px;}
.toplangue i{ margin-left:10px;}
.toplangue:hover ul{ display:block;}
.toplangue ul{ z-index:999; background:#fff; width:180px; position:absolute; right:0; top:45px; display:none;}
.toplangue ul li{ width:100%; height:42px; line-height:42px; border-bottom:1px solid #eee; text-align:center; }
.toplangue ul li a{ margin:0 !important; font-size:0.9rem !important; display:block; color:#333;}
.toplangue ul li a:hover{ background:#00479b; color:#fff; transform: rotate(0deg) !important; }


.top-box{ width: 100%; height: 88px; padding: 22px 0; background: #FFFFFF;}
.top-box .logo{ width: 288px; height: 44px;}
.top-box .logo a{ display: block; width: 288px; height: 44px; background: url(../images/logo.png) no-repeat center;}
.top-box .logo a h1{ display:none;}
.top-box .topright{}

.top-box nav.Hnav{ height: 44px; line-height: 44px;}
.top-box nav.Hnav li{ position: relative; font-size: 16px; padding: 0 20px;}
.top-box nav.Hnav li a i{ padding-left: 3px;}
.top-box nav.Hnav li:hover ul{ display: block;}
.top-box nav.Hnav li ul{ display: none; position: absolute;  padding: 10px; left: 0; top: 34px; z-index: 999; background: #FFFFFF; border-top:2px solid #0564af; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); border-radius: 6px; width: 240px;}
.top-box nav.Hnav li ul li{ font-size: 15px; line-height: 28px; padding:0 10px;}
.top-box nav.Hnav li.navmoon a{ color: #0564AF;}
.top-box nav.Hnav li.navmoon ul li a{ color: #333333;}
.top-box nav.Hnav li.navmoon ul li a:hover{ color: #0564AF;}

.top-box .tsearch{ margin-left: 10px;}
.top-box .tsearch a{ display: block; line-height: 44px; }




/**banner**/
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100%; }
.main_visual .owl-carousel .item{width: 100%;height: 100%; overflow: hidden; margin: 0 auto;}
.main_visual .owl-carousel .item a{ display: block;  width: 100%;height: 100%;}
.main_visual .owl-carousel .item img{ width: 100%;height: 100%; display: block;}
.main_visual .owl-prev,.main_visual .owl-next{ display: none; text-indent: -999px; overflow: hidden;}


.main_visual .owl-dots{ width: 100%; text-align: center; height: 12px; position:absolute; left: 0; bottom: 30px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 5px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 12px; height: 12px; background:#FFFFFF; border-radius:50%; }
.main_visual .owl-dot.active span{ background:#00479b; }
.main_visual .owl-controls{ height: 0;}
.main_visual .owl-nav{ height: 0;}

.main_visual .owl-carousel .item img.Bpic{ display: block;}
.main_visual .owl-carousel .item img.Bmpic{ display: none;}





.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100%; }
.main_visual1 .owl-carousel .item{width: 100%;height: 100%; overflow: hidden; text-align: center;}
.main_visual1 .owl-carousel .item .home-oembox{ width: 100%; height: auto; overflow: hidden;}
.main_visual1 .owl-carousel .item img{ width: 100%;height: 100%; display: block; border-radius:6px;}
.main_visual1 .owl-carousel .item a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);  border-radius:6px;}
.main_visual1 .owl-carousel .item p{ margin-top: 10px; font-weight: bold; color: #111111; font-size: 1.2rem; line-height: 26px; height: 52px; overflow: hidden;}

.main_visual1 .owl-prev,.main_visual1 .owl-next{ display: none; text-indent: -999em; overflow: hidden;}


.main_visual1 .owl-dots{ display: none; text-indent: -99999em;}
.main_visual1 .owl-controls{ height: 0;}
.main_visual1 .owl-nav{ height: 0;}


.home-fast-oem{ width: 100%; height: auto; background: #f8f8f8; padding: 35px 0;}


.home-about{ padding: 100px 0;}
.home-about-left{ width: 40%; height: auto;}
.home-about-left img{ width: 100%; height: auto;}

.home-about-right{ width: 60%; height: auto; padding-left: 120px;}
.home-about-right h2{ font-size: 1.2rem; color: #00479B; border-left:3px solid #00479B; padding-left: 12px;}
.home-about-right h3{ color: #111111; font-size: 2rem; line-height: 46px; margin-top: 25px;}
.home-about-right p{ line-height: 28px; margin-top: 20px;}
.home-about-right a{ display: inline-block; height: 62px; line-height: 62px; background: #00479B; color: #FFFFFF; font-weight: bold; padding: 0 55px; margin-top: 40px;}
.home-about-right a:hover{ background: #8a7829;}


.home-about-right-list {
	margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* 可选：增加间距 */

}

.home-about-right-list dl {
	cursor: pointer;
  width: calc(50% - 7.5px); /* 每行两个，减去 gap 的一半 */
  display: flex;
  align-items: center;
}
.home-about-right-list dl:hover dt{transform: rotate(30deg); transition: transform 0.5s ease;}
.home-about-right-list dl dt{ background: #f2f2f2; width: 40px; height: 40px; text-align: center;}
.home-about-right-list dl dt img{ margin-top: 9px;}
.home-about-right-list dl dd{ line-height: 40px; padding-left: 15px; font-weight: bold; color: #111111; font-size: 0.9rem;}


.home-application{ width: 100%; height: auto; background: url(../images/homeappbg.jpg) no-repeat top center; padding-top: 140px; text-align: center;}
.home-application h2{ display: inline-block; font-size: 1.2rem; color: #00479B; border-left:3px solid #00479B; padding-left: 12px;}
.home-application h3{ color: #FFFFFF; font-size: 2rem; line-height: 54px; padding: 20px 0 55px 0;}

.home-application-list{}
.main_visual2 .owl-carousel,.main_visual2 .owl-stage-outer,.main_visual2 .owl-stage,.main_visual2 .owl-carousel .owl-item{width: 100%;height: 100%; }
.main_visual2 .owl-carousel .item{width: 100%;height: 100%; overflow: hidden; position: relative;}
.main_visual2 .owl-carousel .item .home-item-box{}
.main_visual2 .owl-carousel .item .home-item-box img{ width: 100%; height: auto;}
.main_visual2 .owl-carousel .item .home-item-info{ position: absolute; left: 0; bottom: 0; padding: 0 40px; z-index: 333; width: 100%; transform: translateY(60px);}
.main_visual2 .owl-carousel .item .home-item-info img{ width: 35px; height: 35px;}
.main_visual2 .owl-carousel .item .home-item-info b{ display: block; height: 52px; line-height: 52px; overflow: hidden; font-size: 1.2rem; margin: 0; text-align: left; color: #FFFFFF;}
.main_visual2 .owl-carousel .item .home-item-info i{    display: block; width: 60px; height: 60px; line-height: 60px; font-size: 1.4rem; background: #00479B; color: #FFFFFF; border-radius:50%;}
.main_visual2 .owl-carousel .item:hover .home-item-box img{transform: scale(1.1); -webkit-transform: scale(1.1); }
.main_visual2 .owl-carousel .item:hover .home-item-info{transform: translateY(-20px); transition: transform 0.5s ease;}
.main_visual2 .owl-prev,.main_visual2 .owl-next{ display: none; text-indent: -999em; overflow: hidden;}



.main_visual2 .owl-dots{ display: none; text-indent: -99999em;}
.main_visual2 .owl-controls{ height: 0;}
.main_visual2 .owl-nav{ height: 0;}


.home-solution{ padding: 100px 0;}
.home-solution-left{ width: 40%; height: auto;}
.home-solution-left img{ width: 100%; height: auto;}

.home-solution-right{ width: 60%; height: auto; padding-left: 120px;}
.home-solution-right h2{ font-size: 1.2rem; color: #00479B; border-left:3px solid #00479B; padding-left: 12px;}
.home-solution-right h3{ color: #111111; font-size: 2rem; line-height: 46px; margin-top: 25px;}
.home-solution-right-list{}
.home-solution-right-list ul{margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* 可选：增加间距 */}
.home-solution-right-list li {
	cursor: pointer;
  width: calc(50% - 7.5px); /* 每行两个，减去 gap 的一半 */ background: url(../images/homsouicon.png) no-repeat left center; padding-left: 30px;
  display: flex;
  align-items: center;
}


.home-solution-right-info{ width: 100%; height: auto; background: #f8f8f8; padding: 25px 55px; font-weight: bold; color: #111111; font-size: 1.4rem; line-height: 32px; border-left:4px  solid #00479B; margin-top: 40px;}


.home-products{ width: 100%; padding: 100px 0; background: #f8f8f8;}

.home-products-title{ text-align: center;}
.home-products-title h2{ font-size: 1.2rem; color: #00479B; border-left:3px solid #00479B; padding-left: 12px; display: inline-block;}
.home-products-title h3{ color: #111111; font-size: 2rem; line-height: 46px; margin-top: 25px;}

.home-products-tab{ padding-top: 30px;}
.home-products-tab li{ height: 66px; line-height: 66px; color: #FFFFFF; background: #000000; width: 15%; text-align: center; cursor: pointer; font-weight: bold; font-size: 1.1rem;}
.home-products-tab li.thistab{ background: #00479B; border-radius:6px ;}

.home-products-list{ padding-top: 40px;}
.home-products-list dl{ width: 24%; height: auto; position: relative; margin-bottom: 1.5%; box-shadow: 3px 0 29px rgba(0, 0, 0, .1);}
.home-products-list dl dt{ 
  position: absolute;
  left: 0;
  bottom: 0;
  width: auto;
  height: 50px; line-height: 50px;
  color: #FFFFFF; overflow: hidden;
  font-weight: bold;
  box-sizing: border-box;}
  
.home-products-list dl dt b{ display: block; color: #FFFFFF;  background: #292929; padding: 0 10px;}  
.home-products-list dl dt span{background:  url(../images/soudt.png) no-repeat right center; display: block; width: 34px; height: 50px;}
  
  
.home-products-list dl dd{width: 100%; height: auto; overflow: hidden; }
.home-products-list dl dd img{width: 100%; height: auto; }
.home-products-list dl dd a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); }


.home-services{padding: 100px 0; }

.home-services-list{ padding-top: 30px;}
.home-services-list dl{ text-align: center; width: 24%; padding: 45px 50px; cursor: pointer; position: relative;  transition: border-color 0.6s linear; z-index: 1;}
.home-services-list dl dt{ width: 120px; height: 120px; background: #111111; border-radius:50%; margin: 0 auto; }
.home-services-list dl dt img{ margin-top: 39px;}
.home-services-list dl dd{ width: 100%; padding-top: 30px;}
.home-services-list dl dd b{ display: block; color: #111111; font-size: 1.2rem; line-height: 28px; margin-bottom: 10px;}

/* 公共边框样式 */
.home-services-list dl::before,
.home-services-list dl::after,
.home-services-list dl span::before,
.home-services-list dl span::after {
  content: "";
  position: absolute;
  background-color: #00479B;
  transition: all 0.3s ease;
  z-index: 2;
}

/* 上边 */
.home-services-list dl::before {
  height: 1px;
  width: 0;
  top: 0;
  left: 0;
}
.home-services-list dl:hover::before {
  width: 100%;
  transition-delay: 0s;
}

/* 右边 */
.home-services-list dl::after {
  width: 1px;
  height: 0;
  top: 0;
  right: 0;
}
.home-services-list dl:hover::after {
  height: 100%;
  transition-delay: 0.15s;
}

/* 左边 */
.home-services-list dl span::before {
  width: 1px;
  height: 0;
  bottom: 0;
  left: 0;
}
.home-services-list dl:hover span::before {
  height: 100%;
  transition-delay: 0.45s;
}

/* 下边 */
.home-services-list dl span::after {
  height: 1px;
  width: 0;
  bottom: 0;
  right: 0;
}
.home-services-list dl:hover span::after {
  width: 100%;
  transition-delay: 0.3s;
}

/* 用一个空的 span 来挂另外两个伪元素 */
.home-services-list dl span {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

/* em 初始样式 */
.home-services-list dl dd em {
  display: block;
  width: 50px;
  height: 2px;
  background: #00479B;
  margin: 20px auto 0 auto;
  transition: width 0.5s ease;
}

/* hover 后 em 展开成 80px，从中间向两侧扩展 */
.home-services-list dl:hover dd em {
  width: 80px;
}


.home-honor{padding:0 0 100px 0; }

.home-honor-list{ padding-top: 30px;}
.main_visual3 .owl-carousel,.main_visual3 .owl-stage-outer,.main_visual3 .owl-stage,.main_visual3 .owl-carousel .owl-item{width: 100%;height: 100%; }
.main_visual3 .owl-carousel .item{width: 100%;height: 100%; overflow: hidden; position: relative;}
.main_visual3 .owl-prev,.main_visual3 .owl-next{ display: none; text-indent: -999em; overflow: hidden;}



.main_visual3 .owl-dots{ display: none; text-indent: -99999em;}
.main_visual3 .owl-controls{ height: 0;}
.main_visual3 .owl-nav{ height: 0;}

.home-project{ padding: 50px 0 130px 0; width: 100%; height: auto; background: url(../images/homeprojectbg.jpg) no-repeat top center;}

.home-project-list{padding-top: 30px;}
.main_visual4 .owl-carousel,.main_visual4 .owl-stage-outer,.main_visual4 .owl-stage,.main_visual4 .owl-carousel .owl-item{width: 100%;height: 100%; }
.main_visual4 .owl-carousel .item{width: 100%;height: 100%; overflow: hidden; position: relative;}

.main_visual4 .owl-carousel .item .home-project-itempic{ width: 100%; height: auto;}
.main_visual4 .owl-carousel .item .home-project-itempic img{ width: 100%; height: auto;}
.main_visual4 .owl-carousel .item .home-project-iteminfo{ width: 90%; height: auto; padding: 20px 25px; transform: translateY(125px); transition: transform 0.5s ease; background: #f6f6f6; position: absolute; left: 5%; bottom: 0; z-index: 333;}
.main_visual4 .owl-carousel .item .home-project-iteminfo div.flex{ width: 100%;}
.main_visual4 .owl-carousel .item .home-project-iteminfo-left{}
.main_visual4 .owl-carousel .item .home-project-iteminfo-left b{ display: block; font-size: 1.2rem; height: 28px; line-height: 28px;}
.main_visual4 .owl-carousel .item .home-project-iteminfo-left em{ display: block; color: #00479B; font-weight: bold;}
.main_visual4 .owl-carousel .item .home-project-iteminfo span{ display: block; background: #FFFFFF; width: 40px; height: 40px; line-height: 40px; color: #00479B; text-align: center; border:1px solid #EEEEEE;}
.main_visual4 .owl-carousel .item:hover .home-project-iteminfo{transform: translateY(-25px);}
.main_visual4 .owl-prev,.main_visual4 .owl-next{ display: none; text-indent: -999em; overflow: hidden;}



.main_visual4 .owl-dots{ display: none; text-indent: -99999em;}
.main_visual4 .owl-controls{ height: 0;}
.main_visual4 .owl-nav{ height: 0;}


.home-process{ padding:0 0 70px 0;}
.home-process-list {
  padding: 30px 0 ;
}

.process-steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0 auto;

}

.process-steps li {
  flex: 1 1 calc(100% / 6 - 10px);
  text-align: center;
  position: relative;
  min-width: 140px;
}

.icon-wrap {
	position: relative; z-index: 333;
  width: 95px;
  height: 95px;
  margin: 0 auto 10px;
  background: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-wrap img {
  width: 45px;
  height: 45px;
  object-fit: contain;
}

.arrow-wrap {
  position: absolute;
  right: -68px;
  top: 40px;
}

.arrow-wrap img {
  height: 18px;
}

.step-title {
  font-weight: bold;
  font-size: 1.1rem;
  margin: 10px 0 5px;
  color: #111;
}

.step-desc {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.4;
  padding: 0 10px;
}

/* 隐藏最后一步的箭头 */
.process-steps li:last-child .arrow-wrap {
  display: none;
}
.home-process-links{ text-align: center; margin-top: 50px;}
.home-process-links a{ display: inline-block; background: #00479B; color: #FFFFFF; height: 50px; line-height: 50px; padding: 0 25px; font-weight: bold;}
.home-process-links a:hover{ background: #8a7829; border-radius:6px;}


.home-blog{ width: 100%; height: auto; padding: 80px 0; background: #f8f8f8;}

.home-blog-list{ padding-top: 30px;}

.home-blog-item{ display: block; width: 32.3%; height: auto; background: #FFFFFF; border-radius:6px;}
.home-blog-item-pic{ width: 100%; height: auto; overflow: hidden;  border-radius:6px 6px 0 0;}
.home-blog-item-pic img{ width: 100%; height: auto;  border-radius:6px 6px 0 0;}
.home-blog-item-info{ padding: 25px 35px;}
.home-blog-item-info em{ display: block; line-height: 32px;}
.home-blog-item-info b{ margin-top: 10px; font-size: 1.4rem; line-height: 30px; height: 60px; overflow: hidden; display: block;}
.home-blog-item-info p{ line-height: 26px; height: 52px; overflow: hidden; margin-top: 10px;}
.home-blog-item-info span{ line-height: 32px; height: 32px; margin-top: 10px; display: block; }
.home-blog-item-info span i{ margin-left: 10px;   transition: margin-left 0.3s ease; }
.home-blog-item a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); }
.home-blog-item a:hover span i{ margin-left: 20px; }

.home-partner{ margin-top: 50px; padding-top: 50px; border-top:1px solid #CCCCCC;}

.main_visual5 .owl-carousel,.main_visual5 .owl-stage-outer,.main_visual5 .owl-stage,.main_visual5 .owl-carousel .owl-item{width: 100%;height: 100%; }
.main_visual5 .owl-carousel .item{width: 100%;height: 100%; overflow: hidden; position: relative; border:1px solid #DDDDDD; background: #FFFFFF; padding: 15px;}
.main_visual5 .owl-carousel .item img{ width: 100%; height: auto;}
.main_visual5 .owl-prev,.main_visual5 .owl-next{ display: none; text-indent: -999em; overflow: hidden;}
.main_visual5 .owl-dots{ display: none; text-indent: -99999em;}
.main_visual5 .owl-controls{ height: 0;}
.main_visual5 .owl-nav{ height: 0;}



footer{ width: 100%; background: #FFFFFF; padding: 50px 0;}



.footer-box1{ }
.flogo{ width: 288px; height: 44px;}
.flogo a{ display: block;  width: 288px; height: 44px; background: url(../images/logo.png) no-repeat center;}


.fmail{}
.fmail b{ display: block; color: #111111; font-size: 1.4rem; margin-right: 30px;}
.fmail a{ display: block; height: 44px; line-height: 44px; background: #00479B; color: #FFFFFF; border-radius:6px; padding: 0 30px;}
.fmail a i{ margin-right: 10px;}
.fmail a:hover{ background: #8a7829;}


.footer-box2{padding: 60px 0;}

.footer-box2-left{ width: 25%;}
.footer-box2-left p{ line-height: 28px;}
.fshare{ padding-top: 30px;}
.fshare a{ display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 1.2rem; background: #00479B; margin-right: 10px; color: #FFFFFF;}
.fshare a:hover{ background: #8a7829;}
.footer-copy{  width: 100%; line-height: 26px; padding: 5px 0;}

.footer-box2-mid p{margin:0}
.footer-box2-mid{ width: calc(100% - 288px); padding-left:15px; height: auto; }
.footer-box2-mid dl{ width:100%;}
.footer-box2-mid dl dt{ font-weight: bold; color: #111111; font-size: 1.4rem; line-height: 26px; margin-bottom: 20px;}
.footer-box2-mid dl dd a{  line-height: 32px;}
.footer-box2-mid dl dd b{ color: #111111; text-transform: uppercase; line-height: 32px;}
.footer-box2-mid dl dd img{ border-radius:6px; margin-top:10px;}
.footer-box2-right{ width: 20%;}
.footer-box2-right b{ display: block; color: #111111; font-size: 1.4rem; line-height: 26px; margin-bottom: 20px;}
.footer-box2-right-list{}
.footer-box2-right-list dl{ width: 100%; margin-bottom: 30px;}
.footer-box2-right-list dl dt{ width: 35%; height: auto;}
.footer-box2-right-list dl dt img{ width: 100%; height:100%; object-fit: cover;}

.footer-box2-right-list dl dd{ width: 65%; height: auto; padding-left: 15px; height: 78px; line-height: 26px; overflow: hidden;}


.kefu-posi{ position:fixed; top:30%; right:0; z-index:888;}
.side-item{ background: #000000;}
.side-item .side-val{display: block;  width: 200px; height: 50px; line-height: 50px; color: #FFFFFF; display: block; padding: 0 15px;}
.side-item a:hover .side-val{ background: #FFFFFF; color: #111111;} 
.side-item i{ color: #FFFFFF; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 1.4rem;}
.side-item .side-val a{ display: inline-block; width: 22%; text-align: center;height: 50px; line-height: 50px; color: #FFFFFF;}
.side-item .side-val a:hover{ background: #00479B;}
.side-item .side-val img{ width:200px; height:auto;}
.side-item .side-val.swx{  width: 200px; height:125px; }
.side-item a:hover .side-val.swx{background: #000000;}


.optain{ display:none; background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:0; z-index:999;}
.optain-close{ width:27px; height:27px; background:url(../images/close.png) no-repeat; cursor:pointer; position: absolute; right:20px; top:120px;}
.optain-search{width:100%; height:100%; }
.optain-search-box{ width:50%; margin:0 auto;}
.optain-search-box input{ width:90%; height:82px; line-height:82px; background:#fff; border-radius:4px 0 0 4px; border:none; padding:0 15px; font-size:0.9rem;}
.optain-search-box button{ width:10%; height:82px; line-height:82px; background:#00479b; border-radius:0 4px 4px 0; color:#fff; font-size:1rem; border:none;}


.optainm{ display:none; background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:0; z-index:999;}
.optainm-close{ width:27px; height:27px; background:url(../images/close.png) no-repeat; cursor:pointer; position: absolute; right:20px; top:120px;}
.optainm-mail{width:100%; height:100%; }
.optainm-mail-box{ width:40%; margin:0 auto; background:#fff; border-radius:6px;}
.optainm-mail-box-top{ width: 100%; line-height: 32px; padding: 15px 30px; border-bottom:1px solid #DDDDDD;}
.optainm-mail-box-top h2{ color:#111; font-size: 1.2rem;}
.optainm-mail-box-top a{ font-size: 1.2rem; line-height: 32px; display: block;}
.optainm-mail-box-feed{ width: 100%; height: auto; padding: 25px 30px;}
.optainm-mail-box-feed input{ width: 100%; height: 40px; line-height: 38px; border:1px solid #DDDDDD; margin-bottom: 18px; padding: 0 15px; border-left:3px solid #00479B ;}
.optainm-mail-box-feed textarea{ width: 100%; height:100px; line-height: 26px; border:1px solid #DDDDDD; margin-bottom: 18px; padding: 15px; border-left:3px solid #00479B ;}
.optainm-mail-box-feed button{ width: 100%; height: 40px; line-height: 40px; border:none; text-align: center; background: #00479B; color: #FFFFFF; }




#mmenu {
	opacity: 0;
}

/*contact us*/
.banner2{ text-align: center; width: 100%; height: 400px;}
.banner2 h2{ color: #FFFFFF; font-size: 2rem; width: 100%;}

.posi-location{ width: 100%; line-height: 26px; padding: 20px 0; background: #eeeeee;}
.posi-location a:last-child{ color: #00479B;}


.contact-main{ width: 100%; height: auto; padding: 90px 0; background: #F5F5F5;}

.contact-info{ padding-bottom: 30px;}
.contact-info h2{ color: #111; font-size: 2rem; margin-bottom: 20px;}
.contact-info h3{ color: #111; font-size: 1.6rem; margin:10px 0;}
.contact-info p{ line-height: 28px;}

.contact-box{box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); background:#fff; padding:30px;}

.contact-box dl{ padding:20px 0; border-bottom:1px solid #eee; width:100%;}
.contact-box dl dt{ width:25%; }
.contact-box dl dt em{ display:inline-block; line-height:24px; height:24px; color:#fff; background:#777777; width:40px; text-align:center; font-size:0.9rem; margin-right:10px;}
.contact-box dl dt em.red{ background:#00479b;}
.contact-box dl dd{ width:75%; }
.contact-box dl dd label{ margin-right:25px;}
.contact-box dl dd label input{ margin-right:5px;}
.contact-box dl dd input.contxt{ width:100%; height:38px; line-height:36px; border:1px solid #ccc; background:#f5f5f5; padding:0 25px;}
.contact-box dl dd textarea{ width:100%; height:120px; line-height:26px; border:1px solid #ccc; background:#f5f5f5; padding:25px;}
.conbtn{ text-align:center; margin-top:20px; width:100%; }
.conbtn button{height:56px; line-height:56px; background:#00479b; border:none; color:#fff; font-size:1.2rem; font-weight:bold; padding:0 80px; border-radius:6px;}
.conbtn button:hover{ background:#111;}


/*FAQ*/
.faq-list{ padding: 80px 0;}
.faq-list dl{ border-bottom:1px solid #DDDDDD; padding: 25px 0; cursor: pointer;}
.faq-list dl dt{ width: 100%; line-height: 42px; height: 42px;}
.faq-list dl dt span{ width: 8%; display: block; font-size: 2rem;}
.faq-list dl dt b{ width: 88%; display: block; font-size: 1.6rem;}
.faq-list dl dt i{ display: block; font-size: 2.4rem; width: 4%; line-height: 42px; }
.faq-list dl dd{ padding: 25px 4% 0 8%; line-height: 26px; display: none;}

.faq-list dl dt span.active{ color: #00479B;}
.faq-list dl dt i.active{ transform: rotate(30deg);}


/*NEWS*/
.blog-main{ padding: 80px 0;}

.blog-main-left{ width: 18%;}
.blog-main-left h2{ background: #00479B; height: 42px; line-height: 42px; color: #FFFFFF; font-size: 1.4rem; font-weight: normal; padding: 0 15px;}

.blog-main-left-menu{ padding: 20px 15px;}
.blog-main-left-menu a{ display: block; line-height: 36px; font-size: 1.1rem;}
#lm_hover{ color:#00479b; font-weight:bold;}

.blog-main-left-blog{ padding: 20px 0;}
.blog-main-left-blog dl{padding: 15px 0; border-bottom:1px solid #EEEEEE;}
.blog-main-left-blog dl dt{ width: 36%; height: auto;}
.blog-main-left-blog dl dt img{ width: 100%; height: 100%; object-fit: cover;}

.blog-main-left-blog dl dd{ width: 64%; padding-left: 15px; height: auto;}
.blog-main-left-blog dl dd a{ display: block; line-height: 26px; height: 52px; overflow: hidden;}

.blog-main-right{ width: 82%; padding-left: 50px;}
.blog-main-right dl{ width: 100%; height: auto; padding: 30px 0; border-bottom:1px solid #EEEEEE;}
.blog-main-right dl:first-child{ padding-top: 0;}
.blog-main-right dl dt{ width: 22%; height: auto;}
.blog-main-right dl dt img{ width: 100%; height: 100%; object-fit: cover; border-radius:6px;}
.blog-main-right dl dd{ width: 78%; height: auto; padding-left: 25px;}
.blog-main-right dl dd a{ display: block; font-weight: bold; color: #00479B; height: 36px; line-height: 36px; overflow: hidden; font-size: 1.2rem;}
.blog-main-right dl dd a:hover{ text-decoration: underline;}
.blog-main-right dl dd em{ color: #999999; line-height: 32px;}
.blog-main-right dl dd em i{ margin-right: 10px;}
.blog-main-right dl dd p{ line-height: 26px; height: 78px; overflow: hidden; margin-top: 10px;}

.blog-main-rightinfo{width: 82%; padding-left: 50px;}

.blog-main-rightinfo-title{}
.blog-main-rightinfo-title h2{ color: #111111; font-size: 1.6rem; line-height: 32px; margin-bottom: 10px;}
.blog-main-rightinfo-title em{ color: #999999; line-height: 32px;}
.blog-main-rightinfo-title em i{ margin-right: 10px;}

.blog-main-rightinfo-txt{ width: 100%; height: auto; padding: 25px 0; line-height: 26px;}
.blog-main-rightinfo-txt img{ max-width: 100%; height: auto;}
.blog-main-rightinfo-txt table {
    border: 1px solid #eee;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

.blog-main-rightinfo-txt table td {
        border: 1px solid #eee;
        border-right: 0px;
        border-bottom: 0px;
        padding: 6px;
    }
 .blog-main-rightinfo-txt table tr {
        background: #fff;
    }


/*finishing*/
.finish-box1{ padding: 80px 0;}

.finish-box1-title{ text-align: center;}
.finish-box1-title h2{ color: #111111; font-size: 2.4rem; line-height: 52px; margin-bottom: 15px;}
.finish-box1-title em{ display: block; width: 130px; height: 3px; background: #00479B; margin: 0 auto;}

.finish-box1-list{ padding-top: 30px;}
.finish-box1-list dl{ width: 100%; margin-top: 50px; background: #f2f2f2; cursor: pointer;}
.finish-box1-list dl dt{ width: 42%; height: 100%;  border:1px solid #f2f2f2; }
.finish-box1-list dl dt img{ width: 100%; height: 100%;  object-fit: cover;}
.finish-box1-list dl dd{ width: 58%; height: auto; padding:30px 50px;}
.finish-box1-list dl dd h3{ color: #00479B; font-size: 1.6rem; line-height: 32px; margin-bottom: 20px;}
.finish-box1-list dl dd em{ display: block; width:200px; height: 2px; background: #111111; margin-bottom: 20px;   transition: width 0.5s ease;}
.finish-box1-list dl:hover em{ width: 100%;}

.finish-box1 .fddinfo{ line-height: 28px;}


.finish-box2{ width: 100%; padding: 80px  0; background: #f2f2f2;}

.finish-box2-title{ padding-bottom: 30px; text-align: center;}
.finish-box2-title h2{ color: #00479B; font-size: 2.4rem; line-height: 32px; margin-bottom: 20px;} 
.finish-box2-title h3{ color: #111; font-size: 1.4rem; line-height: 32px;} 

.finish-box2-info{ background: #FFFFFF; border-radius: 30px; padding: 100px;}
.finish-box2-info-left{ width: 42%; height:  100%;}
.finish-box2-info-left img{  width: 100%; height: 100%;  object-fit: cover; border-radius:12px ;}

.finish-box2-info-right{ width: 58%; height: auto;  padding:30px 50px;}
.finish-box2-info-right h2{ color: #00479B; font-size: 1.6rem; line-height: 32px; margin-bottom: 20px;}
.finish-box2-info-rightinfo{line-height: 28px;}


.finish-box3{ padding: 80px  0;}
.finish-box3-box{ border-radius:10px; padding: 35px; box-shadow: 0 6px 70px rgba(17, 17, 17,.07);}
.finish-box3-box dl{ cursor: pointer; width: 24%; background: #EEEEEE; padding:50px 35px; margin-bottom: 1.5%; transition: background 0.5s ease;}
.finish-box3-box dl:hover{ background: url(../images/youshi_bg.png) no-repeat center; background-size:cover; overflow: hidden;}
.finish-box3-box dl dd b{ display: block; font-size: 1.2rem; margin-top: 15px;}
.finish-box3-box dl dd p{ line-height: 26px; margin-top: 15px; opacity: 0; color: #FFFFFF;  transition: opacity 0.5s ease;}
.finish-box3-box dl:hover dt{transform: translateY(-125px);  transition: transform 0.5s ease;}
.finish-box3-box dl:hover dd{transform: translateY(-85px);  transition: transform 0.5s ease;}
.finish-box3-box dl:hover dd b{ color: #FFFFFF;}
.finish-box3-box dl:hover dd p{ opacity: 1.0;}

/*materials*/

.materials-content{ padding: 60px 0;}
.materials-content h2{ font-size: 2rem; margin-bottom:20px; line-height: 36px;}
.materials-content-info{ line-height: 28px;}
.materials-content-info img{ max-width: 100%; height: auto;}

.materials-menu{ width: 100%; height: auto; padding: 80px 0; background: #f8f8f8;}
.materials-menu-title{ padding-bottom: 50px; text-align: center;}
.materials-menu-title h2{font-size: 1.6rem; line-height: 32px; margin-bottom: 10px;}
.materials-menu-title h3{ font-size: 2.4rem; color: #00479B; line-height: 42px;}

.materials-menu-list{}
.main_visual6 .owl-carousel,.main_visual6 .owl-stage-outer,.main_visual6 .owl-stage,.main_visual6 .owl-carousel .owl-item{width: 100%; height: auto;}
.main_visual6 .owl-carousel .item{width: 100%;height: auto; position: relative; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual6 .owl-carousel .item img{ width: 100%; height: auto;}
.main_visual6 .owl-carousel .item .home-iteminfo{ position: absolute; z-index: 333; left: 0; bottom: 0; width: 100%; height: auto; color: #FFFFFF; text-align: center; padding:50px;}
.main_visual6 .owl-carousel .item .home-iteminfo img{ width: 84px; height: 84px; margin: 0 auto;}
.main_visual6 .owl-carousel .item .home-iteminfo b{ display: block; line-height: 52px; height: 52px; margin-top: 25px; overflow: hidden; font-size: 2rem; color: #FFFFFF;}
.main_visual6 .owl-carousel .item .home-iteminfo p{ line-height: 20px; height: 40px; overflow: hidden;}

.main_visual6 .owl-prev,.main_visual6 .owl-next{width:48px;height: 48px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -24px;text-indent: -999px; overflow: hidden;}
.main_visual6 .owl-prev{background-image: url(../images/SL.png);left: 10%;}
.main_visual6 .owl-next{background-image: url(../images/SR.png);right: 10%; }
.main_visual6 .owl-prev:hover{ background-image: url(../images/SLS.png);}
.main_visual6 .owl-next:hover { background-image: url(../images/SRS.png);}


.main_visual6 .owl-carousel .owl-item {
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.main_visual6 .owl-carousel .owl-item.active.center {
    transform: scale(1); /* 中间的项目保持正常大小 */
    z-index: 2;
    opacity: 1;
}

.main_visual6 .owl-carousel .owl-item:not(.center) {
    transform: scale(0.9); /* 左右两边的项目缩小一半 */
    opacity: 0.8; /* 让两侧稍微透明 */
}
.main_visual6 .owl-carousel .owl-item:not(.center) .home-iteminfo{opacity: 0; /* 让两侧稍微透明 */}
.main_visual6 .owl-dots{ display: none; text-indent: -99999em;}
.main_visual6 .owl-controls{ height: 0;}



/*materials-list*/

.materials-list-content{ padding: 80px 0;}
.materials-list-content-left{ width: 50%; padding-right: 80px;}
.materials-list-content-left em{ display: flex; align-items: center; position: relative; font-weight: bold; color: #111111; font-size: 1rem;}
.materials-list-content-left em::before,
.materials-list-content-left em::after {
  content: '';
  width: 30px;
  height: 1px;
  background: #00479B;
  margin: 0 10px;
}
.materials-list-content-left h2{ color: #111111; font-size: 1.8rem; line-height: 32px; margin-top: 15px;}
.materials-list-content-left-info{ width: 100%; height: auto; padding:50px 0 25px 0; line-height: 28px;} 



.materials-list-content-right{ width: 50%;}
.materials-list-content-right img{ width: 100%; height: auto;}


.materials-parameters{ padding: 80px 0;}
.materials-parameters-title{ margin-bottom: 20px;}
.materials-parameters-title em{ display: flex; align-items: center; position: relative; font-weight: bold; color: #111111; font-size: 1rem;}
.materials-parameters-title em::before,
.materials-parameters-title em::after {
  content: '';
  width: 30px;
  height: 1px;
  background: #00479B;
  margin: 0 10px;
}
.materials-parameters-title h2{ color: #111111; font-size: 1.8rem; line-height: 32px; margin-top: 15px;}

.materials-parameters-info{width: 100%; height: auto; padding:25px 0; line-height: 28px;}
.materials-parameters-info img{ max-width: 100%; height: auto;}

.materials-parameters-info table {
    border: 1px solid #eee;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

.materials-parameters-info table td {
        border: 1px solid #eee;
        border-right: 0px;
        border-bottom: 0px;
        padding: 6px;
    }
 .materials-parameters-info table tr {
        background: #fff;
    }




.materials-list-contact{ width: 100%; height: auto; padding: 80px 0; background: #eef5fa; text-align: center;}
.materials-list-contact h2{ color: #111111; font-size: 2.4rem; line-height: 42px; margin-bottom: 15px;}
.materials-list-contact p{ font-size: 1.2rem; line-height: 32px; margin-bottom: 25px;}
.materials-list-contact a{ display: inline-block; margin: 0 20px; border-radius:30px ; padding: 0 50px; height: 52px; font-size: 1.2rem; line-height: 52px; font-weight: bold;}
.materials-list-contact a.mail-optain{ background: #00479B; color: #FFFFFF;}
.materials-list-contact a.to-contact{ background: #fff; border:3px solid #00479B; height: 50px; line-height:50px}
.materials-list-contact a:hover{ background: #8A7829; color: #FFFFFF; border-color: #8A7829;}


/*About Us*/
.about-company{ width: 100%; padding: 50px 0; background: #fff;}
.about-company-left{ width: 38%; height: 100%; border-radius:6px;}
.about-company-left video{ width: 100%; height: 100%; object-fit: cover; border-radius:6px;}


.about-company-right{ width: 62%; height: auto; padding-left: 40px;}
.about-company-right h2{ font-size: 1.6rem; line-height: 32px; }
.about-company-right-info{ width: 100%; padding: 20px 0;}
.about-company-right-info p img { text-align:right; margin-top:30px;}

.about-company-right-links{}
.about-company-right-links a{ display: inline-block; margin-right: 20px; transition: background 0.5s ease;  padding: 0 45px; height: 54px; line-height: 52px; border:1px solid #111; border-radius:6px;}
.about-company-right-links a:hover{ background: #00479B; color: #FFFFFF; border-color:#00479B ;}


.about-hight{ width: 100%; height: auto; background: url(../images/project_bg-1.jpg) no-repeat center; background-size:cover; padding: 80px 0;}
.about-hight h2{ font-size: 2rem; color: #FFFFFF; line-height: 52px; margin-bottom: 40px; text-align: center;}
.about-hight-left{ width: 66.66%;}
.about-hight-left li{ position: relative; cursor: pointer; overflow: hidden;}
.about-hight-left li img{ width: 100%; height: 100%;}
.about-hight-left li:nth-child(1){ width: 100%; height: auto; margin-bottom: 1.5%;}
.about-hight-left li:nth-child(2){ width: 49%; height: auto;}
.about-hight-left li:nth-child(3){ width: 49%; height: auto;}
.about-hight-left li .abhig-item{opacity: 0; transition: opacity 0.5s ease;  position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.4); text-align: center; color: #FFFFFF; font-size: 1.2rem; line-height: 32px;}
.about-hight-left li:hover .abhig-item{ opacity: 1.0;}

.about-hight-right{ width: 32.33%; position: relative;}
.about-hight-right img{ width: 100%; height: auto;}
.about-hight-right .abhig-item{opacity: 0; transition: opacity 0.5s ease;  position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.4); text-align: center; color: #FFFFFF; font-size: 1.2rem; line-height: 32px;}
.about-hight-right:hover .abhig-item{ opacity: 1.0;}


.about-gene{ padding: 80px 0;}
.about-gene h2{ width: 100%; text-align: center; color: #111; font-size: 2rem; line-height: 62px; margin-bottom: 30px;}
.about-gene table {
    border: 1px solid #7d858d;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
    margin: 25px 0;
}

.about-gene table td {
border: 1px solid #7d858d;
 border-right: 0px;
  border-bottom: 0px;
 padding: 6px;
    }
 
.about-gene table tr {
 background: #fff;
    }
 
.about-gene table tr:first-child{background:#1163ad; color:#fff}
 

.about-title{ padding: 35px 0;}
.about-title h2{ font-size: 2rem; line-height: 50px;}
.about-title a{ display: inline-block; height: 50px; line-height: 48px; border:1px solid #111111; border-radius:6px; padding: 0 25px;}
.about-title a i{ margin-left: 10px; transition: margin-left 0.5s ease;}
.about-title a:hover{ background: #00479B; color: #FFFFFF; border-color:#00479B ;}
.about-title a:hover i{ margin-left: 20px;}
.about-title ul li{ margin-left: 20px; font-size: 1.1rem; cursor: pointer;}
.about-title ul li i{ margin-right: 5px; display: inline-block; width: 9px; height: 9px; background: #111111; border-radius:50% ;}
.about-title ul li.thistab{ color: #00479B;}
.about-title ul li.thistab i{background: #00479B;}


.about-piclist{}
.about-piclist li{ width: 33.1%; overflow: hidden; cursor: pointer; height: 100%;}
.about-piclist li img{ width: 100%; height: 100%; }
.about-piclist li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); }

.about-piclist1{ padding: 60px 0;}
.about-piclist1-left{ width: 49.5%;}
.about-piclist1-left .about-piclist1-leftitem{ background: #eeeeee; width: 100%; height: 48%; margin-bottom: 2%}
.about-piclist1-left .about-piclist1-leftitem div{ padding: 40px; line-height: 32px;}
.about-piclist1-left .about-piclist1-leftitem div h2{ font-size: 1.6rem; margin-bottom: 10px;}
.about-piclist1-left .about-piclist1-leftitem img{ width: 100%; height: 100%;}

.about-piclist1-right{ width: 49.5%;}
.about-piclist1-right li{ width: 49%; margin-bottom: 1%}
.about-piclist1-right li img{ width: 100%; height: auto; border-radius:6px;}
.about-piclist1-right li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); }


.about-piclistcon{ padding: 50px 0;}
.about-piclistcon li{ width: 24%;}
.about-piclistcon li img{ width: 100%; height: auto;}


.about-products{ width: 100%; height: auto; background: url(../images/198-solution-bg.png) no-repeat center; background-size:cover; padding: 80px 0;}
.about-products h3{ font-size: 1.4rem; color: #00479B; line-height: 32px; margin-bottom:10px; text-align: center;}
.about-products h2{ font-size: 2rem; color: #FFFFFF; line-height: 32px; margin-bottom: 60px; text-align: center;}

.about-products dl{ width: 24%;}
.about-products dl dt{ width: 100%; height: auto; overflow: hidden;}
.about-products dl dt img{ width: 100%; height: auto;}
.about-products dl:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.about-products dl dd{ width: 100%; padding: 25px 0; color: #FFFFFF; line-height: 26px;}

.about-value{ width: 100%; padding: 80px 0; background: #f7f7f7;}

.about-value-box{border-radius:10px; padding: 35px; box-shadow: 0 6px 70px rgba(17, 17, 17,.07);}
.about-value dl{ cursor: pointer; width: 32.3%; background: #EEEEEE; padding:50px 35px; margin-bottom: 1.5%; transition: background 0.5s ease;}
.about-value dl:hover{ background: url(../images/youshi_bg.png) no-repeat center; background-size:cover; overflow: hidden;}
.about-value dl dd b{ display: block; font-size: 1.2rem; margin-top: 15px;}
.about-value dl dd p{ line-height: 26px; margin-top: 15px; opacity: 0; color: #FFFFFF;  transition: opacity 0.5s ease;}
.about-value dl:hover dt{transform: translateY(-125px);  transition: transform 0.5s ease;}
.about-value dl:hover dd{transform: translateY(-85px);  transition: transform 0.5s ease;}
.about-value dl:hover dd b{ color: #FFFFFF;}
.about-value dl:hover dd p{ opacity: 1.0;}


/*20251107*/
.about-menu{line-height:30px; padding:35px 0; text-align:center; font-size:1rem; background:#eee;}
.about-menu a{ }
.about-menu a:after{ content:"|"; padding:0 50px;}
.about-menu a:last-child:after{ content:"";}
#lm_hoverab{ font-weight:bold; color:#00479b;}

.about-133{ padding: 50px 0; background: #fff;}
.about-133 dl{ width:100%; margin-bottom:10px; font-size:1rem; line-height:26px;}
.about-133 dl dt{ width:20%; background:#00479b; color:#fff; padding:15px;}
.about-133 dl dd{ width: calc(80% - 10px); background:#eee; padding:15px;}

.about-134{ padding: 50px 0; background: #fff;}
.about-134 dl{ width:100%; margin-bottom:30px;}
.about-134 dl dt{ width:50%; height:auto;}
.about-134 dl dt img{ width:100%; height:auto;}
.about-134 dl dt iframe{ width:100%; }
.about-134 dl dd{ width:50%; height:auto; padding:15px 50px; font-size:1rem; line-height:26px;}
.about-134 dl dd h2{ color:#00479b; font-size:1.2rem; margin-bottom:10px; line-height:36px;}


@media (max-width:1440px) {

.container{ width:94%;  margin: 0 auto;}
.top-box nav.Hnav li{ position: relative; font-size: 0.9rem; padding: 0 12px;}


.home-process{ padding:30px 0;}
.home-process-list{ padding-top: 30px;}
.home-process-list li{ width: calc(100% / 3); }
.home-process-list li .item-img{ display: flex; padding: 0 60px;}
.home-process-list li .item-img img.stepimg{ width: 95px; height: 95px; position: relative; z-index: 333;}
.home-process-list li .item-img span{ margin-top:34px; margin-left: 50px;}
.home-process-list li .item-info{ padding: 15px;}
.home-process-list li .item-title{ font-size: 1.2rem;}
.home-process-list li:last-child .item-img span{ display: none;}
.main_visual6 .owl-carousel .item .home-iteminfo b{ font-size: 1.2rem; }

}

@media (max-width:1280px) {

.container{ width:94%;  margin: 0 auto;}
.top-box nav.Hnav li{ position: relative; font-size: 0.9rem; padding: 0 12px;}


.home-process{ padding:30px 0;}
.home-process-list{ padding-top: 30px;}
.home-process-list li{ width: calc(100% / 3); }
.home-process-list li .item-img{ display: flex; padding: 0 60px;}
.home-process-list li .item-img img.stepimg{ width: 95px; height: 95px; position: relative; z-index: 333;}
.home-process-list li .item-img span{ margin-top:34px; margin-left: 50px;}
.home-process-list li .item-info{ padding: 15px;}
.home-process-list li .item-title{ font-size: 1.2rem;}
.home-process-list li:last-child .item-img span{ display: none;}
.main_visual6 .owl-carousel .item .home-iteminfo b{ font-size: 1.2rem; }

}


@media (max-width:1080px) {

.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);z-index:888;}
.alertVideoContent{display:none;position:fixed;top:50%;left:50%;width:320px;margin:-100px 0 0 -160px;z-index:999;background:#fff; height:auto; 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:-27px;right:-27px;cursor:pointer;}

body{ font-size: 0.9rem;}
.container{ width:94%;  margin: 0 auto;}
header{ display: none !important;}

.HeaderM{ display: block ;  background: #FFFFFF; overflow: hidden; position: fixed; left: 0; top: 0; height: 60px; line-height: 60px; border-bottom: 1px solid #dedede; z-index: 9999; width: 100%; padding: 0 3%;}
.HeaderM .logo{ float: left; width: auto; height:50px; overflow: hidden; padding-top:10px;}
.HeaderM .logo a{ display: block; overflow: hidden;   width: auto; height:40px;}
.HeaderM .logo a img{width: auto; height:40px;}
.HeaderM .mlang{ float: right; margin-right: 30px;}
.HeaderM .mlang img{ padding-right: 10px;}
.m-search{float: right;width: 30px; margin-right:10px;}
.m-search a{ display:block; height:60px; line-height:60px; font-size:1.2rem;}
.m-menu{float: right;width: 30px; padding-top: 15px;}
.m-menu .icon{line-height: 1;font-size: 0;display: inline-block;vertical-align: middle;cursor: pointer;}
.m-menu .icon a{ display: block; width: 30px;}
.m-menu .icon>span{display: inline-block;width: 30px;height: 1px;background: #333;margin: 4px 0;display: inline-block;}
.kefu-posi{ display: none;}
#mmenu {
	z-index:9999;  opacity: 1.0;
}
#mmenu li .home-search {
	float:left;
	margin-left:20px;
	width:90%;
	background-color:#fff;
	padding-left:0;
	overflow:hidden;
	margin-top:10px;
	position:relative
}
#mmenu li .home-search .keyword {
	text-align:left;
	border:0;
	box-shadow:0;
	border-radius:0;
	width:85%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	-mz-border-radius:0;
	font-size:14px;
	color:#999;
	line-height:20px;
	vertical-align:top;
	padding:6px 86px 6px 10px;
	-webkit-appearance:none;
	background-color:#fff;
	border:1px solid #ccc
}
#mmenu li .home-search .keyword:focus {
	transition:border linear .2s, box-shadow linear .5s;
	-moz-transition:border linear .2s, -moz-box-shadow linear .5s;
	-webkit-transition:border linear .2s, -webkit-box-shadow linear .5s;
	outline:0;
	border:1px solid #00479b;
}
#mmenu li .home-search .btn-sub {
	top:0;
	border:0;
	right:0;
	color:#0201ff;
	width:15%;
	height:34px;
	line-height:34px;
	text-align:center;
	position:absolute;
	cursor:pointer;
	border-radius:0;
	background:#00479b url(../images/search3.png) no-repeat center center;
}


.main_visual{margin-top:61px;}
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-carousel .item img{ width: 100%; height: auto;}

.main_visual .owl-dots{  height: 8px;  bottom:10px; }
.main_visual .owl-dots .owl-dot{ margin:0 3px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 8px; height: 8px; }


.main_visual .owl-carousel .item img.Bpic{ display: none;}
.main_visual .owl-carousel .item img.Bmpic{ display:block;}




.main_visual1 .owl-carousel .item p{ margin-top: 5px; font-size: 1rem; }


.home-fast-oem{  padding:15px 0;}


.home-about{ padding: 30px 0;}
.home-about-left{ width: 100%; height: auto;}


.home-about-right{ width: 100%; height: auto; padding-left: 0; padding-top: 30px;}
.home-about-right h2{ font-size: 1rem; }
.home-about-right h3{  font-size: 1.4rem; line-height: 32px; margin-top: 15px;}
.home-about-right p{ line-height: 26px; margin-top: 10px;}
.home-about-right a{  padding: 0 45px; margin-top: 20px;}



.home-about-right-list {
	margin-top:20px;


}



.home-application{ padding-top: 60px; text-align: center;}
.home-application h2{  font-size: 1.1rem; }
.home-application h3{  font-size: 1.4rem; line-height: 40px; padding: 20px 0 35px 0;}

.home-solution{ padding: 40px 0;}
.home-solution-left{ display: none;}


.home-solution-right{ width: 100%; height: auto; padding-left: 0;}
.home-solution-right h2{ font-size: 1.1rem;}
.home-solution-right h3{  font-size: 1.4rem; line-height: 40px; margin-top: 15px;}
.home-solution-right-list ul{margin-top: 20px;
  
}


.home-solution-right-info{ padding: 25px;  font-size: 1.2rem; line-height: 26px; border-left:4px  solid #00479B; margin-top: 20px;}


.home-products{ padding: 40px 0; }


.home-products-title h2{ font-size: 1.1rem; }
.home-products-title h3{  font-size: 1.4rem; line-height: 40px; margin-top: 15px;}

.home-products-tab{ padding-top: 20px;}
.home-products-tab li{ width: 32.3%; margin-bottom: 2%; height: 42px; line-height: 42px; font-size: 0.9rem; font-weight: normal;}


.home-products-list{ padding-top:20px;}
.home-products-list dl{ width: 49%;}

  
.home-products-list dl dt b{font-weight: normal; font-size: 0.9rem;}  


.home-services{padding: 40px 0; }

.home-services-list{ padding-top: 20px;}
.home-services-list dl{ text-align: center; width: 49%; padding: 10px;}
.home-services-list dl dd{ width: 100%; padding-top: 20px;}
.home-services-list dl dd b{ font-size: 1rem; }

.home-honor{ padding-bottom: 30px;}

.home-project{ padding: 50px 0; }

.home-project-list{padding-top: 20px;}

.main_visual4 .owl-carousel .item .home-project-iteminfo{ padding: 20px; transform: translateY(-25px); }



.home-process-links{ text-align: center; margin-top: 20px;}
.home-process-links a{padding: 0 15px; }

.home-blog{ padding: 30px 0; }

.home-blog-list{ padding-top: 20px;}

.home-blog-item{width: 100%; margin-bottom: 10px;}
.home-blog-item-info{ padding: 25px;}
.home-blog-item-info b{font-size: 1.2rem; line-height: 28px; height: 56px; }


.home-partner{ margin-top: 20px; padding-top: 20px; }




.footer-box2{padding:30px 0;}

.footer-box2-left{ width: 100%; margin-bottom: 30px;}

.footer-box2-mid{ width: 100%; height: auto; }
.footer-box2-right{ display: none;}

.fmail b{ padding: 10px 0;}

.optainm-mail-box{ width:80%; }


/*contact us*/
.banner2{  height: 250px; margin-top: 61px;}
.banner2 h2{ font-size:1.4rem;}

.posi-location{ padding: 10px 0;}


.contact-main{padding: 30px 0; }

.contact-info{ padding-bottom: 20px;}


.contact-box{padding:20px;}

.contact-box dl{ padding:10px 0;}
.contact-box dl dt{ width:100%; margin-bottom:15px;}
.contact-box dl dd{ width:100%; }



/*FAQ*/
.faq-list{ padding: 30px 0;}
.faq-list dl{  padding: 15px 0;}
.faq-list dl dt{ line-height: 32px; height: auto;}
.faq-list dl dt span{ width: 8%; display: block; font-size: 1.1rem;}
.faq-list dl dt b{ width: 84%; display: block; font-size: 1rem;}
.faq-list dl dt i{ display: block; font-size: 1.4rem; width: 8%; line-height: 32px; }
.faq-list dl dd{ padding: 15px 8% 0 8%; line-height: 26px; display: none;}

/*NEWS*/
.blog-main{ padding: 30px 0;}

.blog-main-left{display: none;}

.blog-main-right{ width: 100%; padding-left: 0;}
.blog-main-right dl{padding: 20px 0; }
.blog-main-right dl dt{ width: 30%; height: auto;}
.blog-main-right dl dd{ width: 70%; height: auto; padding-left: 25px;}
.blog-main-right dl dd a{ font-size: 1rem;}



.blog-main-rightinfo{width: 100%; padding-left: 0;}


.blog-main-rightinfo-title h2{ font-size: 1.4rem; }


/*finishing*/
.finish-box1{ padding: 30px 0;}

.finish-box1-title h2{ font-size: 1.4rem; line-height: 42px; }
.finish-box1-title em{  width: 80px;}

.finish-box1-list{ padding-top: 20px;}
.finish-box1-list dl{  margin-top: 20px;}
.finish-box1-list dl dt{ width: 100%; }
.finish-box1-list dl dd{ width:100%; padding:25px;}
.finish-box1-list dl dd h3{ font-size: 1.4rem;  margin-bottom: 20px;}
.finish-box1-list dl dd em{  width:100px; }


.finish-box2{ padding: 30px  0; }

.finish-box2-title{ padding-bottom: 20px;}
.finish-box2-title h2{ font-size: 1.4rem; line-height: 32px; margin-bottom: 20px;} 
.finish-box2-title h3{  font-size: 1.2rem; line-height: 26px;} 

.finish-box2-info{ padding:25px;}
.finish-box2-info-left{ width: 100%;}


.finish-box2-info-right{ width: 100%;   padding:25px 0;}
.finish-box2-info-right h2{  font-size: 1.4rem; }



.finish-box3{ padding: 30px  0;}
.finish-box3-box{ padding: 25px; }
.finish-box3-box dl{ width: 100%; padding:20px; }

/*materials*/

.materials-content{ padding: 30px 0;}
.materials-content h2{ font-size: 1.4rem; margin-bottom:10px; line-height: 32px;}

.materials-menu{  padding: 30px 0; }
.materials-menu-title{ padding-bottom: 20px; }
.materials-menu-title h2{font-size: 1.3rem; }
.materials-menu-title h3{ font-size: 1.6rem;}

.main_visual6 .owl-carousel .item{ height:400px;}
.main_visual6 .owl-carousel .item .home-iteminfo b{ font-size: 1.2rem; }
.main_visual6 .owl-carousel .item img{height:400px; }
.main_visual6 .owl-next{ right:1%;}
.main_visual6 .owl-prev{ left:1%;}

/*materials-list*/

.materials-list-content{ padding:30px 0;}
.materials-list-content-left{ width: 100%; padding-right: 0;}
.materials-list-content-left h2{ font-size: 1.4rem; line-height: 32px; margin-top: 10px;}
.materials-list-content-left-info{ width: 100%; height: auto; padding:25px 0; line-height: 28px;} 



.materials-list-content-right{ width: 100%;}



.materials-parameters{ padding: 30px 0;}
.materials-parameters-title{ margin-bottom: 10px;}
.materials-parameters-title h2{ font-size: 1.4rem; line-height: 32px; margin-top: 10px;}



.materials-list-contact{  padding: 30px 0;}
.materials-list-contact h2{  font-size: 1.6rem; line-height: 32px; margin-bottom: 10px;}
.materials-list-contact p{ font-size: 1rem; margin-bottom: 15px;}
.materials-list-contact a{  margin: 0 10px; padding: 0 30px; }


/*About Us*/
.about-company{ padding: 30px 0; }
.about-company-left{ width: 100%;}



.about-company-right{ width: 100%; padding: 25px 0;}
.about-company-right h2{ font-size: 1.4rem; line-height: 32px; }



.about-company-right-links a{ margin-right: 10px; padding: 0 25px; }



.about-hight{padding: 30px 0;}
.about-hight h2{ font-size: 1.6rem; margin-bottom: 20px; }
.about-hight-left{ width: 100%;}
.about-hight-left li:nth-child(1){ width: 100%; height: auto; margin-bottom: 1.5%;}
.about-hight-left li:nth-child(2){ width: 100%; height: auto;  margin-bottom: 1.5%;}
.about-hight-left li:nth-child(3){ width:100%; height: auto;  margin-bottom: 1.5%;}
.about-hight-left li .abhig-item{opacity: 0; transition: opacity 0.5s ease;  position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.4); text-align: center; color: #FFFFFF; font-size: 1.2rem; line-height: 32px;}
.about-hight-left li:hover .abhig-item{ opacity: 1.0;}

.about-hight-right{ width: 100%; ;}


.about-gene{ padding:30px 0;}
.about-gene h2{ font-size: 1.6rem; line-height: 42px; margin-bottom: 20px;}


.about-title{ padding: 25px 0;}
.about-title h2{ font-size: 1.6rem; line-height: 50px;}
.about-title ul li{ margin-left: 0; margin-right: 20px;}


.about-piclist li{ width:100%; }

.about-piclist1{ padding: 30px 0;}
.about-piclist1-left{ width: 100%;}
.about-piclist1-left .about-piclist1-leftitem{ background: #eeeeee; width: 100%; height: auto; margin-bottom: 2%}
.about-piclist1-left .about-piclist1-leftitem div{ padding: 20px; line-height: 32px;}
.about-piclist1-left .about-piclist1-leftitem div h2{ font-size: 1.2rem; margin-bottom: 10px;}

.about-piclist1-right{ width: 100%;}


.about-piclistcon{ padding:10px 0;}
.about-piclistcon li{ width: 49%;}



.about-products{  padding: 30px 0;}
.about-products h3{ font-size: 1.2rem; }
.about-products h2{ font-size: 1.6rem;  margin-bottom: 30px; }

.about-products dl{ width: 100%;}


.about-value{ padding: 30px 0; }

.about-value-box{ padding: 20px;}
.about-value dl{ width:100%; }


.optain-search-box{ width:80%; margin:0 auto;}
.optain-search-box input{ width:80%; height:82px; line-height:82px; background:#fff; border-radius:4px 0 0 4px; border:none; padding:0 15px; font-size:0.9rem;}
.optain-search-box button{ width:20%; height:82px; line-height:82px; background:#00479b; border-radius:0 4px 4px 0; color:#fff; font-size:1rem; border:none;}

/*20251107*/
.about-menu{line-height:30px; padding:20px 0;  font-size:0.9rem;  margin-top:61px;}
.about-menu a:after{ content:"|"; padding:0 10px;}


.about-133{ padding: 20px 0; }
.about-133 dl dt{ width:100%; }
.about-133 dl dd{ width: 100%; }

.about-134{ padding: 20px 0; }
.about-134 dl{  margin-bottom:20px;}
.about-134 dl dt{ width:100%; height:auto;}
.about-134 dl dd{ width:100%;  padding:15px; }


}


@media screen and (max-width: 1024px) {
  .process-steps li {
    flex: 1 1 30%;
  }
  
    .process-steps li:nth-child(3) .arrow-wrap{ display: none;}
  .main_visual6 .owl-carousel .item .home-iteminfo b{ font-size: 1.2rem; }
}

@media screen and (max-width: 768px) {
  .process-steps li {
    flex: 1 1 48%;
  }
    .process-steps li:nth-child(2) .arrow-wrap{ display: none;}
      .process-steps li:nth-child(4) .arrow-wrap{ display: none;}
   .process-steps li:nth-child(3) .arrow-wrap{ display: block;}
   .main_visual6 .owl-carousel .item .home-iteminfo b{ font-size: 1.2rem; }
}

@media screen and (max-width: 480px) {
  .process-steps li {
    flex: 1 1 100%;
  }
  .arrow-wrap {
    display: none;
  }
   .process-steps li:nth-child(3) .arrow-wrap{ display: none;}
  .main_visual6 .owl-carousel .item .home-iteminfo b{ font-size: 1.2rem; }
}