@charset "utf-8";

*,html { }
body {font-family: "Arial", "微软雅黑", "Microsoft Yahei", "Lucida Grande", 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: #66c4d3; }
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:#;}
.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:#282c48}
.head .head-top .gam a:hover { color: #66c4d3; }
.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 #66c4d3 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:#282c48}
/* 导航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: rgb(102, 196, 211, 0.8); position: absolute; top: 0; left: 50%;z-index:0}*/
.nav-menu li:after { content: ""; width: 0; height: 100%; background: rgb(102, 196, 211, 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: #66c4d3; 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 #53a5b2 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:#282c48}
#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, #078684 -200%, #0c2e8a 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: #282c48; }
#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: #282c48; }
#mobile-nav ul .menu-item-active { color: #282c48; }
#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:#8ec521}

/* 底部 css */
.foot { background:#282c48; 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:#282c48; color:#eee; padding:0.5vw 0; font-size:14px; line-height:1.5; text-align:center; position:relative }
.corpright:before {content: "";position: absolute; left: 0;top: 0;width: 100%; height: 1px; background: #1c2038; border-top: 1px solid #363a5a;}
@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:#f0f0f0; 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 em:before {position: absolute; content: ""; width: 32px; height: 1px; background: #333; top: 40%; left: 50%; margin-left: -110px;}
.part-title h3 em:after { position: absolute; content: ""; width: 32px; height: 1px; background: #333; top: 40%; left: 50%; margin-left: 80px;}
#part-title h3{color: #fff;}
#part-title h3 em:before,#part-title h3 em:after { background: #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: #282c48; 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: #66c4d3; }
.more a:hover:after {margin-left: 24px; transition: all 0.5s ease;}
#more-bg a{ background:#fff; color:#282c48}
@media (min-width: 769px) {
.pc-show{ display: block}
.mob-show{ display:none}
}
@media (max-width: 768px) {
#part-title h3{color: #333;}
#part-title h3 em:before,#part-title h3 em:after { background: #333; }
.part-title i { display:block; font-size:30px;}
.part-title p{font-size:12px}
.more a{ padding: 10px 20px; }
#more-bg a{ background:#282c48; color:#fff}
.pc-show{ display:none}
.mob-show{ display: block}
}

/* 首页 关于 css */
.i-about { box-sizing: border-box; padding:5vmax 0; position:relative; background:#fefefe}
.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 #fefefe; 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 #f0f0f0; }
.part-sort ul li{ width: calc(25% - 1px);  text-align:center; border-left: 1px solid #f0f0f0;}
.part-sort ul li:nth-child(1){ border:none}
.part-sort ul li.on,.part-sort ul a:hover{ background:#f5f5f5}
.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 #f0f0f0;box-sizing: border-box;}
.pro-list li img{ padding:8px;box-sizing: border-box }
.pro-list li h3{ font-size:16px; font-weight:normal; border-top:solid 1px #f0f0f0; margin-top:8px; padding:8px; height:36px; line-height:36px; background:#282c48; color:#fff;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; text-align: center;}
.pro-list li:hover h3{background:#66c4d3}
.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:#f5f5f5; 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 #f0f0f0;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:#282c48}
.swiper-button .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#282c48}
.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:#282c48;}
.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:#f5f5f5}
/*.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: #282c48; 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 #282c48; 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: #282c48 solid 1px;color: #aaa; background: #fff;text-align: center; color: #666; font-size:14px;}
.page-num .page-cur,.page-num a:hover { background:#282c48;border:1px solid #282c48; 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:#282c48; 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:#f5f5f5; 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; border-top:solid 1px #f0f0f0; padding:0 8px; line-height:36px;background:#282c48; color:#fff; text-align: center; overflow:hidden}
.pro-list2 li:hover h3{background:#66c4d3}
.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:#282c48; 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 #28468c }
.Picimg .swiper-button-next{right:0;}
.Picimg .swiper-button-prev{left:0;}

/* 产品 描述*/
.Brief .pro-name{width:100%;font-size:30px;color:#28468c;}
.Brief .outline{width:100%; color:#666;border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; 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:#282c48;background: #F5F5F5; padding:1vmax 0 1vmax 24px;border-left:5px solid #292d49; 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: #66c4d3;transition: all 0.4s ease 0s;}
.newslist ul li:hover .check { background:#282c48;border: 1px solid #282c48; 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; border-bottom:1px dotted #ccc; 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; border-top: 1px dotted #ccc;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:#f5f5f5; 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:#064499; 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:#f5f5f5;}
.feedback .title{ width:100%; background:#282c48; 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 #282c48;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: #282c48; 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: #464f89; }


/* 悬浮 客服 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:#282c48;}
.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:#282c48; display:none; text-align:center}
.floating_left a{color:#fff;line-height:54px;}
.floating_ewm{ top:0px; right:4px; padding:4px; background:#282c48; 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{ border-bottom:solid 1px #ddd; }
.rel-title h4{ display:block;background:#282c48; 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 #282c48}
.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%}
}