﻿@charset "utf-8";
@import url("reset.css");
@import url("global.css");
@import url("head.css");
@import url("foot_con.css");

.header{
	height:300px;
	background: url(../images/green.jpg) no-repeat center;
	width: 100%;
	overflow: hidden;
}

/*内容部分*/
.container {
	background: url(../images/about_us_bg.gif) repeat-x;
	width: 100%;

}
.content_Box {
	width: 1002px;
	margin: 0px auto;
	height: 400px;
	position: relative;
        min-height:400px; 
        _height:400px; 
        height:auto !important;

}
/*左侧导航*/
.content_Nav {
	width: 220px;
	height: auto;
	background-color: #FFFFFF;
	margin-top: -46px;
	position: absolute;
}
.content_Nav .content_bj {
	margin-left: 10px;
	margin-top: 8px;
}
/*.content_bj .sty01 {
	font-family: Arial;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	padding-top: 28px;
}*/
.content_bj .sty02 {
	font-family: "microsoft yahei";
	font-size: 30px;
	color: #FFFFFF;
	text-align: center;
	background: url(../images/content_nav.jpg) no-repeat;
	height: 116px;
	width: 200px;
	vertical-align: bottom;
	padding-top: 40px;
}

.left_nav{
	background: url(../images/content_nav_hover.gif) no-repeat;
}

#left_nav {
	background: top;
	margin-top: -40px;
}
#left_nav li {

    color: #666666;
	font-family: "microsoft yahei";
	font-size: 20px;
	height: 49px;
	width: 200px;
	text-align: center;
    background: url(../images/content_nav_li.gif) no-repeat;
}
#left_nav a {
	line-height: 49px;
	height: 49px;
	display: block;
  
}
#left_nav a:hover{
	background: url(../images/content_nav_hover.gif) no-repeat;
	color: #c30100;
}

.content_Nav .search {
	background: url(../images/search_bg.gif) no-repeat;
	height: 127px;
	width: 199px;
	margin-top: 14px;
	padding-top: 20px;
	padding-left: 12px;
}
.content_bj .search .sty03 {
	color: #7a7a7a;
	font-family: "microsoft yahei";
	font-size: 16px;
	font-weight: bold;
}
.content_Nav .content_bj .search #search-box input {
	margin-top: 10px;
	font-size: 12px;
	text-align: left;
}
.content_bj .search .sty04 {
	border: #d6d6d6 1px solid;
	padding:5px;
	width: 160px;
	color: #666666;
	text-align: left;
}
.content_bj .search .sty05 {
	border:none;
	width:85px;
	height:26px;
	background:url(../images/bg_sidesearch.gif);
	cursor:pointer;
	line-height:300px;
	overflow:hidden;
}
/*右侧内容*/
.content_Con {
	height: auto;
	width: 760px;
}
.content_Con .con_nav {
	border-bottom: 1px solid #e1e1e1;
	height: 35px;
	width: 760px;
	display: block;
	padding-top: 20px;
}

.con_nav .sty01 {
	display: block;
	text-align: center;
	width: 760px;
	height: 35px;
}
.con_nav .sty01 .sp01 {
	font-family: "microsoft yahei";
	font-size: 20px;
	color: #000000;
	height: 22px;
	width: 100px;
	margin-left: 12px;
	background: url(../images/about_us_01.jpg) no-repeat left;
	float: left;
}
.con_nav .sty01 .sp02 {
	color: #999999;
	font-family: "宋体";
	font-size: 12px;
	margin-top: 5px;
	width: 600px;
	vertical-align: bottom;
	text-align: right;
	float: right;
}
.con_nav .sty01 .sp02 a {
	color: #999999;
}
.content_Con .con_con {
        clear:both;
	font-family: "microsoft yahei";
	font-size: 14px;
	color: #333333;
	height: auto;
	padding-top: 30px;
	margin-left: 15px;
	line-height: 27px;
        zoom:1

}
.content_Con .con_con .p01 {
	text-indent: 28px;
}

