锘
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
a {
  text-decoration: none;
  -webkit-transition: color 0.1s linear, background-color 0.15s linear;
  -moz-transition: color 0.1s linear, background-color 0.15s linear;
  -o-transition: color 0.1s linear, background-color 0.15s linear;
  transition: color 0.1s linear, background-color 0.15s linear;
}
body {
  color: #4b4b4b;
  font-size:14px;
  font-family: "Microsoft Yahei";
}
h1,
h2,
h3,
h4,
h5,
h6,label{
  font-weight: normal;
}
address,
caption,
cite,
code,
dfn,
em,
i,
u,
strong,
th,
var {
  font-style: normal;
  /*font-weight: normal;*/
}
i{
  font-style: normal;
}
a {
  color: #4b4b4b;
  text-decoration: none;
}
/*a:hover {
  text-decoration: none;
  color: #0a8be5;
}*/
img {
  border: none;
  max-width: 100%;
}
ol,
ul,
li {
  list-style: none;
}
input,
textarea,
select,
button {
  outline-style: none;
}
table {
  border-collapse: collapse;
}
html {
 /* overflow-y: scroll;*/
}
ol > li > ol, ol > li > ul, ul > li > ol, ul > li > ul{
  margin: 0;
}


/* css common */
.clearfix:after,
.clearfix:before {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear{
	clear: both;
}
.clearfix {
  *zoom: 1;
}
.left {
  float: left;
}
.right {
  float: right;
}
input,
textarea,
select,
button {
  font-family: "Microsoft YaHei";
  color: #666666;
}
input[placeholder],
[placeholder],
*[placeholder] {
  color: #686868 
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #686868;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #686868;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: #686868;
  opacity: 1;
}
input::-webkit-input-placeholder {
  color: #686868;
  opacity: 1;
}
/*鍒濆鍖?/
/*澶撮儴*/
.header{
	background: rgba(0,0,0,.34);
	padding: 0.18518518rem 0.37037037rem;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
}
.header .logo{
	width:6.85185185rem;
	float: left;
}
.header .logo img{
	width: 100%;
}
.nav{
	font-size:0.4074074rem;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	display: none;
}
.nav li{
	background: rgba(0,0,0,.34);
	margin-top: 1px;
	text-align: center;
}
.nav li a{
		color: white;
		display: block;
		padding:0.18518518rem 0.37037037rem;
		
}
.cai{
	cursor: pointer;
	float: right;
	width: 0.77777777rem;
	vertical-align: top;
	margin-top:0.37037037rem;
	
}
.cai img{
	width: 100%;
}


/*tit*/
.tit{
	text-align: center;
	padding: 0.55555555rem 0;
}
.tit h6{
	font-size:0.51851851rem;
}
.tit p{
	font-size: 0.37037037rem;
	color: #989898;
}
.tit span{
	display: inline-block;
	width: 1.98148148rem;
	height: 0.07407407rem;
	background: #fb8608;
	vertical-align: top;
	margin-top: 0.18518518rem;
}


/*浜у搧*/
.scetion{
	padding: 0.37037037rem;
}
.products_ul li{
	
	float: left;
	width: 47.5%;
	margin-left: 4%;
	margin-bottom: 0.55555555rem;
	text-align: center;
	font-size: 0.4074074rem;
}
.products_ul li div{
	border: 1px solid #DDDDDD;
	padding:0.18518518rem;
	
	overflow: hidden;
}
.products_ul li div img{
	width: 100%;
	transition: all .5s;
}
.products_ul li:hover div img{
	transform: scale(1.1);
}
.products_ul li p{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0.18518518rem 0.18518518rem 0 0.18518518rem;
}
.products_ul li:hover a{
	color: #f4aa49;
}
.gd{
	display: block;
	width:2.96296296rem;
	height: 1.01851851rem;
	margin:0 auto 0.27777777rem;
	line-height: 1.01851851rem;
	text-align: center;
	color: white;
	font-size: 0.4074074rem;
	background: url(../images/gd.png) no-repeat center;
	background-size:100% 100%;
	
}
.about{
	padding-bottom: 0.37037037rem;
}
.about_a{
	padding: 2.59259259rem 0.46296296rem 2.77777777rem 0.46296296rem;
	text-align: center;
	color: white;
	background-size:cover;
}
.about_a h5{
	font-size:0.51851851rem;
	margin:0 auto 0.55555555rem;
}
.about_a p{
	font-size:0.37037037rem;
	margin:auto;
	line-height: 1.7;
}
.about_b{
	padding:0.46296296rem 0.46296296rem 0.37037037rem 0.46296296rem;
	/*text-align: center;*/
	 font-size: 0.4074074rem;
}
.about_b p{
	overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
       
        line-height:2;
}
.tit1{
	color: white;
	padding:0.64814814rem 0 0.55555555rem 0;
}
.tit1 p{
	color: white;
}
.news{
	 padding-bottom:0.74074074rem;
}
.news_ul{
	padding: 0 0.37037037rem;
	margin-bottom: 0.37037037rem;
}
.news_ul li{
	float: left;
	width: 48%;
	margin-left: 4%;
	margin-bottom: 0.55555555rem;
	
}
.news_ul li a{
	background: white;
	border: 1px scroll white;
	display: block;
	padding: 0.37037037rem 0.27777777rem 0.83333333rem 0.27777777rem;
	transition: all .5s;
}
.news_ul li img{
	width: 100%;
}
.news_ul li h6{
	font-size: 0.44444444rem;
	margin: 0.37037037rem auto;
	overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient: vertical;
}
.news_ul li p{
	overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        font-size: 0.4074074rem;
        color: #949494;
}
.news_ul li span{
	color: #ef9725;
	 font-size: 0.4074074rem;
	 display: inline-block;
	 margin-top: 0.46296296rem;
}

/*搴曢儴*/
.footer{
	background: #3d3c42;
	display: none;
}
.footer_a{
		max-width: 1500px;
		min-width: 1200px;
		padding: 25px 50px;
		margin: auto;
	}
	.link{
		color: #d9d9d9;
		font-size: 15px;
		line-height: 50px;
		height: 50px;
		border-bottom: 1px solid #56555a;
	}
	.link a{
		color: #d9d9d9;
		display: inline-block;
		margin: 0 10px;
		
	}
.footer_b{
	color: #d9d9d9;
	font-size: 15px;
	width: 100%;
}	
.footer_b td img{
	width: 140px;
	height: 170px;
	display: inline-block;
	padding-top: 30px;
	margin-bottom: 10px;
}
.footer_b a{
	color: #d9d9d9;
	display: block;
	text-align: center;
	line-height: 2;
	font-size: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.footer_b h6{
	font-size: 16px;
	text-align: center;
	margin-bottom: 15px;
}
.td1{
	vertical-align: top;
	padding-top: 30px;
}
.footer_b p{
	line-height: 1.8;
}
.bottom{
	padding: 0.37037037rem 0;
	background: #323237;
	text-align: center;
}
.bottom_a{
	margin: auto;
	padding: 0 0.92592592rem;
	font-size:0.4074074rem;
	color: #d9d9d9;
	
}
.bottom_a p,.bottom_a span{
	 display: inline-block;
	 line-height: 1.8;
}
.bottom_a a{
	color: #d9d9d9;
}

/*鍐呴〉*/

.sec_t{
	padding: 0 0.37037037rem;
	margin-bottom: 0.92592592rem;
}

.banner1 a{
	display: block;
	padding:2.77777777rem 0;
}
.news_ul_n{
	padding: 0;
}
.news_ul_n li a{
	background: #fbfbfb;
	border: 1px solid #fbfbfb;
}
.xnav{
	text-align: center;
	margin-bottom:0.37037037rem;
}
.xnav a{
	font-size: 0.4074074rem;
	display: inline-block;
	padding: 0.27777777rem 0.09259259rem;
	width: 3.14814814rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1;
	border: 1px solid #dadada;
	background: #e2e2e2;
	color: #494949;
	border-radius:0.09259259rem ;
	margin:0 0.12962962rem;
	transition: all 0.5s;
	margin-bottom: 0.27777777rem;
}
.xnav a.on{
	border: 1px solid #e79831;
	background: #f4aa49;
	color: white;
}
.xnav a:hover{
	border: 1px solid #e79831;
	background: #f4aa49;
	color: white;
}
.n_tit{
	text-align: center;
}
.n_tit h5{
	font-size:0.51851851rem;
	line-height: 1.8;
	color: #393939;
	margin-bottom: 0.18518518rem;
}
.products_d img{
	display: block;
	margin:0.37037037rem auto ;

}
.products_d{
	font-size: 0.4074074rem;
	line-height: 2;
	color: #515151;

}
.products_d p{
	margin: 0.09259259rem auto;
}
.about_info{
	font-size: 0.4074074rem;
	line-height: 2;
	color: #515151;
}
.about_info p{
	margin: 0.09259259rem auto;
}

.con1{
	
	font-size: 0.4074074rem;
	line-height: 2;
}
.con2{
	text-align: center;
	font-size: 0.4074074rem;
	line-height: 2;
	padding-top: 0.55555555rem;
}
.con2 img{
		width: 5.27777777rem;
	}
.dit{
	margin-top: 0.74074074rem;
}
.dit img{
	width: 100%;
}
.ry,.ry1{
	margin-bottom: 0.37037037rem;
}
.ry .swiper-slide,.ry1 .swiper-slide{
	padding: 0.37037037rem 0.18518518rem;
	border: 1px solid #efefef;
}
.ry img,.ry1 img{
	width: 100%;
}


.n_tit p{
	 font-size: 0.4074074rem;
	 color: #737373;
	 border-bottom: 1px solid #e5e5e5;
	 padding-bottom: 0.46296296rem;
}
.n_tit p span{
	display: inline-block;
}
.news_info{
	font-size: 0.4074074rem;
	color: #737373;
	line-height:2;
}
.news_info p{
	margin-top: 0.37037037rem;
}
.xt{
	margin-top: 0.55555555rem;
	font-size: 0.4074074rem;
	color: #535353;
	line-height: 2;
}
.xt p{
	margin-top: 0.09259259rem;
}
.xt a{
	color: #535353;
}
.xt a:hover{
	color: #f4aa49;
}
.bdsharebuttonbox{
	float: right;
	
}
.yxtd{
	text-align: center;
}
.items{
	display: inline-block;
}

	
.zbc{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	left: 0;
	top:0;
	z-index: 999999999;
	display: none;
}
.zbc_ul{
	width:80%;
	height:5.55555555rem;
	position: absolute;
	left:10%;
	top:50%;
	margin-top:-2.77777777rem;
	background: white;
}
.zbc_ul li{
	width:100%;
	height:100%;
	position: absolute;
	left: 0;
	top:0;
}
.zbc_ul li img{
	width: 100%;
	height: 100%;
}
.zbc > span{
	position: absolute;
	top:48%;
	cursor: pointer;
}
.zbc > span.span1{
	left:0.18518518rem;
}
.zbc > span.span2{
	right:0.18518518rem;
}
.gb{
	position: absolute;
	width: 0.77777777rem;
	height: 0.77777777rem;
	background: url("../images/gb.png") no-repeat center;
	background-size:100% 100% ;
	cursor: pointer;
	right: 0.37037037rem;
	top:0.37037037rem;
}

.pages{
	text-align: center;
	margin-top: 0.74074074rem;
	font-size:0.37037037rem;
}
.pages > div{
	display: inline-block;
}
.pages li{
	display: inline-block;
}
.pages a,.pages span,.pages b{
	display: inline-block;
	padding: 0.09259259rem 0.27777777rem;
	border: 1px solid #d3d3d3;
	margin:  0 0.09259259rem;
/*	float: left;
	margin-left: -1px;*/
	cursor: pointer;
	margin-bottom: 0.05555555rem;
}
.pages span{
	border: 1px solid  #066cc3;
	background: #066cc3;
	color: white;
}
.pages a:hover{
	background: #066cc3;
	color: white;
	border: 1px solid  #066cc3;
}
.td_dk1{
	height: 90px;
	overflow: hidden;
}
.td1 span{
	color: #d9d9d9;
	display: block;
	text-align: center;
	line-height: 2;
	font-size: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
}
.top_tr{
	padding: 15px;
	font: 15px;
	color: white;
	display: none;
}
.top_tr span{
	margin-right: 20px;
}
#beian a{
	display: inline-block;
	overflow:initial
}
.scetion{
	position: relative;
}
.kk{
	display: none;
	width: 1.35185185rem;
	height: 1.37037037rem;
	top: 48.5%;
	right:-0.09259259rem;
}
.kk1{
	display: none;
	width: 1.35185185rem;
	height: 1.37037037rem;
	top: 48.5%;
	left:-0.09259259rem;
	}