@charset "utf-8";

#company {
	height:250px;
	margin-top:15px;
}
#bannerBox {
	float: left;
	width:680px;
	height:250px;
	position:relative;
	background:#fff url(/inc/img/loading.gif) center center no-repeat;
	z-index:1;
	overflow: hidden;
}
#bannerImg li {
	width: 100%;
	text-align: center;
	position:absolute;
}
#bannerNum {
	position:absolute;
	right:12px;
	bottom:12px;
}
#bannerNum li {
	float:left;
	width:10px;
	height:10px;
	margin-left:6px;
	filter:Alpha(Opacity=50);
	opacity:0.5;
	background-color:#ccc;
	cursor:pointer;
	overflow:hidden;
}
#bannerNum img {
	width:10px;
	height:10px;
}
#bannerNum .on {
	filter:Alpha(Opacity=100);
	opacity:1;
	font-weight:bold;
	color:#fff;
	background-color:#f60;
}

#news {
	float: right;
	width:283px;
	border:1px solid #e3e3e3;
	height:248px;
	overflow:hidden;
}
#newsTag {
	width:284px;
	height:28px;
	background:url(/inc/img/title_bg.gif) repeat-x;
}
#newsTag li {
	float:left;
}
#newsTag a {
	display:block;
	line-height:28px;
	width:70px;
	text-align:center;
	color:#666;
	border-right:1px solid #e3e3e3;
}
#newsTag .on a {
	color:#ff861a;
	font-weight:bold;
	background-color:#fff;
}
#newsDiv ul {
	margin:10px 0 0 10px;
}
#newsDiv li {
	line-height:25px;
	color:#999;
	white-space:nowrap;
	width:263px;
	overflow:hidden;
	text-overflow:ellipsis;
}

#product {
	margin-top:15px;
	width:978px !important;
	border:1px solid #e3e3e3;
}
#product ul {
	width:980px;
}
#product li {
	width:195px;
	float:left;
	border-right:1px solid #e3e3e3;
	height:280px;
}
#product h2 a {
	display:block;
	width:183px;
	height:116px;
	padding:12px 0 0 12px;
}
#product p {
	margin:0;
	line-height:20px;
	padding:12px 12px 6px;
}
#product .lj {
	background:url(/inc/img/product_l.png) no-repeat top;
}
#product .qy {
	background:url(/inc/img/product_q.gif) no-repeat top;
}
#product .zx {
	background:url(/inc/img/product_z.gif) no-repeat top;
}
#product .yx {
	background:url(/inc/img/product_y.gif) no-repeat top;
}
#product .pt {
	background:url(/inc/img/product_m.png) no-repeat top;
}
#product div {
	padding-left:6px;
}
#product div a {
	display:block;
	white-space:nowrap;
	padding:0 6px;
	line-height:22px;
	border:1px solid #e3e3e3;
	float:left;
	margin:3px;
}
#product div a:hover {
	border:1px solid #f60;
}
#productMore {
	border:1px solid #e3e3e3;
	width:978px !important;
	border-top:0 !important;
	height:40px;
}
#productMore #title {
	float:left;
	line-height:40px;
	padding-left:8px;
	font-weight:bold;
	color:#666;
}
#productMore a {
	float:left;
	margin:8px 3px;
	display:block;
	white-space:nowrap;
	padding:0 6px;
	line-height:22px;
	border:1px solid #e3e3e3;
}
#productMore a:hover {
	border:1px solid #f60;
}
#productMore #remark {
	float:left;
	line-height:40px;
	color:#666;
	padding-left:6px;
}

#quickBtn {
	margin-top:15px;	
	height:110px;
}
#quickBtn ul {
	width:990px;
}
#quickBtn li {
	margin:0 10px 10px 0;
	width:155px;
	height:50px;
	float:left;
}
#quickBtn li a {
	display:block;
	border:1px solid #d7d7d7;
	width:153px;
	height:48px;
	background:url(/inc/img/index_service_bg.gif) repeat-x;
}
#quickBtn li a:hover {
	background:#fff;
}
#quickBtn li p {
	margin:0;
	line-height:48px;
	padding-left:53px;
	color:#333;
	font-size:14px;
}

#quickBtn .select p {
	background:url(/choose/img/icon_select.gif) 6px 6px no-repeat;
}
#quickBtn .compare p {
	background:url(/choose/img/icon_compare.gif) 6px 6px no-repeat;
}
#quickBtn .seal p {
	background:url(/choose/img/icon_seal.gif) 6px 6px no-repeat;
}
#quickBtn .form p {
	background:url(/choose/img/icon_form.gif) 6px 6px no-repeat;
}
#quickBtn .tool p {
	background:url(/choose/img/icon_tool.gif) 6px 6px no-repeat;
}
#quickBtn .inquiry p {
	background:url(/sale/img/icon_inquiry.gif) 6px 6px no-repeat;
}
#quickBtn .ebook p {
	background:url(/service/img/icon_ebook.gif) 6px 6px no-repeat;
}
#quickBtn .manual p {
	background:url(/service/img/icon_manual.gif) 6px 6px no-repeat;
}
#quickBtn .video p {
	background:url(/service/img/icon_video.gif) 6px 6px no-repeat;
}
#quickBtn .guide p {
	background:url(/service/img/icon_guide.gif) 6px 6px no-repeat;
}
#quickBtn .size p {
	background:url(/service/img/icon_size.gif) 6px 6px no-repeat;
}
#quickBtn .faq p {
	background:url(/service/img/icon_faq.gif) 6px 6px no-repeat;
}