.content_Con .con_con h2 {
	color: #e60212;
	font-family: "microsoft yahei";
	font-size: 20px;
	background: url(../images/sector_01.jpg) no-repeat left center;
	padding-left: 24px;
	line-height: 24px;
	margin-top: 30px;
	margin-bottom: 10px;
	width: 760px;

}
.content_Con .con_con .block {
	background: url(../images/sector_04.gif) no-repeat left top;
	height: 145px;
	width: 760px;
}
.content_Con .con_con .block ul {
	padding-left: 30px;
	padding-top: 28px;
	float: left;
}
.content_Con .con_con .block li {
	padding-bottom: 16px;
}
.content_Con .con_con .block p {
	width: 300px;
	padding-top: 23px;
	padding-left: 83px;
	color: #666666;
	float: left;
	font-family: "microsoft yahei";
	font-size: 12px;
}
/*列表页*/
.list_page li {
	line-height: 40px;
	font-family: "microsoft yahei";
	font-size: 14px;
	background: url(../images/list_dot.gif) no-repeat left center;
	clear: both;
	padding-left: 10px;
	border-bottom: 1px dashed #cfcfcf;
	color: #666666;
}
.list_page .name {
	overflow: hidden;
	width: 550px;
	color: #666666;
}

.list_page .date {
	float: right;
	color: #9d9d9d;
}
/*绿色沙钢TAB页*/

#tabs {
	height: 44px;
	width: 726px;
	border: 1px solid #d7dbdc;
	background: #eff3f4;
	overflow: hidden;
	zoom:1;
}
#tabs li {
	float: left;
	width: 363px;
	font-family: "microsoft yahei";
	font-size: 14px;
	color: #000000;
	text-align: center;
	line-height: 44px;
	font-weight: bold;
	cursor:pointer;
}
#tabs .current {
	color: #FFFFFF;
	background: #dc2d32;
	font-size: 14px;
	cursor: pointer;
}
#contents ul {
	margin-top: 30px;
	width: 726px;
       display: none;
}
#contents li {
	font-family: "microsoft yahei";
}

#contents .tupian {
	margin-top: 20px;
	width: 326px;
	float: left;
	display: block;
	margin-left: 60px;
	_display:inline;
}
#tabs .current a {
	color: #FFFFFF;
}

#contents .wenzi {
    font-family: "microsoft yahei";
	font-size: 14px;
	color: #333;
	width: 726px;
	float: left;
	margin-top: 20px;
	line-height: 27px;
}
#contents .wenzi .jiacu {
	font-weight: bold;
	color: #000000;
}







.tabs {
	height: 44px;
	width: 726px;
	border: 1px solid #d7dbdc;
	background: #eff3f4;
	overflow: hidden;
	zoom:1;
}
.tabs li {
	float: left;
	width: 363px;
	font-family: "microsoft yahei";
	font-size: 14px;
	color: #000000;
	text-align: center;
	line-height: 44px;
	font-weight: bold;
	cursor:pointer;
}
.tabs .current {
	color: #FFFFFF;
	background: #dc2d32;
	font-size: 14px;
	cursor: pointer;
}
.contents ul {
	margin-top: 30px;
	width: 726px;
}
.contents li {
	font-family: "microsoft yahei";
}

.contents .tupian {
	margin-top: 20px;
	width: 326px;
	float: left;
	display: block;
	margin-left: 60px;
	_display:inline;
}
.tabs .current a {
	color: #FFFFFF;
}

.contents .wenzi {
    font-family: "microsoft yahei";
	font-size: 14px;
	color: #333;
	width: 726px;
	float: left;
	margin-top: 20px;
	line-height: 27px;
}
.contents .wenzi .jiacu {
	font-weight: bold;
	color: #000000;
}
/*公益事业*/

/*分页*/
.content_Con .page {
	text-align: center;
	padding-top: 20px;
	height: 30px;
	clear: both;
	padding-bottom: 5px;
	overflow:hidden;
	background: #f6f6f6;
	width: 740px;
	margin-left: 15px;
	margin-top: 20px;
}
.content_Con .page a {
	border: 1px solid #c8c7c7;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 5px;
	font-size: 14px;
	line-height: 2em;
	color: #7e7e7e;
}

.content_Con .page a:hover {
	color: #fff;
	text-decoration: none;
	background: #cc012a;
	border: 1px solid #ba210d;
}
.content_Con .page a.checked {
	color: #fff;
	text-decoration: none;
	background: #a5151c;
	border: 1px solid #ba210d;
}
.social_page {
	width: 740px;
	margin: 0px auto;
}
.social_page h3 {
	font-family: "microsoft yahei";
	font-size: 16px;
	color: #000000;
	line-height: 28px;
	margin-bottom: 20px;
}
.social_list li {
	font-family: "宋体";
	font-size: 14px;
	line-height: 30px;
	color: #000000;
}
.social_list span {
	color: #d23433;
	font-size: 14px;
	font-weight: bold;
}
.social_pic {
	width: 740px;
	margin: 50px auto;
	font-family: "宋体";
	color: #888888;
	float: left;
}
.social_pic li {
	float: left;
	width: 360px;
	text-align: center;
	padding-right: 10px;
	padding-left: 0px;
	margin-bottom: 30px;
}
.social_pic li p {
	text-align: center;
}
.social_pic img {
	height: 224px;
	width: 330px;
}
.social_pic p {
	font-family: "宋体";
	font-size: 14px;
	color: #000000;
}



