﻿/* CSS鍒濆鍖?*/
body{
	margin:0px;
	padding:0px;
	font-size:12px;
}
dl,dd,dt{
	margin:0px;
	padding:0px;
}
ul,li{
	margin:0px;
	padding:0px;
	list-style:none;
}
form{
	margin:0px;
	padding:0px;
	display:inline;
}
.t1{
	color:#fff;
}
h2{
	font-size:14px;
	margin:0px;
	padding:0px;
}
img{
	border:0px;
	vertical-align:middle;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.wrap{
	width:560px;
	clear:both;
	margin:10px;
	float:left
}
.wrap ul{ text-align:center;}
.wrap li{ float:left;}
.wrap li img{ width:130px; margin-left:10px; height:100px; overflow:hidden;}
.area{
	width:520px;
	clear:both;
	margin:0 auto;
}
#pic{overflow:hidden;width:560px;}
#pic ul{}
#pic li{ float:left;}
#pic li img{ width:120px;}
.left{
	float:left;
	clear:left;
}
.right{
	float:right;
}

/* ________________ */
.areatop{
	width:100%;
	background:#F7F7F7;
	border-bottom:1px solid #ccc;
}
#headertop{
	width:892px;
	margin:auto;
	padding:3px 0px;
	height:21px!important;
	height:auto;
}
#headertop input{
	vertical-align:middle;
}
#headertop input.name,
#headertop input.pass{
	width:50px;
	height:16px;
	border:1px solid #CDCDCD;
}
#headertop input.name{
	width:80px;
}
#headertop .right{
	float:none;
}
#headertop .right li{
	float:right;
	padding-top:3px;
	background:transparent url('../images/ico_1.gif') no-repeat;
	padding-left:30px;
}
#headertop li.a{
	background-position:10px 0px;
}
#headertop li.b{
	background-position:10px -68px;
}
#headertop li.c{
	background-position:10px bottom;
}
#menu{
	border-bottom:1px solid #D3D3D3;
	float:left;
	width:100%;
}
#menu li{
	float:left;
	text-align:center;
}
#menu li a{
	color:#fff;
	text-decoration:none;
	background:url('../images/menu_b.gif') no-repeat;
	height:36px;
	width:111px;
	display:block;
	float:left;
}
#menu li a:hover{
	background:url('../images/menu_a.gif') no-repeat;	
}
#menu li a.sel{
	background:url('../images/menu_a.gif') no-repeat;
}
#menu li a span{
	display:block;
	padding-top:15px;
}
.line{
	line-height:5px;
	background:transparent url('../images/line_1.gif') repeat-x;
	clear:both;
	width:100%;
}
.box_a{
	width:320px;
	float:left;
}
.box_b{
	width:566px;
	float:right;
}
.box_a_1{
	width:320px;
	background:url('../images/bg_1.gif') no-repeat;
	height:205px;
	overflow:hidden;
	margin-bottom:10px;
	float:left;
}
.box_a_1 p{
	padding:0px;
	margin:5px 5px 5px 65px;
}
.box_a_2{
	width:320px;
	background:url('../images/bg_2.gif') no-repeat;
	height:154px;
	float:left;
	overflow:hidden;
}
.box_a_2 h2{
	color:#5A6A8C;
	padding:2px 5px;
	border-bottom:1px dashed #CCCDD1;
}
.box_a_2 h2 input,
.box_a_2 h2 select{
	vertical-align:middle;
}
.box_a_2 h2 input.key{
	width:70px;
	border:1px solid #ccc;
	height:18px;
}
.box_a_2 .title{
	margin:0px;
	padding:0px;
	margin-top:10px;
	padding-left:25px;
	margin-left:5px;
	font-size:14px;
	color:#E91C21;
	background:url('../images/ico_4.gif') no-repeat 5px 3px;
}
.box_a_2 .content{
	padding:10px;
}
.box_a_2 .content img{
	float:left;
	padding:2px;
	border:1px solid #ccc;
	margin-right:5px;
	margin-bottom:5px;
}
.box_b_1{
	width:566px;
	height:260px;
	float:right;
	background:url('../images/bg_3.gif') no-repeat;
	overflow:hidden;
	margin-bottom:10px;
}
.box_b_1 h2{
	margin-left:50px;
	margin-top:10px;
	font-size:12px;
	clear:both;
	width:100%;
}
.box_b_1 .content{
	clear:both;
	padding:10px;
	padding-top:20px;
	line-height:150%;
}
.box_b_1 .content img{
	float:left;
	padding:2px;
	border:1px solid #ccc;
	margin-right:5px;
	margin-bottom:5px;
}
.box_b_1 h2 li{
	float:left;
	padding-right:40px;
}
.box_b_2{
	width:566px;
	height:96px;
	float:right;
	overflow:hidden;
	text-align:center;
}
.box_product{
	background:url('../images/bg_4.gif') no-repeat;
	width:520px;
	height:114px;
	overflow:hidden;
}
.box_product ul{
	margin-left:60px;
	margin-top:15px;
}
.box_product li{
	float:left;
	margin-right:28px;
}
.box_product li img{
	margin-bottom:5px;
}
.box_c{
	width:321px;
	float:left;
}
.box_c_1{
	width:321px;
	float:left;
	background:url('../images/bg_5.gif') no-repeat;
	height:134px;
	margin-bottom:10px;
	overflow:hidden
}
.box_c_2{
	width:321px;
	float:left;
	background:url('../images/bg_6.gif') no-repeat;
	height:130px;
	margin-bottom:10px;
	overflow:hidden
}
.box_c_3{
	width:321px;
	float:left;
	background:url('../images/bg_7.gif') no-repeat;
	height:302px;
	margin-bottom:10px;
	overflow:hidden
}
.box_c_4{
	width:321px;
	float:left;
	background:url('../images/bg_8.gif') no-repeat;
	height:285px;
	overflow:hidden
}
.box_d{
	width:564px;
	float:right;
}
.box_d_1{
	width:564px;
	height:302px;
	float:right;
	background:url('../images/bg_9.gif') no-repeat;
	margin-bottom:10px;
	overflow:hidden;
}
.box_d_2{
	width:564px;
	height:272px;
	float:right;
	background:url('../images/bg_10.gif') no-repeat;
	margin-bottom:10px;
	overflow:hidden;
}
.box_d_3{
	width:564px;
	height:284px;
	float:right;
	background:url('../images/bg_11.gif') no-repeat;
	overflow:hidden;
}
.b_title{
	margin:8px 0 0 65px;
}
.list1{
	padding:20px;
}
.box_c_1 .list1 li{
	background:url('../images/ico_6.gif') no-repeat 0px 5px;
	padding-bottom:5px;
	padding-left:10px;
}
.box_c_1{
	position:relative;
}
.box_c_1 .list1{
	position:relative;
}
.box_c_1 .more{
	position:absolute;
	bottom:3px;
	right:20px;
}
.box_c_2 .list1 li{
	float:left;
	background:url('../images/btn_bg.gif') no-repeat;
	width:94px;
	text-align:center;
	padding-top:10px;
	height:18px;
}
.box_c_2 .list1{
	padding:5px;
	margin-left:15px;
	margin-top:6px;
}
.box_c_3 .list1 li{
	padding-bottom:5px;
}
.box_c_4 .list1 li{
	background:url('../images/ico_6.gif') no-repeat 0px 5px;
	padding-bottom:5px;
	padding-left:10px;
}
.box_c_4{
	position:relative;
}
.box_c_4 .list1{
	position:relative;
}
.box_c_4 .more{
	position:absolute;
	bottom:3px;
	right:20px;
}
.box_d_1 h2 ul,
.box_d_2 h2 ul,
.box_d_3 h2 ul{
	margin-left:18px;
	padding-top:15px;
	clear:right;
}
.box_d_1 h2 li,
.box_d_2 h2 li,
.box_d_3 h2 li{
	float:left;
	width:100px;
	text-align:center;
	padding-right:8px;
}
.list2{
	clear:both;
	float:left;
	width:100%;
}
.list2 ul{
	padding:10px 20px 5px 20px;
}
.list2 li{
	background:url('../images/dot.gif') repeat-x 0 bottom;
	padding:7px 0px;
	line-height:120%;
}
.list2 li .smallnav{
	background:url('../images/smallnavbg.gif') no-repeat 0 0;
	padding-left:22px;
	padding-right:5px;
}
.list2 li .smallnav a{
	color:white;
	padding-top:2px;
}
.list2 li .detail a{
	color:red;
}
.list3 dt{
	width:380px;
	float:left;
	padding-top:20px;
}
.list3 dt li{
	background:url('../images/ico_5.gif') no-repeat 20px 5px;
	padding-bottom:5px;
	padding-left:30px;
}
.list3 dd{
	width:170px;
	float:left;
	border-left:1px solid dashed #ccc;
	margin-top:20px;
}
.list3 dd ul{
	padding-left:10px;
}
.list3 dd img{
	padding:2px;
	border:1px solid #e1e1e1;
	margin-bottom:5px;
}
.list4 {
	width:100%;
	clear:both;
}
.list4 ul{
	padding-left:10px;
	padding-top:10px;
}
.list4 li{
	width:98px;
	text-align:center;
	line-height:25px;
	overflow:hidden;
	border:1px solid #ccc;
	float:left;
	white-space:nowrap;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
}
#friendlink{
	background:#f7f7f7;
	border:1px solid #C7CED4;
	text-align:center;
	width:100%;
	clear:both;
}
#friendlink li{
	display:inline;
	line-height:25px;
}
#bottomnav{
	background:#000;
	position:static;
	text-align:center;
	color:#fff;
	padding:5px;
}
#bottomnav li{
	display:inline;
	padding:5px;
}
#bottomnav li a{
	color:#fff;
}
#copyright{
	position:relative;
	text-align:center;
	height:50px;
	line-height:20px;
}