img { border:0; }
html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd { padding:0; margin:0; }
textarea { font-size:12px; }
input { font-family:'Arial','SimSun'; font-size:12px; vertical-align:middle; }
input[type=checkbox], input[type=radio] { cursor:pointer; margin:0; vertical-align:middle; }
button { cursor:pointer; }
select { font-family:'Arial','SimSun'; font-size:12px; vertical-align:middle; }
label { cursor:pointer; }
a img, img { border:0; vertical-align:middle; }
sup, sub { vertical-align:baseline!important; vertical-align:bottom; position:relative; }
sup { bottom:.5em; }
sub { top:.3em; }
li {list-style: none;}

a, a:visited { 
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	color: #555;
	text-decoration: none;
}

a:hover, a:active { 
	color:#d50012;
	text-decoration: none;
}

body {
	background:#f4f4f4;
	color:#555;
	font-family: 'Microsoft YaHei';
	font-size:12px;
}

strong { font-weight: 600;  }
.l	{ float:left; }
.r	{ float:right; }

h1,h2,h3,h4,h5,h6 { margin:0; font-family: 'Microsoft YaHei'; font-weight:400; }
h1	{ font-size:28px; }
h2	{ font-size:24px; }
h3	{ font-size:20px; }
h4	{ font-size:18px; }
h5	{ font-size:16px; }
h6	{ font-size:14px; }

select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #e5e5e5;
  line-height:30px;
  height:30px;
  width:140px;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../images/select1.png") no-repeat scroll 120px center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding: 0 16px;
  border-radius:6px; 
  -moz-border-radius:6px; 
  -o-border-radius:6px;
  font-family: 'Microsoft YaHei';
	font-weight:14px;
}
option{
	height:24px;
  font-family: 'Microsoft YaHei';
	font-weight:14px;
}
input[type=submit]{
	border:0px;
	width:80px;
	height:30px;
	background:#df0011;
  font-family: 'Microsoft YaHei';
	font-weight:14px;
  border-radius:6px; 
  -moz-border-radius:6px; 
  -o-border-radius:6px;
  color:#fff;
  font-family: 'Microsoft YaHei';
	font-weight:14px;
	cursor:pointer;
}

