@charset "utf-8";
/* CSS Document */
#Section H2{margin: 40px 0px 20px;
	width: 100%;
	text-align: center;
	color:#008085;
	line-height: 36px;
	font-size: 36px;
	font-family:"微软雅黑","黑体","宋体";
	font-weight: normal;
}
#Section H3{ width:50%;
font-size: 28px;
text-align: center;
font-weight: normal;
line-height: 36px;
margin: 10px auto;
font-family:"微软雅黑","宋体";
line-height:2;
letter-spacing:2;
}

#Section h4{ text-align:center; font-size:18px;font-family:'微软雅黑'; color:#008085; letter-spacing:1px; line-height:1.6; font-weight:normal}

#Section h5{ text-align:center; font-size:18px;font-family:'微软雅黑'; color:#333; letter-spacing:1px; line-height:2; margin-top:20px;}

.title {
	background: url("/solution/fasteners_web/images/titleIcon.png") no-repeat left top rgb(255, 255, 255); padding-left: 45px; display: inline-block;
}
.titleLeft {
	width: 10%; color:#009ca3;display: inline-block; background-image: url("/solution/fasteners_web/images/line.png");
}
.titleRight {
	width: 10%;color:#009ca3;display: inline-block; background-image: url("/solution/fasteners_web/images/line.png");
}
.titleLeft {
	margin-right: 10px;
}
.titleRight {
	margin-left: 10px;
}

/*--------------------------------------------*/

#Section1 {width: 100%;
overflow: hidden;
 padding-top:10px;
 padding-bottom:50px;
}
#Section1_content {width:1000px;overflow:hidden; height:500px;margin: 0 auto; }

#Section1_content .Boxout{width:300px; overflow:hidden; float:left; display:block; text-align:center; margin:30px 10px 0 10px;}
#Section1_content .Boxout .txt1{ 

font-size: 15px;
text-align:left;
line-height: 36px;
margin: 10px auto;
font-family:"微软雅黑","宋体";
line-height:1.8;
letter-spacing:2;
color:#333;
font-weight:normal;
padding:0 10px;
}

#Section1_content .Boxout .txt1 h3{ 
font-size: 18px; width:100%;
font-weight:bold;
text-align: center;
line-height: 36px;
margin: 10px auto;
font-family:"微软雅黑","宋体";
line-height:2;
letter-spacing:2;
color:#ff4e00}

/*--------------------------------------------*/

#Section2{width: 100%;
overflow: hidden;
 padding-top:10px;
 padding-bottom:50px;}
 


.solution{ width:1000px; height: auto; margin:50px auto 0 auto;font-family:'微软雅黑'; font-size:16px;}

