* {
	padding:0;
	margin:0;
}

body{
	
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif,;
	font-size:12px;
	color:#666;
	background:#fff;
	width:100%;
	overflow-x:hidden;
}


div,span,a,img,h1,h2,h3,h4,h5,h6,h7,h8,ul,li,dl,dt,dd,strong,em,embed,table,tr,td,input,form,select,option,p,del,b,i{
	padding:0;
	margin:0;
	font-style: normal;
}

div,figure,img,input,button {
	box-sizing: border-box;
}

ul,ol,li {
	list-style:none;
}


h1,h2,h3,h4,h5,h6,h7,h8{
	font-size:12px;
	font-weight:normal;
}


img {
	display: block;
	max-width: 100%;
	border:none;
	vertical-align:top;
	/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	border-radius:5px */
}

a {
	color:#666;
	outline:none;
	cursor:pointer;
	text-decoration:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	border: none; 
}

table, th, td {
	vertical-align: middle;
	/*border:1px solid #eee; */
}

hr {
	border: 0;
	height:0;
	border-top:1px solid #eee;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-track {
	background: #fff;
}
::-webkit-scrollbar-thumb {
	border:solid 2px #fff;
	width:6px;
	border-radius:5px;
}

@font-face {
	font-family:ATTEN;
	src: url("../font/HATTEN.TTF");
}

@font-face {
	font-family:impact;
	src: url("../font/impact.ttf");
}


@font-face {
	font-family:youyuan;
	src: url("../font/youyuan.TTF");
}

.clearfix:after {
	content:".";  
	height:0;  
	visibility:hidden;  
	display:block;  
	clear:both;  
}

/*电脑/手机主色调*/
.in_about_l h3,
.in_al_dzd_a_r h3,
.nav h1 a,
.more h4 a:hover,
.news_hh li a:hover,
.in_xw_title h1 a:hover,
.tel ul li a:hover,
.hover a,
.hover a:visited,
.product-dh h2 a:hover,
.product-dh h3 a:hover,
.product-dh li.pc_left_nav a,
.product-dh ul li a:hover,
.product-dh ul li.pc_left_nav a:visited,
.address-left h2,
.pagination li a:hover,
.case-xq5 span a:hover,
.product-dh h3,
.product-dh h3 a,
.product-dh h3 i,
.qyzz-nr ul li a:hover .zzbt h1,
.right_fdj h2 i,
.address-left ul li a:hover,
.pc_nav_n ul li:hover a,
.linkbox h3,
.linkbox h3 a {
	color:#392121;
}


::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:window-inactive,
::-webkit-scrollbar-thumb:vertical:hover,
.sange i.xian-a1,
.sange i.xian-a2,
.sange i.xian-a3,
.news-nrym ul li:hover,
.tiao,
.top h1,
.ab_gun_list li p,
.proxxk .proxxk_xun .pxb_xun a .pxb_xun_title,
.in_al_dzd_a_r h3 b,
.product-dh h2 a:before,
.pagination li.thisclass,
.install-nr ul li:hover dl dd,
.arc_bot h5 b,
.index-tit-nav li.current,
.pc_nav_n li:hover ul li a:hover,
/*.in_dzd ul li:hover,*/
.install-nr li:hover,
.suo-nr h2 button,
.in_dzdfw ul li:hover,
.suspension .a,
.tenderer ul li dl dt,
.tenderer ul li dl dt:before {
	background:#392121;
}


@media (max-width: 860px) {
.sj_dbdiv,
.product-dh h2 a{ 
	background:#392121;
}

}

/*垂直居中*/

.czjz{
	
	display: flex;
	justify-content: center;
	align-items: center;	
}



/*垂直*/

.cz{
	display: flex;
	justify-content: center;	
}

/*居中*/

.jz{
	display: flex;
	align-items: center;	
}

/*英文大写*/

.dx{

	text-transform : uppercase
}

/*第一个*/

.first ul li:first-child {
	background: none;
}

/*最后一个*/

.last ul li:last-child {
	background: none;
}

/*字间距*/

.text_zj {
	letter-spacing:2px;
}

/*模糊*/

.mh img:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
	opacity: 0.5;
}

/*一行*/
.one{

	display: inline-block;
	white-space: nowrap; 
	width: 100%; 
	overflow: hidden;
	text-overflow:ellipsis;
}

/*二行*/

.two{
	width: 100%; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
}


/*三行*/

.three{
	width: 100%; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
}

/*四行*/

.four{
	width: 100%; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient: vertical;
}

/*下划线*/
.xhxa a{
	text-decoration:underline;
}



.xhx a:hover{
	text-decoration:underline;
	
}

/*阴影*/

.yy{

	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	
}


.yy:hover{
	box-shadow: 0px 3px 12px 5px rgba(0,0,0,0.15);

}



.block{	
	display:block;
}


.none{
	display:none;

}


/*手机屏蔽横向*/

.sjbj1{
	display:block;
}

.sjbj2{
	display: none;
}


.text-cen{
	text-align:center;

}


/*配合3D图*/

.hidden{
	width:100%;
	overflow:hidden;
}