.l	{ float:left; }
.r	{ float:right; }
.bggray	{ background:#e6e7e7; }

/********************************************* */
.HeaderContainer,.BodyContainer,.FooterContainer	{ 
	clear:both; 
	width:100%; 
	margin:0 auto;
}

.HeaderContainer { 
	height:60px;
	z-index: 99;
	background:#fff;
}
	.HeaderContainer > .logo	{ 
		width:170px; 
		height:60px; 
		background:url("../images/logo.png") no-repeat center center; 
		background-size:150px;
	}
	.HeaderContainer > .r 	{ 
		width:42px; 
		height:60px;
	}
	.HeaderContainer > .r > .dropdown-toggle	{ 
		height:60px;
		background:url("../images/menu.png") no-repeat center center; 
		background-size:28px;
	}
		

	
.index-ad	{ 
	min-width:320px;
	height:auto;
	position:relative;
}
	.index-ad img 	{ 
		width:100%;
	}
	.index-ad label	{ 
		position:absolute;
	}

.index-news	{
	height:40px;
	padding:10px 0;
	background:#fff;
}
	.index-news > dl	{
		height:20px;
	}
	.index-news > dl > dt	{
		float:left;
		width:80px;
		border-right:1px solid #aaa;
	}
	.index-news > dl > dt > h6	{
		color:#f00;
		text-align:center;
	}
	.index-news > dl > dd	{
		margin-left:90px;
		height:20px;
		overflow:hidden;
	}
.index-btn	{
	margin-top:10px;
	background:#fff;
	height:auto;
	overflow:auto;
}
	.index-btn > ul	{
		
	}
	.index-btn > ul > li	{
		float:left;
		width:33.33%;
		margin-top:15px;
	}
	.index-btn > ul > li > a	{
		display:block;
		
	}
	.index-btn > ul > li > a > span	{
		margin:0 auto;
		width:54px;
		height:54px;
		display:block;
	}
	.index-btn > ul > li > a > label	{
		display:block;
		text-align:center;
		line-height:30px;
	}
	.index-btn > ul > li:nth-child(1) > a > span	{
		background:url("../images/icon01.png") no-repeat 0 0; 
		background-size:54px;
	}
	.index-btn > ul > li:nth-child(2) > a > span	{
		background:url("../images/icon01.png") no-repeat 0 -216px; 
		background-size:54px;
	}
	.index-btn > ul > li:nth-child(3) > a > span	{
		background:url("../images/icon01.png") no-repeat 0 -54px; 
		background-size:54px;
	}
	.index-btn > ul > li:nth-child(4) > a > span	{
		background:url("../images/icon01.png") no-repeat 0 -108px; 
		background-size:54px;
	}
	.index-btn > ul > li:nth-child(5) > a > span	{
		background:url("../images/icon01.png") no-repeat 0 -162px; 
		background-size:54px;
	}
	.index-btn > ul > li:nth-child(6) > a > span	{
		background:url("../images/icon_xh.png") no-repeat 0px; 
		background-size:54px;
	}
.index-products	{
	margin-top:10px;
	height:240px;
	background:url("../images/product-bg.png") no-repeat 0 0;
}
	.index-products > ul	{
		width:94%;
		margin:0 auto;
	}
	.index-products > ul > li	{
		float:left;
		width:33.33%;
		height:90px;
		margin-top:20px;
	}
	.index-products > ul > li > a	{
		display:block;
		width:96%;
		height:90px;
		
	}
	.index-products > ul > li > a > label	{
		display:block;
		padding:58px 3px 0;
		line-height:16px;
		font-size:10.5px;
		color:#fff;
	}
	
	.index-products > ul > li:nth-child(1) > a	{
		background:url("../images/pic01.jpg") no-repeat 0 0; 
		background-size:100%;
	}
	.index-products > ul > li:nth-child(2) > a	{
		background:url("../images/pic02.jpg") no-repeat 0 0; 
		background-size:100%;
	}
	.index-products > ul > li:nth-child(3) > a	{
		background:url("../images/pic03.jpg") no-repeat 0 0; 
		background-size:100%;
	}
	.index-products > ul > li:nth-child(4) > a	{
		background:url("../images/pic04.jpg") no-repeat 0 0; 
		background-size:100%;
	}
	.index-products > ul > li:nth-child(5) > a	{
		background:url("../images/pic05.jpg") no-repeat 0 0; 
		background-size:100%;
	}
	.index-products > ul > li:nth-child(6) > a	{
		background:url("../images/pic06.jpg") no-repeat 0 0; 
		background-size:100%;
	}
.index-content	{
	margin-top:10px;
	height:auto;
	background:#fff;
}
	.index-content > dl	{
		width:90%;
		margin:0 auto;
	}
	.index-content > dl > dt	{
		padding:15px 0 5px;
		text-align:center;
	}
	.index-content > dl > dt > h3	{
		
	}
	.index-content > dl > dt > h5	{
		line-height:24px;
		color:#f00;
	}
	.index-content > dl > dd	{
		padding-bottom:15px;
	}


.content-header	{}
	.content-header .div-wrapper	{ 
		height:280px;
	}

.content-wrapper	{ margin:0 auto; overflow:visible; }
	.content-wrapper .div-wrapper	{ height:auto; overflow:auto; }

.index-div	{
	height:auto;
	overflow:hidden;
}
	.index-div > .l	{
		width:205px
	}
	.index-div > .r	{
		width:900px
	}
	

	
	
			.page-title,.page-content,.page-navition	{ 
				margin:0 auto; 
				width:100%;
			}
			
			.page-title	{
				margin-top:10px;
				background:#fff;
			}
			.page-title > h6	{
				background:#fff;
				padding:10px 0 10px 10px;
				line-height:24px;
				color:#e60012;
				font-weight:bold;
			}
			.page-title > .btn-list	{
				height:auto;
				overflow:auto;
				padding:10px 0;
				background:#fff;
			}
			.page-title > .btn-list > li	{
				float:left;
				width:33.33%;
			}
			.page-title > .btn-list > li > a	{
				display:block;
				width:94px;
				height:94px;
				margin:0 auto;
				border:1px solid #3e3d4b;
				border-radius:47px; 
			}
			.page-title > .btn-list > li > a > label	{
				display:block;
				width:86px;
				height:86px;
				margin:3px;
				color:#979797;
				background:#3e3d4b;
				border-radius:43px;
				text-align:center;
				line-height:16px;
				font-size:11px;
				padding-top:5px;
			}
			.page-title > .btn-list > li > a > label > strong	{
				display:block;
				min-height:30px;
				color:#fff;
			}
			.page-title > .btn-list > li.active > a > label,.page-title > .btn-list > li:hover > a > label	{
				color:#2d2000;
				background:#d5a831;
			}
			.page-title > .btn-list > li.active > a > label > strong,.page-title > .btn-list > li:hover > a > label > strong	{
				color:#000;
			}
			.slogan	{
				padding-top:10px;
			}
			.slogan > label	{
				display:block;
				color:#999999;
				margin:0 10px;
				line-height:32px;
				text-align:center;
				!text-align:justify;
				text-align-last:justify;
				border-top:2px solid #b8b8b8;
				border-bottom:1px solid #b8b8b8;
			}
			
			.page-content	{ 
				background:#fff;
				margin:0 auto; 
				line-height:20px;
				padding:0 10px;
			}
			.page-content img	{ 
				max-width:100%;
			}
			.page-content p > span.num	{
				display:block;
				float:left;
				width:16px;
				height:16px;
				background:#000;
				color:#fff;
				border-radius:8px; 
				text-align:center;
				line-height:16px;
				font-size:10px;
			}
			.page-content p > label	{
				display:block;
				margin-left:20px;
			}
			.page-content ul	{

			}
			.page-content ul > li	{
				padding-left:5px;
				line-height:24px;
				border-bottom:1px solid #ccc;
			}
			.page-content table {
				margin-top:8px;
				width:100%;
				border-top:1px solid #ccc;
				border-left:1px solid #ccc;
			}
			.page-content table tr td {
				padding-left:5px;
				line-height:24px;
				border-bottom:1px solid #ccc;
				border-right:1px solid #ccc;
			}

			.tech-content img	{ 
				max-width:100%;
			}
		

.FooterContainer	{
	height:auto;
}
	.FooterContainer > .top	{
		background:url("../images/botton-bg.png") no-repeat top center;
		background-size:100%;
	}
	.FooterContainer > .top > .return	{
		
	}
	.FooterContainer > .top > .return > a	{
		display:block;
		width:40px;
		height:22px;
		padding-top:8px;
		margin:0 auto;
		text-align:center;
		color:#fff;
		font-size:9px;
	}
	.FooterContainer > .top > h3	{
		color:#ab112a;
		text-align:center;
	}
	.FooterContainer > .top > .contact	{
		padding:5px 2px;
		height:auto;
		overflow:auto;
		background:#18191b;
	}
	.FooterContainer > .top > .contact > label	{
		width:100%;
		display:inline-block;
		padding-left:22px;
		padding-right:10px;
		margin-bottom:2px;
		line-height:20px;
		font-size:11px;
		color:#fff;
	}
	.FooterContainer > .top > .contact > label:nth-child(1)	{
		background:url("../images/icon02.png") no-repeat 0 -40px; 
		background-size:20px;
	}
	.FooterContainer > .top > .contact > label:nth-child(2)	{
		background:url("../images/icon02.png") no-repeat 0 0; 
		background-size:20px;
	}
	.FooterContainer > .top > .contact > label:nth-child(3)	{
		background:url("../images/icon02.png") no-repeat 0 -20px; 
		background-size:20px;
	}
	.FooterContainer > .bottom	{
		line-height:32px;
		background:#2e2e2e;
		color:#757575;
		text-align:center;
	}

@media screen and ( min-width: 1024px) {
	
}

@media screen and ( max-width: 999px) {	
}

@media screen and ( min-width:768px ) and ( max-width: 999px) {
}

@media screen and ( min-width:600px ) and ( max-width:767px ) {
}

@media screen and ( min-width:480px ) and ( max-width:599px ) {
}

@media screen and (min-width: 320px) and (max-width: 479px)  {

}