@charset "utf-8";
/* CSS Document @woniu*/
*, ::after, ::before {
	box-sizing: border-box;
}
address, cite, dfn, em, i, var {
    font-style: normal;
}
img {
	max-width: 100%;
}
@media screen and (max-width: 768px) {
.pl02 {
padding-left: .2rem;
}
.pall02 {
padding: .2rem;
}
}
.layui-col-space30 {
	margin: -0.325rem
}
.layui-col-space30>* {
	padding: 0.325rem
}
.layui-container {
	width: 96%;
	max-width: 1440px;
}

/*****头部样式****/
.header {
	height: 90px;
	position: fixed;
	width: 100%;
	float: left;
	z-index: 1000;
	left: 0;
	top: 0;
	background: #fff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.logo {
	float: left;
}
.logo img {
	float: left;
	margin-top: 25px;
}
.search{ float:right; width:80px; height:100px; line-height:100px; text-align:right;}
.nav {
	float: right;
}
.nav ul {
	width: 100%;
	margin: auto;
}
.nav ul li {
	display: inline-block;
	position: relative;
	height: 90px;
	display: inline-block;
}
.nav ul li a {
	color: #000;
	font-size: 16px;
	width: 100%;
	height: 90px;
	line-height: 90px;
	float: left;
	padding:0 35px;
	text-align: center;
	font-weight:bold;
}
.nav ul li::after{
	content: "";
    width: 0px;
    height: 2px;
    background: #388ad3;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transition: all 0.5s ease 0s;
}
.nav ul li:hover::after{ width:100%;}
.nav ul li:hover a{ color:#388ad3;}
.nav ul li.cur a{ color:#388ad3;}
 

.nav .submenu {
	width: 130%;
	position: absolute;
	top: 90px;
	display: none;
	z-index: 999;
	background: #388ad3;
	box-shadow: 0px 0 15px 0 rgba(37, 37, 37, 0.1);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff, endColorstr=#C8ffffff);
}
.nav .submenu dl dt a {
	width: 100%;
	display: block;
	text-align: center;
	line-height: 44px;
	font-size: 14px;
	font-weight: normal;
	height: 44px;
	padding:0;
	color: #fff !important;
	background: none !important;
	margin: 0;
	overflow:hidden;
}
.nav .submenu dl dt a:hover {
	background: #0d66b5 !important;
	color: #fff !important;
}


/*****flash***/
.banner{
  width: 100%;z-index: 10;position: relative; margin-top:90px;
}
.banner .ban_bg{
  position: relative;color:transparent;
}
.banner .swiper-container,.mod1019 .banner .ban_bg,.mod1019 .banner .ban_nbg { width: 100%; height: auto;} 
.banner .swiper-pagination-bullet-active {background: #c12120;}
.banner .swiper-slide{ background-position: center; background-repeat: no-repeat;}
.banner .swiper-slide a{ display: block; width: 100%; height: 100%; text-align:center;}
.banner .swiper-slide a img{ width:100%;}
.banner .swiper-pagination-bullet-active {width:50px; border-radius:6px; background: #0c6bb0;}
.sysp{
display: block;margin-top: -8vw;width: 100%;min-width: 1400px;
}

/****首页产品展示***/
.index-product{ padding:60px 0; overflow:hidden;}
.T-title{ width:100%; text-align:center; overflow:hidden;}
.T-title h2{ font-size:30px; color:#2b2b2b; line-height:2;}
.T-title p{ font-size:16px; color:#000;}
.i-prd-fl{ width:100%; margin-top:40px; margin-bottom:50px; overflow:hidden;}
.i-prd-fl ul{ text-align:center;}
.i-prd-fl ul li {
    display: inline-block;
    width: 18%;
    max-width: 250px;
    background-color: #eae8e8;
    transition: all .5s ease;
}
.i-prd-fl ul li a {
    display: block;
    line-height: 50px;
    font-size: 18px;
    color: #3e3e3e;
    min-height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
}
.i-prd-fl ul li:hover, .i-prd-fl ul li.on {
    background: #388ad3;
    transition: all .5s ease;
}
.i-prd-fl ul li:hover a, .i-prd-fl ul li.on a {
    color: #fff;
    transition: all .5s ease;
}

.i-prd-c{ width:100%;}
._tabs{ width:100%; display:none;}
.i-prd-xh{ width:96%; overflow:hidden; padding: 8px; box-shadow: 0 0 20px rgba(0, 0, 0, .15); border-radius: 10px;}
.i-prd-img{ width:100%; height:0; position:relative; padding-bottom:75%; overflow:hidden;}
.i-prd-img img{ width:100%; transition: all .5s ease;}
.i-prd-img:hover img{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.i-prd-name{ width:100%; height:50px; line-height:50px; text-align:center; overflow:hidden; float:left;}
.i-prd-name a{ font-size:16px; color:#000;}

/***首页关于我们****/
.index-about{ padding:90px 0; overflow:hidden; background:url(../images/aboutbg.jpg) fixed center no-repeat; background-size:100%;}
.about_box{ background: #fff; box-sizing: border-box;padding: 60px; overflow:hidden;}
.about_l{width: 17%;background: #f4f4f4;}
.about_l .top1{background: #edecec;box-sizing: border-box;padding: 30px 20px; position: relative;text-align: center; color: #fff; line-height:36px;}
.about_l .top1 dl{font-size: 32px; font-weight: bold;}
.about_l .top1 p{ font-size: 16px;text-transform: uppercase;color: rgba(255,255,255,0.7);}
.about_l .top1:after{display: block;content: "";width: 40px;height: 40px;background: #edecec;transform: rotate(45deg);bottom: -10px;left: 0;right: 0;margin: 0 auto;position: absolute;}
.about_l .top1 img{  display: block;margin: 10px auto; }

.about_l .links{ margin-top: 45px;}
.about_l .links a{ background: #fff;
display: block;width: 160px;margin: 20px auto;box-sizing: border-box;border-left: 3px solid #0c6bb0;margin-bottom: 20px; 
padding-left: 20px;}
.about_l .links a i{ display: block;float: left;margin-right: 10px;padding-top: 10px; font-size: 19px;}
.about_l .links a em{ display: block;float: left;line-height: 50px;color: #333; font-size: 16px;}
.about_l .links a:after{ display: block;content: "";clear: both;}
.about_l .links a:hover em{ color: #fff;}
.about_l .links a:hover i{color:#fff;}
.about_l .links a:hover{ background: #0c6bb0;}
.about_l .phone{ line-height: 32px; color: #666; margin: 50px auto auto auto; font-size: 15px; width: 160px;box-sizing: border-box; padding:0 0 30px ; text-align: center;}
.about_l .phone em{display: block;font-size: 50px;color: #0c6bb0;line-height: 1;}
.about_l .phone p{ font-family: "arial";font-size: 23px;font-weight: bold;color:#222;}

.about_r{width: 80%;box-sizing: border-box; position: relative; height: 680px;}
.about_r .top2{ text-align: justify;font-size: 15px;line-height: 32px; color: #777;}
.about_r .top2 dl{ font-size:40px;font-weight: bold; color: #222;line-height: 40px;margin-bottom: 10px; }
.about_r .top2 dl span{ color: #c12120;}
.about_r .top2 p{padding-top: 10px;}

/*实力*/
#about_b{ box-sizing: border-box; margin-top:22px;}
#about_b li{display: block; float: left; font-size: 17px; color: #333; line-height: 30px;width: auto; padding: 20px 5%; width:33.3333%; position: relative;text-align: center; background: url(../images/012.png) right center no-repeat;}

#about_b li:nth-of-type(1){ padding-left: 0;}
#about_b li:nth-of-type(3){  background: none; padding-right: 0;}

#about_b li span{ color: #111;  font-family: "impact"; font-size:60px;line-height:60px; float: left;}
#about_b li p{ margin-bottom:5px; display:inline-block; position:relative;}
.number_ljs{font-size:18px; color:#ddd; text-align:center;}
#about_b em{font-style:normal;display:block; font-size:20px;float: left; width: 25px; height: 25px; background: #0c6bb0;border-radius: 50%;color: #fff; line-height: 23px; font-weight: bold; margin-left: 5px;}


.about_gd{position: absolute;width: 100%;box-sizing: border-box;padding-top: 50px;bottom:0;left: 0;background: linear-gradient(to bottom,#f9f9f9,#fff);}
.about_gd .picScroll-left{ overflow:hidden; position:relative; }
.about_gd .picScroll-left .hd{ overflow:hidden;  height:130px; width: 100%;top:60px; position: absolute;}
.about_gd .picScroll-left .hd .prev{ display:block;  width:52px; height:130px; 
		 cursor:pointer; background:url(../images/prev1.png) 0 0 no-repeat; position:absolute; left:30px;}
.about_gd .picScroll-left .hd .next{ display:block;  width:52px; height:130px; position:absolute; right:30px;
		 cursor:pointer; background:url(../images/next2.png) 0 0 no-repeat;}
.about_gd .picScroll-left .hd .prevStop{ background-position:-60px 0; }
.about_gd .picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.about_gd .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.about_gd .picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;  }
.about_gd .picScroll-left .hd ul li.on{ background-position:0 0; }
.about_gd .picScroll-left .bd{ padding:0 85px;   }
.about_gd .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.about_gd .picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width:280px; display:block;}
.about_gd .picScroll-left .bd ul li .pic{ text-align:center; }
.about_gd .picScroll-left .bd ul li .pic img{ width:100%;  height:210px; display:block; }
.about_gd .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.about_gd .picScroll-left .bd ul li .title{ line-height:20px; padding-top:10px;   }

/***应用领域***/
.case-ul{ width:100%; overflow:hidden; text-align:center; margin:40px 0;}
.case-ul a {
    padding: 0 16px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    display: inline-block;
    margin: 10px;
    color: #666;
}
.case-ul a:hover{ background:#388ad3; color:#fff;}
.case-xh{ border:1px solid #ddd; overflow:hidden;}
.i-yyly-img{ width:100%; height:0; position:relative; padding-bottom:75%; overflow:hidden;}
.i-yyly-img img{ width:100%; transition: all .5s ease;}
.imageEffectsAnimate_MoveLeft {
    transition: margin-left .5s ease;
    -moz-transition: margin-left ease .5s;
    -webkit-transition: margin-left .5s ease;
    -o-transition: margin-left ease .5s;
}
.i-yyly-img:Hover img{ margin-left:-10px;}
.case-xh:hover{ border:1px solid #388ad3;}
.case-xh:hover .i-prd-name{ background:#388ad3;}
.case-xh:hover .i-prd-name a{ color:#fff;}

/***首页合作伙伴****/
.index-hzhb{ overflow:hidden; background:url(../images/qba1g.jpg) bottom center no-repeat; background-attachment: fixed; background-size:cover; padding:6% 0;}
.hzhb-c{ overflow:hidden;}
.hzhb-fl{ width:65%; overflow:hidden;}
.hzhb-fl li{ width:16.6666%; float:left; margin-bottom:20px;}
.hzhb-fl li img{ width:90%;}
.hzhb-fr h2{ font-size:36px; color:#fff; line-height:1.5;}
.hzhb-fr p{ font-size:18px; color:#fff; line-height:1.2; margin:20px 0;}
.hzhb-fr a{ width:160px; height:45px; line-height:45px; float:left; text-align:center; font-size:13px; color:#fff; background:#388ad3; border-radius:3px; transition: all .5s ease;}


/***首页新闻资讯***/
.index-news{ padding:60px 0; overflow:hidden; background:#f5f5f5;}
.index-news .news_list {
	display: flex;
	align-content: stretch;
	justify-content: center;
	margin-top:40px;
}

.index-news .news_list li {
	margin-bottom: 30px;
	text-align: center;
}

.index-news .news_list li:nth-child(2) {
	margin: 0 17px;
}

.index-news .news_list li a {
	display: inline-block;
	width: 220px;
	background: #fff;
	height: 62px;
	box-sizing: border-box;
	line-height: 62px;
	font-size: 20px;
	color: #414b4b;
	padding-left: 86px;
	position: relative;
	transition: all 0.5s ease;
	text-align: left;
}

.index-news .news_list li a:after {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 16px;
	left: 36px;
	background: url(../images/ico.png) no-repeat left top;
	transition: all 0.5s ease;
}

.index-news .news_list li a+a {
	margin-left: 11px;
}

.index-news .news_list li:nth-child(2) a:after {
	background-position-x: -37px;
}

.index-news .news_list li:nth-child(3) a:after {
	background-position-x: -76px;
}

.index-news .news_list .on a:after {
	background-position-y: -69px;
	transform: translateX(360deg);
}

.index-news .news_list .on a {
	background: #0c6bb0;
	color: #fff;
}
.index-news .news_d {
	width: 100%;
	overflow: hidden;
	display: inline-grid;
	grid-auto-flow: row dense;
	grid-template-columns: 37% 61%;
	grid-template-rows: repeat(2, auto);
	grid-row-gap: 4%;
	grid-column-gap: 2%;
}

.index-news .news_d .news_item .news_tile a {
	font-size: 20px;
}

.index-news .news_d .news_item:nth-child(1) {
	padding:6% 0 3% 0;
	position: relative;
	background: #fff;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	grid-row-start: 1;
	grid-row-end: 4;
}

.index-news .news_d .news_item:nth-child(1) .news_tile {
	font-size: 22px;
}

.index-news .news_d .news_item:nth-child(1) .news_w {
	font-size: 14px;
	line-height: 30px;
	color: #888;
	margin-top: 10px;
}

.index-news .news_d .news_item:nth-child(1) .news_date {
	margin-bottom: 3%;
	width: 80%;
	background: url(../images/data.png) left no-repeat;
	font-size: 12px;
	padding-left: 15px;
	color: #999;
}

.index-news .news_d .news_item:nth-child(1) .news_img {
	margin-top: 5%;
	width: 83%;
	overflow: hidden;
}
.index-news .news_d .news_item:nth-child(1) .news_img a {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 60%;
}
.index-news .news_d .news_item:nth-child(1) .news_img img {
	display: block;
	width: 100%;
}

.index-news .news_d .news_item:nth-child(1) .news_txt {
	width: 83%;
}

.index-news .news_d .news_item:nth-child(n+2) {
	float: right;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.index-news .news_d .news_item:nth-child(n+2) .news_item_a {
	display: block;
	padding-bottom: 2%;
	font-size: 20px;
	width: 82%;
}

.index-news .news_d .news_item:nth-child(n+2) .news_txt {
	padding: 4% 0 4% 4%;
}
.index-news .news_d .news_item:nth-child(n+2) .news_w {
	font-size: 14px;
	color: #888;
	line-height: 28px;
	width: 82%;
}

.index-news .news_d .news_item:nth-child(n+2) .news_date {
	background: url(../images/data.png) left no-repeat;
	position: absolute;
	right: 5%;
	top: 30%;
	font-size: 12px;
	padding-left: 15px;
	color: #999;
}

.index-news .news_d .news_item:nth-child(4) {
	margin-bottom: 0;
}

.index-news .news_d .news_item:hover .news_item_a {
	color: #0c6bb0;
}

.index-news .news_d .news_ico {
	position: absolute;
	right: 7%;
	top: 55%;
}

/*****footer***/
footer{ background:#222222; padding:60px 0 0 0; overflow:hidden;}
.layout_nav {
  width: 60%;
}
.flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.layout_nav .ft_nav {
  justify-content: space-between;
}
.layout_nav .ft_nav>li {
  flex: 1;
  padding-right: 4%;
  overflow: hidden;
}
.layout_nav .ft_nav>li>a {
    font-size: 20px;
	font-weight:bold;
	line-height: 1.8;
	letter-spacing: 0px;
	color: rgba(255, 255, 255,1);
}
.layout_nav .ft_nav>li>a:hover {
  color: #ffffff;
}
.layout_nav .x-nav-menu {
  margin-top: 8%;
}
.layout_nav .x-nav-menu dd {
  font-size: 0;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.layout_nav .x-nav-menu dd a {
  display: block;
  max-width: 100%;
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.1;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.layout_nav .x-nav-menu dd a:hover {
  color: #ffffff;
}

.foott_rltel_t i {
    font-size: 18px;
    font-weight: 700;
    color: #999999;
}
.foott_rltel_t span {
    font-size: 14px;
    font-weight: 700;
    color: #999999;
}
.foott_rltel_b {
    font-size: 22px;
    font-weight: 700;
    color: #d60505;
}
.foott_rldz {
    margin-top: 10px;
}
.foott_rldz_b {
    font-size: 14px;
    color: #fff;
}
.foott_rlqt {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #484848;
}
.foott_rlqt a {
    padding: 0 10px;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
}
.foott_rlqt a:hover{ color:#388ad3;}
.foott_rlqt a:first-child {
    border-right: 1px solid #484848;
}
.foott_rl{ width:70%; float:left;}
.foott_rr {
	width:28%; float:right;
}
.foott_rrp {
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.foot-lx{ width:40%; float:right;}
.footb {
    padding: 30px 0;
	justify-content: space-between !important;
	width:100%;
}
.footbbq, .footblx, .footblx a, .footbbq a {
    font-size: 13px;
    color: #999;
}


/*固定的悬浮窗*/
.yb_conct {
  position: fixed;
  z-index: 9999999;
  top: 60%;
  right: -127px;
  cursor: pointer;
  transition: all .3s ease;
}
.yb_bar ul li {
  width: 180px;
  height: 53px;
  font: 16px/53px 'Microsoft YaHei';
  color: #fff;
  text-indent: 54px;
  margin-bottom: 3px;
  border-radius: 3px;
  transition: all .5s ease;
  overflow: hidden;
}
.yb_bar .yb_top {
  background:url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
  background:url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
  text-indent: 0;
  background:url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {

  background:url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
  display: block;
  margin:0 auto;
}
.yb_QQ a {
  display: block;
  text-indent: 54px;
  width: 100%;
  height: 100%;
  color: #fff;
}
.yb_QQ a:hover{
  color: #fff;
}
.yb_bar .yb_top {
	background-color: #388ad3;
}
.yb_bar .yb_phone {
	background-color: #388ad3;
}
.yb_bar .yb_QQ {
	background-color: #388ad3;
}
.yb_bar .yb_ercode {

	background-color: #388ad3;
}


/****关于我们单页****/
.ny-banner{ overflow:hidden; position:relative; width:100%; margin-top:90px;}
.ny-banner img{ width:100%; min-height:150px; object-fit: cover; max-height: 27VW; filter: brightness(0.7);}
.pg-flex{ display:flex;}
.p_info {
    width: 50%;
    position: absolute;
    right: 50%;
    top: 55%;
    z-index: 9;
    display: flex;
    transform: translateX(50%) translateY(-50%);
    align-items: center;
    text-align: center;
}
.p_info div { width: 100%;}
.p_btitle {
    color: rgb(255, 255, 255);
    font-size: 36px;
    font-family: "苹方 粗体";
    margin: 0px;
	line-height:2;
}
.p_line {
    height: 2px;
    width: 3%;
    background: #fff;
    margin: 0.8% auto;
}
.p_info span {
    opacity: 0;
    display: inline-block;
    min-width: 0.5em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.p_info span {
    animation: fadeInDown 1.5s 0.3s both;
}
.p_subtitle {
    line-height: 2;
    padding: 0;
    display-radio: 1;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-family: "pingfang medium";
}

.pg-weizhi{ height:80px; line-height:80px; overflow:hidden; background:rgb(245, 245, 245, 1);}
.pgabout-fr{ font-size:14px; color:#666;}
.pgabout-fr em{
	color: #388ad3;
	padding-left: 24px;
	background: url(../images/home.png) no-repeat center left;
	display: inline-block;
	font-style: normal;
}
.pgabout-fr a{ color:#666;}
.pgabout-fr a:hover{ color:#388ad3;}

.pgabou-fl a{ padding:0 30px; height:80px; line-height:80px; font-size:16px; color:#707070; display:inline-block;}
.pgabou-fl a.cur,.pgabou-fl a:hover{ background:#388ad3; color:#fff;}

.pg-about-c{ padding:60px 0; overflow:hidden;}
.pg-about-c .n_about_l {width: 40%;}
.pg-about-c .n_about_l .n_about_l_tile span {
	display: block;
	margin: 10px 0px;
	min-height: 40px;
	font-size: 30px;
	line-height: 40px;
}
.pg-about-c .n_about_l .n_about_l_tile p {
	display: block;
	min-height: 58px;
	margin-top: -7px;
	font-size: 28px;
	font-weight: normal;
	color: #0c6bb0;
	line-height: 58px;
}
.pg-about-c .n_about_l .n_about_l_img {
	width: 100%;
	max-height: 700px;
	overflow: hidden;
}
.pg-about-c .n_about_l .n_about_l_img img {
	display: block;
	width: 100%;
}


.pg-about-c .n_about_r {
	padding: 0 3% 30px;
	width: 60%;
	background: #fff;
	box-shadow: 0 0 20px rgba(0 0 0 / 10%)
}
.pg-about-c .n_about_r .n_about_r_tile {
	height: 80px;
	font-size: 36px;
	color: #0c6bb0;
	line-height: 80px;
	border-bottom: 1px solid #eee;
}

.pg-about-c .n_about_r .n_about_r_w {
	padding-top: 20px;
	min-height: 32px;
	text-indent: 2em;
	font-size: 16px;
	color: #333;
	line-height: 32px;
}

.plant_all{ margin-top:40px; min-width:810px;}
.plant_b{overflow:hidden;}
.plant_b li {
	float: left;
	margin-right: 20px;
	width: 360px;position: relative;overflow: hidden;
}
.plant_b li .pic {
	width: 360px;
	height: 270px;
 
}
.plant_b li .pic img {
	display: block;
	width: 100%;
	height: 100%;
}
.plant_b li .txt {
	position: relative;
	width: 360px;
	height: 50px;
	text-align: center;
	font-size: 15px;
	color: #555;
	line-height: 50px;
	background: #f5f5f5;
}
.plant_b li .txt span {
	position: relative;
	display: block;
	z-index: 9;
}
.plant_b li .txt:after {
	display: block;
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	width: 0;
	height: 50px;
	transition: all 0.3s;
	background:#0c6bb0;
}
.plant_b li:hover .txt:after {
	width: 360px;
}
.plant_b li:hover .txt {color: #fff; }

.pg-about-catname{ text-align:center; font-size:24px; font-weight:bold; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}


/*****车间，资质***/
.ywjs-tu{ width:100%; overflow:hidden; margin-top:50px;}
.ywjs-tu li{ width:31.333%; float:left; margin:10px 1%; overflow:hidden;}
.ywjs-tu li img{ width:100%;}
.ywjs-tu li span{ width:100%; height:45px; line-height:45px; float:left; text-align:center; overflow:hidden; font-size:15px; background:#f4f4f4;}

.ywjs-tu1{ width:100%; overflow:hidden; margin-top:20px;}
.ywjs-tu1 li{ width:23%; float:left; margin:10px 1%; overflow:hidden;}
.ywjs-tu1 li img{ width:100%;}
.ywjs-tu1 li span{ width:100%; height:45px; line-height:45px; float:left; text-align:center; overflow:hidden; font-size:15px; background:#f4f4f4;}


/***联系我们***/
.pg-aboutc{ padding:50px 0; overflow:hidden;}
.pg-aboutc h1{ font-size:36px; color:#131313; line-height:1.5;}
.pg-aboutc h2{ font-size:16px; color:#666; font-weight:400; line-height:2;}
.pg-lxwm{ padding:5% 0; overflow:hidden; background:url(../images/lxwmbg.jpg) center top no-repeat; background-attachment: fixed; background-size: cover;}
.lxwm-fled{
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    display-radio: flex;
	background-color: rgba(255, 255, 255, 1);
    padding-top: 3%;
    padding-bottom: 2%;
    padding-left: 30px;
    padding-right: 30px;
	overflow:hidden;
}
.lxwm-left{
    padding-right: 5%;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
	flex: 1; 
}
.lxwm-fs{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    padding-bottom: 0px;
    margin-bottom: 3%;
}
.lxwm-fs h2 {
    font_radio: 2;
    display-radio: 1;
    color: rgba(40, 52, 68, 1);
    line-height: 1.3;
    font-family: "GILROY-BOLD-4";
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}
.lxwm-p{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(51, 63, 71, 0.1);
    border-top: 0px solid rgba(51, 63, 71, 0.1);
    margin-bottom: 0px;
}
.lxwm-p p{ font-size:16px;}
.lxwm-p i{ font-size:30px; color:#5c656c; width:60px; text-align:center;}
.lxwm-p p strong{ color:#388ad3; font-size:20px;}
.lxwm-wx{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    max-width: 400px;
    margin-left: 0px;
    margin-right: auto;
    background_radio: 1;
}
.wx {
    flex: 0 0 auto;
    padding-right: 20px;
}
.wx_img {
    overflow: hidden;
    display-radio: 1;
    max-width: 150px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.wx_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.wx p{ line-height:1.5; text-align: center;
    font-size: 16px;
    max-width: 150px;
	font-family: "PoppinsB" !important;
}

.lxwm-right{
    padding-right: 0px;
    padding-left: 5%;
	flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.lxwm-right h2 {
    font_radio: 2;
    display-radio: 1;
    color: rgba(40, 52, 68, 1);
    line-height: 1.3;
    font-family: "GILROY-BOLD-4";
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}
.lxwm-right h3{ font-size:14px; color:#888; font-weight:400;}
.lxwm-right input {
	width:100%;
    height: 56px;
	float:left;
	margin-top:20px;
    padding: 0 20px;
    background: #ffffff;
    border: 2px solid #e7e7e7;
    box-sizing: border-box;
    transition: .5s;
}
.lxwm-right textarea {
    width:100%;
	float:left;
	line-height:30px;
    height: 120px;
	margin-top:20px;
    padding: 20PX 20px;
    background: #ffffff;
    border: 2px solid #e7e7e7;
    box-sizing: border-box;
    transition: .5s;
    margin-bottom: 13px;
}
.lxwm-right button{ width:100%; height:51px; line-height:51px; float:left; background:#388ad3; text-align:center; font-size:16px; color:#fff; border:0;}


/*****分页***/
.fenye {
	padding: 20px 0 30px;
	width: 100%;
	text-align: center;
	clear: both;
}
.fenye a {
	color: #666;
	padding: 0 15px;
	margin: 0 3px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.fenye span {
	color: #fff;
	padding: 0 15px;
	margin: 0 3px;
	background: #388ad3;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.fenye * {
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
	padding-bottom: 1px;
}
.fenye a:hover, .fenye .hover {
	display: inline-block;
	color: #fff;
	background: #388ad3;
	border-color: #388ad3;
}

/*****新闻中心***/
.pg-news{ padding:60px 0; overflow:hidden;}
.pg-news .news_d_list {
    width: 100%;
	overflow:hidden;
}
.pg-news .news_list_box {
    border: #dedede solid 1px;
    overflow: hidden;
    padding: 22px;
    margin-bottom: 20px;
    
}
.pg-news .news_list_box:hover {
    border: #0c6bb0 solid 1px;
}
.pg-news .news_list_img {
    width: 25%;
    float: left;
    font-size: 0;
}

.pg-news .news_list_img img {
    max-width: 100%;
    display: table-cell;width: 100%;height: auto;
}
.pg-news .news_list_content{
    width: 75%;
    float: left;
    padding: 0 30px 0 40px;
    box-sizing: border-box;
}

.pg-news .news_list_box .news_content_title{ 
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #333;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.pg-news .news_list_box:hover .news_content_title{
    color: #0c6bb0;
}
.pg-news .news_list_box .news_content_txt {
    font-weight: normal;
    line-height: 24px;
	font-size:13px;
    margin-top: 5px;
    color: #666;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.pg-news .news_list_box .news_content_more {
    margin-top: 25px;
    width: 134px;
    height: 40px;
    float: left;
    display: inline-block;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    text-align: center;
    background: #f5f5f5;
}
.pg-news .news_list_box:hover .news_content_more {
    background: #0c6bb0;
    border-color: #0c6bb0;
    color: #fff;
}
.pg-news .news_content_time {
    float:left;
    padding-top: 35px;
    padding-left: 20px;
    font-size: 16px;
    color: #666;
}

/*****新闻内容****/
.news-nr-fl{ width:72%; float:left; overflow:hidden; background:#f5f5f5; padding:30px;}
.news-nr-tit{ font-size:27px; text-align:center; color:#333; line-height:1.5;}
.news-nr-tit h1{ font-size:27px;}
.news-nr-data{ border-top:1px solid #ddd; margin:20px 0; padding-top:20px; font-size:14px; color:#595959;}
.news-nr-fy{ margin-top:20px; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:20px;}
.news-nr-fy span{ width:50%; float:left; overflow:hidden;}
.news-nr-fy span a{ font-size:14px; color:#333;}
.news-nr-fy span a:hover{ font-size:14px; color:#388ad3;}

.pg-about-nr{ font-size:16px; line-height:35px;}
.pg-about-nr img{ max-width:100%;}
.pg-about-nr p {
    font-size: 16px;
    line-height: 35px;
    text-align: justify;
    color: #333;
    margin-bottom: 10px;
}
.pg-about-nr table{ width:100%;}
.pg-about-nr td{ border:1px solid #ddd;}

.news-nr-fr{ width:24%; float:right; overflow:hidden;}
.pg-nr-rm{ width:100%; overflow:hidden; padding:20px; background:#f4f4f4;}
.pg-nr-rm h2{ font-size:24px; color:#000; line-height:1;}
.pg-nr-rm h3{ width:53px; height:2px; background:rgba(87, 87, 87, 1); float:left; overflow:hidden; margin:15px 0;}
.news-top{ width:100%; overflow:hidden;}
.news-top li{ width:100%; overflow:hidden; position:relative;}
.news-top li img{ width:100%;}
.news-top li span{ width:100%; height:35px; line-height:35px; position:absolute; left:0; bottom:0; background:rgb(0,0,0,.5); font-size:14px; color:#fff; text-indent:2em;}
.news-pg-xh{ width:100%; overflow:hidden; margin-top:15px;}
.news-pg-xh li{ width:100%; height:35px; line-height:35px; float:left; overflow:hidden; background:url(../images/xtb.png) left center no-repeat; text-indent:20px;}
.news-pg-xh li a{ font-size:14px;}
.news-pg-xh li a:hover{ color:#388ad3;}

.nr-news-ry{ margin-top:20px; overflow:hidden; position:relative;}
.nr-news-ry img{ width:100%; transition: all .5s ease;}
.ry-img{ width:100%; height:100%; position:absolute; left:0; top:0; transition: 0.5s;}
.ry-nr{ padding:0 30px; overflow:hidden;}
.ry-nr h2{ font-size:32px; color:#fff; line-height:1.5; margin:20px 0;}
.ry-nr p{ font-size:14px; color:#fff; margin-bottom:20px;}
.ry-nr a{ width:35%; height:36px; line-height:36px; float:left; text-align:center; color:#fff; font-size:14px; background:#388ad3;}
.nr-news-ry:hover img{ transform: scale(1.1);}
.ry-img:hover {
    background-color: rgba(0, 0, 0, 0.57);
    transform: scale(0.9);
}

/****产品中心***/
.pg-product{ padding:60px 0; overflow:hidden;}
.i-prd-left{ width:20%; float:left; overflow:hidden; max-width:280px; margin-bottom:20px;}
.titBox {
    width: 100%;
    background: #388ad3;
    text-align: center;
    padding: 25px 0;
	border-bottom:1px solid #fff;
}
.titBox .tit1 {
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    line-height: 30px;
}
.titBox .tit2 {
    font-size: 16px;
    color: #bcd9f5;
    line-height: 25px;
    margin-top: 10px;
}
.titBox .tit2 span {
    position: relative;
}
.titBox .tit2 span::after, .titBox .tit2 span::before {
    content: "";
    width: 22px;
    height: 5px;
    background: url(../images/two-line.png) no-repeat center center;
    position: absolute;
    top: 51%;
    margin-top: -2.5px;
}
.titBox .tit2 span::before {
    left: -32px;
}
.titBox .tit2 span::after {
    right: -32px;
}
.i-prd-left ul{ width:100%; overflow:hidden;}
.i-prd-left ul li {
    width: 100%;
    line-height: 60px;
	height:60px;
	overflow:hidden;
	border-bottom: 1px solid #fff;
    font-size: 16px;
    color: #2e2e2e;
    background: #f7f7f7;
    transition: all .5s ease;
}

.i-prd-left ul li:hover,
.i-prd-left ul li.cur {
    background: #388ad3;
    transition: all .5s ease;
}

.i-prd-left ul li a {
    display: block;
    color: #484848;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    padding-left: 30px;
    transition: all .3s ease;
}
.i-prd-left ul li a:after {
    position: absolute;
    content: '';
    display: block;
    margin: auto 0;
    top: 0;
    bottom: 0;
    right: 30px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: url(../images/xtb1.png) center no-repeat;
    transition: all .3s ease;
}

.i-prd-left ul li:hover a,
.i-prd-left ul li.cur a {
    color: #fff;
}
.i-prd-left ul li:hover a:after,.i-prd-left ul li.cur a:after{
        background: url(../images/xtb2.png) center no-repeat;
    }
.case-tel {
    width: 100%;
    text-indent: 60px;
    background: #15b485 url(../images/case_tel.png) no-repeat left 17px center;
	background-size: 36px;
	margin-top: 20px;
    padding: 25px 0 25px;
}

.case-tel .sz {
    font-family: arial;
    font-weight: bold;
    font-size: 25px;
    color: #fff;
    line-height: 30px;
}

.case-tel .sz a {
    color: #fff;
}

.case-tel .cn {
    font-size: 14px;
    color: #bcf7e6;
}


.i-prd-right{ width:78%; float:right;}


/*****产品内页***/

.pg-prds-lb{ width:100%; overflow:hidden; margin-bottom:40px; text-align:center;}
.pg-prds-lb a{ width:14.6666%; display:inline-block; height:45px; line-height:45px; text-align:center; background:#388ad3; margin-bottom:10px; color:#fff; font-size:16px; margin:5px 1%; overflow:hidden;}
.pg-prds-lb a:Hover,.pg-prds-lb a.cur{ background:#005c6c; color:#fff;}

.pg-prds {
	padding: 60px 0;
	overflow: hidden;
	background:#f2f2f2;
}

.pg-pr-img {
	padding: 20px;
	overflow: hidden;
	background: #fff;
	border:1px solid #ddd;
	border-radius:10px;
	width: 45%;
	float: left;
}
.prd-img {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}
.prd-img img {
	height: 500px;
}
.prd-cpms {
	padding: 30px 20px;
	background: #fff;
	margin-top: 20px;
	overflow: hidden;
	width:100%;
}
.prd-cpms h2 {
	font-size: 38px;
	line-height: 2;
	border-bottom: 1px solid #ddd;
	color: #444;
	font-weight: bold;
	margin-bottom: 30px;
}
.prd-ms {
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	line-height: 30px;
}
.prd-ms p{ margin-bottom:5px;}
.prd-ms img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.prd-ms table {
	border: 1px solid #d2d2d2;
	border-collapse: collapse;
	font-size: 16px;
	font-family: 微软雅黑;
	color: #333333;
	width: 100% !important;
	word-wrap: break-word; word-break: break-all;
}
.prd-ms tr, .prd-ms td {
	border: 1px solid #d2d2d2;
	line-height: 3.5em;
	border-collapse: collapse;
	text-align: center;
}
.prd-cpfy {
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
}
.prd-cpfy span {
	width: 50%;
	line-height: 40px;
}
.prd-cpfy span a {
	font-size: 14px;
	color: #666;
}
.prd-tlcx {
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
	position: relative;
}
.prd-tlcx h2{
	font-size: 38px;
    line-height: 2;
    border-bottom: 1px solid #ddd;
    color: #444;
    font-weight: bold;
    margin-bottom: 30px;
}
.xgcp{ width:100%; position:relative; overflow:hidden;}
.prd-tjcx {
	width: 100%;
	overflow: hidden;
	background: #fff;
	border-radius: 15px;
	padding: 20px;
}
.tl-img {
	width: 100%;
	overflow: hidden;
}
.tl-img img {
	width: 100%;
}
.tl-txt {
	width: 100%;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-align: center;
}
.tl-txt a {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.tl-des {
	width: 100%;
	overflow: hidden;
	line-height: 25px;
	font-size: 14px;
	color: #999;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.injjfa-button-next {
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translateY(-50%);
	z-index: 1000;
	cursor: pointer;
	outline: none;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: rgba(0, 0, 0, 0.3) !important;
	border-radius: 50px;
}
.injjfa-button-next span {
	color: #fff;
	font-size: 20px;
}
.injjfa-button-prev {
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	z-index: 1000;
	cursor: pointer;
	outline: none;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: rgba(0, 0, 0, 0.3) !important;
	border-radius: 50px;
}
.injjfa-button-prev span {
	color: #fff;
	font-size: 20px;
}
.injjfa-button-next:hover span.iconfont, .injjfa-button-prev:hover span.iconfont {
	color: #e60012;
}
.prd-lm {
	width: 100%;
	overflow: hidden;
}
.prd-lm p {
	font-size: 15px;
	line-height: 30px;
}
.pg-prds .top {
    display: flex;
    position: relative;
    width: 100%;
    padding-right: 0%;
    padding-left: 0%;
}
.pg-pr-right{ width:55%; float:right; display: flex; align-items: center; padding-left:5%;}
.pg-bt{ width:100%; overflow:hidden;}
.pg-bt h1{ font-size:30px; color:#2b2b2b; margin-bottom:25px; line-height:1.3;}
.pg-bt h2{ font-size: 16px; line-height: 1.8; color: #666; margin: 20px 0px; font-weight:400;}
.pg-bt p{ font-size:14px; color:#595959;}
.btn_red{
	background: #c30d23;
    padding: 0.3vw 2vw;
    font-size: 16px;
    transition: all .36s ease;
    background-color: rgba(0, 0, 0, 0);
    border: solid 2px #c10003;
    border-radius: 30px;
    color: #c10003;
	margin: 30px 0px;
	float:left;
}
.btn_red:hover{ background:#c10003;}

.industry_list {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
	width:100%;
	overflow:hidden;
}
.industry_list .tit {
    font-size: 16px;

    line-height: 28px;
    color: #333f47;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 15px;
}
.industry_list li {
    display: inline-block;
    background: #fff;
    margin-right: 2.5%;
    margin-bottom: 5px;
}
.industry_list li a {
    display: block;
}
.industry_list li .li_box {
    padding: 10px 12px;
}
.industry_list li .li_box .img_ {
    float: left;
    width: 20px;
    height: auto;
    font-size: 0;
    transition: all 0.5s ease;
}
.industry_list li .li_box .img_ img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    border: 0;
}
.industry_list li .li_box .txt {
    float: right;
    font-size: 14px;
    margin-left: 15px;
    line-height: 16px;
    color: #333f47;
    font-weight: lighter;
}
.industry_list li:hover .li_box .img_ {
    transform: rotateY(180deg);
}

/* 大图区域 */
.view {
	width:100%;
	overflow:hidden;
	position: relative;
	margin-bottom: 10px;
}
.view .swiper-container {
	width: 100%;
}
.view .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* 左右箭头 */
.arrow-left, .arrow-right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 50px;
	background: rgba(0,0,0,0.3);
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	cursor: pointer;
	z-index: 99;
}
.arrow-left {
	left: 10px;
}
.arrow-right {
	right: 10px;
}
/* 缩略图区域 */
.preview {
	width: 100%;
	position: relative;
}
.preview .swiper-container {
	overflow: hidden;
	margin: 0 50px;
}
.preview .swiper-slide img {
	width: 100%;
	cursor: pointer;
}
.preview .active-nav {
	border: 2px solid #ff6600;
}


/****搜索***/
.prd-sousuo{ width:100%; overflow:hidden; margin-bottom:40px;}
.input_text{ width:90%; height:50px; line-height:50px; float:left; background:#fff; border:0; text-indent:10px;}
.input_btn{ width:10%; height:50px; line-height:50px; float:left; text-align:center; background:#388ad3; font-size:16px; color:#fff; border:0;}


/*移动端导航*/
.icon-nav-btn {
	float: right;
	margin-top: 12px;
	width: 36px;
	display: none;
	cursor: pointer;
}
.icon-nav-btn img {
	width: 100%;
}
/* 主导航 */
.header-nav {
	float: left;
	margin-left: 6%;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	display: none;
}
.header-nav ul {
	width: 100%;
	overflow: hidden;
}
.header-nav li {
	float: left;
	margin-left: 40px;
	margin-right: 40px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	position: relative;
}
.header-nav li h3 {
	float: left;
}
.header-nav li h3 a {
	float: left;
	font-size: 16px;
	color: #333;
	padding-top: 4px;
	line-height: 72px;
	font-family: "微软雅黑";
	border-bottom: transparent solid 4px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.header-nav li.cur h3 a {
	color: #388ad3;
	border-bottom: #388ad3 solid 4px;
}
.header-nav li:hover h3 a {
	color: #388ad3;
}
.header-nav li h3 .icon-more {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 60%;
	background: url(../images/icon-next04.png) no-repeat 96% center;
	background-size: 12px;
	display: none;
}
.header-nav .nav-close {
	width: 100%;
	height: 50px;
	border-bottom: #eee solid 1px;
	padding: 0 4%;
}
.header-nav .nav-close h6 {
	float: left;
	font-size: 18px;
	color: #333;
	font-family: "微软雅黑";
	line-height: 48px;
	font-weight: 400;
}
.header-nav .nav-close span {
	float: right;
	width: 28px;
	height: 48px;
	background: url(../images/icon-nav-close.png) no-repeat center;
	background-size: 24px;
}
.header-nav .nav-close {
	display: none;
}
.header-nav .languages{display:none;}
.sec-nav {
	position: absolute;
	top: 80px;
	left: 50%;
	width: 120px;
	margin-left: -60px;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	display: none;
	z-index: 9;
}
.sec-nav dl {
	width: 100%;
}
.sec-nav dl dd {
	width: 100%;
	border-bottom: #ddd solid 1px;
}
.sec-nav dl dd:last-child {
	border-bottom: none;
}
.sec-nav dl dd a {
	display: block;
	width: 100%;
}
.sec-nav dl dd a h5 {
	width: 100%;
	font-size: 14px;
	color: #333;
	font-family: "微软雅黑";
	text-align: center;
	line-height: 48px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	white-space: nowrap;
}
.sec-nav dl dd a:hover h5 {
	color: #0762cb;
}
@media (max-width: 1880px) {
.header-right {
	width: 340px;
}
.search-icon {
	margin-right: 8%;
}
.header-nav li {
	margin-left: 32px;
	margin-right: 32px;
}
}
 @media (max-width: 1690px) {
.headerMenu {
	padding: 0 20px;
}
.header-nav li {
	margin-left: 32px;
	margin-right: 32px;
}
}
 @media (max-width: 1540px) {
.header_logo {
	height: 55%;
	margin-top: 18px;
}
.header-nav li {
	margin-left: 24px;
	margin-right: 24px;
}
}
 @media (max-width: 1420px) {
.header-right {
	width: 286px;
}
.header-tel a i.icon {
	margin-right: 6px;
}
.header-tel a h6 {
	font-size: 16px;
}
}
 @media (max-width: 1340px) {
.header-nav {
	margin-left: 3%;
}
.header-nav li {
	margin-left: 20px;
	margin-right: 20px;
}
}
 @media (max-width: 1280px) {
.header-right {
	width: 272px;
}
.search-icon {
	margin-right: 6%;
}
.header-nav {
	margin-left: 2%;
}
.header-nav li {
	margin-left: 16px;
	margin-right: 16px;
}
}
/*导航背景*/
.trans-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
*zoom:1;
	z-index: 1000;
	display: none;
}
.clearfix {
	clear: both;
}
/****手机站底部横条**/
.footer_bg {
	position: fixed;
	bottom: 0;
	max-width: 640px;
	width: 100%;
	height: 75px;
	z-index: 99;
	background:#0c6bb0;
}
.footer_bg dl:first-of-type {
   background: #c12120;
}
.footer_bg dl {
	position: relative;
	float: left;
	width: 25%;
	height: 75px;
	text-align: center;
}
.footer_bg dl:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	right: 0;
	width: 1px;
	height: 4.5rem;
	background: rgba(196,196,196,0.5);
}
.footer_bg dl:last-of-type:after {
	display: none;
}
.footer_bg dl i {
	margin-top: 12.8px;
	display: block;
	font-size: 24px;
	color: #fff;
	margin-bottom:10px;
}
.footer_bg dl span {
	display: block;
	font-size: 16px;
	color: #fff;
}
.hide-xs {
 display: block;
}
.show-xs {
	display: none;
}

/****手机站内页列表****/
.pro-sort{width:100%; overflow:hidden;}
.pro-sort .sort-title{width:100%;border:#e5e5e5 solid 1px;background:#f2f2f2;padding:0 32px; overflow:hidden;}
.pro-sort .sort-title h3{float:left;font-size:18px;color:#333;line-height:58px;padding-left:42px;font-family: "微软雅黑";background:url(../images/icon-sort.png) no-repeat left center;background-size:24px;}
.pro-sort .sort-title .sort-btn{float:right;font-size:16px;color:#333;line-height:58px;padding-right:24px;font-family: "微软雅黑";background:url(../images/icon-down.png) no-repeat right center;cursor:pointer;transition: all 0.2s;-webkit-transition: all 0.2s;}
.pro-sort .sort-title .sort-btn:hover{color:#388ad3;background:url(../images/icon-down-1.png) no-repeat right center;} 

.pro-sort-cont{width:100%;}
.sort-list{float:left;width:100%;border:#e5e5e5 solid 1px;border-top:none;padding:0 32px;}
.sort-list ul{float:right;width:calc(100%);}
.sort-list ul li{float:left;margin-right:10px;margin-top:9px;margin-bottom:9px;}
.sort-list ul li a{float:left;padding:0 16px;font-size:16px;color:#333;line-height:40px;font-family: "微软雅黑";border-radius:4px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.sort-list ul li.cur a{background:#388ad3;color:#fff;}
.sort-list ul li:hover a{background:#388ad3;color:#fff;}
@media(max-width:769px){
	.pro-sort-cont{display:none;}
	.pro-sort{margin-bottom:40px;}
	.pro-sort .sort-title{padding:0 20px;}
	.pro-sort .sort-title h3{font-size:16px;line-height:40px;padding-left:32px;background:url(../images/icon-sort.png) no-repeat left center;background-size:20px;}
	.pro-sort .sort-title .sort-btn{font-size:14px;line-height:40px;padding-right:20px;}
	.sort-list{padding:0 20px;}
	.sort-list h5{font-size:14px;line-height:40px;}
	.sort-list ul li{margin-right:8px;margin-top:6px;margin-bottom:6px;}
	.sort-list ul li a{padding:0 8px;font-size:14px;line-height:28px;}
}
@media(max-width:480px){
	.pro-sort-cont{display:none;}
	.pro-sort .sort-title{padding:0 16px;}
	.sort-list{padding:0 16px;}
	.sort-list ul li{margin-right:6px;}
}
@media(max-width:340px){
	.pro-sort-cont{display:none;}
	.pro-sort .sort-title{padding:0 12px;}
	.sort-list{padding:0 12px;}
	.sort-list h5{width:40px;}
	.sort-list ul{width:calc(100% - 40px);}
	.sort-list ul li{margin-right:0;}
}



@media screen and (max-width: 768px) {
.hide-xs {
	display: none;
}
.show-xs {
	display: block;
}
.icon-nav-btn{ display:block;}
.header-nav{ display:block;}
.header-nav .nav-close{display:block;}
.nav{ display:none;}
.header{ height:70px;}
.logo img{ margin-top:15px; width:auto;}
.header-nav{width:72%;padding:0;height:100%;background:#fff;position:fixed;left:-72%;top:0;z-index:1002;margin:0;}
.header-nav ul{width:100%;}
.header-nav li{width:100%;margin:0;padding:0 4%;}
.header-nav li h3{position:relative;width:100%;position:relative;}
.header-nav li h3 a{width:100%;color:#333;font-size:14px;line-height:48px;text-align:left;font-family:"微软雅黑";border-bottom:#eee solid 1px;}
.header-nav li.cur h3 a{border-bottom:#2a518b solid 1px;}
.header-nav li h3 .icon-more{display:block;}
.header-nav .languages{display:block;float:none;width:100%;margin-top:30px;text-align:center; font-size:18px; font-weight:bold;}
.header-nav .languages a{display:inline-block;float:none; font-size:15px;}
.header-nav .languages span{display:inline-block;float:none;}
.banner,.ny-banner{ margin-top:70px;}
.sec-nav {
	position: relative;
	top: 0px;
	left: 0;
	margin-left: 0;
	background: none;
	box-shadow: none;
	float: left;
	width: 100%;
}
.sec-nav dl {
	width: 100%;
	text-align: left;
	padding-top: 0;
	padding: 0 3%;
}
.sec-nav dl dd {
	border: none;
}
.sec-nav dl dd a h5 {
	position: relative;
	width: 100%;
	background: none;
	font-size: 12px;
	color: #666;
	line-height: 40px;
	height: 40px;
	text-align: left;
}

.index-product,.index-about,.index-news,.pg-about-c,.pg-aboutc,.pg-news,.pg-product,.pg-prds{ padding:30px 0;}
.T-title h2{ font-size:24px;}
.T-title p{ font-size:14px;}
.i-prd-fl ul li{ width:48%; float:left; margin:1%;}
.index-about{background: url(../images/aboutbg.jpg) center no-repeat; background-size:cover;}
.about_box{ padding:20px 10px;}
.about_l,.hzhb-fr a,.yb_conct{ display:none;}
.about_r{ width:100%; overflow:hidden; height:auto;}
.about_r .top2 dl{ font-size:26px; line-height:1.3; text-align:center;}
.about_gd{ width:100%; position:relative; float:left;}
#about_b li{ width:100%; margin:0; padding:0;}
#about_b li span{ font-size:40px;}
#about_b em{ font-size:15px; width:20px; height:20px; line-height:17px;}
.about_gd .picScroll-left .bd{ padding:0 50px;}
.about_gd .picScroll-left .hd .next{ right:0; height:210px;}
.about_gd .picScroll-left .hd .prev{ left:0;}
.index-news .news_list li{ width:33.333%;}
.index-news .news_list li a{ width:100%; padding:0; text-align:center; height:45px; line-height:45px;}
.index-news .news_list li a:after{ background:none;}
.index-news .news_d{ display:inline-block;}
.index-news .news_d .news_item{ margin-bottom:15px;}
.index-news .news_d .news_item:nth-child(1) .news_w{ line-height:22px;}
.index-news .news_d .news_item:nth-child(n+2) .news_w{ height:56px; overflow:hidden;}
.hzhb-fr{ width:100%; text-align:center;}
.hzhb-fl{ width:100%;}
.hzhb-fl li{ width:33.3333%;}
.layout_nav {
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.foot-lx{ width:100%;}
.pgabou-fl{ width:100%;}
.pgabou-fl a{ width:25%; padding:0; float:left; text-align:center;}
.pg-flex,.lxwm-fled,.pg-prds .top{ display:block;}
.pg-about-c .n_about_l{ width:100%;}
.pg-about-c .n_about_r{ width:100%;}
.wx{ width:50%;}
.lxwm-right{ width:100%; margin-top:20px;}
.pg-news .news_list_img{ width:100%;}
.pg-news .news_list_content{ width:100%; padding:0;}
.news-nr-fl{ width:100%; padding:15px;}
.news-nr-fr{ width:100%;}
.pg-pr-img{ width:100%;}
.pg-pr-right{ width:100%; padding:0; margin-top:15px;}
.pg-bt h1,.prd-cpms h2,.prd-tlcx h2{ font-size:24px;}
.prd-cpfy span{ width:100%; float:left; text-align:left;}
.prd-tlcx{ margin-top:20px;}
.tempWrap{ overflow:hidden;}
.ywjs-tu li{ width:48%;}
.i-prd-left{ width:100%; max-width:100%;}
.i-prd-left ul li{ width:48%; margin:10px 1%; float:left;}
.case-tel{ display:none;}
.i-prd-right{ width:100%;}
.pg-prds-lb a{ width:48%;}
.i-prd-left ul li a{ padding-left:10px;}
.i-prd-left ul li a:after{ background:none;}
}