.sd img {
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


.sd img:hover {
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

/*一行向上样式*/

.topup{
	transition: all 0.5s ease-out 0s;
	animation-duration:1s;
	
}

.topup a{
	transition: all 0.5s ease-out 0s;
	animation-duration:1s;	
}

.topup:hover{
	transition: all 0.5s ease-out 0s;
	animation-duration:1s;
	margin-top:-5px;
}

.topupimg img {
	transition: all 0.5s ease-out 0s;
	animation-duration:1s;

}

.topupimg img:hover {
	transition: all 0.5s ease-out 0s;
	animation-duration:1s;
	margin-top:-15px;
}




/*新闻样式*/

a .all_1 {
	transition: all 0.5s ease-out 0s;
}
a:hover .all_1 {
	margin-left:2px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}

.clearfix:after {
	content:".";  
	height:0;  
	visibility:hidden;  
	display:block;  
	clear:both;  
}


.a-1, .a-2, .a-3, .a-4, .a-5, .a-6, .a-7, .a-8, .a-9, .a-10, .a-11, .a-12 {
    float: left;	
  }
  
  .a-12 {
    width: 100%;
	
  }
  .a-11 {
    width: 91.66666667%;
  }
  .a-10 {
    width: 83.33333333%;
  }
  .a-9 {
    width: 75%;
  }
  .a-8 {
    width: 66.66666667%;
  }
  .a-7 {
    width: 58.33333333%;
  }
  .a-6 {
    width: 50%;
  }
  .a-5 {
    width: 41.66666667%;
  }
  .a-4 {
    width: 33.33333333%;
  }
  .a-3 {
    width: 25%;
	
  }
  .a-2 {
    width: 16.66666667%;
  }
  .a-1 {
    width: 8.33333333%;
	
  }
 


@media (max-width: 1200px) {

  .b-1, .b-2, .b-3, .b-4, .b-5, .b-6, .b-7, .b-8, .b-9, .b-10, .b-11, .b-12 {
    float: left;
	
  }
  .b-12 {
    width: 100%;
  }
  .b-11 {
    width: 91.66666667%;
  }
  .b-10 {
    width: 83.33333333%;
  }
  .b-9 {
    width: 75%;
  }
  .b-8 {
    width: 66.66666667%;
  }
  .b-7 {
    width: 58.33333333%;
  }
  .b-6 {
    width: 50%;
	
  }
  .b-5 {
    width: 41.66666667%;
  }
  .b-4 {
    width: 33.33333333%;
  }
  .b-3 {
    width: 25%;
	
  }
  .b-2 {
    width: 16.66666667%;
  }
  .b-1 {
    width: 8.33333333%;
  }


}

@media (max-width:992px) {

   .c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 {
    float: left;
  }
  .c-12 {
    width: 100%;
  }
  .c-11 {
    width: 91.66666667%;
  }
  .c-10 {
    width: 83.33333333%;
  }
  .c-9 {
    width: 75%;
  }
  .c-8 {
    width: 66.66666667%;
  }
  .c-7 {
    width: 58.33333333%;
  }
  .c-6 {
    width: 50%;
  }
  .c-5 {
    width: 41.66666667%;
  }
  .c-4 {
    width: 33.33333333%;
  }
  .c-3 {
    width: 25%;
  }
  .c-2 {
    width: 16.66666667%;
  }
  .c-1 {
    width: 8.33333333%;
  }


}



@media (max-width: 768px) {
  .d-1, .d-2, .d-3, .d-4, .d-5, .d-6, .d-7, .d-8, .d-9, .d-10, .d-11, .d-12 {
    float: left;
  }
  .d-12 {
    width: 100%;
	
  }
  .d-11 {
    width: 91.66666667%;
  }
  .d-10 {
    width: 83.33333333%;
  }
  .d-9 {
    width: 75%;
  }
  .d-8 {
    width: 66.66666667%;
  }
  .d-7 {
    width: 58.33333333%;
  }
  .d-6 {
    width: 50%;
  }
  .d-5 {
    width: 41.66666667%;
  }
  .d-4 {
    width: 33.33333333%;
  }
  .d-3 {
    width: 25%;
  }
  .d-2 {
    width: 16.66666667%;
  }
  .d-1 {
    width: 8.33333333%;
  }


}

@media (max-width: 640px) {

.e-1, .e-2, .e-3, .e-4, .e-5, .e-6, .e-7, .e-8, .e-9, .e-10, .e-11, .e-12 {
  float: left;
}
.e-12 {
  width: 100%;

}
.e-11 {
  width: 91.66666667%;
}
.e-10 {
  width: 83.33333333%;
}
.e-9 {
  width: 75%;
}
.e-8 {
  width: 66.66666667%;
}
.e-7 {
  width: 58.33333333%;
}
.e-6 {
  width: 50%;
}
.e-5 {
  width: 41.66666667%;
}
.e-4 {
  width: 33.33333333%;
}
.e-3 {
  width: 25%;
}
.e-2 {
  width: 16.66666667%;
}
.e-1 {
  width: 8.33333333%;
}


}

.left{
	float:left;
}

.right{
	float:right;
	display:block;
}

.d1 {
	transition: all 0.5s ease-out 0s;
	animation-duration:1.3s;
}

.d2{
	transition: all 0.5s ease-out 0s;
	animation-duration:1.4s;
}

.d3{
	transition: all 0.5s ease-out 0s;
	animation-duration:1.5s;
}

.d4 {
	transition: all 0.5s ease-out 0s;
	animation-duration:1.6s;
}

.d5{
	transition: all 0.5s ease-out 0s;
	animation-duration:1.7s;
}

.d6{
	transition: all 0.5s ease-out 0s;
	animation-duration:1.8s;
}

.d7{
	transition: all 0.5s ease-out 0s;
	animation-duration:1.9s;
}

.d8{transition: all 0.5s ease-out 0s;
	animation-duration:2.0s;
}