/* css 重置 */
body { color: #333; -webkit-text-size-adjust: none; font:normal 12px/20px "微软雅黑", helvetica, arial; text-align:left;   }

/*@css reset*/
body,div,dl,dt,dd,ul,li,form,input,button,h1,h2,h3,h4,h5,h6,p{
	margin:0;
	padding:0;
}
html{
	-webkit-text-size-adjust:none;
	overflow-x:hidden;
}
ul,li,dl,dt,dd{
	display:block;
	list-style:none;
}


img{
	display:block;
	max-width:100%;
	border:0;
}
.clear{
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clear-fix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
a{
	text-decoration:none;
	outline:none;
}
a:hover{
	text-decoration:none;
	outline:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.mt_2em{
	margin-top: 2em;
}
body{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	position:relative;
	overflow-x:hidden;
}
/*@all*/
.all{
	position:relative;
	z-index:10;
	right:0;
	background:#fff;
}
/*@header*/
.i_head{
	background: #fff;
	text-align: center;
	width: 100%;
}
.h-tel{
	width:15.625%;
	float:left;
}
.logo{
	margin: 0 auto;
	
	display:block;
	
	 color:#1170d3; font-size:1.8em; line-height:3em; text-align:center;font-weight: bold;
}
.logo img{vertical-align: middle;	margin: 0 auto;padding-top: 5%;}
.logo a{ color:#FFF;}
.logo a:hover{ color:#FFF;}
.btn-nav{
	width:14%;	
	float:right;
	display: block;
}
.h-back{
	width:15.625%;	
	float:left;
	cursor:pointer;
}
.h-tit{
	position:absolute;
	top:0;
	left:15.625%;
	width:68.75%;
	text-align:center;
	font-size:2em; line-height:2.7em;
	color:#fff;
}
.top{
	position:relative;
	background:#188ad3;
}

/*产品优势*/

.floor_2_main {

	padding-bottom: 0.3rem;

}

.floor_2_1 .slideBox {

	width: 100%;

	margin: 0 auto;

	overflow: hidden;

}

.floor_2_1 .slideBox .bd {

}

.floor_2_1 .slideBox .bd ul li {

	float: left;

	width: 100%;

}

.floor_2_1 .slideBox .bd ul li .img {

	display: block;

	width: 100%;


	text-align: center;

	background: #fff;

}

.floor_2_1 .slideBox .bd ul li .img img {

	width: 100%;

	height: 100%;

	display: inline-block;

}

.floor_2_1 .slideBox .bd ul li h3 {

	margin: 0 auto;

	display: block;
color: #fff;
	
	width: 100%;text-align: center;

	line-height: 1rem;
	background-color: #003C7D;

}

.floor_2_1 .slideBox .bd ul li h3 i {

	display: block;

	float: left;

	width: 0.77rem;

	height: 0.77rem;

	margin-left: 0.02rem;

}

.floor_2_1 .slideBox .bd ul li h3 span {

	display: block;

	float: left;

margin-left: .18rem;

	width: 3.9rem;

font-size: .3rem;

	color: #333;

line-height: .38rem;

	text-align: left;

}

.floor_2_1 .slideBox .bd ul li h3 b {

	display: block;

	float: left;

margin-left: .18rem;

	width: 3.9rem;

font-size: .3rem;

	color: #ff5400;

line-height: .38rem;

	text-align: left;

	font-weight: bold;

}

.floor_2_1 .slideBox .bd ul li p {

	margin: 0 auto;

	display: block;


	width: 100%;

font-size: .2rem;

	color: #666;

line-height: .35rem;

margin-top: .24rem;

	text-align: justify;

}

.floor_2_1 .slideBox .bd ul li a {

	display: block;

}

.floor_2_1 .slideBox .bd ul li a:hover {

	background-color: #ff5400;

	border: #ff5400 solid 1px;

	color: #fff;

}

.floor_2_1 .slideBox .bd ul li.li1 h3 i {

	background: url(../images/t8_03.jpg) center center no-repeat;

	background-size: 100%;

}

.floor_2_1 .slideBox .bd ul li.li2 h3 i {

	background: url(../images/t8_07.jpg) center center no-repeat;

	background-size: 100%;

}

.floor_2_1 .slideBox .bd ul li.li3 h3 i {

	background: url(../images/t8_10.jpg) center center no-repeat;

	background-size: 100%;

}

.floor_2_1 .slideBox .bd ul li.li4 h3 i {

	background: url(../images/t8_12.jpg) center center no-repeat;

	background-size: 100%;

}

.floor_2_1 .slideBox .hd {

	
	margin: 0 auto;

	text-align: center;

	margin-top: 0.3rem;

}

.floor_2_1 .slideBox .hd ul {

	display: inline-block;

}

.floor_2_1 .slideBox .hd ul li {

	float: left;

width: .2rem;

height: .2rem;

	border: #d2d2d2 solid 0.04rem;

	background-color: #fff;

border-radius: .2rem;

	text-indent: -9999px;

	overflow: hidden;

	margin: 0 6px;

}

.floor_2_1 .slideBox .hd ul li.on {

	background-color: #ff5400;

	border: #ff5400 solid 0.04rem;

}
/* 轮换区 */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  margin-bottom:0px;
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url(../images/nav.png) no-repeat left top;
  margin-top:-20px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

/*导航样式*/
.kuaijie{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.kuaijie_menu{ width:25%; float:left; text-align:center; height:auto; overflow:hidden; margin-top:15px;}
.kuaijie_menu img{ width:50%; margin:0 auto;}
.kuaijie_menu a{ width:25%; height:auto; margin:0 auto; text-align:center; line-height:20px; font-size:1.3em; color:#333333;}  

.fen1{ width:100%; height:10px; margin:0 auto; background-color:#f5f5f5; overflow:hidden; margin-top:20px;}
.fen{ width:100%; height:10px; margin:0 auto; background-color:#f4f4f4; overflow:hidden; margin-top:20px;}
/*分页的样式*/
.page{PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; width: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center;clear:both;}
.page a,.page span{border-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; border-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; border-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; border-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}
/*新闻滚动*/
.news_hot{ width:100%; height:auto; margin:0 auto;}
.news_hot_left{ width:10%; padding:15px; float:left; color:#f09636; text-align:center; font-size:1.0em;  line-height:1.3em; border-right:1px #cccccc solid;}
.news_hot_left img{ width:100%;}
.news_hot_right{ width:74%; float:left; margin-left:3%; margin-top:0%; height:3.6em;}
#topBar{height:3.6em; line-height:3.6em; overflow:hidden; font-size:1.3em}
#topBar li a{ color:#333333;}


.big_title{ width:100%; height:100px; line-height:50px; margin:0 auto; background-color:#fff;}
.big_title_left{ width:100%; margin:0 auto;font-size:2em; color:#000;}
.big_title_right{ width:20%; float:right; font-size:1.4em;text-align:right; padding-right:10PX;}
.big_title_right a{ color:#333;}
.big_title_left a{ color:#333;}

/* 多图滚动 */
	.scrollBox{ margin:10px auto; text-align:center;}
	.scrollBox .bd li{ width:33%; float:left; font-size:14px; text-align:center;}
	.scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
	.scrollBox .bd li img{ width:90%; background:url(images/loading.gif) #fff center center no-repeat; margin:0 auto;}
	.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; }
	.scrollBox .hd ul{ display:inline-block; padding-top:5px;}	
	.scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; 
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; 
	}
	.scrollBox .hd .on{ background:#BA2636;  }
	.scrollBox .prev,.scrollBox .next{ display:inline-block; width:25px; height:20px; background:url(images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
	.scrollBox .next{ background-position:-105px 0; }
/*@huandeng*/

/*@container-a*/
.container-a{
	clear:both;
}
.iabout{
	padding:0em 3.125% 0;
}
.iabout .nr{
	font:400 1.2em/1.6em Microsoft yahei;
	color:#666666;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 1em 0;
}
.iadv{
	border-top: #333333 solid 1px;
	border-bottom: #333333 solid 1px;
}
.iadv img{
	width: 100%;
}

.i_tit{
	text-align:center;
	background: url(../images/i_line.jpg) center left repeat-x;
}
.i_tit img{
	width:29.16%;
	margin:0 auto;
}



.mob_tit {
	text-align: center;
}
.mob_tit h3{
	font-family:"Microsoft YaHei";
	font-size:26px;
	text-align: center;
	color: #000;
	font-weight: bold;
}
.mob_tit p{
	font-size:18px;
	line-height:30px;
	text-align: center;
	color: #888;
	text-transform: uppercase;
}
.mob_tit .line{
	background:url(sun_tit_bg.jpg) center no-repeat;
	height:12px;
	width: 100%;
}


/*@ind_pic*/	
.i_type{
	background-size: 100% auto;
	padding: 0em 3.125% 0;
}
.i_type ul{
	padding-top: 1em;
}
.i_type li{
	width:31%;
	padding: 0 3.5% 3% 0;
	float:left;
}
.i_type li a{
	display:block;
	text-align:center;
	background:url(../images/ty_bg.jpg);
	font:400 1.2em/2em Microsoft Yahei;
	padding: 0.25em 0;
	color:#ffffff;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.i_type li a:visited{
	color:#fffffb;
}
.i_type li:nth-child(3n){
	padding-right: 0;
}


.ind_pic{
	padding:0em 3.125% 0;
}
.ind_pic ul{
	padding-top: 1em;
}
.ind_pic li{
	width:48%;
	float:left;
	padding-right: 1.25%;
}
.ind_pic li:nth-child(3n){
	padding-right: 0;
}
.ind_pic li .pic{
	display:block;
	padding:1.5%;
	border:#d1d0d0 solid 1px;
}
.ind_pic li .pic img{
	width:100%;
	display:block;
	
}
.ind_pic li .text{
	display:block;
	font:400 1.2em/2em "Microsoft YaHei";
	text-align:center;
	color:#333333;
	background:none;
	margin:0.4em auto 1em;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.i_pmore{
	background: #188ad3;
	text-align: center;
	font: 400 1.375em/2em "微软雅黑";
	color: #fff;
	display: block;
}
.i_cont{
	padding:0em 3.125% 2em;
	background-size: 100% 100%;
}
.i_ctit{
	padding: 1em 0 0 0;
	text-align: center;
	font: bold 1.375em/2em "微软雅黑";
	color: #333333;
}
.i_cnr{
	text-align: center;
	font: 400 1.375em/1.5em "微软雅黑";
	color: #333333;
}
.i_cont .nr{
	padding-top: 1em;
	min-height: 12em;
	font:400 1.2em/2em Microsoft Yahei;
	color:#333333;

}
.i_cont .nr li{
	font:400 1.2em/1.5em Microsoft Yahei;
	padding:0.125em 0;
	color:#333333;
	float: left;
}



/*@bottom-nav*/
.bottom-nav{
	width:100%;
	background:#faf9fa; border-top:0px #b3b2b3 solid;
}
.bottom-nav > li{
	width:25%;
	float:left;
	position:relative;
}
.bottom-nav > li img{	
	display:block;
	width:100%;
}


/*@bottom-infor*/
.bottom-infor{
	padding:2em 3.125%;
	font:normal 1.2em/2em "Microsoft YaHei";
	color:#666666;
	text-shadow:none;
	border-top: 1px solid #ccc;
}
.diann{
	width: 35%;
	display: block;
	float: right;
	text-align: center;
	color: #fff;
	background: #188ad3;
}
.diann:visited{
	color:#fff;
}
/*@panel*/
.panel{
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	width:12em;
	height:100%;
	background: #009196;
	overflow:hidden;
	box-shadow:inset 0.2em 0 0.5em rgba(0,0,0,.2);
}
.panel > ul{
	width:100%;
	height:auto;
	margin-top:18%;
}
.panel-son{
	padding:0.5em 0;
	width:100%;
	font:normal 1.375em/1.5em "Microsoft YaHei";
	background:url(../images/dh_ico.jpg) no-repeat 17% center ;
	background-size: 3% auto;
}
.panel-son a{
	display:block;
	color:#fff;
	text-align:center;
	padding:2% 0;
}
.panel-son a:visited{
	color:#fffffb;
}
.main{
	clear:both;
	min-height:400px;
}
.pmain-tl{
	width:100%;
}
.pmain-tl .A{
	width:50%;
	margin:0 auto;
	padding-bottom:2.5%;
}
.pmain-tl .A a{
	color:#22332e;
}
.pmain-tl .B{
	text-align:center;
	font:400 1.5em/2 Microsoft yahei;
	color:#333333;
	padding:3.125% 3.125% 0;
}

.i_atype{
	padding: 3.125% 2% 0;	background: #36324a;
	
}
.i_atype li{
	width: 33.33%;
	float: left;
	font: 400 1.375em/2em "微软雅黑";
	padding-bottom: 1em;
}
.i_atype li a{
	display: block;
	width: 96%;
	margin: 0 auto;

	border-radius: 0.15em;
	color: #fff;
	padding: 0.1em 0;
	text-align: center;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.i_atype li a:visited{
	color: #fffffd;
}
.i_atype li.hover a{
	background: #009196;
	color:#fff;
}
.i_nline{
	padding-bottom: 1em;
}

.n_type{
	padding:5% 0 3% 0;
}
.n_type li{
	width:93.75%;
	margin:0 auto;
	margin-bottom:1em;
}
.n_type li p{
	display:block;
	font:400 1.2em/2.5em Microsoft Yahei;
	color:#fff;
	background:#16a5f3 url(../images/type_ico1.jpg) 95% center no-repeat;
	background-size:2.2% auto;
	padding:0 5%;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.n_type li a{
	color:#fff;
}
.n_type li.hover p{
	background:#16a5f3 url(../images/type_ico2.jpg) 95% center no-repeat;
	color:#fff;
	background-size:3.6% auto;
}
.n_type li.hover p a{
	color: #fff;
}
.n_type li.hover .sub{
	display:block;
}
.n_type li .sub{
	/*display:none;*/
	padding:3% 5% 0 3%;
	font:400 1.1em/2em Microsoft Yahei;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.n_type li .sub a{
	display:block;
	color:#333;
	padding:1% 5%;
	border-bottom: #c9c9c9 dashed 1px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}


.pro_tytit{
	padding:1em 3.125%;
}
.pro_tytit a{
	font:400 1.375em/2 Microsoft Yahei;
	color:#fff;
	background: #188ad3;
	text-align:center;
	display: block;
	border-radius: 0.15em;
}
.pro_tytit a img{
	display: inline-block;
	width: 8.83%;
	margin-left: 5%;
}

.n_news{
	padding:2% 0 3% 0;
}
.n_news li{
	width:93.75%;
	margin:0 auto;
	margin-bottom:1em;
}
.n_news li a{
	display:block;
	font:400 1.2em/2.2em Microsoft Yahei;
	color:#333333;
	border:#ccc 1px dashed;
	background-size:2.6% auto;
	padding:0 5%;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}


/*@pNC*/
.pNC{
	width:93.75%;
	margin:0 auto;
	padding:0 0 1em;
	font:normal 1.2em/2em "Microsoft YaHei";
	color:#3d3d3d;
	text-shadow:0 0 0 rgba(47,55,66,.6);
	min-height:500px;
}
.pNC2{
	width:93.75%;
	margin:0 auto;
	padding:0 0 1em;
	font:normal 1.2em/2em "Microsoft YaHei";
	color:#3d3d3d;
	text-shadow:0 0 0 rgba(47,55,66,.6);
	min-height:300px;
}
.pt_1em{
	padding-top: 1em;
}
.ptitle{
	font:400 1em/2em "Microsoft YaHei";
	text-align:center;
	color:#999;
	text-shadow:0 0 0 rgba(47,55,66,1);
	margin-bottom:1.5em;
}
.ppic_wrap{
	text-align:center;
	width:100%;
}
.ppic{
	width:90%;
	margin:0 auto;
	text-align:center;
	display:inline-block;
}
.ppic img{
	border:#d1d0d0 solid 1px;
	padding:1%;
	display:inline-block;
}
.line{
	width:100%;
	height:1px;
	background:#c8c8c8;
	clear:both;
}

/*btn-back*/
.btn-back {
    width:25%;
	margin:3% auto 5%;
	display:block;
	background:#26b7bc;
	font:400 1.2em/2em Microsoft Yahei;
	text-align:center;
	color:#fff;
	border-radius: 0.15em;
}
.btn-back a{color:#fff; display:block;}
.btn-back a:visited{color:#fff;}

.btn-back2{
	padding:3% 0 5% 0;
	font:400 1.2em/2em Microsoft Yahei;
	text-align:center;
	color:#fff;
}
.btn-back2 a{ display:inline-block; color:#fff; background:#085aa6; padding:0.8% 0;  width:28%; border-radius:1.5em; text-shadow:none; box-shadow:none;}
.btn-back2 a.on{ background:url(../images/back_ico.jpg) 80% center no-repeat #085aa6; background-size:9% auto; margin-left:5%;}

/*@pre-page1,next-page1*/
.page-fenye1{ padding-bottom:2em;}
.pre-page1,.next-page1{
	width:82.75%;
	margin:0.75em auto 0;
	padding:0 4%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font:normal 1.2em/2em "Microsoft YaHei";
	color:#fff;
	background: #188ad3;
}
.pre-page1 a,.next-page1 a{
	color:#fff;
}
.pre-page1 a:visited,.next-page1 a:visited{
	color:#fffffb;
}

/*@page-fengye*/
.page-fenye{
	text-align:center;
	padding:0 0 1.5em 0;
	font:400 1.2em/2em "Microsoft YaHei";
	color:#666666;
}
.pre-page,.next-page{
	display:inline-block;
	vertical-align:middle;
    font:400 2em/2em "Microsoft YaHei";
    margin: 0 auto;
    text-align: center;
    width:10%;
	box-shadow:0;
	color:#1865ad;
}
.pre-page > a,.next-page > a {
    color:#1865ad;
	font-family:simsun;
	font-weight:bold;
}
.pre-page > a:visited,.next-page > a:visited {
    color:#1865ad;
}
.page-num{
	text-align:center;
	display:inline-block;
	width:24%;
	color:#085aa6;
    font: 1.5em/2em "Microsoft YaHei";
	vertical-align:middle;
	text-shadow:none;
	background:#fff;
	border:#a7adb4 solid 1px;
	border-radius:2em;
	text-align:center;
}
/*
 fac_ul
 厂区
 * */
.fac_ul{
	padding:1em 3.125%;
}
.fac_ul li{
	width: 48%;
	float: left;
	padding-right: 4%;
	margin-bottom: 4%;
}
.fac_ul li:nth-child(2n){
	padding-right: 0;
}
.fac_ul li a{
	display: block;
	border: #c6c6c6 solid 1px;
	padding: 0.25em;
}
.fac_ul li a img{
	display: block;
	width: 100%;
}
.fac_ul li a p{
	text-align: center;
	font: 400 1.2em/2.2em "微软雅黑";
	color: #333333;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/*
 产品
 * */
.pro_pic{
	padding: 1.5em 3.125% 0;
}
.pro_pic li{
	width: 48%;
	float: left;
	padding-right: 4%;
}
.pro_pic li:nth-child(2n){
	padding-right: 0;
}
.pro_pic li .pic{
	display: block;
	border: #bebebe solid 1px;
}
.pro_pic li a .pic img{
	width: 100%;
}
.pro_pic li a .text{
	text-align: center;
	font: 400 1.2em/2.5em "微软雅黑";
	color: #333333;
}
.pro_pic li a{
	display: block;
}
.bottom-infor2{
	padding-bottom:5em;
}

/*@media query*/
@media screen and (min-width:640px){
	header,.main,.nmain,.bottom-nav,.bottom-infor2{
		width:640px;
		margin:0 auto;
	}
}
footer{
	width:100%;
	position:fixed; z-index:99999;
	left:0;
	bottom:0;
}
@media screen and (max-width:560px){
	body,html{
		font-size:14.5px;
	}
}
@media screen and (max-width:480px){
	body,html{
		font-size:13px;
	}
}
@media screen and (max-width:400px){
	body,html{
		font-size:11.5px;
	}
}
@media screen and (max-width:320px) {
	body,html{
		font-size:10px;
	}
}

.f_tit_bnav {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	cursor: pointer;
	background-color: #26b7bc;
	font-size: 1rem;
	z-index: 88;
	height: 6rem;
}
.f_tit_bnav ul li {
	float: left;
	text-align: center;
	width: 33.3%;
	height: 6rem;
}
.f_tit_bnav li a {
	color: #fff;
	display: block;
	font-size: 1.4rem;
}
.f_tit_bnav li img {
	display: block;
	margin: 0 auto;
	
	
	margin-top: 0.6rem;
	margin-bottom: 0.1rem;

}
.f_tit_bnav li img.f_tit_img02 {
	display: none;
}
.f_tit_bnav li.f_tit_li {
	background-color: #333333;
}


.skl_product{ height: auto;      padding: 0em 3.125% 0;}
.skl_product .indexTitle .abre{height: 29px; line-height: 29px;}
.buyul{ height: auto; margin-top: 4%;}

.buyul li{float: left; margin-right: 2% !important; background: #fff;  width:100%;  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
box-shadow: 0 3px 10px rgba(0,0,0,0.1); margin-bottom:2%;}
.buyul li a{ height: auto; overflow: hidden; padding:9%;    display: block;}

.buyul li img{ display: block;margin:0 auto; max-width: 100%;transition: all 5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s; }
.buyul li .buytitle{ text-align: center;  font-size: 20px; color: #3e3e3e; font-weight: bold; margin:8% 0px 8%;}
.buyul li p{ font-size: 14px; color: #666666; text-align: center; height:120px;}
.buyul li span{ display: block; width: 114px; height: 34px; background: #168dd9; line-height: 34px; text-align: center; border-radius: 30px; color: #fff; margin:15% auto 0px;}

.buyul li img:hover{ -webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);}
.buyul li:hover .buytitle{ color: #168dd9;}
.skl_solu{ height: auto; overflow: hidden; padding:3% 0px; background-color: #f5f5f5;}
.soluimg{ height: auto; overflow: hidden; margin-top: 3%;}
.soluimg img{ display: block;margin:0 auto;}
.skl_case{ height: auto;overflow: hidden; background:url(../images/caseBg.jpg) no-repeat top center; padding:3% 0px 3%; background-size: cover;}
.skl_case .indexTitle .titlehtp{ color: #fff;}
.caseCont{ height: auto;  max-width: 1400px; margin:0 auto; margin-top: 5%;}
.caseOwl{ height: auto; }
.caseOwl .owl-item{-webkit-transition: all .7s;
    transition: all .7s; }
.caseOwl .item{ position: relative; height: auto; cursor:pointer; float: left; width: 20%;-webkit-transition: all .7s;
    transition: all .7s; }
.caseOwl .item img{ display: block; max-width: 100%;-webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); -ms-filter: grayscale(50%); -o-filter: grayscale(50%); filter: grayscale(50%); filter: gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter:grayscale(0.5); }
.case_gray{ height: auto; overflow: hidden;}
.case_gray .casein{ height: auto; overflow: hidden; position: absolute; bottom:0px; width: 100%; left:0px; color: #fff; padding:20px 0px;background:rgba(0,0,0,0.5); }
.case_gray .casein .casetitle{ text-align: center; font-size: 22px;}
.case_gray .casein a{ display: block; margin:0px auto; background: #168dd9; color: #fff; font-size: 13px; width: 137px; height: 33px; border-radius: 30px; line-height: 33px; text-align: center; margin-top: 20px;}
.caseOwl .item:hover{     -webkit-transform: scale(1.1);
    transform: scale(1.1); z-index: 1;}
.caseOwl .item:hover img{ -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; filter:none;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);

-webkit-filter:grayscale(0); }


#toolbar {

	position: fixed;

	bottom: 0;

	width: 100%;

	z-index: 888;

	height: 1rem;

	left: 0;
background: #3c3c3c;

}

#toolbar .list {

	width: 100%;

	max-width: 640px;

	min-width: 320px;

	margin: 0 auto;

	background: #3c3c3c;

	border-top: #dddddd solid 1px;

}

#toolbar .list li {

	float: left;

	width: 50%;

	text-align: center;

	height: 1rem;

}

#toolbar .list a {

	display: block;

	font-size: 0.22rem;

}

#toolbar .list a span {

	text-align: center;

	color: #c4c4c4;

	display: block;

	font-size: 0.22rem;

}

#toolbar .list a s {

	margin-left: auto;

	margin-right: auto;

	width: 0.44rem;

	height: 0.42rem;

	display: block;

background-position: -.7rem -.2rem;

	margin-top: 0.15rem;

}

#toolbar .list li:nth-child(2) s {

background-position: 0.08rem -.2rem;

}

#toolbar .list li:nth-child(3) s {

background-position: -.31rem -.2rem;

}

#toolbar .list li:nth-child(4) s {

background-position: -1.12rem -.2rem;

	width: 0.44rem;

	height: 0.42rem;

}

#toolbar .list li:hover {

	background: #940000;

}

#wxnr {
	width: 100%;
	height: 100%;
	max-width: 640px;
	min-width: 320px;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}

#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 75%;
	left: 0;
	right: 0;
	width: 5rem;
	height: 5rem;
	padding: 0.3rem;
	padding-top: 0.6rem;
	margin-top: -2.5rem;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}

#wxnr img {

	width: 2.3rem;

	height: 2.3rem;

	display: block;

	margin: 0 auto;

}

#wxnr p {

	font-size: 0.24rem;

	line-height: 0.45rem;

	text-align: center;

}

#wxnr i {

	position: absolute;

	top: 0.2rem;

	right: 0.2rem;

	width: 0.3rem;

	height: 0.3rem;

	font-size: 0.2rem;

	line-height: 0.3rem;

	text-align: center;

	color: #fff;

	font-weight: bold;

	font-style: normal;

	background: #333;

	border-radius: 1rem;

	cursor: pointer;

}

#wxnr span {

	display: inline-block;

	padding: 0.03rem 0.1rem;

	line-height: 0.35rem;

	background-color: #127a44;

	color: #fff;

	border-radius: 0.05rem;

	cursor: pointer;

}

#wxnr span.wx {

	padding-left: 0.4rem;

	background-image: url(../images/wx.png);

	background-size: 0.28rem;

	background-position: 0.1rem center;

	background-repeat: no-repeat;

}

/*复制提示*/

#weixin {

	position: fixed;

	top: 50%;

	margin-top: -0.4rem;

	z-index: 9999999;

	font-size: 0.26rem;

	color: #fff;

	width: 90%;

	right: 5%;

	line-height: 0.8rem;

	text-align: center;

	background: rgba(0, 0, 0, 0.8);

	border: 2px solid #333;

	border-radius: 0.1rem;

	display: none;

}

.icon {



	background: url(../images/icon.png) no-repeat;



	display: inline-block;



	background-size: 2.4rem auto;



	vertical-align: middle;



}



.icon, .iconbef:before, .iconbef:after {



	content: "\20";



	display: block;



}

.aboutPage{width: 100%;margin: 0 auto;background: #fff;color: #666;line-height: 30px;text-align: justify;}
 .aboutPage .txtcon{min-height: 600px;}
 .aboutPage .txtcon img{max-width: 100%;}
 .aboutPage .txtcon .box3 h1{font-size: 36px;padding-bottom: 15px;text-align: center;color:#8f0000;}
 .aboutPage .txtcon .box3 p{font-size: 16px;color: #828282;line-height: 24px;padding-bottom: 46px;text-align: center;}
 .aboutPage .txtcon .box3 b{color: #8f0000;}
 .productPage{overflow: hidden;position: relative;}
 .productPage .gridlist,.productPage .marketList{width: 105%;}
 
 .formData{padding-bottom: 20px;}
 .formData .item{float: left; color: #999; font-weight: normal; width:100%; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 30px; position: relative;}
 .formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 50px;line-height: 50px;font-size: 18px;color: #cccccc;}
 .formData .item input{outline: none; line-height: 38px; height: 38px; font-size: 18px;}
 .formData .item .txt{width: 98%; height: 50px; line-height: 50px; display: block; background: none; padding-left: 70px; border: 0 none; color: #333;}
 .formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
 .formData .item.mr0{margin-right: 0;}
 .formData .msg-box{position: absolute; left: 0; top: 0px;}
 .formData .liuyan{width: 100%; height: 60px; border: 1px solid #e5e5e5; float: left;}
 .formData .liuyan label{text-align: right; display: block;}
 .formData .liuyan textarea{line-height: 28px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
 .formData .bot{width: 100%;}
 .formData .sub{width: 232px;line-height: 46px;border: 2px solid #0195df;text-align: center;background: #0195df;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
 .formData .sub:hover{background: none;color: #0195df;}
 .formData .yzm{width: 100%;}
 .formData .yzm .txt{padding-left: 80px;}
 .formData .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;}
 .pb-120 { padding-bottom: 20px; }
 .pt-120 { padding-top: 20px; }
 .pb-60 { padding-bottom: 35px; }
 .pt-60 { padding-top: 35px; }
 .about {overflow:hidden;width:100%;/* height:644px; */background:url(../images/aboutBg.jpg) repeat-y center top;/* margin-bottom:50px; */}
 .about h3{text-align:center;font-size:34px;font-weight:normal;margin-top:120px;padding-bottom:15px;/* background:url(../images/titleBg.png) no-repeat center bottom; */margin-bottom: 15px;}
 .about h3 a{color: #000;font-size: 34px;font-weight: bold;}
 .about dl{ overflow:hidden; margin-bottom:25px;}
 .about dt{overflow:hidden;float:left;width: 100%;padding:4px;height: 500px;}
 .about dt img{max-height: 360px;margin: 0 auto;}
 .about dd{ overflow:hidden; width:90%; padding-top:30px;margin: 0 auto;}
 .about dd h2{ font-size: 28px; margin-bottom: 30px; color: #000;font-weight: bold;text-align: center;}
 
 
 
 .bianxie {overflow:hidden;width:100%;/* height:644px; */background:url(../images/bianxie.jpg) repeat-y center top;/* margin-bottom:50px; */}
 .about h3{text-align:center;font-size:34px;font-weight:normal;margin-top:120px;padding-bottom:15px;/* background:url(../images/titleBg.png) no-repeat center bottom; */margin-bottom: 15px;}
 .bianxie h3 a{color: #000;font-size: 34px;font-weight: bold;}
 .bianxie dl{ overflow:hidden; margin-bottom:25px;}
 .bianxie dt{overflow:hidden;float:left;width: 100%;padding:4px;}
 .bianxie dt img{max-height: 360px;margin: 0 auto;}
 .bianxie dd{ overflow:hidden; width:90%; padding-top:30px;margin: 0 auto;}
 .bianxie dd h2{ font-size: 28px; margin-bottom: 30px; color: #000;font-weight: bold;text-align: center;}
 
 .bianxie dd p{ text-align: center;}
 
 .link_bj{width:100%; margin: 0 auto; min-height:70px; overflow: hidden; }
 .link{ height:auto; overflow: hidden;font-family:"Microsoft Yahei"; width:1200px; margin:0 auto;}
 .link p i{color: #fff; font-size: 14px; float: right;}
 .link p{font-size: 16px;overflow: hidden; line-height: 70px; color:#acacac;position: relative;
     z-index: 1;opacity: 0.5;}
 .link p a{ color: #333; font-size: 14px;padding:0 10px; text-align: left;}
 
 .about dd p{font-size: 16px;color:#000;line-height: 50px;overflow:hidden;margin-bottom:30px;text-align:justify;}
 .about dd a{display:block;text-decoration:none;width: 130px;height:50px;text-align:center;line-height:50px;font-size: 18px;color:#fff;float:left;margin-right:2px;background-color:#ff6600;margin-left: 30px;font-weight: bold;}
 .about dd a:hover{ background-color:#4fa9b5}
 .about .bgtu{ overflow:hidden; width:1096px; height:235px; margin:0 auto; background:url(../images/about_tu_bg.png) no-repeat center top;}
 .about .aBox{ position:relative; overflow:hidden; width:950px; height:170px; background-color:#fff; margin:0 auto; border:15px solid #fff;}
 .about .aBox ul{ overflow:hidden; position:absolute;}
 .about .aBox li{ float:left; width:228px; height:170px; margin-right:12px;}
 .about .aBox li img{ display:block; margin:0 auto; margin-bottom:10px;}
 .about .aBox li p{ font-size:13px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center;}
 
 
 
 .hardware-banner{width:100%;background:url(../images/hardware-banner-bg.png) 50% no-repeat}
  .hardware-banner .banner-text{ width:90%;text-align: center;margin: 5% auto;padding-top: 30px;}
  
   .hardware-banner .img img{ width: 90%;}
   
   
    .hardware-banner .img{ width: 50%;text-align: center;margin:0 auto;}
   .hardware-banner .banner-text .text{color:#fff}
    .hardware-banner .banner-text .text h4{font-size:36px;font-weight:400;margin-bottom:20px}
  
   .hardware-banner .banner-text .text p{line-height:45px}.page-card{width:100%;height:600px}.page-card .hardware-swiper-title{font-weight:400;width:100%;color:#22b573;font-size:30px;padding:50px 0 38px;text-align:center}.page-card .hardware-swiper .VueCarousel{padding:28px 0;width:600px;height:380px}.page-card .hardware-swiper .hardware-option{padding-left:78px}.page-card .hardware-swiper .hardware-option .option h5{color:#22b573;font-size:24px;font-weight:400}.page-card .hardware-swiper .hardware-option .option p{color:#666;font-size:16px}.page-card .hardware-swiper .hardware-option .option+.option{margin-top:20px}
 
 .user-interact-inner .interact-icon {
     width: 65px;
     height: 65px;
     margin-bottom: 39px;
 }
 .user-interact-inner h2 {
     color: #36324a;
     font-weight: 600;
     line-height: 30px;
     margin-bottom: 29px;
 	font-size:24px ;
 	margin-top: 18%;
 }
 .user-interact-inner p {
     margin-bottom: 40px;
 	font-size:16px ;
 	 line-height: 30px;
 }
 .user-interact-image {
     width: 100%;
 }
 .user-interact-image img{
     width: 100%;
     
 }
 
 .user-interact-image8 img{
    width: 100%;
 }
 .user-interact-image8 {
     width: 100%;
     
 }
 
 .user-interact-image8 img{
    width: 100%;
 }
 
 .user-interact-image8 img{width: 100%;}
 
 .user-interact-inner .interact-icon svg#Capa_1 {
     fill: #f77ade;
 }
 .bg-2 {
     background: #f7f6f9;
 }
 .user-interact-image.type2 {
     margin-left: 0;
     width: 100%;
 }


.f_bg{ background:#3d3d3d; overflow:hidden; padding:50px 0 0;}
.footer{width: 100%; margin:0 auto;}
.f_logo{width: 100%;text-align: center;}
.f_logo h5{/* width: 205px; */text-align: center;}
.f_logo h5 img{width: 80%;/* height: 67px; */margin: 0 auto;}
.f_logo p{font-size: 16px;color: #ccc;line-height: 30px; padding:10px 0 0;}
.f_logo p span{display: block;}
.f_logo p a{color: #ccc;}
.f_logo p i{ padding-left:10px;}
.f_nav{height: 165px;width: 200px; padding:0 0 0 45px; background:url(../images/f_line.png) no-repeat left 0;}
.f_nav ul li{height: 32px;line-height: 32px;width: 100px;float: left;overflow: hidden;}
.f_nav ul li a{font-size: 14px;color: #9d9d9d;}
.f_ban{width: 100%;/* padding: 0 0 0 40px; */ background:url(../images/f_line.png) no-repeat left 0;}
.f_ban p{font-size: 14px;color: #858585;line-height: 30px;padding: 0 0 0 30px;}
.f_ban p a{font-size: 14px;color: #858585;}
.f_ban p span{padding: 0 10px;}
.f_ban .f_p01{background:url(../images/f_ico01.png) no-repeat 0 6px;}
.f_ban .f_p02{background:url(../images/f_ico02.png) no-repeat 0 7px;}
.f_ban .f_p03{background:url(../images/f_ico03.png) no-repeat 0 7px;}
.f_er{width: 100%; background:url(../images/f_line.png) no-repeat left 0;/* padding-left: 30px; */}
.f_er p{width: 50%;float: left; padding: 15px;text-align: center;line-height: 0;}
.f_er p em{display: block;width: 100%;/* height: 90px; */border: #484848 1px solid;padding: 4px;}
.f_er img{ width: 100%; /* height:90px; */}
.f_er span{display: block;font-size: 12px;color: #bababa;line-height: 30px;}
.f_bot{line-height: 30px;overflow: hidden;}
.f_bot b{display: block;float: left;font-size: 14px;color: #1f1f1f;width: 70px;}
.f_bot p{font-size: 14px;color: #999;float: left;width: 1130px;}
.f_bot p a{font-size: 14px;color: #999; padding:0 10px;}

 .pro_k1_block_7 ,.pro_k1_block_7 .title{color: #000;background-color: #f7f6f9;}
		 
		 .pro_k1_block_6{position: relative;}
		 .pro_k1_block_6 .text{padding: 30px 14px;text-align: center;}
		 .pro_k1_block_6 .title{font-size: 18px;text-align: center;display: flex;align-items: center;justify-content: center;font-weight: bold;}
		 .pro_k1_block_6 .subtitle{font-size: 16px;font-weight: 100;margin-top: 10px;}
		 .pro_k1_block_6 .des{text-align: center;margin-top: 20px;font-size: 16px;line-height: 2;}
		 .pro_k1_block_6 .pic{display: block;margin: 30px auto 0;max-width: 96%;}
		 .pro_k1_block_6 .des br{display: none;}
		  .pro_k1_block_8 .text{padding: 30px 0px;text-align: center;}
		 .pro_k1_block_8 .bg_img{object-fit: cover;}
		 .pro_k1_block_8 .title{font-size: 18px;text-align: center;display: flex;align-items: center;justify-content: center;font-weight: bold;}
		 .pro_k1_block_8 .des{text-align: center;margin-top: 20px;font-size: 16px;line-height: 2;padding: 0 14px;}
		 .pro_k1_block_8 .des br{display: none;}
		 .pro_k1_block_8 .ico{display: flex;justify-content:center;margin-top: 20px;}
		 .pro_k1_block_8 .ico img{height: 5rem;margin: 0 20px;}
		 
		 
		 .hangye{padding:39px 0 20px; background: #fafafa;}
		 .hangye .web_w{width: 96%;margin: 0 auto;}
		 .hangye ul{margin:0px}
		 .hangye ul li{padding:0;margin-top:28px}
		
		 .hangye ul li:after{display:block;content:'';clear:both}
		 .hangye ul li img{display:block;width:100px;height:100px;float:left;margin-top:5px}
		 .hangye ul li .case_text{float:right;width:calc(100% - 163px);line-height:28px;min-height:110px;text-align:justify;border-bottom:#E4E7ED solid 1px}
		 .hangye ul li .case_text .name{font-size:22px;line-height:23px;color:#000000;font-weight:500;margin-bottom:18px}
		 
		 .special_dzxsz{min-width:100%;}
		 .special_dzxsz .text{padding:10px;position: relative;width: 100%;}
		 .special_dzxsz .text .name{}
		 
		 .web_w {min-width: 100%;width: 100%;padding: 0;}
		 .special_dzxsz_zcfk{background-color: #f2f2f2;padding-top: 15px;}
		 .special_dzxsz_zcfk .text .des{width: 100%;float: none;margin-top: 10px;font-size: 20px;}
		 .special_dzxsz_zcfk .text .des .name{color: #aa0000;text-align: justify;width: 100%; line-height: 30px;}
		 .special_dzxsz_zcfk .text .ms{margin-top: 15px;width: 100%;line-height: 30px;}
		

		 .special_dzxsz_zcfk .text .ms p::before{display: inline-block;width: .1rem;height: .1rem;background-color: #aa0000;content: '';margin-right: 15px;vertical-align: middle;}