/* CSS Document 页面内容样式——首页 */
body {
	text-align:center;
	font: 12px/160% "微软雅黑", Helvetica, Arial, sans-serif;
	color:#333;
	margin: 0 auto;
	background:#ccc url(../images/bg_body_02.gif) 0 -20px repeat-x;
	width: 100%;
}
/*中部内容样式begin*/
.content {
	height:auto;
	display: block;
	width: 982px;
	margin: 0 auto;
	clear: both;
	padding: 10px;
	overflow: hidden;
}
/*第一部分左边begin*/
.content .left_content{
	height:302px;
	display: block;
	width: 360px;
	float:left;
	overflow:hidden;
	position:relative;
	background:#444 url(../images/web_01.gif) 8px 10px no-repeat;
}
.content .left_content a.outer-link:link {
	background:#444 url(../images/web_01.gif) 8px 10px no-repeat;
}
.content .left_content:hover, .content .left_content a.outer-link:hover {
	background:#333 url(../images/web_01.gif) 10px -276px no-repeat;
}
.content .left_content .img_box{
	height:284px;
	display: block;
	float:left;
	overflow: hidden;
	border: 9px solid #444;
	width: 182px;
	margin:0!important;
	margin-top:-2px;
	margin-left:-2px;
	position: relative;
	
}
.content .left_content .img_box span{
	display:none;
}
.content .left_content .subnav{
	height:300px;
	display: block;
	width: 160px!important;
	width: 155px;
	float:right;
	overflow: hidden;
	padding-top: 8px;
}
.content .left_content .subnav ul{
	height:auto;
}
.content .left_content .subnav li{
	overflow: hidden;
}
.content .left_content .subnav li a:link,.content .left_content .subnav li a:visited{
	display: block;
	overflow: hidden;
	line-height:30px;
	text-decoration:none;
	color:#ddd;
	text-align:left;
	font-size:14px;
	font-weight:700;
	padding:2px 0 2px 6px;
	margin: 0 6px 0 2px;
	background:url(../images/bg_line_01.gif) 0 bottom repeat-x;
	width: 146px;
	height: 30px;
}
.content .left_content .subnav li a:hover{
	color:#f60;
	padding:2px 0 2px 16px;
	background-color: #333;
}
/*第一部分左边end*/

/*第一部分右边begin*/
.content .right_content{
	height:auto;
	display: block;
	width: 610px;
	float:right;
	overflow: hidden;
}
.content .right_content .leftpater{
	height:302px;
	display: block;
	width:300px;
	float:left;
	overflow: hidden;
}
.content .right_content .leftpater .news{
	height: 206px;
	display: block;
	overflow: hidden;
}
.content .right_content .leftpater .news h3{
	display:block;
	height:30px;
	padding:0 6px 0 10px;
	line-height:30px;
	font-size:14px;
	font-weight:700;
	color:#111;
	text-align: left;
	background-color: #555;
	margin-bottom: 8px;
}
.content .right_content .leftpater .news ul{
	height:auto;
	display: block;
	overflow: hidden;
	width: 300px;
}
.content .right_content .leftpater .news li{
	line-height:20px;
	padding:0 0 0 10px;
	text-align:left;
	display: block;
	overflow: hidden;
	margin-bottom: 8px;
}
.content .right_content .leftpater .news  a:link,.content .right_content .leftpater .news  a:visited{
	color:#222;
	text-decoration:none;
}
.content .right_content .leftpater .news  a:hover,.content .right_content .leftpater .news  a:hover{
	color:#111;
	text-decoration:underline;
}
.phone{
	height:96px;
	display: block;
	background:url(../images/400.gif) 0 0 no-repeat;
	width: 300px;
	clear:both;
	overflow:hidden;
}
.phone a.outer-link:link {
	background:url(../images/400.gif) 0 0 no-repeat;
}
.phone:hover,.phone a.outer-link:hover {
	background:url(../images/400.gif) 0 -96px no-repeat;
}
.phone ul{
	display:block;
	padding-top:68px;
	padding-left: 87px;
}
.phone li{
	display:block;
	line-height:20px;
	text-align:center;
	padding: 2px 0;
	font-size:14px;
	font-weight:700;
	width:106px!important;
	width:104px;
	float:left
}
.phone li a:link,.phone li a:visited{
	color:#f90;
	text-decoration:none;
}
.phone li a:hover,.phone li a:active{
	color:#fff;
	text-decoration:none;
}
.content .right_content .design{
	height:300px;
	display: block;
	width:298px;
	float:right;
	overflow: hidden;
	border:1px solid #222;
}
.content .right_content .design .design_content{
	display:block;
	overflow:hidden;
}
/*.content .right_content .design .design_content a:link,.content .right_content .design .design_content a:active{
	display: block;
	text-decoration:none;
	background: url(../images/bg_design.png) 0 0 no-repeat;
	height:298px;
	width:296px;
	overflow: hidden;
	border:1px solid #dedede;
	text-indent: -99999px;
}
.content .right_content .design .design_content a:hover{
	text-decoration:none;
	background: url(../images/bg_design.png) -300px 0 no-repeat;
}*/
#designmouse{
	height:298px;
	width:296px;
	border:1px solid #dedede;
	text-indent: -99999px;
	
}
/*#designmouse a{
	background: url(../images/bg_design.png) 0 0 no-repeat;
	text-decoration:none;
	display:block;
	height:298px;
	width:296px;
}
#designmouse a:hover,#designmouse a:active{
	background: url(../images/bg_design.png) -300px 0 no-repeat;
	text-decoration:none;	
}*/
.designmouseout{
	background: url(../images/bg_design.png) 0 0 no-repeat;
	cursor:pointer;
}
.designmouseover{
	background: url(../images/bg_design.png) -300px 0 no-repeat;
	cursor:pointer;
}
/*第一部分右边end*/
/*第一部分end*/

