@charset "utf-8";

*,html { }
body {font-family: "Segoe UI", "Helvetica Neue", Arial, "Microsoft YaHei", sans-serif; color: #333;  box-sizing:border-box; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, b, em, i { font-style:normal; padding: 0; margin: 0;  }
li, ol { list-style: none; }
input, textarea, bottom { border: none; outline: none; text-decoration: none;}
textarea { resize: none; }
a {color: inherit; outline: none; text-decoration: none;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
a:hover { color: #648C94; }
a:focus { outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a:hover img { border: none; }
img { max-width:100%; height:auto;  border: none;display:block; }
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; background:#0F0 }

.w-auto{ width:1200px; margin:0 auto; position:relative; box-sizing: border-box;}
@media (max-width: 1280px) {
.w-auto{ width:100%; padding:0 16px; box-sizing: border-box;}
}
/****** 头部 ******/
.head{ width:100%; background:#fff;}
.head .head-top{ width:100%; padding:1vw 0}
.head .head-top .logo{ width:50%;}
.head .head-top .gam{ width:30%;}
.head .head-top .gam i{font-size:18px; margin:0 8px;}
.head .head-top .gam a{ position:relative; color:#234E58}
.head .head-top .gam a:hover { color: #648C94; }
.head .head-top .gam a.a-ewm .ewm{ display:none; }
.head .head-top .gam a.a-ewm:hover .ewm{ display: block; position:absolute; left:-50%; z-index:999999;width:100px;max-width:100px; height:100px;border:solid #648C94 1px; padding:2px; margin-top:2px; background:#fff;}
.head .nav{ width:100%; }
.mob-tel{ display:none}
@media (max-width: 1200px) {
.head .head-top .gam i{ padding:4px;font-size:16px; margin:0 2px}
.head .head-top .add span:nth-child(1):before,.head .head-top .add span:nth-child(2):before {content: "";}
}
@media (max-width: 768px) {
.head{ position:fixed; top:0;z-index:99999;  background:#fff;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); height:60px;}
.head .head-top{ padding: 0;}
.head .head-top .logo{ width: calc(100% - 64px); height:100%;}
.head .head-top .logo img{ max-height:58px; width:auto }
.head .head-top .gam{ display:none}
.mob-tel{ display: block; padding:8px 0 0 16px; border-bottom: 1px solid #eee; height:60px; font-size:14px; box-sizing: border-box;}
.mob-tel span{ line-height:1}
}
@media (max-width: 480px) {
.head .head-top .logo img{ max-height:58px; width:100%}
}
/*** 导航 CSS ***/
.nav{display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; 
-webkit-box-orient: horizontal; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;	
width:100%; height:64px; z-index:99999; background:#234E58}
/* 导航PC端 css */
.nav-menu {display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; 
-webkit-box-orient: horizontal; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; width: 100%; }
.nav-menu li {position: relative; line-height:64px; width: calc(100% / 8); text-align:center; }
.nav-menu li a { display:block; font-size: 16px; position:relative;color:#fff; z-index:9}
/*.nav-menu li.menu-active:after { content: ""; width: 1px; height: 100%; background: rgba(100, 140, 148, 0.8); position: absolute; top: 0; left: 50%;z-index:0}*/
.nav-menu li:after { content: ""; width: 0; height: 100%; background: rgba(100, 140, 148, 0.8); position: absolute; top: 0; left: 50%; transition: all 0.6s; z-index:0}
.nav-menu li:hover:after { left: 0; width: 100%; }
.nav-menu li ul { position: absolute; top:100%; left: 0; z-index: 9999; box-shadow: 0px 2px 3px rgba(0, 0, 0, .5); background: #648C94; height:0;}
.nav-menu li:hover ul,.nav-menu li.sfHover ul{ height: auto;}
.nav-menu li ul li { min-width: 200px; text-align:left; margin:0;border-bottom:solid #234E58 1px;}
.nav-menu li ul li:last-child { border-bottom:none;}
.nav-menu li ul li a,.nav-menu li:hover ul li a { padding:4px 16px; height: 40px;line-height:40px;color:#fff}
.nav-menu li ul li:hover a { margin-left:4px }
.nav-menu li ul ul{ margin: 0;top: 100%; left:100%; }
/*  导航PC端 小图标 css */
.nav-menu li.menu-has-children a:after { content: "\f107"; font-family: FontAwesome; margin-left:8px; position:absolute; top:0;}
.nav-menu li.menu-has-children a:hover:after { content: "\f105";}
.nav-menu li.menu-has-children ul li a:after,.nav-menu li.menu-has-children ul li a:hover:after { content: ""; }

/* 导航手机端 导航图标 css */
#mobile-nav-toggle { position: fixed; right: 0; top: 0; z-index: 999999; border: 0; display: none; transition: all 0.4s; outline: none; cursor: pointer; width:60px; height:60px; background:#234E58}
#mobile-nav-toggle i { color: #fff; font-size: 2rem;}
@media (max-width: 768px) {
.nav,.nav-menu{ display:none;}
#mobile-nav-toggle { display: inline; }
}
/* 导航手机端 小图标 css */
#mobile-nav { position: fixed; top: 0; bottom: 0; z-index: 999998; left: -120%; width: 100%; overflow-y: auto; transition: 0.4s; background: #fff; /*linear-gradient(45deg, #648C94 -200%, #234E58 100%);*/ text-align:left}
#mobile-nav li div.lv2nav,#mobile-nav li div.lv2nav div img{ display:none;}
#mobile-nav ul {padding-top:32px;}
#mobile-nav ul li { position: relative; padding:4px 0; border-bottom: solid 1px #eee }
#mobile-nav ul li a { color: #333; font-size: 16px; overflow: hidden; padding: 10px 30px; position: relative;width: 100%; display: block;position: relative; }
#mobile-nav ul li a:hover { color: #234E58; }
#mobile-nav ul ul {padding-top:0px; display:block}
#mobile-nav ul li li { padding-left: 30px;border:none }
#mobile-nav ul .menu-has-children i { position: absolute; right: 0; z-index: 99; padding:14px 16px; cursor: pointer; color: #999;}
#mobile-nav ul .menu-has-children i.fa-minus { color: #234E58; }
#mobile-nav ul .menu-item-active { color: #234E58; }
#mobile-body-overly { width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(13, 13, 13, 0.9); display: none; }
/* Mobile Nav body classes */
body.mobile-nav-active { overflow: hidden; }
body.mobile-nav-active #mobile-nav { left: 0; }
body.mobile-nav-active #mobile-nav-toggle { coldor: #000; }

/* banner css */
@media (max-width: 768px) {
.banner { margin-top:60px }
}
.banner .swiper-button-next,.banner .swiper-button-prev{ color:#fff; opacity:0}
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{ color:#fff; opacity:1}
.banner .swiper-pagination-bullet-active{ background:#fff; color:#648C94}

/* 底部 css */
.foot { background:#234E58; color:#eee; font-size:14px; line-height:2; padding:2vw 0;}
.foot-L{ width:45%; padding:1vw 2vw 1vw 0; box-sizing:border-box}
.foot-L img{ width: 75%; opacity:0.15}
.foot-C{ width:30%; padding:1vw 2vw; box-sizing:border-box}
.foot-R{ width:25%;padding:1vw 0; box-sizing:border-box}
.foot-L .f-about{ width:100%}
.foot-C a.tit{ font-weight:bold; width:100%}
.foot-C ul{width:100%}
.corpright{background:#234E58; color:#eee; padding:0.5vw 0; font-size:14px; line-height:1.5; text-align:center; position:relative }
@media (max-width:768px) {
.foot{ display:none}
.corpright{padding:1.5vw 0; }
}

/********* 首页 共用 css *********/
.part-title{ width:100%; text-align:center; position: relative; box-sizing: border-box; margin:0 auto 2vw auto;font-size:14px}
.part-title h3{font-size: 32px;  color: #333; position: relative; line-height:1;}
.part-title i { display:block; color:#F0F4F4; font-size:3vw; text-transform:Uppercase;font-family: "Arial", sans-serif;}
.part-title h3 em{display:block; position: relative; padding-bottom:12px; }
#part-title h3{color: #fff;}
@media (max-width: 1200px) {
.part-sort ul li a h3 {font-size: 14px;}
.part-sort ul li p { display:none;}
}
.more { margin-top:32px;z-index:10}
.more a{ background: #234E58; font-size: 14px; line-height: 32px; color: #fff; border-radius: 3px; transition: all 0.5s ease; padding: 12px 20px; }
.more a:after {content: "\f061";font-family: FontAwesome; margin-left: 10px;}
.more a:hover{background: #648C94; }
.more a:hover:after {margin-left: 24px; transition: all 0.5s ease;}
#more-bg a{ background:#fff; color:#234E58}
@media (min-width: 769px) {
.pc-show{ display: block}
.mob-show{ display:none}
}
@media (max-width: 768px) {
#part-title h3{color: #333;}
.part-title i { display:block; font-size:30px;}
.part-title p{font-size:12px}
.more a{ padding: 10px 20px; }
#more-bg a{ background:#234E58; color:#fff}
.pc-show{ display:none}
.mob-show{ display: block}
}

/* 首页 关于 css */
.i-about { box-sizing: border-box; padding:5vmax 0; position:relative; background:#F0F4F4}
.i-about:before {content: '';display: block; position: absolute;top:0;left:0;right: 0;bottom: 0;background:url(../images/about-bg.jpg) no-repeat scroll center bottom #F0F4F4; opacity: 0.2;}
.i-about-L{ width:50%;box-sizing: border-box; padding:1vw 2vw;}
.i-about-R{ width:50%;}
.i-about-L .part-title{ width:100%;}
.i-about-L .i-about-con{line-height: 1.8;color: #444; display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden; text-align: justify;text-indent: 2em; text-align: justify;}
.i-about-R .pic { position:relative; box-sizing:border-box; overflow:hidden;}
.i-about-R .pic::after { content: ""; display: block; padding-bottom: 66.6666666%;}
.i-about-R .pic img { position: absolute; top:0; right:0; bottom: 0; left:0;  width: 100%; height: 100%; object-fit: cover; object-position: center;}
@media (max-width:768px) {
.i-about { text-align:center}
.i-about-L{ width:100%; padding:1vw 0vw; font-size:14px;}
.i-about-R {width:100%;} 
.i-about:before { display: none;}
}

/* 首页 产品 css */
.i-product { position:relative; padding:5vw 0}
.part-sort {width:100%;border: 1px solid #F0F4F4; }
.part-sort ul li{ width: calc(25% - 1px);  text-align:center; border-left: 1px solid #F0F4F4;}
.part-sort ul li:nth-child(1){ border:none}
.part-sort ul li.on,.part-sort ul a:hover{ background:#F0F4F4}
.part-sort ul li img{ display:inline-block; max-height:100%; width:25%}
.part-sort ul li a { display:block; font-size:14px;  height: 100%; box-sizing: border-box;padding: 10% 0; position: relative;z-index: 0;}
.part-sort ul li a h3 { font-weight:normal;font-size:14px;}
.part-sort ul li:hover img { transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); animation: beat 0.5s 1; }
.part-sort ul li p { font-size:14px;}
@keyframes beat { 0%, 100% {transform: scale(1, 1);}
25% {transform: scale(0.9, 1.1);}
50% {transform: scale(1.1, 0.9);}
75% {transform: scale(0.95, 1.05);}
}
.pro-list li{width: 23.5%; text-align:center; margin-top:20px; border:solid 1px #F0F4F4;box-sizing: border-box;}
.pro-list li img{ padding:8px;box-sizing: border-box }
.pro-list li h3{ font-size:16px; font-weight:normal; margin-top:8px; padding:8px; height:36px; line-height:36px; background:#234E58; color:#fff;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; text-align: center;}
.pro-list li:hover h3{background:#648C94}
.pro-list li:hover img{ transform: scale(1.05);transition: all 0.6s;}
@media (max-width: 1200px) {
.part-sort ul li a h3 {font-size: 14px;}
.part-sort ul li p { display:none;}
}
@media (max-width: 768px) {
.pro-list li{width: 48%; }
.pro-list li h3{ font-size:14px; }
}
/*** 产品切换 ***/
.i-recommend{ box-sizing: border-box; background:#F0F4F4; padding:5vmax 0;}
.product-swiper {width:100%; position:relative; }
.product-swiper .swiper-container2 { width:100%; position:relative; overflow:hidden}
.product-swiper .swiper-wrapper li{text-align:center;background:#fff ;border:solid 1px #F0F4F4;box-sizing: border-box;}
/*控制按钮*/
.swiper-button{ width:100%; position:relative; font-size:0; text-align:center; margin-top:20px;}
.pagination2,.button-next,.button-prev{ display:inline-block; font-size:16px; outline: none; cursor:pointer;color:#ccc}
.swiper-button .pagination2 span{ margin:0 2px}
.swiper-button .pagination2{ text-align:center; background:none}
.swiper-button .fa{ font-size:24px; vertical-align:middle; margin:0 8px; }
.button-next:hover,.button-prev:hover{ color:#234E58}
.swiper-button .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#234E58}
.swiper-button .swiper-pagination-bullet{ background:#ccc}
@media (max-width: 1200px) {
.product-swiper .swiper-slide h3{font-size:14px}
}
/* 首页 联系 css */
.i-contact{ position:relative; padding:0 0 5vw 0;box-sizing: border-box;}
/*.i-contact:before {content: '';display: block;position: absolute;top:0;left:0;right: 0;bottom: 0;background:url(../images/map1.jpg) no-repeat scroll center center; opacity: 1;}*/
.i-contact .ic-txt{ width:100%; background:rgba(0,0,0,0.85); padding:2vw; color:#fff; font-weight:bold; box-sizing: border-box;}
.i-contact .ic-txt p{ margin: 16px 0;}
.i-contact-L,.i-contact-R{ width:50%}
.i-contact-L img{ width:160px}
@media (max-width: 768px) {
.i-contact-L,.i-contact-R{ width:100%}
}
/* 首页 厂房 css */
.i-photo { box-sizing: border-box; padding:5vmax 0;}
.i-photo .aa{ width: calc(25% - 0.2vw); margin-top:0.4vw;}
.i-photo .aa .part-title,.i-photo .aa .more{ z-index:9;}
.i-photo .aa:nth-child(1){ width:20%; position:relative}
.i-photo .aa:nth-child(1):before {content: '';display: block;position: absolute;top:0;left:0;right: 0;bottom: 0;background:#234E58;}
.i-photo .aa:nth-child(2){ width: calc(40% - 0.4vw);}
.i-photo .aa:nth-child(3){ width: calc(40% - 0.4vw);}
.i-photo .aa img {-webkit-filter: brightness(100%); filter: brightness(100%);}
.i-photo .aa:hover img {-webkit-filter: brightness(110%); filter: brightness(110%);}
@media (max-width:992px) {
.i-photo .part-title{ display: block}
.i-photo .aa:nth-child(1){ display:none}
.i-photo .aa:nth-child(2){ width: calc(50% - 0.2vw);}
.i-photo .aa:nth-child(3){ width: calc(50% - 0.2vw);}		
}
@media (max-width:768px) {
.i-photo .aa{ width: calc(50% - 0.2vw);}	
}
/* 首页 新闻 css */
.i-news{ position:relative; padding:5vmax 0; background:#F0F4F4}
/*.i-news:before {content: '';display: block;position: absolute;top:0;left:0;right: 0;bottom: 0;background:url(../images/news-bg.jpg) no-repeat scroll center bottom; opacity: 0.4;}*/
.i-news-L{ width:30%; position:relative;background: #234E58; z-index:10 }
.i-news-R{ width:60%;}
.i-news-R ul{ width:100%;}
.i-news-R li { margin-top:1.5vw; border:solid 1px #e5e5e5; padding:1.5vw; box-sizing: border-box;background: rgba(255,255,255,0.8);}
.i-news-R li:nth-child(1){ margin-top:0;}
.i-news-R li .title{background:url(../images/news.png) no-repeat center left; padding-left:32px; }
.i-news-R li .summary{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin-top:8px}
.i-news-R li a .summary{ color:#8b8b8b; font-size:14px}
.i-news-R li:hover {border: solid 1px #234E58; cursor:pointer}
@media (max-width: 768px) {
.i-news-L,.i-news-R{ width:100%;}
.i-news-L{ background:none}
.i-news .more{ margin:16px auto 0 auto}
}

/********* 内页 共用 *********/
.p-banner{height: 160px;  position: relative; background:#000}
.p-banner:before {content: '';display: block;position: absolute;top:0;left:0;right: 0;bottom: 0;z-index:0;background:url(../images/bg2.jpg) no-repeat scroll center center #000; opacity: 0.4;}
.pages-title{ margin-bottom:16px;}
.pages-title h2,.pages-title .location{ width:100%; color:#fff; }
.pages-title h2{ font-size:32px;}
.pages-title .location{ color:#fff; font-size:14px; margin-top:8px}
.Details{ line-height:2;text-indent: 2em;text-align: justify; }
/* 上一个 下一个*/ 
.page-bool { font-size:0}
.page-bool span{ display:block; color:#999}
.page-bool span,.page-bool a{ font-size:14px}
.page-bool a{ color:#333}
/* 分页 */
.page-num{ margin: 2vmax auto 0 auto}
.page-num a{ display: block; padding:0 10px;line-height: 30px; border: #234E58 solid 1px;color: #aaa; background: #fff;text-align: center; color: #666; font-size:14px;}
.page-num .page-cur,.page-num a:hover { background:#234E58;border:1px solid #234E58; color:#fff}
@media (max-width: 768px) {
.p-banner { margin-top:60px }
.page-bool span,.page-bool a{ font-size:12px}
}
/*** 简介 内页***/
.about{padding:5vmax 0;}
.about .about-pic{ max-width:600px; float:right; padding:0 0 0 32px}
@media (max-width:768px) {
.about .about-pic{ max-width:100%; float:none; padding:0 0 1vmax 0}
}
/*** 企业文化 内页***/
.culture{ position:relative; padding:5vmax 0; box-sizing:border-box}
@media (min-width:801px) {
.cul-box{ position:relative; width:100%; background:url(../images/bg4.png) no-repeat scroll center center; background-size: 50vmax auto; height:50vmax;}
.cul-box ul li{ position:absolute}
.cul-box ul li strong{ font-size:30px; font-weight:normal}
.cul-box ul li p{ font-size:16px; color:#777}
.cul-box ul li:nth-child(1){ top:5vmax; left:12vmax; }
.cul-box ul li:nth-child(2){ top:6vmax; right:8vmax; }
.cul-box ul li:nth-child(3){ top:20vmax; left:0; }
.cul-box ul li:nth-child(4){ top:22vmax; right:0vmax; }
.cul-box ul li:nth-child(5){ bottom:2vmax; left:7vmax; }
.cul-box ul li:nth-child(6){ bottom:3vmax; right:6vmax; }
}
@media (max-width:1200px) {
.cul-box ul li strong{ font-size:20px;}
.cul-box ul li p{ font-size:14px;}
.cul-box ul li:nth-child(1){ top:5vmax; left:25vmax; }
.cul-box ul li:nth-child(2){ top:6vmax; right:20vmax; }
.cul-box ul li:nth-child(3){ top:20vmax; left:6vmax; }
.cul-box ul li:nth-child(4){ top:24vmax; right:4vmax; }
.cul-box ul li:nth-child(5){ bottom:1vmax; left:18vmax; }
.cul-box ul li:nth-child(6){ bottom:2vmax; right:14vmax; }
}
@media (max-width:920px) {
.cul-box ul li strong{ font-size:18px;}
.cul-box ul li p{ font-size:12px;}
}
@media (max-width:800px) {
.cul-box{ position:relative; width:100%; background:none;}
.cul-box ul li{ position: inherit; padding:2vmax 0; border-bottom:solid 1px #eee; line-height:2}
.cul-box ul li strong{ font-size:30px; font-weight:normal}
.cul-box ul li p{ font-size:16px; color:#777}
}

/********* 产品列表 内 页*********/
.products { padding:5vmax 0; position:relative}
.products-L{ width:240px;}
.products-R{width: calc(100% - 260px); }
.sort-title{ width:100%; background:#234E58; color:#fff; font-size:24px; padding: 10px 16px; box-sizing:border-box }
.sort{ margin-bottom:16px;}
.sort li{ width:100%;font-size:16px; border-bottom:solid 1px #eee; padding:10px; position:relative; box-sizing:border-box }
.sort li a{ display:block; position:relative; padding-left:24px;}
.sort li a:after { content: ""; display: block; width:16px; height:16px; position: absolute;top:3px;left:0;right: 0;bottom: 0;background:url(../images/pi1.png) no-repeat scroll center center; background-size:cover; }
.sort li:nth-last-child(2) a:after  {content: "\f1b9";font-family: FontAwesome; background:none; color:#c2c2c2 }
.sort li:nth-last-child(1) a:after  {content: "\f206";font-family: FontAwesome; background:none; color:#c2c2c2 }
.rec-swiper{width:100%; position:relative; height:656px; background:#F0F4F4; overflow:hidden;}
.rec-swiper .swiper-container { width: 100%; max-height:calc(100% - 64px); position:relative; top:30px;}
.rec-swiper .swiper-slide {display: box;display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center;-ms-align-items: center; -o-align-items: center; align-items: center; width:100%}
.rec-swiper .swiper-slide img { width:100px}
.rec-swiper .swiper-slide a { display: box;display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;  color: #333; }
.rec-swiper .swiper-slide  h3 { font-size:14px; font-weight:normal; margin-left:10px; }
.rec-swiper .button-next { position: absolute; z-index:99; top: 0; left:96px;}
.rec-swiper .button-prev { position: absolute; z-index:999; bottom:0;left:96px;}
.rec-swiper .button-next .fa,.rec-swiper .button-prev .fa{ font-size:48px; line-height:24px}
.pro-list2{ width:100%; position:relative}
.pro-list2 li{ width: calc(25% - 16px); margin:0 0 16px 16px; border:solid 1px #ccc;box-sizing: border-box; overflow:hidden}
.pro-list2 li img{ padding:4px;box-sizing: border-box; z-index:0}
.pro-list2 li h3{ font-size:14px; font-weight:normal; padding:0 8px; line-height:36px;background:#234E58; color:#fff; text-align: center; overflow:hidden}
.pro-list2 li:hover h3{background:#648C94}
.pro-list2 li:hover img{ transform: scale(1.05);transition: all 0.6s;}
@media (max-width: 1200px) {
.rec-swiper{  height:600px;}
}
@media (max-width: 1100px) {
.rec-swiper{  height:500px;}
}
@media (max-width: 1000px) {
.rec-swiper{  height:400px;}
}
@media (max-width: 900px) {
.pc-show2{ display:none}
}
@media (max-width: 768px) {
.products-L{ width:100%;}
.products-R{ width: 100%; }	
.sort{ margin-bottom:0;}
.sort li{width: 49%; border-bottom:0; position:relative; background:#234E58; margin-top:1px;}
.sort li a{ color:#fff; background:none; padding:0;border-bottom:none;}
.sort li:nth-last-child(2) a:after,.sort li:nth-last-child(1) a:after  {content: "";}
/*.sort li:after{content: " ";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px; border-bottom:solid 1px #ccc !important;-webkit-transform: scaleY(.5);transform:scaleY(.5);}*/
.pro-list2 li{width: 50%; margin:16px 0 0 0 ; }
.pro-list2 li h3{ font-size:14px; }
}
/********* 产品 详情页面 *********/
.proshow-R{width: calc(100% - 280px); }
.Picimg{ width:50%; overflow: hidden; }
.Brief{width:45%;box-sizing: border-box;  overflow: hidden;}
/* 产品 大图 */
.Picimg .swiper-container { width: 100%; margin:0 auto; border:solid 1px #eee; border-bottom:none}
.Picimg .swiper-slide { background-size: cover; background-position: center; }
.Picimg .gallery-top {width: 100%; box-sizing: border-box; }
.Picimg .gallery-thumbs .swiper-slide {border:solid 1px #eee; cursor:pointer; box-sizing: border-box;}
.Picimg .gallery-thumbs .swiper-slide-thumb-active {border:solid 1px #234E58 }
.Picimg .swiper-button-next{right:0;}
.Picimg .swiper-button-prev{left:0;}

/* 产品 描述*/
.Brief .pro-name{width:100%;font-size:30px;color:#234E58;}
.Brief .outline{width:100%; color:#666; margin:16px 0; padding:16px 0; font-size:14px; line-height:2}
.Brief .outline em{font-size:16px; color:#222; display:block}
/* 产品 详情*/
.Pro-detail{ display:block; width:100%; margin-top:2.5vmax}
.Pro-detail .title{color:#234E58;background: #F0F4F4; padding:1vmax 0 1vmax 24px;border-left:5px solid #234E58; text-align:left;font-size: 24px;  }
.Pro-detail .Details{ min-height:240px}
.Pro-detail p{ border-top:solid 1px #e8e8e8; padding:10px 0; }
@media (max-width: 768px) {
.proshow-R{width:100%;}
.Picimg{width:100%;}
.Brief{width:100%;}
.Brief .pro-name{ margin-top:16px}
.Pro-detail .title{font-size: 16px; }
}

/********* 厂房 荣誉 照片展示 *********/
.photo{padding:5vmax 0;}
#thumbs ul { width:100%;}
#thumbs ul li{ font-size:16px; width: calc((100% - 80px) / 4 ); margin:0 10px; text-align:center; overflow:hidden}
#thumbs ul li a{ display:block;border: solid #ddd 1px;padding: 0.5vmax;transition: all 1s ease 0s;box-sizing: content-box; overflow:hidden}
#thumbs ul li img{ max-width:100%;}
#thumbs ul li a:hover img{ transform: scale(1.4);cursor: pointer;transition: all 0.6s;}
#thumbs ul li p.term{ padding:0.8vmax 0; text-align:center; overflow:hidden}
@media (max-width: 768px) {
#thumbs ul li{ font-size:14px; width: calc((100% - 40px) / 2 ); }
}

/********* 新闻 *********/
/* 新闻 列表 */
.news{ padding:5vmax 0; box-sizing:border-box  }
.newslist ul { width:100%;}
.newslist ul li {  border-bottom: 1px dotted #eee; padding:2vmax 0;}
.newslist ul li:nth-child(1){  padding:0 0 2vmax 0}
.newslist ul li a {  
overflow: hidden; color: #666; text-align: left; position: relative;font-size: 14px;}
.newslist .data { font-family: Arial; font-size: 16px; color: #999; line-height: 1; border:solid 1px #999; padding:8px; width:90px; box-sizing:border-box;}
.newslist .data b {  font-size: 36px; font-weight: normal; color: #999; line-height: 1; padding-bottom: 16px; width:100%; text-align:center}
.newslist .newnr { width: calc(100% - 260px - 4vmax);position: relative; padding:0 4vmax; margin-right:4vmax; box-sizing:border-box;  }
.newslist .newnr:after { content: ''; width: 1px; height: 100%; background: #eee; display: block; position: absolute; right: 0; top: 0; }
.newslist .newnr b { font-weight: normal; font-size: 18px; overflow: hidden; text-align: left; padding-bottom: 10px; width: 100%; display: block; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; }
.newslist .newnr .txt { font-size: 14px; color: #777; line-height: 24px; width: 100%; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden}
.check { width: 165px; height: 50px; color: #333; font-size: 14px; line-height: 50px; border: 1px solid #ddd; transition: all 1s ease 0s;text-align:center}
.newslist ul li:hover .newnr a, .newslist ul li:hover .newnr a .txt{ color: #648C94;transition: all 0.4s ease 0s;}
.newslist ul li:hover .check { background:#234E58;border: 1px solid #234E58; color:#fff;}
.newslist ul li:hover .check a{ color:#fff;}
@media (max-width: 768px) {
.newslist .data { font-family: Arial; font-size: 14px; color: #999; line-height: 1; border:solid 1px #999; padding:8px; width:78px; box-sizing:border-box;}
.newslist .data b {  font-size: 24px; font-weight: normal; color: #999; line-height: 1; padding-bottom: 16px; width:100%; text-align:center}
.newslist .newnr { width: calc(100% - 78px);position: relative; padding:0 0 0 2.5vmax; margin:0; box-sizing:border-box;}
.newslist .newnr b { font-size: 16px; }
.newslist .newnr:after { content: ''; width: 0; }
}
/* 新闻 详情 */
.NewsDetail{ padding-bottom:3.125vw}
.NewsDetail .title{padding: 0 0 10px; margin-bottom:10px; font-size:26px; line-height:40px; font-weight:bold; text-align:center; letter-spacing:1px;}
.NewsDetail .Details{letter-spacing:1px; padding:16px 10px; font-size:16px; }
.NewsDetail .Details p{  padding:24px 0;}
.NewsDetail .date{padding: 10px 0px; margin-top:10px;text-align: left; color: #777;font-size: 14px;}
/* 招商加盟 */
.business{ padding:5vmax 0; box-sizing:border-box  }
.business .title{ width:100%; text-align:center; font-size:30px; font-weight:bold; margin-bottom:2vmax}
.business .img{ width:50%}
.business .txt{ width:50%; background:#F0F4F4; padding:4vmax; box-sizing:border-box;}
.business .txt strong{ width:100%}
@media (max-width: 768px) {
.business .img,.business .txt{ width:100%;font-size:14px}
.business .img.order-1{-webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0;-ms-flex-order: 0;-webkit-order: 0;order: 0;}
.business .txt{ padding:4vmax 2vmax;}
}
/* 联系我们 */
.contact{ padding:5vmax 0; box-sizing:border-box;}
.contact .ic-txt{ width:40%; border: solid 1px #eee; padding:2vmax; box-sizing:border-box;}
.contact .ic-txt ul{ width:100%;}
.contact .ic-txt li{display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; 
-webkit-box-orient: horizontal; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
width: 100%; box-sizing:border-box; border-bottom:solid 1px #eee; font-size:16px; padding:1.2vmax 0}
/*.contact .ic-txt li:nth-child(1){ border-left: none; padding-left:0; box-sizing:border-box;}*/
.contact .ic-txt li .fa{ font-size:30px; color:#234E58; display:block; width: 40px;}
.contact .ic-txt li span{width: calc(100% - 40px); padding-left:16px; box-sizing:border-box}
.contact #map{width:60%;min-height:50vh; font-size:14px}
@media (max-width: 768px) {
.contact .ic-txt{ width: 100%;}
.contact .ic-txt li{ font-size:14px; padding:2vmax 0}
.contact #map{width:100%;}
}
/* 在线留言 */
.contact form{ width:100%; margin: 4vmax auto 0 auto; background:#F0F4F4;}
.feedback .title{ width:100%; background:#234E58; font-size:24px; color:#fff; padding:1vmax; box-sizing:border-box; text-align:center}
.feedback ul {padding:1vmax; box-sizing:border-box;}
.feedback ul li { position: relative; width: 100%;box-sizing:content-box; }
.feedback ul li input,.feedback ul li textarea { font-size: 14px; padding: 8px; margin-bottom:16px; border: 1px solid #ccc; border-left: 3px solid #234E58;background: none;box-sizing: border-box; }
.feedback ul li input{ width:50%; }
.feedback ul li:nth-child(4) input{ width: 100%;}
.feedback ul li textarea{ width: 100%; line-height: 24px; }
.feedback input[type="submit"] { position: relative; display: block; width: 50%; margin:0 auto; background: #234E58; font-size: 14px; color: #fff; text-align: center; line-height: 40px; cursor: pointer; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;padding: 0; border:none;}
.feedback input[type="submit"]:hover { background: #234E58; }


/* 悬浮 客服 css */
.floating_ck{position:fixed;right:0;top:50%; z-index:999}
.floating_ck li{display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; 
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; 
position:relative;width:54px;height:54px;background-color:#646577; margin-top:1px;cursor:pointer; box-sizing: border-box; }
.floating_ck li:hover{background-color:#234E58;}
.floating_ck li:hover .floating_left{display:block;}
.floating_ck li span{color:#fff;display:block;}
.floating_left{position:absolute;left:-129px;top:0px;width: 128px; min-height:54px;background-color:#234E58; display:none; text-align:center}
.floating_left a{color:#fff;line-height:54px;}
.floating_ewm{ top:0px; right:4px; padding:4px; background:#234E58; height:auto; box-sizing: border-box; }
@media (max-width: 768px) {
.floating_ck li{background-color: rgba(100,101,119,0.8);width:32px;height:32px;}
.floating_left{ min-height:32px}
.floating_left a{color:#fff;line-height:32px;}
.floating_ck li span img{ width:75%; margin:7% 0 0 8%}
}

/*** 相关 新闻、产品 ***/
.rel-title{ }
.rel-title h4{ display:block;background:#234E58; width:128px;height:32px; line-height:32px; text-align:center; color:#fff; font-size:16px; font-weight:bold; }
.rel-pro{ margin-top:2.5vmax; width:100%}
.rel-pro ul { font-size:0; margin-top:32px;}
.rel-pro ul li{font-size:1rem; width:23%; display: inline-block; margin:0 1%; box-sizing: border-box;border:solid 1px #eee }
.rel-pro ul li p.pro-name{ width:100%; font-size:1rem; color:#555;background:#e6e6e6; text-align: center; line-height:36px; overflow:hidden;text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; font-size:14px;}
.rel-pro ul li:hover{ border:solid 1px #234E58}
.rel-news{ margin-top:2.5vmax; width:100%}
.rel-news ul { font-size:0; margin-top:16px;}
.rel-news ul li{font-size:14px; width:48%; display: inline-block; margin:0 1%; position:relative; border-bottom: solid 1px #eee; margin-top:16px; line-height:36px;}
.rel-news ul li a{ display:block;width:calc(100% - 100px); overflow:hidden;text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; font-size:14px;}
.rel-news ul li span.time{ display:block; width:90px; position:absolute; right:0; top:0}
 @media (max-width: 768px) { 
.rel-pro ul li{ width:47%; margin-top:1.5%}
.rel-news ul li{ width:97%; margin-top:1.5%}
}



/* ============ English layout adjustments ============ */
body { -webkit-font-smoothing: antialiased; }
.part-title h3 em { font-size: 30px; letter-spacing: .5px; }
.part-title p { font-size: 15px; color: #777; }
.i-about-con p { font-family: inherit; }
.nav-menu li a { font-size: 15px; letter-spacing: .3px; white-space: nowrap; }
.nav-menu li ul li a { font-size: 14px; letter-spacing: 0; }
.foot .f-about p { line-height: 1.9; }
.pro-list h3, .pro-list2 h3, .product-swiper h3 { font-size: 15px; line-height: 1.4; padding: 8px 4px; }
.part-sort ul li h3 { font-size: 15px; }
.part-sort ul li p { font-size: 12px; color: #888; display: block; }
.Brief .pro-name { font-size: 26px; line-height: 1.3; }
.newslist ul li .newnr b { font-size: 16px; }
.i-news-R ul li .title { font-size: 16px; }
.i-news-R ul li .summary { font-size: 13px; color: #888; line-height: 1.6; }
.pages-title h2 { font-size: 30px; letter-spacing: .5px; }

/* 分页（沿用原站产品页内置样式，统一到主题） */
.pagination { margin: 24px auto 0 auto; text-align: center; font-size: 0; }
.pagination a, .pagination span { display: inline-block; margin: 0 4px 4px 0; padding: 0 12px; height: 32px; line-height: 30px;
  border: 1px solid #ddd; background: #fff; color: #666; font-size: 13px; }
.pagination a:hover { border-color: #648C94; color: #648C94; }
.pagination a.cur, .pagination span.cur { background: #648C94; border-color: #648C94; color: #fff; }
.pagination p, .pagination .disabled { color: #bbb; }

/* 产品规格表 */
.spec-table { width: 100%; border-collapse: collapse; margin: 16px 0 8px; text-indent: 0; }
.spec-table th, .spec-table td { border: 1px solid #e5e5e5; padding: 9px 14px; font-size: 14px; line-height: 1.6; text-align: left; }
.spec-table th { background: #F0F4F4; color: #234E58; font-weight: 700; width: 38%; }
.spec-table tr:nth-child(even) td { background: #F0F4F4; }

/* 详情页正文 */
.Details { font-size: 15px; color: #444; }
.Details p { margin-bottom: 12px; }
.Details img { max-width: 100%; height: auto; }

/* 表格化联系信息 */
.ic-txt ul li { font-size: 15px; line-height: 2; }
.ic-txt ul li i { color: #648C94; width: 26px; }

/* 产品目录侧栏 */
.sort li a { font-size: 14px; }
.products-L .sort-title { font-size: 16px; }

/* ---- English layout additions ---- */
.page-bool .btn-quote{display:inline-block;padding:11px 26px;background:#648C94;color:#fff!important;
  font-size:14px;letter-spacing:.5px;border-radius:2px;transition:.25s}
.page-bool .btn-quote:hover{background:#234E58}
.page-bool .btn-quote i{margin-right:8px}
.Brief .outline em{font-style:normal;font-weight:700;color:#648C94;display:block;margin-bottom:8px}
.Brief .outline p{line-height:26px;color:#555}

/* Contact page: two-column layout */
.contact .w-auto{align-items:flex-start;flex-wrap:wrap;justify-content:space-between}
.contact .ic-txt{width:44%;min-width:320px}
.contact .w-auto form{width:52%;min-width:380px}
.contact .feedback{margin-top:0}
@media screen and (max-width:768px){
  .contact .ic-txt,.contact .w-auto form{width:100%;min-width:0}
  .contact .w-auto form{margin-top:24px}
}

/* ==================== Round 4 ==================== */
/* 1. Service hotline: label above number, proportioned like the reference image */
.head .head-top .gam{ width:auto; max-width:48%; display:flex; align-items:flex-end; justify-content:flex-end; }
.head .head-top .gam .hotline-box{ display:flex; flex-direction:column; align-items:flex-end; line-height:1.12; }
.head .head-top .gam .hotline-label{ font-size:17px; letter-spacing:2px; text-transform:uppercase;
  color:#648C94; font-weight:400; margin:0 0 8px; }
.head .head-top .gam a.hotline-num{ font-size:40px; font-weight:700; color:#234E58;
  white-space:nowrap; letter-spacing:0; }
.head .head-top .gam a.hotline-num:hover{ color:#648C94; }
@media (max-width:1200px){
  .head .head-top .gam .hotline-label{ font-size:14px; letter-spacing:1.5px; margin-bottom:5px; }
  .head .head-top .gam a.hotline-num{ font-size:30px; }
}

/* 2. Product card titles: single line, never wrap and stretch the dark bar */
.pro-list li h3, .pro-list2 li h3, .product-swiper li h3{
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:36px; }

/* 3. Recommended column: white background and separator rule between items */
.rec-swiper{ background:#fff; }
.rec-swiper .swiper-slide{ border-bottom:1px solid #E3EAEA; }
.sort li{ border-bottom:1px solid #E3EAEA; }

/* 4. Culture page: circular photo centred, six text blocks outside the circle,
      fixed width so long English copy wraps instead of overlapping the image */
@media (min-width:801px){
.culture .cul-box{ height:720px; max-width:1200px; margin:0 auto; background-size:auto 720px; }
.culture .cul-box ul li{ position:absolute; width:23%; box-sizing:border-box; line-height:1.55;
  word-wrap:break-word; overflow-wrap:break-word; }
.culture .cul-box ul li strong{ display:block; font-size:26px; font-weight:400; color:#234E58; margin-bottom:6px; }
.culture .cul-box ul li p{ font-size:14px; color:#777; margin:0; }
.culture .cul-box ul li:nth-child(1){ top:9%;   left:5%;  text-align:left; }
.culture .cul-box ul li:nth-child(2){ top:9%;   right:5%; text-align:left; }
.culture .cul-box ul li:nth-child(3){ top:38%;  left:5%;  text-align:left; }
.culture .cul-box ul li:nth-child(4){ top:35%;  right:5%; text-align:left; }
.culture .cul-box ul li:nth-child(5){ bottom:4%; left:5%; text-align:left; }
.culture .cul-box ul li:nth-child(6){ bottom:4%; right:5%; text-align:left; }
}
@media (max-width:800px){
.culture .cul-box{ height:auto; background:none; }
.culture .cul-box ul li{ position:static; width:100%; text-align:left; padding:16px 0;
  border-bottom:1px solid #E3EAEA; }
.culture .cul-box ul li strong{ font-size:22px; color:#234E58; }
.culture .cul-box ul li p{ font-size:14px; }
}

/* 5. Homepage factory carousel: same navigation rule as the recommended-series carousel */
.i-factory{ box-sizing:border-box; padding:0 0 5vmax; background:#fff; }
.i-factory .factory-swiper{ width:100%; overflow:hidden; }
.i-factory .factory-swiper .swiper-slide{ box-sizing:border-box; }
.i-factory .factory-swiper .swiper-slide a{ display:block; border:1px solid #E3EAEA; background:#fff; }
.i-factory .factory-swiper .swiper-slide img{ width:100%; height:240px; object-fit:cover; }
.i-factory .factory-nav{ width:100%; margin-top:20px; text-align:center; font-size:0; }
.i-factory .factory-nav > div{ display:inline-block; vertical-align:middle; }
.i-factory .factory-nav .factory-prev,
.i-factory .factory-nav .factory-next{ cursor:pointer; }
.i-factory .factory-nav i{ font-size:24px; color:#ccc; vertical-align:middle; margin:0 8px; transition:color .3s; }
.i-factory .factory-nav .factory-prev:hover i,
.i-factory .factory-nav .factory-next:hover i{ color:#234E58; }
.i-factory .factory-pagination{ display:inline-block; width:auto; position:static; margin:0; }
.i-factory .factory-pagination .swiper-pagination-bullet{ background:#ccc; opacity:1;
  width:8px; height:8px; margin:0 3px; }
.i-factory .factory-pagination .swiper-pagination-bullet-active{ background:#234E58; }
@media (max-width:768px){
.i-factory .factory-swiper .swiper-slide img{ height:180px; }
}

/* 6. About Us certificate row (homepage certificate block removed) */
.about-certs{ clear:both; margin-top:3vmax; text-align:left; }
.about-certs-title{ font-size:22px; color:#234E58; text-transform:uppercase; letter-spacing:1px;
  margin-bottom:20px; border-left:4px solid #234E58; padding-left:12px; }
.about-certs ul{ display:flex; flex-wrap:wrap; gap:12px; }
.about-certs ul li{ width:calc(14.285% - 11px); box-sizing:border-box; background:#fff;
  border:1px solid #E3EAEA; padding:8px; text-align:center; }
.about-certs ul li img{ width:100%; height:180px; object-fit:contain; }
.about-certs ul li span{ display:block; font-size:12px; color:#777; line-height:1.4;
  margin-top:8px; min-height:34px; }
.about-certs .more{ text-align:center; margin-top:24px; }
@media (max-width:1000px){ .about-certs ul li{ width:calc(25% - 9px); } }
@media (max-width:768px){
  .about-certs ul li{ width:calc(50% - 6px); }
  .about-certs ul li img{ height:150px; }
}

/* Mobile: keep the hotline hidden (mobile telephone line stays in the nav) */
@media (max-width:768px){
  .head .head-top .gam{ display:none; }
}

/* ==================== Round 5 ==================== */
/* 1. Header hotline: label and number left-aligned */
.head .head-top .gam .hotline-box{ align-items:flex-start; }

/* 2. Recommended carousel: navigation row aligned to the left content edge */
.i-recommend .swiper-button{ text-align:left; }