.whhd_3 h1{
	text-align: center;
	color: #d30000;
	font-size: 25px;
	margin-top: 25px;
}

.whhd_3_1{
        position: relative;
	height: 400px;
	margin: 50px auto 0 auto;
	width:600px;
	text-align:center
}

.whzt_3_1{
	height: 400px;
	margin: 50px auto 0 auto;
	width:600px;
	text-align:center
}

.divLeft{
	z-index:3000;
	height: 400px;
	width:300px;
	position: absolute;
        left:0;
	background: red;
	opacity: 0;
	filter:alpha(opacity:0);
}

.divRight{
	z-index:3000;
	height: 400px;
	width:300px;
	position: absolute;
        right:0;
	background: green;
	opacity: 0;
	filter:alpha(opacity:0);
}

.whhd_3_2{
	height: 80px;
	width: 760px;
	margin: 50px auto;
	margin-left:20px;
}

.whhd_3_2 dl{
        position:relative;
	height: 80px;
	width: 650px;
	float: left;
	overflow: hidden;
        zoom:1;
}

.whhd_3_2 dl dt{
	float: left;
	width: 129px;
	height: 80px;
	text-align: center;

}

.whhd_3_2 dl dt img{
	margin-top: 2px;
}

.div1{
	height: 76px;
	width: 125px;
	border: 2px solid #ff0000;
}

.btn1{
	width: 28px;
	height: 28px;
	float: left;
	margin: 22px 10px 0 0;
}

.btn2{
	width: 28px;
	height: 28px;
	float: left;
	margin: 22px 0 0 10px;
}

.jsln{
	width:750px;
	margin-top:30px
}
.jsln_1{
	padding-top:10px;
	padding-left:20px;
	background: url(../images/line1.png) repeat-x;
	height:45px;
}
.size1{

	line-height:20px;
	font-size:24px;
	font-weight:bold;
}
.size2{
	font-size:20px;
}
.jsln_2 dt{
	padding-left:25px;
	padding-top:25px;

}

.right2_1{
	float:left;
	width:370px;
	height:130px;
	margin-left:10px;
	margin-top:25px

}
.jsln_21{
	font-size:18px;
	color:#666666;
	font-weight:bold;
}
.jsln_22{
	font-size:13px;
	float:right;
}
.jsln_22 a{
	color:red
}

.right2_p{
	float:left;
	width:175px;
	height:145px;
}
.right2_q{
	margin-left:5px;
	float:left;
	width:170px;
	height:130px;
}
.right2_q_1{
	text-indent:2em;
	font-size:12px;
	line-height:20px;
}
.red{
	color:red
}

.whhd_3_1 .prev{width:40px;height:100px;background:url(../images/gtvSplit.png) no-repeat;position:absolute;top:150px;left:0;z-index:3001;cursor:pointer;}
.whhd_3_1 .next{width:40px;height:100px;background:url(../images/gtvSplit.png) no-repeat -43px;position:absolute;right:0px;top:150px;z-index:3001;cursor:pointer;}
.whzt_3_1 .prev{width:40px;height:100px;background:url(../images/gtvSplit.png) no-repeat;position:absolute;top:200px;z-index:3001;cursor:pointer;}
.whzt_3_1 .next{width:40px;height:100px;background:url(../images/gtvSplit.png) no-repeat -43px;position:absolute;right:126px;top:200px;z-index:3001;cursor:pointer;}

.whhdlb dl {margin-top:20px;margin-left:60px}
.whhdlb dt{width:260px;float:left;margin-left:20px;margin-top:20px}


/*gotop*/
#gotop{ width:52px; 
         height:52px; 
		 background:url(../images/about_us_top.gif) no-repeat; 
		 position:fixed; 
		 right:50px; 
		 cursor:pointer;
		 _position:absolute;
		 _bottom:auto;
		 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#gotop{ bottom:132px;} 
