@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;}
#container{
	width:100%;
	height:auto;}
.warp {
	width: 100%;
	max-width: 1024px;
	margin:0 auto;}
.header{
	width:100%;
	height:75px;
	background:url("bg_head.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/bg_head.png*/}
#logo{
	width:70%;
	float:left;
	margin:2px 0 0 10px;}
#logo a{
	color:#000;}
#logo a:hover{
	text-decoration:none;}
.logotitle{
	line-height:70px;
	font-size:26px;
	font-weight:400;}
.logofl{
	float:left;
	margin:15px 10px 0 0;}	
.toplink{
	width:100%;
	height:32px;
	background:#d8d7d5;}
.head_social{
	width:270px;
	height:32px;
	float:right;}
.head_social a{
	color:#d63737;
	text-decoration:underline;}
.head_social li{
	float:left;
	width:20px;
	height:20px;
	line-height:20px;
	padding:4px 8px 0 0;}
.nav {
	width:100%;
	height:42px;
	background:#014582;
}
.nav a { 
	display:block; 
	float:left;
	padding:0 1.5em;
	font-size:16px;
	line-height:42px;
}
.nav a:link,
.nav a:visited { color: #fff; /* dark brown */ }
.nav a:hover { color:#AED9FC; /* red */ }
.nav a:active { color: #635d4e; /* dark brown */ }
.search{
	width:22%;
	margin-right:1%;
	height:24px;
	float:right;
	margin-top:22PX;
	display:inline;
}
.search .search_form {
    width: 100%;
    height: 24px;
	border:1px solid #e4e3e3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#FFF;
}
.search .search_form .search_input { 
	width: 85%;
    float: left;
	height:22px;
	color:#999999;
	border: medium none;
	line-height:24px;
	text-indent:4px;
}
.search .search_form .search_btn {
	width: 14%;
	height: 22px;
	float: right;
	cursor: pointer;
	border: medium none;
	background:url("btn_search.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/btn_search.png*/ center center no-repeat;
}
.hotProduct{
	margin-top:1.5em;}
.hotProduct h2{ 
	height:2.5em;
	color:#333;
	font-size:1.5em; 
	line-height:2.5em;
	padding:0 1em;
	margin-bottom:1.15em;
	font-family:Arial, Helvetica, sans-serif; 
	border-bottom:1px solid #eeeeee;
	}
.pro_more{
	float:right;
	font-size:12px;
	padding-right:1em;}
.pro_more a{
	color:#999;}
.pro_more a:hover{
	color:#000;}
.listyle01{
	width:19%;
	float:left;
	margin:0 0.5% 1.4em 0.5%;
	border-bottom:1px solid  #d60202;
}
.listyle01 img{
	width:100%;
}
.listyle01 a{
	color:#303131;
}
.listyle01 span{
	width:92%;
	height:50px;
	display:block;
	text-align:center;
	overflow: hidden;
	line-height:25px;
	padding:0 4%;
	background: #f0f0f0;
}
.listyle01 a:hover{
	color:#014582;}
.box{
	width:31%;
	height:340px;
	float:left;
	margin:1.2% 1%;
	position: relative;
	border:1px solid #e0e0e0;
	border-bottom:1px solid #c7c7c7;
	background:#FFFFFF;}
.box h1{
	line-height:30px;
	font-size:18px;
	font-weight:normal;
	padding-bottom:8px;}
.company{
	padding:10px 10px 15px;
	line-height:20px;
}
.company img{
	width:100%;
	padding-bottom:6px;}
.boxbtn{
	width:97px;
	height:26px;
	margin-top:1em;
	display:block;
	position: absolute;
	bottom:16px;
	background:url("more.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/more.jpg*/ 0 center no-repeat;}
.boxbtn a{
	color:#f03;
	display:block;
	text-indent:12px;
	line-height:26px;
	text-align:center;}
.listyle02{
	height:45px;
	padding-left:15px;
	margin:15px 0;
	line-height:18px;
	border-bottom:1px dashed #dadada;
	background:url("li01.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/li01.jpg*/ 0 6px no-repeat;}
.listyle02 a{
	color:#333;}
.listyle02 a:hover{color:#014582;}	
.new_more{
	text-align:right;
	line-height:15px;
}
.contact{
	width:100%;}
.contact h2{
	color:#FFF;
	height:4em;
	line-height:4em;
	font-size:1.5em;
	text-indent:95px;
	font-weight:normal;
	background:#005baf url("pen.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/pen.jpg*/ 10% center no-repeat;}
.listyle03{
	width:auto;
	/*float:left;*/
	font-size:1.2em;
	padding:1.5em 0 1.5em 4em;
	margin:0 15px;
	border-bottom:1px solid #F1F1F1;}
.telphone{background:url("phone2.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/phone2.png*/ 1em center no-repeat;}
.mail{background:url("mail.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/mail.png*/ 1em center no-repeat;}
.mapp{background:url("map.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/map.png*/ 1em center no-repeat;}
.copyright{
	height:40px;
	line-height:40px;
	width:100%;
	color:#fff;
	margin-top:15px;
	padding-bottom:0;
	background:#014582;}
.copyCont{
	width:1000px; 
	margin:0 auto; 
	font-size:12px; 
	font-family:Helvetica, sans-serif;}
.copyright{float:right;}
.copyright a{ padding:0 8px; color:#fff;}
.copyright a:hover{ text-decoration:underline;}
.subbanner{
	width:100%;
	height:auto;
	border-bottom:1px solid #c3c3c3;
	margin-bottom:1.2em;}
#leftsidebar{
	width:25%;
	height:auto;
	float:left;
	display:inline;
}
.contactus{
	width:auto;
	height:180px;
	padding:10px;
	line-height:22px;
	border:1px solid #eeeeee;
	border-top:0;
	margin-bottom:20px;
	background:url("bg_contact.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/bg_contact.jpg*/ 0 0 no-repeat;}
.con_left{
	width:40%;
	float:left;}
.con_right{
	width:50%;
	float:right;}
.cts_mail{
	color:#f03;
	font-weight:bold;
	font-size:14px;
	line-height:30px;
	padding-left:22px;
	background:url("ct01.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/ct01.png*/ 5px 10px no-repeat;}
.cts_mail a{
	color:#f03;
	text-decoration:underline;}
.cts_phone{
	padding-left:10%;
	background:url("ct02.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/ct02.png*/5px 5px no-repeat;}
.cts_fax{
	padding-left:10%;
	background:url("ct03.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/ct03.png*/5px 5px no-repeat;}
.tuijian{
	line-height:30px;
	padding:10px;
	background:#fff;
	border:1px solid #eee;
	border-top:none;}
.tuijian table{
	width:100%;
	border-left:1px solid #eeeeee;
	border-top:1px solid #eeeeee;}
.tuijian td{
	width:49%;
	overflow:hidden;
	height:32px;
	overflow:hidden;
	text-align:center;
	line-height:32px;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;}
.tuijian td a{
	color:#333;}
.tuijian a:hover{
	color:#014582;
	text-decoration:underline;}
#leftsidebar h1{
	width:auto;
	height:38px;
	color:#f3f2f2;
	line-height:38px;
	text-indent:15px;
	font-size:16px;
	font-weight:normal;
	background:#014582;
}
.pro_list{
	width:auto;
	height:auto;
	margin-bottom:20px;
	border:1px solid #eee;
	border-top:none;}
.pro_list li{
	padding-left:18px;
	line-height:34px;
	margin-top:1px;
	overflow:hidden;
	height:34px;
	border-bottom:1px solid #EBEBEB;
	background:url("li03.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/li03.png*/ 0 center no-repeat;}
.pro_list a{
	color:#333;}
.pro_list a:hover{
	color:#014582;}

#rightsidebar{
	width:72%;
	height:auto;
	float:right;}
.breadcrumbnav{
	width:100%;
	color:#999;
	height:36px;
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	line-height:36px;
	text-indent:2.3em;
	border-bottom:1px solid #eeeeee;
	background:url("bg_home.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/bg_home.png*/ 8px 10px no-repeat;
	margin-bottom:1em;}
.breadcrumbnav a{
	color:#999;
	padding:0 2px;}
.breadcrumbnav a:hover{
	color:#f30;}
.listyle04{
	width:31%;
	float:left;
	margin:0 1% 1.5em 1%;
	font-size:0.875em;
}
.listyle04 img{
	width:100%;
}
.listyle04 a{
	color:#303131;
}
.listyle04 span{
	width:100%;
	height:40px;
	text-indent:10px;
	display:block;
	overflow: hidden;
	line-height:40px;
	background: #f3f3f3 url("bg_listyle.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/bg_listyle.png*/ right 0 no-repeat;
}
.listyle04 a:hover{
	color:#f30;}	
.pages{padding:12px 0;text-align:center; height:30px; clear:both;}
.pages a,.pages strong,.pages em{padding:3px 3px;margin:0 1px;display:-moz-inline-box;display:inline-block;}
.pages a{border:1px solid #d9e6ee; color:#0177a7; background-color:#fff;}
.pages strong{background-color:#039; color:#fff; font-weight:bold;border:1px solid #d9e6ee;}
.pages a.sec{background-color:#039; color:#fff;border:1px solid #000;}
.pages a,.pages strong{padding:3px 8px;margin:0 2px;}
.pages a{color:#000;}	
.listyle05{
	width:96%;
	overflow:hidden;
	padding:0.7em 1em 0.7em;}
.twhp{
	width:auto;
	overflow:hidden;
	padding-bottom:1.4em;
	border-bottom: 1px dashed #cccccc;}
.twhp a{
	color:#4e82bc;}
.twhp a:hover{
	color:#f30;}
.twhp .pic {
	width: 26%;
	float: left;
	display: block;}
.twhp .pic img{
	width:100%;
	padding:2px;
	border:1px solid #d9d9d9;}
.twhp .text {
	width:72%;
	float:right;
    overflow: hidden;}
.twhp .text h3 {
    height: 2.2em;
	color:#4e82bc;
	font-size:1.2em;
	overflow: hidden;
    line-height: 2.2em;}
.twhp .text p {
    line-height:22px;}
.pcolor{
	color:#585858;}
.twhpli{
	padding-left:30px;
	background:url("li02.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/li02.jpg*/ 0 center no-repeat;}
.twhp p a {
    color:#666;}
.twhp p a:hover {
	text-decoration:underline;}
.title{
	font-size:18px;
	text-align:center;
	line-height:36px;}
.pro_con{
	padding:1em;
	line-height:24px;
	color:#666;}
.pro_con p a{
	color:#0771D1;
	text-decoration:underline;}
.pro_con h1{
	color:#333;
	font-size:18px;
	line-height:36px;
	text-align:center;}
.pro_con h2{
	color:#4e82bc;
	line-height:36px;
	font-size:14px;}
.pro_con h4{
	color:#999;
	font-size:12px;
	line-height:20px;
	text-align:center;
	font-weight:normal;
	margin-bottom:10px;
	border-bottom:1px dashed #d9d9d9;}
.pro_table table{
	width:100%;
	border:1px solid #243d53;}
.pro_table_left{
	width:20%;
	color:#000;
	text-align:center;
	vertical-align:middle;
	background:#b5cbe3;
    border:1px solid #18436d;
    }
.pro_table_right{
	width:79%;}
.pro_table th{
	color:#fff;
	font-size:14px;
	line-height:36px;
	background:#4f81bc;}
.bd_r{
	border-right:1px solid #18436d;}
.bd_t{
	border-top:1px solid #18436d;}
.bd_b{
	border-bottom:1px solid #18436d;}
    
.pro_table ul{
	border-bottom:1px solid #18436d;
}    	
.pro_table li{
	width:25%;
	float:left;
	text-align:center;
	line-height:30px;
	
	background:url("bg_td.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/bg_td.png*/ left top no-repeat;}
.pro_detail{
	width:100%;
	margin-bottom:2.5em;
	border-bottom:1px solid #eeeeee;}
.pro_table a{
    display: block;
    
	color:#192322;
    border:1px solid #18436d;
    
    }
.pro_table a:hover{
	color:#014582;
	text-decoration:underline;}
.pro_pic{
	width:45%;
	padding:5px;
	float:left;
	margin-bottom:1.2em;
	border:1px solid #e4e4e4;}
.pro_pic img{
	width:100%;}
.pro_hd{
	color:#242424;
	font-size:1.5em;
	font-weight:bold;
	line-height:2em;}		
.pro_right{
	width:50%;
	float:right;
	padding-left:1%;}	
.pro_right{
	color:#535252;}
.pro_blue{
	font-size:15px;
	color:#4e82bc;}
	
.pro_right table{
	width:96%;
	color:#333;
	line-height:36px;
	font-size:12px;
	margin-top:0.8em;
	border-top:1px dashed #e0e0e0;}
.pro_td{
	padding:0.8em;}
.email02{
	padding:10px 0;
	padding-left:30px; 
	background:url("pro_email.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/pro_email.jpg*/ left center no-repeat;}
.email03{
	padding:10px 0;
	padding-left:30px; 
	background:url("pro_down.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/pro_down.jpg*/ left center no-repeat;}
.email02 a,.email03 a{
	color:#f03;
	text-decoration:underline;}
.email02 a:hover,.email03 a:hover{
	color:#014582;}
.livechat{
	width:136px;
	height:33px;}
.maodian{
	width:100%; 
	height:2.2em; 
	font-size:1.2em;
	background:#f6f6f6; 
	line-height:2.2em; 
	border-bottom:1px solid #cfcdcd;}
.maodian li{
	float:left; }
.maodian li a{
	display:block; 
	padding:0 0.7em; 
	color:#303131;}
.maodian li a.choose{ color:#fff; background:#d90101;}
.maodian li a:hover{
	background:#d90101; 
	color:#fff;}
.md_con{
	width:auto;
	margin:20px auto;
	border:1px solid #d6dbe1;
	border-top:none;}
.md_con p{
	line-height:1.375em; 
	font-size:12px;
	color:#666;}
.md_hd{ 
	height:2.2em; 
	color:#000;
	line-height:2.2em; 
	text-indent:24px; 
	font-size:14px;
	border-top:2px solid #3a3a3a;
	border-bottom:1px dashed #CFCDCD; 
	background: url("li04.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/li04.png*/ 10px center no-repeat;}
.md_inquiry{
	border-top:1px solid #d6dbe1;}
.md_bd{
	width:auto;
	padding:15px;}
.md_bd img{
	padding:2px;
	border:1px solid #dddddd;}
.md_con form {
	color: #7d7c7c;
	margin:0 auto;
	width: 100%;
	padding-top:1.5em;}
.md_con form label {
	display: block;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 0;}
.md_con form label span {
	width:28%;
	height:31px;
	float: left;
	display:block;
	font-size:12px;
	text-align:right;	
	padding:5px 14px 0 0;}
.md_con form label input {
	width:68%;
	height:30px;
	float:left;
	text-indent:5px;
	display:block;
	border: 1px solid #d6d6d6;
	line-height:30px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.md_con form label textarea {
	width: 65%;
	height: 150px;
	float: left;
	display: block;
	overflow: auto;
	padding: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	border: 1px solid #d6d6d6;}
.md_con form #submit2 {
	width: 140px;
	height: 37px;
	display: block;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	cursor:pointer;
	background:#e02121;
	margin: 0 0 0 160px;
	border:1px solid transparent;
    border-radius: 5px 5px 5px 5px;}
.md_con form #submit2:hover {
	border: 0;
	background:#d30505;
	display: block;
	color:#fff;}
.info{
	width:100%;
	padding-top:10px;
	padding-bottom:15px;
	border-bottom:1px dashed #d9d9d9;}
.info_left{
	width:49%;
	float:left;}
.info_blue{
	font-size:14px;
	color:#4e82bc;
	line-height:22px;
	padding-bottom:15px;}
.info_mail{
	color:#f03;
	font-size:20px;
	padding-left:30px;
	background:url("big_mail.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/big_mail.jpg*/ 2px center no-repeat;}
.info_mail a{
	color:#f03;}
.info_mail a:hover{
	text-decoration:underline;}
.info_title{
	color:#333;
	padding-left:26px;
	line-height:30px;
	background:url("team.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/team.jpg*/ 2px center no-repeat;}
.info p{
	/*padding-left:15px;*/
	padding-bottom:10px;}
.info_right{
	width:49%;
	float:right;}
.listyle07{
	width:94%;
	float:left;
	padding:18px 10px 18px 4%;
	border-bottom:1px dashed #d9d9d9;
	background:url("li03.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/li03.jpg*/ 0 center no-repeat;}
.listyle07 a,.listyle08 a{
	color:#333;}
.listyle07 a:hover,.listyle08 a:hover{
	color:#014582;}
.ffl{float:left;}
.ffr{float:right;}
.listyle08{
	line-height:36px;
	padding-left:30px;
	background:url("li04.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/li04.jpg*/ 15px center no-repeat;}
.listyle06{
	width:23%;
	float:left;
	display:inline;
	margin:0 1%;}
.listyle06 img{
	width:100%;}
.listyle06 p{
	font-size:12px;
	line-height:20px;
	text-align:center;}
.listyle06 a{
	color:#303131;}
.listyle06 a:hover{
	color:#014582;}
.foot_fixed{
	display:none;}
.position{
	position:relative;
	height:1390px;}
.listyle09{
	float:left; 
	width:145px; 
	display:inline; 
	overflow:hidden;}
.listyle09 img{
	width:145px;}
.listyle09 a{
	color:#014582;}
.listyle09 span{
	display:block;
	width:145px;
	padding:6px 0;
	line-height:16px;
	text-align:center;
	background:#f0f0f0;
	border-bottom:1px solid #c3c3c3;}
.pty{
	position:absolute;
	top:180px;}
.arrow_left01,.arrow_left02,.arrow_left04,.arrow_left05{
	position:absolute;
	left:148px;
	top:180px;
	padding-left:40px;
	background:url("middle_right.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/middle_right.jpg*/ 1px center no-repeat;}
.arrow_left02{
	left: 336px;}
.arrow_left03,.arrow_left003{
	position:absolute;
	left:523px;
	top:530px;
	padding-left:40px;
	background:url("little_right.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/little_right.jpg*/ 1px center no-repeat;}
.arrow_left003{
	left:523px;
	top:180px;}
.arrow_left04{
	left:336px;
	top:880px;}
.arrow_left05{
	left:523px;
	top:880px;}
.arrow_top01,.arrow_top02{
	position:absolute;
	left:188px;
	padding-bottom:37px;
	background:url("little_top.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/little_top.jpg*/ center bottom no-repeat;}
.arrow_top02{
	left:376px;}

.arrow_down01,.arrow_down05{
	position:absolute;
	left:188px;
	top:324px;
	padding-top:37px;
	background:url("little_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/little_bottom.jpg*/ center top no-repeat;}
.arrow_down02,.arrow_down04,.arrow_down06{
	position:absolute;
	left:376px;
	top:324px;
	padding-top:207px;
	background:url("long_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/long_bottom.jpg*/ center top no-repeat;}
.arrow_down03{
	position:absolute;
	left:375px;
	top:685px;
	padding-top:37px;
	background:url("little_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/little_bottom.jpg*/ center top no-repeat;}
.arrow_down04{
	top:675px;
	left:190px;}
.arrow_down05{
	top:1025px;
	left:190px;}
.arrow_down06{
	top:1025px;
	left:563px;}
.arrow_right01,.arrow_right03,.arrow_right04{
	position:absolute;
	left:190px;
	top:530px;
	padding-right:40px;
	background:url("middle_left.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/middle_left.jpg*/ right center no-repeat;}
.arrow_right02{
	position:absolute;
	left:6px;
	top:882px;
	padding-right:38px;
	background:url("little_left.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/little_left.jpg*/ right center no-repeat;}
.arrow_right03{
	left:376px;
	top:1232px;}
.arrow_right04{
	left:187px;
	top:1232px;}
.productlist{
	display:none;}

/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

@media only screen and (min-width: 481px) {
#logo {
	width:98%;
	margin-left:2%;}
.logotitle{
	font-size:14px;}
.nav a { 
	padding:0 1em;
	font-size:15px;
}
.search{
	display:none;
	width:25%;
	height:24px;
	float:right;}
.listyle01{
	width:40%;
	float:left;
	margin:0 5% 14px 5%;
	border-bottom:1px solid  #d60202;
}
.company img{
	width:auto;
	padding-bottom:6px;}
.pprocess{
	text-align:center;}
#leftsidebar{
	width:30%;
}
#rightsidebar{
	width:68%;}
.box{
	width:97%;
	height:340px;
	float:left;
	margin:1.2% 1%;
	position: relative;
	border:1px solid #e0e0e0;
	border-bottom:1px solid #c7c7c7;
	background:#FFFFFF;}	
	
.listyle04{
	width:48%;
	margin:0 1% 1.5em 1%;
}
.maodian li a{
	padding:0 0.6em; 
}
.contactus{
	width:auto;
	height:auto;
	padding:10px 2px;
	line-height:22px;}

.tuijian{
	padding:10px 2px;}
}
/* 桌面电脑布局: 769px 至最高 1440px。样式继承自: 移动设备布局和平板电脑布局。 */

@media only screen and (min-width: 769px) {
.nav a { 
	padding:0 1em;
	font-size:14px;
}
#logo{
	width:70%;
	float:left;
	margin:2px 0 0 10px;}
.logotitle{
	line-height:70px;
	font-size:18px;
	font-weight:400;}
.search{
	display:block;
	width:25%;
	height:24px;
	float:right;}
.warp{
	width:100%;
	margin:0 auto;}	
.listyle01{
	width:19%;
	float:left;
	margin:0 0.5% 1.4em 0.5%;
	border-bottom:1px solid  #d60202;
}
.box{
	width:31%;
	height:340px;
	float:left;
	margin:1.2% 1%;
	position: relative;
	border:1px solid #e0e0e0;
	border-bottom:1px solid #c7c7c7;
	background:#FFFFFF;}
#leftsidebar{
	width:25%;
}
#rightsidebar{
	width:72%;}
.listyle04{
	width:31%;
	float:left;
	margin:0 1% 1.5em 1%;
	font-size:0.875em;
}
.pro_pic img{
	width:100%;}
.pro_hd{
	color:#242424;
	font-size:1.5em;
	font-weight:bold;
	line-height:38px;}		
.pro_right{
	width:50%;
	float:right;
	padding-left:1%;}	
.pro_right p{
	line-height:20px;}
.md_con form {
	width: 70%;}
.maodian li a{
	display:block; 
	padding:0 1.2em; 
	color:#303131;}
}
@media only screen and (min-width: 980px) {
.nav li { 
   /* width:12.5%;*/
   padding:0 0.6cm;
    height: 42px;
    overflow: hidden;
    float: left;
    text-align: center;
}
.nav a { 
    width: 100%;
	padding:0;
    display: block;
    text-align: center;
	font-size:16px;
}
}

.map{
	line-height:26px;}
.mapfirst{
	padding-left:20px;
	font-size:14px;
	border-bottom:1px dashed #ccc;
	background:url("map.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/map.jpg*/ 0 center no-repeat;}
.mapsecond{
	padding-left:40px;
	background:url("map01.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/map01.jpg*/ 20px center no-repeat;}
.mapthree{
	padding-left:60px;
	background:url("map02.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/map02.jpg*/ 45px center no-repeat;}
.map a{color:#666;}
.map a:hover{
	text-decoration:underline;}

@media screen and (max-width: 768px){
.warp{
	width:100%;
	margin:0;}
.logotitle{
	height:70px;
	overflow:hidden;
	line-height:70px;
	font-size:16px;
	font-weight:400;}
.breadcrumbnav{
	font-size:14px;
	overflow:hidden;}
.nav {
	width:100%;
	height:74px;
	background:#014582;
	border-top:none;
	border-bottom:none;}
.nav li{
	width:25%;
	float:left;
	background:#014582 url("bg_nav.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/bg_nav.png*/ right top no-repeat;}
.nav a {
	width:100%;
	color: #635d4e; 
	display:block; 
	float:left; 
	font-size:1em;
	text-align:center;
	line-height:36px;
	height:36px;
	overflow:hidden;
	padding:0;
	border-top: 1px solid #0038bc;}	
.cts_mail{
	font-weight:normal;
}
.info_left{
	width:100%;
	float:none;}
.info_right{
	width:100%;
	float:none;}
.listyle01 span{
	background: #f3f3f3;
}
.listyle04 span{
	background: #f3f3f3;
}
.listyle06{
	width:46%;
	float:left;
	display:inline;
	margin:7px 2%;}
.listyle07{
	padding:18px 10px 18px 6%;
	background:url("li03.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/li03.jpg*/ 0 center no-repeat;}
.ffl{float:none;
	display:block;}
.ffr{float:none;
	display:block;}
.pro_table li{
	width:33%;
	font-size:11px;}
.clear{
	display:inherit;
	clear:both;}
.none{
	display:none;}
.position{
	position:relative;
	height:2020px;
	width:100%;}
.listyle09{
	float:left; 
	width:30%; 
	display:inline; 
	overflow:hidden;}
.listyle09 img{
	width:100%;}
.listyle09 a{
	color:#FF0000;}
.listyle09 span{
	display:block;
	width:100%;
	padding:6px 0;
	line-height:16px;
	text-align:center;
	background:#f0f0f0;
	border-bottom:1px solid #c3c3c3;}	
.pty{
	position:absolute;
	left:34%;
	top:0px;
	padding-bottom:40px;
	background:url("middle_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/middle_bottom.jpg*/ center bottom no-repeat;}
.arrow_left02{
	position:absolute;
	left:148px;
	top:165px;
	padding-left:40px;
	background:url("middle_right.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/middle_right.jpg*/ 1px center no-repeat;}
.arrow_left01{
	position:absolute;
	left:34%;
	top:185px;
	padding-left:0;
	z-index:60;
	padding-bottom:40px;
	background:url("middle_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/middle_bottom.jpg*/ center bottom no-repeat;}
.arrow_left02{
	position:absolute;
	left:34%;
	top:370px;
	padding-left:0;
	padding-bottom:40px;
	background:url("middle_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/middle_bottom.jpg*/ center bottom no-repeat;}
.arrow_left03{
	position:absolute;
	left:64%;
	top:555px;
	padding-left:20px;
	background:url("little_right01.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/little_right01.jpg*/ 1px center no-repeat;}
.arrow_left003{
	position:absolute;
	left:64%;
	top:370px;
	padding-left:20px;
	background:url("little_right01.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/little_right01.jpg*/ left center no-repeat;}
.arrow_left04{
	position:absolute;
	left:34%;
	top:1125px;
	padding-left:0;
	padding-bottom:40px;
	background:url("middle_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/middle_bottom.jpg*/ center bottom no-repeat;}
.arrow_left05{
	position:absolute;
	left:34%;
	top:1310px;
	padding-left:0;
	padding-bottom:40px;
	background:url("middle_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/middle_bottom.jpg*/ center bottom no-repeat;}
.arrow_top01{
	position:absolute;
	left:0px;
	top:185px;
	padding-bottom:0px;
	padding-right:20px;
	background:url("little_left01.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/little_left01.jpg*/ right center no-repeat;}
.arrow_top02{
	left:376px;}
.arrow_down05{
	position:absolute;
	left:188px;
	top:324px;
	padding-top:37px;
	background:url("little_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/little_bottom.jpg*/ center top no-repeat;}
.arrow_down01{
	position:absolute;
	left:64%;
	top:185px;
	padding-top:0;
	padding-left:20px;
	background:url("little_right01.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/little_right01.jpg*/ left center no-repeat;}
.arrow_down04{
	position:absolute;
	left:376px;
	top:324px;
	padding-top:207px;
	background:url("long_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/long_bottom.jpg*/ center top no-repeat;}
.arrow_down02{
	position:absolute;
	left:34%;
	top:555px;
	z-index:70;
	padding-top:0;
	padding-bottom:40px;
	background:url("middle_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/middle_bottom.jpg*/ center bottom no-repeat;}
.arrow_down03{
	position:absolute;
	left:0;
	top:555px;
	padding-top:0;
	padding-right:20px;
	background:url("little_left01.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/little_left01.jpg*/ right center no-repeat;}
.arrow_down04{
	position:absolute;
	left:34%;
	top:940px;
	z-index:80;
	padding-top:0;
	padding-bottom:40px;
	background:url("middle_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/middle_bottom.jpg*/ center bottom no-repeat;}
.arrow_down05{
	position:absolute;
	left:64%;
	top:940px;
	padding-top:0;
	padding-left:20px;
	background:url("little_right01.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/little_right01.jpg*/ left center no-repeat;}
.arrow_down06{
	position:absolute;
	left:34%;
	top:1500px;
	padding-top:0;
	padding-bottom:40px;
	background:url("middle_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/middle_bottom.jpg*/ center bottom no-repeat;}
.arrow_right01{
	position:absolute;
	left:34%;
	top:755px;
	padding-right:0;
	padding-bottom:40px;
	background:url("middle_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/middle_bottom.jpg*/ center bottom no-repeat;}
.arrow_right02{
	position:absolute;
	left:0;
	top:940px;
	padding-right:20px;
	background:url("little_left01.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/little_left01.jpg*/ right center no-repeat;}
.arrow_right03{
	position:absolute;
	left:34%;
	top:1685px;
	padding-right:0;
	padding-bottom:40px;
	background:url("middle_bottom.jpg")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/middle_bottom.jpg*/ center bottom no-repeat;}
.arrow_right04{
	position:absolute;
	left:34%;
	top:1870px;
	padding-right:0;
	padding-bottom:0;
	background:none;}	
	
}
/* 移动设备布局: 480px 及更低。 */
@media only screen and (max-width: 480px){
.container {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;}
.warp{
	width:100%;
	margin:0;}
.topemail{
	display:none;}
#logo {
	width:98%;
	margin-left:2%;}
.logotitle{
	font-size:10px;}
.search{
	display:none;
	width:25%;
	height:24px;
	float:right;}
.listyle01{
	width:90%;
	float:left;
	margin:0 5% 15px 5%;
	font-size:14px;}
.listyle01 span{
	height:45px;
	line-height:45px;
	background: #f3f3f3;}
.pprocess{
	text-align:center;}
.pprocess img{
	width:82%;
}    
.breadcrumbnav{
	max-width:480px;
	color:#999;
	height:36px;
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	line-height:36px;
	text-indent:32px;
	border-bottom:1px solid #eeeeee;
	background:url("bg_home.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/bg_home.png*/ 0.9em 10px no-repeat;
	margin-bottom:1em;}
.subbanner{
	display:none;}
.box{
	width:98%;}
.fl,.fr{
	float:none;}
#leftsidebar{
	display:none;}
#rightsidebar{
	width:98%;
	float:none;
	margin:0 auto;}
.listyle04{
	width:48%;
	margin:0 1% 1.5em 1%;}
.twhp .pic {
	width: 30%;
	float: left;
	display: block;}
.twhp .text {
	width:68%;
	float:right;
    overflow: hidden;}
.fb_fl{
	width:70%;
	font-weight:bold;
	float:left;}
.twhp .text {
	height:8.5em;
    overflow: hidden;}
.pro_pic{
	width:96%;
	padding:0.5%;
	float:left;
	margin:0 auto 1.2em auto;
	border:1px solid #e4e4e4;}
.pro_pic img{
	width:100%;
	margin:0 auto;}	
.pro_right{
	width:98%;
	margin:0 1%;
}
.pro_td{
	padding:0.8em 0 0.8em 0.8em;}	
.none{
	display:none;}
.md_con form label span {
	width:100%;
	text-align:left;	
	padding:5px 0 0 0;}
.md_con form label input {
	width:96%;}	
.md_con form label textarea {
	width: 96%;}
.md_con form #submit2 {
	margin:0;}
.bottom{
	width:100%;
	max-height:768px;}
.bottom dl {
	width:98%;
	padding:0 1%;
    float: left;
	height:auto;
	margin:0;}
.clear{
	display:none;}
.copyright{
	margin-bottom:50px;}
.foot_fixed{
	width:100%;
	height:50px;
	display:inline-block;
	position:fixed;
	z-index:10000;
	background:#0132A3;
	bottom:0;}
.foot_fixed li{
	width:25%;
	height:50px;
	float:left;
	text-align:center;}
.foot_fixed a{
	width:100%;
	height:50px;
	line-height:50px;
	display:block;}
.productlist{
	display:block;}
#toggle {
  	color: white;
  	width:98%;
  	height:40px;
  	line-height:40px;
  	padding:0 1%;
    display:block;
  	cursor: pointer;
  	background:#006FD5 url("menu.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/menu.png*/ 96% center no-repeat;
  	border:none;
	text-indent:10px;
	font-size:16px;
  	margin:0 auto;}
#toggle a{
	color:white;}
#toggle.active {
	background:#025BAC url("menu.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/menu.png*/ 96% center no-repeat}
.nav-collapse ul {
  	margin: 0;
  	padding: 0;
  	width: 100%;
  	display: block;
  	list-style: none;}
.nav-collapse li {
  	width: 100%;
  	text-indent:12px;
  	line-height:36px;
  	display: block;
  	background:#0382D6;
	border-bottom:1px solid #17A7D5;}
.nav-collapse li a{
	color:#FFF;}
.nav-collapse li a:hover{
	text-decoration:underline;}
.js .nav-collapse {
  	clip: rect(0 0 0 0);
  	max-height: 0;
  	position: absolute;
  	display: block;
  	overflow: hidden;
  	zoom: 1;}

.nav-collapse.opened {
  	max-height: 9999px;}

.disable-pointer-events {
  	pointer-events: none !important;}

.nav-toggle {
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
  	-webkit-touch-callout: none;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	-o-user-select: none;
  	user-select: none;}
.js .nav-collapse {
    position: relative;}
.js .nav-collapse.closed {
    max-height: none;}
.nav-toggle {
    display: none;}
.copyright{
	height:auto;
	line-height:24px;
	width:100%;
	color:#fff;
	margin-top:15px;
	padding-bottom:10px;
	padding-top:10px;
	background:#014582;}	
	
.addshow{
	display:block;
	}	
.copyright a{ padding:0 6px; color:#fff;white-space:nowrap;}
.copyright a:hover{ text-decoration:underline;}

}


/* 移动设备布局: 320px 及更低。 */
@media only screen and (max-width: 320px){
#logo {
	width:100%;
	margin:0;}
#logo img{
	width:18%;
	margin:22px 0 0 0;}

}
#slides {
	display:none;
	position:relative;
}
.slidesjs-container{}
.slidesjs-navigation{ 
	display:none; 
	position:absolute; 
	right:10px; 
	bottom:10px; 
	z-index:1000;
}
.slidesjs-navigation a{
	font:bold 20px/normal simsun;
	text-decoration:none;
	color:#333;
}
.slidesjs-previous{}
.slidesjs-next{}
.slidesjs-navigation a:hover{color:#C00}
.slidesjs-pagination{ 
	position:absolute; 
	right:30px; 
	bottom:15px; 
	z-index:100;
}
.slidesjs-pagination li{
	float:left;
	padding:0 3px;
}
.slidesjs-pagination li a{
	display:block;
	width: 13px;
	height:0;
	padding-top:13px;
	background:url("pagination.png")/*tpa=http://www.steel-plate-sheets.com/templates/hnjiuhua/images/pagination.png*/ 0 0;
	overflow:hidden;
}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background-position: 0 -13px}
.slidesjs-pagination li a:hover {
	background-position: 0 -26px}