﻿
/* CSS Document */
/*author:SangSang(QQ:154593617;mail:154593617@qq.com) 
========================================================*/
body {
	font-family:"宋体", Arial, Helvetica, sans-serif;
	background:#FFFFFF;  
	font-size:12px;
	line-height:180%;
	color:#444;
	margin:0;
	padding:0;}
ol,ul,li,dl,dd,dt {list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; margin:0; padding:0;}
h1{ font-size:25px; }
h2{ font-size:18px;}
h3{ font-size:16px;}
h4{ font-size:14px;}
h5{ font-size:13px;}
h6{ font-size:12px;}
.f_14{ font-size:14px; line-height:30px;}
.f_12{ font-size:12px;}
img{ border:0;}

a{color: #444; text-decoration:none}
a:link{color: #444; text-decoration:none}
a:visited{color:#444; text-decoration:none}
a:hover{color: #014AB9; text-decoration: underline}
a:active{color: #777; text-decoration:none;}
.wrap{ width:980px; margin:0 auto;}
.lef{ float:left}
.rig{ float:right}
.cle{ clear:both; height:0; overflow:hidden;}
.img_m10{ margin:0px 15px 10px 0;}
.cen{ text-align:center;}
p{ margin:auto; text-indent:2em;}


.c_blue,.c_blue a,.c_blue a:link,.c_blue a:visited,.c_blue a:active{ color:#014AB9;}
.c_blue a:hover{ color:#000000}
.c_Yellow,.c_Yellow a,.c_Yellow a:link,.c_Yellow a:visited,.c_Yellow a:active{ color:#FEFC6E;}
.c_Yellow a:hover{ color:#FEFC6E}
.c_777,.c_777 a,.c_777 a:link,.c_777 a:visited,.c_777 a:active{ color:#777777; font-weight:normal; }
.c_777 a:hover{ color:#444444; font-weight:normal;}


/*header
==========================================================*/
#header{height:130px;
	margin-bottom:5px;
	background:url(../images/search_di.gif) repeat-x left bottom;
	border-bottom:4px solid #E5EEF6;
	position: relative;
}
.logo{position: absolute; left:0px; top:0px;}
#login{float:right;
	height:34px;
	position:absolute;
	right:20px;
	top:20px;
}
#nav{float:right;
	font-size:12px;
	font-weight: bold;
	line-height:31px;
	width:800px;
	height:31px;
	margin:58px 0 0 0;
	overflow:hidden;
	background:url(../images/nav_di.gif) no-repeat top left;
}
	#nav a,#nav a:link,#nav a:visited,#nav a:active{color:#014AB9;}
	#nav a:hover{color:#000;}
	#nav ul{ margin-left:8px}
	#nav li{ position:relative;float:left; width:76px; padding:0 10px; text-align:center; margin-right:1px;}
	.nav_on{ position:absolute; left:-9px;height:31px; width:92px!important;text-align:center; background:url(../images/nav_on.gif) no-repeat 0px top;}
		.nav_on a,.nav_on a:link,.nav_on a:visited,.nav_on a:active{color:#FEFC6E!important; font-size:14px;}
		.nav_on a:hover{color:#FEFC6E!important;}
	.m_l_15{ margin-left:-15px;}
#search{
	color:#CCDDEB;
	position: absolute; left:20px; top:97px;_top:96px;}
	#search a,#search a:link,#search a:visited,#search a:active{color:#CCDDEB;}
	#search a:hover{color:#fff;text-decoration:underline;}

.search_di_lef{position: absolute; left:0px; top:87px;}
.search_di_rig{position: absolute; right:0px; top:87px;}

.input_login{ border:1px solid #ccc; height:16px; padding:1px; width:100px;}

/*fooder
==========================================================*/
#link{ clear:both;border-top:1px solid #BFD6EA; border-bottom:1px solid #BFD6EA; padding:10px 0;}
.link_img{}
.link_img li{ float:left; width:150px; height:50px; margin-left:10px;}
.link_text{clear:both; margin:0 10px;}
#fooder{clear:both; text-align:center; padding:10px 0;}

/*其他公共部分
==========================================================*/
/*contant
-----------*/
#contant{}
	.contantleft{ float:left;width:190px; margin-right:10px;overflow:hidden}
	.contantmiddle{ float:left;width:510px}
	.contantright{ float:right;width:260px;overflow:hidden}
	.contantleft02{ float:left;width:710px;}
	.contantleft02 newtext{ font-size:14px;}
	.contantnewleft{ float:left;width:300px; margin-right:10px;overflow:hidden}
	.contantnewleft span{ text-align:right;}
    .contantnewmiddle{ float:left;width:360px}
	.contantnewright{ float:right;width:300px;overflow:hidden; height:230px;}
	

/*title
------------*/
.title01{ 
	height:28px;
	overflow:hidden;
	padding:0 10px 0 15px;
	line-height:28px;
	background:#eee url(../images/title_di.gif) repeat-x 0 -57px;
	border:1px solid #ddd;
}
	.title01 span{ float:right;}
.title02{ 
	height:30px;
	overflow:hidden;
	padding:0 12px 0 0px;
	line-height:29px;
	background:url(../images/title_di.gif) repeat-x 0 -28px;
	border-right:1px solid #BFD6EA;
}
	.title02 span{ float:right;}
	.title02 h4{
		background:#0059A8 url(../images/title_di.gif) repeat-x 0px 0px; 
		text-align:center; width:90px;
		border:1px solid #0059A8;
	}
.title03{ 
	height:30px;
	overflow:hidden;
	padding:0 12px 0 10px;
	line-height:31px;
	background:#eee url(../images/title_di.gif) repeat-x 0 -28px;
	border-left:1px solid #BFD6EA;
	border-right:1px solid #BFD6EA;
}
	.title03 span{ float:right;}
	.title03 h4{
		background:url(../images/icon_he.gif) no-repeat 0px -141px;
		padding-left:18px
	}
.title04{ 
	height:28px;
	overflow:hidden;
	padding:0 10px 0 15px;
	line-height:28px;
	background:#eee url(../images/title_di.gif) repeat-x 0 -57px;
}
	.title04 span{ float:right;}


.box01{border:1px solid #ddd; padding:10px; margin-top:-1px; margin-bottom:10px;}
.box03{border:1px solid #BFD6EA;border-top:1px solid #005AAA; padding:10px; margin-top:-1px; margin-bottom:10px;}
.box02{ width:688px;border:1px solid #005AAA;border-top:2px solid #005AAA; padding:10px; margin-top:-1px; margin-bottom:10px;}
.box04{
	border:1px solid #F93;
	padding:9px;
	background-color: #FFFFE6;
}

.box05{ border:1px solid #BFD6EA; padding:15px;}
.lanmubox{
	margin:8px 0px;
	border:1px solid #F90;
	padding:5px;
}
.lanmubox ul{
}
.lanmubox li{
	float:left;
	width:19%;
	margin-right:1%;
}
.lanmubox li a{
	font-weight:bold;
}
.firstnews{ border-bottom:1px dashed #ccc; line-height:150%; height:85px; margin-bottom:10px;}
.firstnews img{ margin:0 10px 10px 0; padding:2px; border:1px solid #ddd;}

.pages{ background:#EEF3F9; height:22px; padding:8px 0;text-align:center;}
.pages_on{ background:#0555AE; padding:3px 5px;}

/*内容部分
==========================================================*/
/*Product Categories
------------*/
.pro_cate_h_title{ 
	height:28px;
	overflow:hidden;
	line-height:28px;
	background:#eee url(../images/title_di.gif) repeat-x 0 -57px;
	border:1px solid #ddd;
}
.pro_cate_h{width:188px;
background:url(../images/pro_cate_h.gif) repeat-y left top;
}
.pro_cate_h li{
	width:84px;
	height:29px;
	padding-left:10px;
	line-height:29px;
	padding-top:1px;
	text-align:center;
}
.box_pro_cate_h{ padding-top:2px; margin-top:-1px; border:1px solid #ddd;}

/*Tab
-----------------------*/

#tab1 ,#tab2{ font-weight:bold; border-left:1px #BFD6EA solid;}
#tab1 li,#tab2 li{
	float:left;height:31px;
	border-right:1px #BFD6EA solid;
	width:90px;line-height:30px;
	text-align:center;
	
	cursor:pointer;
	}
#tab1 li.now,#tab2 li.now{
	font-size:14px; 
	color:#FEFC6E;
	background:#0059A8 url(../images/title_di.gif) repeat-x 0px 0px; 
	text-align:center;
	height:28px;
	border:1px solid #0059A8;
	}
.tablist{
	height:120px;
	border-top:1px solid #005AAA;
	border-left:1px solid #BFD6EA;
	border-right:1px solid #BFD6EA;
	border-bottom:1px solid #BFD6EA;
	margin-top:-1px;
	padding:10px;
	margin-bottom:10px;
	display:none;
	}
.block{display:block;}

/*Online Services
-----------------------*/
.online_qq{ height:22px;
	overflow:hidden;
	margin-bottom:5px;
	text-align:right;
	padding:7px 10px 0 10px;
	background:url(../images/onlineservice.gif) no-repeat left top;
}
.online_login{
	background:#FFF9A3;
	border:1px solid #EDC939;
	padding:4px;
	height:64px;
	overflow:hidden;
	font-size:14px;
	margin-bottom:8px;
}
.online_login li{
	width:120px;
	height:28px;
	overflow:hidden;
	line-height:29px;
	margin-bottom:4px;
	background:#FFFACD url(../images/icon_he.gif) repeat-x left top;
	border:1px solid #F3C200;
}
.online_login_li_01{
	float:left;
	height:28px;
	padding-left:43px;
	background:url(../images/icon_he.gif) no-repeat 3px -28px;}
.online_login_li_02{
	float:left;
	height:28px;
	padding-left:43px;
	background:url(../images/icon_he.gif) no-repeat 3px -84px;}
.online_login_li_03{
	float:left;
	height:28px;
	padding-left:43px;
	background:url(../images/icon_he.gif) no-repeat 3px -56px;}
.online_login_li_04{
	float:left;
	height:28px;
	padding-left:43px;
	background:url(../images/icon_he.gif) no-repeat 5px -112px;}
/*ad
------------*/
#ad_focus{margin-bottom:8px;}

.home_ad_t{ height:70px;margin-bottom:10px;}
.home_ad_t li{ float:left; margin-right:6px;}

.h_news_list{ width:488px;}
.h_news_list li{ float:left; width:48%; padding:0 1%; overflow:hidden;}

/*Products
------------*/
.h_pro_list{width:488px;}
.h_pro_list ul{ float:left; width:25%; margin:5px 0;}
.h_pro_list li{ text-align:center; line-height:18px; padding:0px 5px;}
.h_pro_list li img{padding:2px; border:1px solid #ddd;}

.pro_list{ padding:10px 0;}
.pro_list p{ margin:0; padding:3px 5px;text-indent:0em;}
.pro_list ul{ clear:both;}
.pro_list li{ float:left;width:25%;text-align:center; line-height:18px;}
.pro_list li img{padding:2px; border:1px solid #ddd;}

.pro_view{ padding:10px 10px;}
.pro_view ul{ float:left; width:46%;}


.pro_sc_list{}
.pro_sc_list dl{float:left;width:47.4%; padding:0 1.2%;}
.pro_sc_list dd{float:left;margin-right:7px;white-space:nowrap }
.pro_sc_list dt{float:left;margin-right:7px;padding:0px;}
.kong{ clear:both;height:5px; overflow:hidden;}


.pro_tit{border-bottom:1px dashed #ccc;margin-bottom:5px; height:28px; overflow:hidden; line-height:30px;}
.pro_tit span{ float:right; }
.pro_tit h4{background:url(../images/icon_he.gif) no-repeat 0px -165px;
		padding-left:18px}


.pro_sc_list_ad{ clear:both; float:left; width:48%;}

/*Merchant
------------*/
.h_mer_tj_list{width:238px; height:195px; border-bottom:1px dashed #ddd; margin-bottom:10px;}
.h_mer_tj_list li{float:left; text-align:center;}
.h_mer_tj_list p{ margin:0; padding:0; padding:1px 5px;text-indent:0em;}
.h_mer_tj_list li img{padding:2px; border:1px solid #ddd;}

/*Informatin
------------*/
.info_h{ width:688px;}
.info_h_l{ width:255px; margin:5px 15px 0 5px;_margin:5px 15px 0 3px;}
.info_h ul{ float:left;}
.info_h li img{padding:2px; border:1px solid #ddd;}

.newslist{}
.newslist dl{margin:7px; padding-bottom:5px;border-bottom:1px dashed #ccc;}
.newslist dt{ font-size:14px; font-weight:bold;}
.newslist dd{ font-size:12px;line-height:150%;}

.news_zd_tittle{ background:#F2F5FA; text-align:center; padding:10px;}

.infotextkey {font-size:14px;}
.infotextkey a:link{color: #444; text-decoration:none}
.infotextkey a:visited{color:#444; text-decoration:none}
.infotextkey a:hover{color: #014AB9; text-decoration: underline}
.infotextkey a:active{color: #777; text-decoration:none;}