/*我們瞭解您的需求與困擾*/
#wrapper2 { width:960px; height:auto; margin:0 auto; overflow:hidden; margin-top:20px;}
.TABMD{ width:960px; height:100%; margin:0 auto; font-size:13px; }
.TABMD ul{ list-style:none; margin:0; padding-left:30px; }
.TABMD li{display:block; width:130px; height:60px; background-image:url(/solution/fasteners_web/images/solution_bg2.png)  ;float:left; margin-right:2px; position:relative;}
.TABMD li a{ display:block; width:130px; text-align:center; line-height:50px;color:#e5f9fa; text-decoration:none; font-family:'微软雅黑', Arial, Helvetica, sans-serif; font-size: 16px; letter-spacing:1px; }
.TABMD li a:hover{ color:#ffffff;}
a.NOWTAB:link{ color:#ffffff; background-image:url(/solution/fasteners_web/images/solution_bg.png); height:60px; position:absolute; }
a.NOWTAB:hover{ color:#ffffff; background-image:url(/solution/fasteners_web/images/solution_bg.png); height:60px; position:absolute;}
.NOWTAB{ color:#ffffff; background-image:url(/solution/fasteners_web/images/solution_bg.png); height:60px; position:absolute; }


#BOX2 , #BOX3, #BOX4, #BOX5, #BOX6, #BOX7{ display:none;}
.BOXS{ clear:both; width:900px;/* [disabled]height:600px; */ overflow:auto; padding:25px; position:relative; background-repeat:no-repeat; background-color:#FFF; border-radius:5px; }
.BOXS_p{
	padding:0 10px 20px 10px;
	float:left;
	display:block;
	width:100%;
	height:auto;
	font-size:14px;
	font-family:'微软雅黑', Arial, Helvetica, sans-serif;
	line-height:1.6;
	letter-spacing:1px;
	clear:both;

	} 
.BOXS_img{

	float:left;
	display:block;
	text-align:center;
	width:100%;
	height: auto;

}

.BOXS_p a{ font-weight:bold;color:#4ab6de; font-size:16px; text-decoration:none;} 
.BOXS_p a:hover{color:#693; text-decoration:underline;} 

/* ============================= */

/*--------------------------------------------*/

#Section3{overflow: auto;
height: auto;
width:100%;
padding-top:50px;
padding-bottom:65px;}
#Section3 img{ display:block;margin:0 auto;}

#Section4{width:100%; overflow:auto;padding-top:50px;
padding-bottom:50px;}
#Extend{ width:1000px; margin:0 auto;}
#Extend_title1 span,#Extend_title2 span,#Extend_title3 span{height:50px;
text-align:center;
display:block;
line-height:1.5;
font-family:"微软雅黑","宋体";
font-weight:lighter;
font-size:21px;
letter-spacing:2px;
color:#F60;
font-weight:bolder;}

#Extend_title1{width:40%; float:left;	}
#Extend_title2{width:60%; float:left;
}
#Extend1{ clear:both;width:40%;float:left;

}
#Extend1 img{align:center; display:block;text-align:center;font-size:18px; font-weight:bold;}
#Extend2{width:60%; float:left;

}

.des2   { font-size:15px;
	
	padding: 10px;
	width: 500px;
	margin:0 auto;
}

 .des2 dl {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ddd;
	float: left;
	margin-bottom: 4px;
}
 .des2 dl dd {
	width: 80%;
	margin-left: 4px;
	float: left;
}
 .des2 dl dt {
	float: right;
	display: block;
	width: 85px;
}
 .des2 dl dd a {
	background-image: url(/solution/fasteners_web/images/dot6.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	width: 96%;
	padding-left: 10px;
	float: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height:1.5;
}
 .des2 dl dd a:hover {
	color: #de0010;
}

#Section5{overflow: auto;
height:200px; 
width:100%;
padding-top:60px;
padding-bottom:60px;
background-color:#555555}
#Section5_content {width:1000px; height:200px; overflow:hidden;  margin: 0 auto;}
#title1 {height:50px;
line-height:2em;
font-family:"微软雅黑","宋体";
font-weight:lighter;
font-size:18px;
letter-spacing:2px;
color:#FFF;
float:left}
#title1 a{ font:18px;color:#FFF;}  
a:hover{ font:18px;color:#FFF; }

#title1 span{height:50px;

font-family:"微软雅黑","宋体";
font-weight:lighter;
font-size:32px;
letter-spacing:2px;
color:#FFF;
font-weight:bolder;}

#icon { margin-top:50px}
#icon li { width:110px; float:right; margin-left:35px; color:#fff; text-align: center; line-height:2.3em;font-size:16px;}
#icon li a { color:#fff; display: block;}
#icon li a:hover, #block6 #contactInfo #contact3 a:hover {color:#feb401; }
#icon .end { margin-right:0px; }

/*-TOPBANNER ICON--*/
#banner #bannerCon {width: 1200px; height: 500px; margin: 0 auto; position: relative; overflow:hidden}

#banner #bannerCon>div {width: 1000px; position: absolute; top: 0; left: 1920px;}
#banner #bannerCon>div.now {left:0;}
#banner h2{width: 1000px; height: 500px; margin: 0 auto; padding:0;}

#banner #bannerButton {	position: absolute;	top:365px; left: 0px; z-index: 1;}
#banner #bannerButton li { text-indent: -9999px; float: left;}
#banner #bannerButton li a {width: 174px; height: 49px; display: block;}
#banner #bannerButton li.contact {background: url(/solution/fasteners_web/images/contact.png) no-repeat left top;}
#banner #bannerButton li.download {background: url(/solution/fasteners_web/images/download.png) no-repeat left top;
    margin-left: 25px;}
#banner #bannerButton li.contact:hover,
#banner #bannerButton li.download:hover {background-position: right top;}