/*第二部分begin*/
.second_content {
	width: 982px;
	height: auto;
	margin: 0 auto;
	display:block;
	padding: 0 10px;

}

.scrolbox {
	OVERFLOW: hidden;
	ZOOM: 1;
	display: block;
	height: auto;
	background-color:#333;
	width: 976px;
	padding: 10px;
	padding: 0 3px 8px 3px;
	line-height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #000;
}
.scrolbox  h3 {
	display:block;
	height:28px;
	line-height:28px;
	text-align:left;
	font-size:14px;
	font-weight:600;
	padding: 2px 8px 2px 12px;
	color: #ccc;
	margin-bottom: 8px;
	background: url(../images/bg_line_01.gif) 0 bottom repeat-x;
}
.scrolbox .pcont {
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 930px;
	height: auto;
	font-size: 12px;
	padding: 0 0 0 4px;
}
.scrolbox .ScrCont {
	WIDTH: 32766px;
	ZOOM: 1;
	overflow: hidden;
}
.scrolbox #List1_1 {
	FLOAT: left
}
.scrolbox #List2_1 {
	FLOAT: left
}
.scrolbox .LeftBotton {
	BACKGROUND: url(../images/pic_control.gif) no-repeat;
	FLOAT: left;
	margin-top:50px;
	margin-right:4px;
	WIDTH: 15px;
	HEIGHT: 72px
}
.scrolbox .RightBotton {
	BACKGROUND: url(../images/pic_control.gif) no-repeat;
	FLOAT: right;
	margin-top:50px;
	WIDTH: 15px;
	HEIGHT: 72px
}
.scrolbox .LeftBotton {
	BACKGROUND-POSITION: 0px 0px
}
.scrolbox .RightBotton {
	BACKGROUND-POSITION: 0px -100px;
	MARGIN-LEFT: -1px
}
.scrolbox .LeftBotton:hover {
	BACKGROUND-POSITION: -20px 0px
}
.scrolbox .RightBotton:hover {
	BACKGROUND-POSITION: -20px -100px
}
.scrolbox .pl img {
	DISPLAY: block;
	MARGIN: 0 auto;
	CURSOR: pointer;
	height: 160px;
	clear:both;
	width:199px;
	border:1px solid #555;
}
.scrolbox .pl {
	FLOAT: left;
	LINE-HEIGHT: 22px;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	color:#ccc;
	margin-right:8px;
	padding: 10px 9px 4px;
	background-color: #000;
	width:209px;
	height:auto;
	overflow: hidden;
}
.scrolbox a.pl:hover {
	BACKGROUND: #222;
	COLOR: #fff;
}
/*第二部分end*/

/*友情链接begin*/
.content_friendlink{
	height:auto;
	width: 982px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	padding: 0 10px;
}
.friendlink{
	OVERFLOW: hidden;
	clear: both;
	height: auto;
	display: block;
	background-color: #333;
	border-top: 1px solid #444;
	padding-bottom: 4px;
}
.friendlink a:link,.friendlink a:visited{
	color:#dedede;
	text-decoration:none;
}
.friendlink a:hover,.friendlink a:active{
	color:#ccc;
	text-decoration: underline;
}
.friendlink h3 {
	display:block;
	height:24px;
	padding:3px 12px 3px;
	line-height: 22px;
	text-align: left;
	font-size: 14px;
	color: #ccc;
	border-bottom: 1px solid #000;
}
.friendlink ul{
	margin:0 auto;
	padding: 3px 0 3px 3px;
	display:block;
	clear: both;
	height:auto;
	overflow: hidden;
}
.friendlink ul.txt{
	border-top: 1px solid #444;

}
.friendlink li{
	OVERFLOW: hidden;
	width:108px;
	line-height:18px;
	text-align:center;
	padding:3px 0;
	float:left;
	display: block;
}
.friendlink li img{
	width:96px;
	margin:0 auto;
	height: 38px;
	border: 1px solid #999;
}
/*友情链接end*/