#parts {
	float:left;
	margin-top:15px;
	width:740px;
	height:222px;
	overflow:hidden;
}
#parts dt, #topic dt {
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	border-bottom:2px solid #459fce;
}
#parts dt {
	width:731px;
}
#parts dd {
	float:left;
	border:1px solid #e3e3e3;
	width:160px;
	padding:7px;
	margin:10px 9px 0 0;
	text-align:center;
	height:164px;
}
#parts dd a:hover {
	color: #0069ab;
}
#parts dd:hover {
	border:1px solid #459fce;
}
#parts p {
	margin:0;
	padding:5px 0 0 0;
	line-height:18px;
}

#topic {
	float:right;
	margin-top:15px;
	width:233px;
	height:222px;
	overflow:hidden;
}
#topic dd {
	float:left;
	white-space:nowrap;
	padding:10px 5px 0;
}
#topic dd a {
	display:block;
	padding:0 6px;
	line-height:26px;
	height:26px;
	border:1px solid #e3e3e3;
}
#topic dd a:hover {
	border:1px solid #f60;
}

#client {
	margin-top:15px;
	height:200px;
}
#client ul {
	width:996px;
}
#client li {
	width:231px;
	height:198px;
	border:1px solid #e3e3e3;
	float:left;
	margin-right:16px;
}
#client h2 {
	line-height:28px;
	height:28px;
	padding-left:10px;
	background:url(/inc/img/title_bg.gif) repeat-x;
}
#client dl {
	margin-top:10px;	
}
#client dd {
	line-height:25px;
	padding-left:20px;
	white-space:nowrap;
	width:200px;
	overflow:hidden;
	text-overflow:ellipsis;
	background:url(/inc/img/arron.gif) no-repeat 10px 10px;
}
#client .help {
	background:url(/inc/img/index_help.jpg) no-repeat right bottom;
}

#link {
	margin-top:15px;
}
#linkMain {
	border:1px solid #e3e3e3;
	line-height:24px;
	padding:8px 15px;
	color:#666;
}

/*小屏端样式*/
@media (max-width: 800px) {
	#company {
		height:auto;
		margin-top:12px;
	}
	#bannerBox {
		float: none;
		width:100%;
		height: calc(100vw * 250 / 680);
		max-height: 250px;
		margin:0 auto;
	}
	#bannerImg img {
		max-width: 100%;
		vertical-align: bottom; /*解决图片下方多3px*/
	}
	#news {
		width: calc(100% - 26px);
		float: none;
		margin: 12px auto 0;
	}
	#newsTag {
		width:100%;
	}
	#newsTag li {
		width:25%;
	}
	#newsTag a {
		width: 100%;
		pointer-events:none;
	}
	#newsDiv li {
		width: calc(100% - 10px);
	}
	
	#product {
		border: 0px;
		margin-top: 12px;
		width: calc(100% - 24px) !important;
	}
	#product ul {
		width: calc(100% - 2px);
		border:1px solid #e3e3e3;
	}
	#product li {
		width:100%;
		float:none;
		border-right:0px;
		height:auto;
	}
	#product h2 a {
		width:100%;
	}
	#product .lj {
		background:url(/inc/img/product_l.png) no-repeat top, url(/inc/img/product_l_bg.gif) repeat-x top;
	}
	#product .qy {
		background:url(/inc/img/product_q.gif) no-repeat top, url(/inc/img/product_q_bg.gif) repeat-x top;
	}
	#product .zx {
		background:url(/inc/img/product_z.gif) no-repeat top, url(/inc/img/product_z_bg.gif) repeat-x top;
	}
	#product .yx {
		background:url(/inc/img/product_y.gif) no-repeat top, url(/inc/img/product_y_bg.gif) repeat-x top;
	}
	#product .pt {
		background:url(/inc/img/product_m.png) no-repeat top, url(/inc/img/product_m_bg.gif) repeat-x top;
	}
	#product div::after {
		content: '';
		display: block;
		clear: both;
		padding-bottom: 6px;
	}
	#productMore {
		width: calc(100% - 38px) !important;
		height: auto;
		padding: 6px;
	}
	#productMore #title {
		line-height:30px;
	}
	#productMore a {
		margin:3px;
	}
	#productMore #remark {
		line-height:30px;
	}
	
	#quickBtn {
		margin-top:12px;	
		height:auto;
		width: calc(100% - 24px);
	}
	#quickBtn ul {
		width: calc(100% + 12px);
	}
	#quickBtn li {
		margin:0 12px 12px 0;
		width: calc(50% - 12px);
	}
	#quickBtn li a {
		width: calc(100% - 2px);
	}
	
	#parts {
		float:none;
		margin:12px auto 0;
		width: calc(100% - 24px);
		height:auto;
	}
	#parts dt {
		width:100%;
	}
	#parts dd {
		width:50%;
		overflow:hidden;
		margin:12px 0 0;
		border:0;
		padding:0;
	}
	#parts dd:hover {
		border:0;
	}
	#parts div {
		width:140px;
		height:105px;
		border:1px solid #e3e3e3;
		padding:6px;
		margin:0 auto;
		position:relative;
	}
	#parts img {
		max-width:140px;
		max-height:105px;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
	}
	#parts p {
		margin:5px;
		line-height:1.5;
	}

	#topic {
		float:none;
		margin:12px auto 0;
		width: calc(100% - 24px);
		height:auto;
	}

	#client {
		margin:0 auto;
		height: auto;
		width: calc(100% - 24px);
	}
	#client ul {
		width:100%;
	}
	#client li {
		width: calc(100% - 2px);
		float:none;
		margin:12px 0 0;
	}
	#client dd {
		width: calc(100% - 20px);
	}

	#link {
		margin:12px auto 0;
		width: calc(100% - 24px);
	}
}