@charset "utf-8";

.productWrapper {
	width: 1200px;
	margin: 20px auto 0;
}
.productWrapper .techArea {
	float: left;
	width: 950px;
	margin: 0 auto;
	padding-bottom: 160px;
}

.recommendedProduct .techArea .techNav { margin-bottom: 10px;}

.recommendedProduct .techArea .techNav ul {
	width: 950px;
	height: 29px;
	background: url(/common/img/sprite_technav.png) no-repeat 0 -100px;
}

.recommendedProduct .techArea .techNav li {
	float: left;
	height: 29px;
	background: url(/common/img/sprite_technav.png) no-repeat 0 -100px;
}

.recommendedProduct .techArea .techNav li.tech { width: 123px;}

.recommendedProduct .techArea .techNav li.service,
.recommendedProduct .techArea .techNav li.recommend { width: 122px;}

.recommendedProduct .techArea .techNav li.tech a,
.recommendedProduct .techArea .techNav li.service a,
.recommendedProduct .techArea .techNav li.recommend a {
	display: block;
	height: 29px;
	text-indent: -9999px;
	background: url(/common/img/sprite_technav.png) no-repeat;
}

.recommendedProduct .techArea .techNav li.tech a { background-position: 0 -50px;}

.recommendedProduct .techArea .techNav li.service a { background-position: -123px -50px;}

.recommendedProduct .techArea .techNav li.recommend a { background-position: -245px -50px;}

.recommendedProduct .techArea .techNav li.tech a:hover,
.recommendedProduct .techArea .techNav li.tech a.ac { background-position: 0 0;}

.recommendedProduct .techArea .techNav li.service a:hover,
.recommendedProduct .techArea .techNav li.service a.ac { background-position: -123px 0;}

.recommendedProduct .techArea .techNav li.recommend a:hover,
.recommendedProduct .techArea .techNav li.recommend a.ac { background-position: -245px 0;}

.recommendedProduct .techArea h2 {
	margin-bottom: 20px;
	font-size: 17px;
	font-weight: bold;
}
/* h3 */
.recommendedProduct .clearfix h3 {
	width: 930px;
	height: 24px;
	margin-bottom: 15px;
	padding: 10px 10px 0 10px;
	background: url(/common/img/sprite_technav.png) no-repeat 0 -500px;

}
.recommendedProduct .techArea h3 span {
	display: block;
	height: 15px;
	text-indent: -9999px;
	background: url(/common/img/sprite_technav.png) no-repeat;
}
.recommendedProduct .techArea h3 span.h3Mech {
	width: 121px;
	background-position: 0 -250px;
}
.recommendedProduct .techArea h3 span.h3El {
	width: 129px;
	background-position: 0 -300px;
}
.recommendedProduct .techArea h3 span.h3Press {
	width: 136px;
	background-position: 0 -350px;
}
.recommendedProduct .techArea h3 span.h3Mold {
	width: 110px;
	background-position: 0 -400px;
}
.recommendedProduct .techArea h3 span.h3Fs {
	width: 112px;
	background-position: 0 -450px;
}
.recommendedProduct .techArea h3 span.h3Vona {
	width: 78px;
	background-position: 0 -750px;
}
.recommendedProduct .techArea .clearfix h3 span.h3Mech,
.recommendedProduct .techArea .clearfix h3 span.h3El,
.recommendedProduct .techArea .clearfix h3 span.h3Press,
.recommendedProduct .techArea .clearfix h3 span.h3Mold,
.recommendedProduct .techArea .clearfix h3 span.h3Fs,
.recommendedProduct .techArea .clearfix h3 span.h3Vona { float: left;}

.recommendedProduct .techArea h3 span.link {
	float: right;
	text-align: right;
}
.recommendedProduct .techArea h3 span.link a {
	padding-left: 10px;
	background: url(/common/img/sprite_technav.png) no-repeat 0 -548px;
}

.recommendedProduct .techArea .mech div.clearfix,
.recommendedProduct .techArea .el div.clearfix,
.recommendedProduct .techArea .press div.clearfix,
.recommendedProduct .techArea .mold div.clearfix,
.recommendedProduct .techArea .fs div.clearfix,
.recommendedProduct .techArea .vona div.clearfix {
	margin-bottom: 15px;
	/*padding: 0 10px;*/
}

.productWrapper .techArea .mech dl,
.productWrapper .techArea .el dl,
.productWrapper .techArea .press dl,
.productWrapper .techArea .mold dl,
.productWrapper .techArea .fs dl,
.productWrapper .techArea .vona dl {
	float: left;
	width: 295px;
}

.productWrapper .techArea .mech dl.rightDl,
.productWrapper .techArea .el dl.rightDl,
.productWrapper .techArea .press dl.rightDl,
.productWrapper .techArea .mold dl.rightDl,
.productWrapper .techArea .fs dl.rightDl,
.productWrapper .techArea .vona dl.rightDl {
	float: left;
	width: 295px;
	margin-right: 0!important;
}

/* .products */
.productWrapper .techArea .mech .ddPic,
.productWrapper .techArea .el .ddPic,
.productWrapper .techArea .press .ddPic,
.productWrapper .techArea .mold .ddPic,
.productWrapper .techArea .fs .ddPic,
.productWrapper .techArea .vona .ddPic {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}
.productWrapper .techArea .mech .ddPic a,
.productWrapper .techArea .el .ddPic a,
.productWrapper .techArea .press .ddPic a,
.productWrapper .techArea .mold .ddPic a,
.productWrapper .techArea .fs .ddPic a,
.productWrapper .techArea .vona .ddPic a {
	display: block;
	width: 60px;
	height: 60px;
}
.productWrapper .techArea .mech dt,
.productWrapper .techArea .el dt,
.productWrapper .techArea .press dt,
.productWrapper .techArea .mold dt,
.productWrapper .techArea .fs dt,
.productWrapper .techArea .vona dt,
.productWrapper .techArea .mech .ddTxt,
.productWrapper .techArea .el .ddTxt,
.productWrapper .techArea .press .ddTxt,
.productWrapper .techArea .mold .ddTxt,
.productWrapper .techArea .fs .ddTxt,
.productWrapper .techArea .vona .ddTxt {
	float: left;
	width: 222px;
}
.productWrapper .techArea .mech dt a,
.productWrapper .techArea .el dt a,
.productWrapper .techArea .press dt a,
.productWrapper .techArea .mold dt a,
.productWrapper .techArea .fs dt a,
.productWrapper .techArea .vona dt a { font-weight: bold;}


.productWrapper .techArea dl {
	padding-left: 27px;
	margin-right: 0;
	margin-bottom: 20px;
}
.productWrapper .techArea dl.first-child {
	padding-left: 10px;
}