@charset "utf-8";
body{width:100%; min-width:1000px;}
ul,li{ list-style:none; }
img{ border:0px none; }
a{ text-decoration:none; color:#333; }
body{ /* overflow-y:scroll;*/ background:#2d2c2c;}
#wrap{width:100%; overflow: hidden; }
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}


/*common*/
.container{width:100%; height:auto; }
.sect1{width:100%; height:384px;}
         .company .sect1{background:url('../images/cont_bg.png') no-repeat bottom center, url('../images/company_top.png') no-repeat 0 50%; }
 		 .product .sect1{background:url('../images/cont_bg.png') no-repeat bottom center, url('../images/product_top.png') no-repeat 0 50%; }
		 .product2 .sect1{background:url('../images/cont_bg.png') no-repeat bottom center, url('../images/product2_top.png') no-repeat 0 50%; }
		 .contact .sect1{background:url('../images/cont_bg.png') no-repeat bottom center, url('../images/contact_top.png') no-repeat 0 50%; }

.sect1 p{width:1000px; font-size:45px; padding-top:130px; color:#fff; margin:0 auto; text-align:center;  text-shadow:3px 3px 1px #000; font-weight:600;}
.sect2{width:900px; height:auto; margin:0 auto;  background:#f3f3f3; margin-bottom:30px; padding:50px 50px 100px 50px;}



/*product_FlatSteel*/
.content p{font-size:19px; color:#003379; background:url('../images/title_bg.png') no-repeat left top; margin-bottom:10px; font-weight:600; line-height:56px;}

.steel{border-top:1px solid #9c9c9c; margin-bottom:80px;}
.steel li{font-size:16px; float:left; width:400px; border-bottom:1px solid #9c9c9c; background:url('../images/disc.png') no-repeat 38px 18px; line-height:44px; padding-left:50px;}

.menufacturer{text-indent:-9999px;}
.menufacturer li{float:left; width:444px; height:121px; margin:0 12px 12px 0; }
.menufacturer li:nth-child(even){ margin-right:0;}
.menufacturer li a{display:block; width:444px; height:121px;}

.FlatSteel .menufacturer li:nth-child(1) a{background:url('../images/FlatSteel_menufacturer1.jpg') no-repeat 0 0;}
.FlatSteel .menufacturer li:nth-child(2) a{background:url('../images/FlatSteel_menufacturer2.jpg') no-repeat 0 0;}
.FlatSteel .menufacturer li:nth-child(3) a{background:url('../images/FlatSteel_menufacturer3.jpg') no-repeat 0 0;}
.FlatSteel .menufacturer li:nth-child(4) a{background:url('../images/FlatSteel_menufacturer4.jpg') no-repeat 0 0;}
.FlatSteel .menufacturer li:nth-child(5) a{background:url('../images/FlatSteel_menufacturer5.jpg') no-repeat 0 0;}

.FlatSteel .menufacturer li:nth-child(1) a:hover{background:url('../images/FlatSteel_menufacturer1_on.jpg') no-repeat 0 0;}
.FlatSteel .menufacturer li:nth-child(2) a:hover{background:url('../images/FlatSteel_menufacturer2_on.jpg') no-repeat 0 0;}
.FlatSteel .menufacturer li:nth-child(3) a:hover{background:url('../images/FlatSteel_menufacturer3_on.jpg') no-repeat 0 0;}
.FlatSteel .menufacturer li:nth-child(4) a:hover{background:url('../images/FlatSteel_menufacturer4_on.jpg') no-repeat 0 0;}
.FlatSteel .menufacturer li:nth-child(5) a:hover{background:url('../images/FlatSteel_menufacturer5_on.jpg') no-repeat 0 0;}

#FlatSteel_pic{margin-top:80px; }



/*product_LongSteel*/
.LongSteel .menufacturer li:nth-child(1) a{background:url('../images/LongSteel_menufacturer1.jpg') no-repeat 0 0;}
.LongSteel .menufacturer li:nth-child(2) a{background:url('../images/LongSteel_menufacturer2.jpg') no-repeat 0 0;}
.LongSteel .menufacturer li:nth-child(3) a{background:url('../images/LongSteel_menufacturer3.jpg') no-repeat 0 0;}
.LongSteel .menufacturer li:nth-child(4) a{background:url('../images/LongSteel_menufacturer4.jpg') no-repeat 0 0;}
.LongSteel .menufacturer li:nth-child(5) a{background:url('../images/LongSteel_menufacturer5.jpg') no-repeat 0 0;}
.LongSteel .menufacturer li:nth-child(6) a{background:url('../images/LongSteel_menufacturer6.jpg') no-repeat 0 0;}

.LongSteel .menufacturer li:nth-child(1) a:hover{background:url('../images/LongSteel_menufacturer1_on.jpg') no-repeat 0 0;}
.LongSteel .menufacturer li:nth-child(2) a:hover{background:url('../images/LongSteel_menufacturer2_on.jpg') no-repeat 0 0;}
.LongSteel .menufacturer li:nth-child(3) a:hover{background:url('../images/LongSteel_menufacturer3_on.jpg') no-repeat 0 0;}
.LongSteel .menufacturer li:nth-child(4) a:hover{background:url('../images/LongSteel_menufacturer4_on.jpg') no-repeat 0 0;}
.LongSteel .menufacturer li:nth-child(5) a:hover{background:url('../images/LongSteel_menufacturer5_on.jpg') no-repeat 0 0;}
.LongSteel .menufacturer li:nth-child(6) a:hover{background:url('../images/LongSteel_menufacturer6_on.jpg') no-repeat 0 0;}

#LongSteel_pic{margin-top:80px; }



/*company_overview*/
.greeting{font-size:16px; text-align:justify; line-height:1.8em; margin-bottom:80px;}
.greeting .color_red{font-size:19px; color:#a00000; font-weight:600;}

.company_overview{width:900px; height:212px; background:#fff; padding:15px 0; margin-bottom:80px;}
.company_overview tr{display:block; margin:0 25px; line-height:45px; border-bottom:1px solid #8f8f8f;}
.company_overview tr:first-child{margin-top:15px;}
.company_overview tr:last-child{border-bottom:none;}

.company_overview tr th{width:180px; border-right:1px solid #8f8f8f; text-indent:15px;}
.company_overview tr td{padding-left:45px; }

.overview .menufacturer{ margin-bottom:80px;}
.overview .menufacturer li:nth-child(1) a{background:url('../images/FlatSteel_menufacturer1.jpg') no-repeat 0 0;}
.overview .menufacturer li:nth-child(2) a{background:url('../images/FlatSteel_menufacturer2.jpg') no-repeat 0 0;}
.overview .menufacturer li:nth-child(3) a{background:url('../images/FlatSteel_menufacturer3.jpg') no-repeat 0 0;}
.overview .menufacturer li:nth-child(4) a{background:url('../images/FlatSteel_menufacturer5.jpg') no-repeat 0 0;}
.overview .menufacturer li:nth-child(5) a{background:url('../images/LongSteel_menufacturer1.jpg') no-repeat 0 0;}

.overview .menufacturer li:nth-child(1) a:hover{background:url('../images/FlatSteel_menufacturer1_on.jpg') no-repeat 0 0;}
.overview .menufacturer li:nth-child(2) a:hover{background:url('../images/FlatSteel_menufacturer2_on.jpg') no-repeat 0 0;}
.overview .menufacturer li:nth-child(3) a:hover{background:url('../images/FlatSteel_menufacturer3_on.jpg') no-repeat 0 0;}
.overview .menufacturer li:nth-child(4) a:hover{background:url('../images/FlatSteel_menufacturer5_on.jpg') no-repeat 0 0;}
.overview .menufacturer li:nth-child(5) a:hover{background:url('../images/LongSteel_menufacturer1_on.jpg') no-repeat 0 0;}

.history{width:900px; background:url('../images/history_bg.jpg') repeat-y center top;}
.history tr{display:block; width:900px;}

.history tr th{width:381px; height:43px; display:block;  line-height:42px;   color:#fff; font-weight:600;}
.history tr:nth-child(odd) th{float:left;  text-align:right;  padding-right:75px; background:url('../images/year_bg_green.png') no-repeat right top; }
.history tr:nth-child(even) th{float:right; text-align:left; padding-left:75px; background:url('../images/year_bg_gray.png') no-repeat left top; }

.history tr:nth-child(odd) td{width:400px; display:inline-block; text-align:right; padding:15px 30px; line-height:1.6em;  float:left;}
.history tr:nth-child(even) td{width:400px; display:inline-block; text-align:left; padding:15px 30px; line-height:1.6em;  float:right;}



/*contact*/

.ContactUs table{width:900px; background:#fff; padding:15px 0; margin-bottom:80px;}


.ContactUs table tr{width:850px;  display:block; margin:0 25px; line-height:45px; }
.ContactUs table tr:first-child{margin-top:15px;}
.ContactUs table tr:last-child{margin-bottom:15px; border-bottom:none;}

.ContactUs table tr th{width:100px;  border-right:1px solid #8f8f8f;}
.ContactUs table tr td{padding-left:20px; font-size:16px; letter-spacing:-0.02em;}
.ContactUs table tr td .red{color:#850000;}