/*#region 这里是导航条的样式 */

body,td,th {
	color: #525252;
	font-size:12px;
}
body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #3D3D3D;
	text-decoration:none;
}
a:visited {
	color: #3D3D3D;
	text-decoration:none;
}
a:hover {
	color: #3D3D3D;
	text-decoration:underline
}
a:active {
	color: #3D3D3D;
	text-decoration:none;
}
ul,form{
margin:0px;
padding:0px;

}
.iwidth{
	width:100%;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom:50px;
	margin-left: auto;
	height:auto;
}
.iwidth img{
	width:100%;
}
.cwidth{
	width:1018px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.w1200{
	width:1400px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.logo{
	width:489px;
	height:87px;
	float:left;
}
.desc{
width:400px;
height:87px;
float:right;
text-align:right;
font-size:18px;
font-family:"微软雅黑",Arial, Helvetica, sans-serif;
line-height:30px;
color:#C41F26;
background:url(20200615123156.jpg) no-repeat 80px top;

}
.desc p{
font-size:13px;
margin:8px 0 0 0; 
padding:0px;
font-family:Arial, Helvetica, sans-serif;
line-height:25px;
color:#3D3D3D;
}
.desc p img{
vertical-align:-4px;
border:0px;
}
.clear{
clear:both;
}
.nav{
width:100%;
background-image: url('bg-payroll.gif'); background-repeat: repeat-x;
height:38px;
}

.header { width: 970px; height: 38px; list-style: none; background-image: url('bg-payroll.gif'); background-repeat: repeat-x; line-height: 34px; vertical-align: middle; font-size: 14px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; z-index: 1; margin:0 auto; }

.header li { list-style: none; float: left; text-align: center; cursor: pointer; display: block; padding-bottom: 4px; position: relative; z-index: 2; }
.container { color: #252525; position: absolute; }
.header li .container { display: none; z-index: 99; height: 170px; background-image: url('hoverback-div.gif'); background-repeat: repeat-x; position: absolute; border-left: 1px solid #aaa;border-bottom: 1px solid #aaa;border-right: 1px solid #aaa; cursor: default; padding:10px; overflow:hidden; background-color:#FFF; }
.header li:hover .container { display: block;  }
.header a { text-decoration: none; color: #fff; }
.header img { border: none; }


.context { width: 205px; display: block; float: left; height: 120px; margin: 0px 15px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 18px; text-align: left; font-weight: normal; }
.context a{ font: bold 13px Arial,Helvetica,sans-serif; color:#3E3E3E; width: 205px; display: block; margin-top: 5px; margin-bottom:5px;}
.context a:hover{text-decoration:underline;}
a.tophs:link {
	color: #3E3E3E;
	text-decoration:none;
}
a.tophs:visited {
	color: #3E3E3E;
	text-decoration:none;
}
a.tophs:hover {
	color: #3E3E3E;
	text-decoration:underline
}
a.tophs:active {
	color: #3E3E3E;
	text-decoration:none;
}

.container ul { width: 150px;vertical-align: top; display: block; float: left; margin-top: 10px; margin-left:30px;}
.container ul li { width: 150px; text-align: left; padding-left: 10px; background-image: url(red-arrow.gif); background-repeat: no-repeat; background-position: 0 6px; line-height: 24px; height:24px; }
.container ul li a{ font: bold 13px Arial,Helvetica,sans-serif; color:#3E3E3E;}
.container ul li a:hover{text-decoration:underline;}


#product, #tool, #media, #invest, #aboutus,#verE,#contact { background-image: url('menu-list-separator.gif'); background-repeat: no-repeat; }
/**/
#home:hover, #product:hover, #tool:hover, #media:hover, #invest:hover, #aboutus:hover,#verE:hover,#contact:hover { background-image: url('hoverback.gif'); background-repeat: repeat-x; }
#home:hover a, #product:hover a, #tool:hover a, #media:hover a, #invest:hover a, #aboutus:hover a,#verE:hover a,#contact:hover a { background-image: url('hoverback.gif'); background-repeat: repeat-x;color: #3E3E3E; }
.selected { background: #C30630; cursor: default !important; }
.unselect { }
.unselect:hover a, .selected:hover a { color: #3E3E3E;}
#home { width: 100px;}
#product {
	width: 120px;
}
#tool { width: 120px; }
#media { width: 120px; }
#invest { width: 120px; }
#aboutus { width: 120px; }
#verE{width: 120px; }
#contact{width: 120px; }
#lastnav {width:2px; overflow:hidden; text-align:left;}

#home .container { left: 0px; top: 38px; width:0px; }
#product .container { left: -100px; top: 38px; width:970px; }
#tool .container { left: -250px; top: 38px; width:970px; }
#media .container { left: -150px; width: 480px; top: 38px; }
#invest .container { left: -150px; width: 480px; top: 38px; }
#aboutus .container { left: -150px; top: 38px; width:720px;}
#contact .container {left: -150px; top: 38px; width:480px; }
/*#endregion*/

/*#region 这里是banner的样式 */
.banner {
	width: 100%; height: auto; overflow: hidden; position: relative;border-bottom:3px #c60c31 solid;
}
.banner ul li {
	width: 100%; height: auto;
}
.banner .prev {
	background: url("ban_btn.png"); left: 0px; top: 50%; width: 61px; height: 98px; position: absolute;
}
.banner .next {
	background: url("ban_btn.png") -61px 0px; top: 50%; width: 61px; height: 98px; right: 0px; position: absolute;
}

#banner { background-image: url('f1.jpg'); background-position: center top; height: auto; width: 100%; position: relative; }
.bannercontainer { position: relative; width: 100%; height: auto; background:#c60c31; }
.left { position: absolute; top: 181px; left: 0px; cursor: pointer; }
.right { position: absolute; top: 181px; right: 0px; cursor: pointer; }
.child { display: none; }
#content {
	position: relative;
	top: -280px;
	left: 0px;
	width: 435px;
	color:#000000;
	font-family: "微软雅黑";
	font-size:16px;
}
#content h2 {font-size:48px; font-weight:lighter; margin:0; }
#content h3{width:340px; font-weight:100; }
#content a, #content a:visited { background-image: url('arrow.gif'); padding-left: 30px; background-repeat: no-repeat; line-height: 24px; height: 24px; background-position: left center; display: block; text-decoration: none; color: #C30630;}
#content a:hover{text-decoration:underline;}

.timer-box{
position: relative; top: -350px; left:930px; width: 30px;}
/*#endregion*/

#home_main{
	border:4px solid #2C2C2C;
	position:relative;
	width:990px;
	height:180px;
	background-color:#FFFFFF;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.index_center ul { padding-left:0px;}
.index_center ul li{ margin-top:5px; padding-bottom:3px;  background-image:url("http://www.shweide.com/images/13.gif"); list-style:none; background-repeat:no-repeat; padding-left:15px; background-position:5px 5px; width:275px;}
.index_center ul li .title{ float:left;}
.index_center ul li .data{ float:right; color:#989898;}



.index_right{ background-image:none; }
.technic{ margin:0px; clear:both; margin-top:30px;}
.technic li{ border-bottom:1px dashed #CCC; list-style:none; padding-top:8px; padding-bottom:8px; padding-left:10px;}

.containerbox1{
width:230px;
float:left;
height:160px;

}
.containerbox2{
width:210px;
float:left;
padding-left:30px;
border-left:1px solid #E5E5E5;
height:160px;
}
.containerbox3{
width:140px;
float:left;
padding-left:30px;
border-left:1px solid #E5E5E5;
height:160px;
}



a.toplink{
	color: #BD0A28;
	text-decoration:none;
	font-size:18px;
	font-family:"微软雅黑";
}

a.toplink:hover {
	color: #BD0A28;
	text-decoration:underline;
	font-size:18px;
	font-family:"微软雅黑";
}


.containerbox_sub{
list-style-type:none;
margin:0px;
padding:0px;
margin-top:10px;
}
.containerbox_sub li{
	line-height:24px;
	background-image: url(red-arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	font-weight:bold;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}



.cred{
color:#BD0A28; font-weight:100;
}

#home_main2{
	position:relative;
	padding:0px;
	width:100%
}
.home_main3{
position:relative;
top:50px;
padding:0px;
}
.home_main3{
	position:relative;
	padding-left: 50px;
	padding-top: 0px;
	background-image: url(Steelflex二维码小.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.footer{
position:relative;
top:70px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
height:40px;
background-color:#F8F8F8;
line-height:40px;
}
.row-box{
	width:307px;
	float:left;
	background-image: url(index_sub_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:87px;
	overflow:hidden;
	padding:5px 8px;
}
.row-box1{
	width:307px;
	float:left;
	background-image: url(index_sub_bg1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:87px;
	overflow:hidden;
	padding:5px 8px;
}
.row-box1 img{
float:left;
border:0px;

}
.row-box img{
float:left;
border:0px;

}
.text-content{
width:205px;
float:right;
font-size:13px;
line-height:22px;
padding-right:5px;

}
.text-content h2{
margin:0px;
padding:0px;
font-size:16px;
font-family:"微软雅黑";
color: #BD0A28;
font-weight:100;
line-height:35px;


}
.text-content p{
	background-image: url(red-arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:8px;
	line-height:22px;
	height:22px;
	overflow:hidden;
	margin:0px;
	font-size:13px;
	
}
.nav-footer,.nav-footer li ul{
list-style-type:none;
margin:0px;
padding:0px;

}
.nav-footer li{
	width:170px;
	float:left;
	
}
.nav-footer li ul li{
	background-image: url(ico_black.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	line-height:22px;

}

.nav-footer li h4{
margin:10px 0px;;
padding:0px;
font-size:13px;
}