﻿/*百丽新版网页css 日期:2009.10.1 by:策*/
/*全局css设定*/
HTML { }
BODY { margin: 0; color: #666666;font: 9pt/14px Tahoma, "宋体", Arial, Helvetica, Sans-Serif; line-height:14px; letter-spacing:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ font-family:宋体, Arial, Helvetica, sans-serif;padding: 0; margin: 0;}
UL,LI { padding:0; margin:0; list-style:none;}
IMG { border: none; padding: 0; margin: 0;}
input,img,select {vertical-align:middle;}
A {color:#666666;}
A:link { color:#666666; text-decoration: none;}
A:visited { color:#666666; text-decoration: none;}
A:hover { color:#c90809; text-decoration: none}
.clear { clear: both; font-size:0; line-height:0; height:0;}
#clear { clear: both; font-size:0; line-height:0; height:0;}

.fl { float:left;}
.fr { float:right;}

a.blue { color:#3366cc;}
a.blue:link { color:#3366cc;}
a.blue:visited{ color:#3366cc;}
a.blue:hover { color:#3366cc;}

a.red {color:#c90809;}
a.red:link { color:#c90809;}
a.red:visited{color:#c90809;}
a.red:hover { color:#c90809;}

/*页面通用topcss*/
#top{width:100%;height:30px; background-color:#f7f7f7;border-bottom:1px #ccc solid}

/*==================== Head.css =========================*/
#headerTopArea{height:28px;background:#f7f7f7;border-bottom:1px solid #ccc; overflow: hidden}
#headerTopArea .headerTop{width:960px;height:29px;line-height:28px;margin:0 auto;}
/* ---  top Left  --- */
#headerTopArea .headerTopLeft{width:550px;float:left;display:inline;margin-left:1em;}
#headerTopArea .loginArea{float:left;width:160px; overflow: hidden}
.userlogbox{float:left; text-align:left; overflow: hidden;}
#Userlogin a:link{color:#c90809;}
.mtdl{ padding-right:6px;}
.mtdr{ padding-left:6px;}
.headerTopLeft img{margin-top: 4px;*margin-top: 2px!important;margin-top: 6px;}
#headerTopArea .loginArea span{color:#CA0809;}
#headerTopArea .loginArea a:link,#headerTopArea .loginArea a:visited,#headerTopArea .loginArea a:hover{color:#CA0809;}
#headerTopArea #myVancl{  width:68px;height:18px;line-height:18px;margin:3px 0 0 10px;padding-left:10px;float:left;display:inline;position:relative;cursor:pointer;}
#headerTopArea .active{border:1px solid #f7f7f7;  border-bottom:none; float:left}
#headerTopArea .DropTitle{background:url(../images/dropTag.jpg) no-repeat 52px 7px;width:68px;height:20px;line-height:20px; display:block;}
#headerTopArea .hover{ border:1px solid #CA0809; border-bottom:none; background-color:#fff;}
#headerTopArea .hover .DropTitle{background:url(../images/dropTaghover.jpg) no-repeat 52px 7px; width:68px;height:20px;line-height:20px; display:block; color:#CA0809;}
#headerTopArea .hover ul{display:block; border-top:none;}

#headerTopArea .myVanclDropList{width:78px;padding:4px 0;background:#fff;border:1px solid #CA0809;position:absolute;left:-1px;top:18px;display:none;}
#headerTopArea .myVanclDropList li{ height:18px; line-height:18px;}
#headerTopArea .myVanclDropList li a{padding-left:18px;background:url(../images/point.jpg) no-repeat 10px 8px; display:block;}
#headerTopArea .myVanclDropList li a:hover{ text-decoration:underline; background:url(../images/pointhover.jpg) no-repeat 10px 8px;}
/* ---  top Right  --- */
#headerTopArea .headerTopRight{width:380px;float:right;display:inline;}

/* ---  网站地图  --- */
#headerTopArea #vanclMap{width:68px;height:20px;line-height:20px;margin:3px 0px 0 10px;float:left;display:inline;cursor:pointer;position:relative;z-index:15; color:#CA0809; }
#headerTopArea .mapDropTitle{border:1px solid #f7f7f7;padding-left:18px;background:url(ico_service.gif) no-repeat 0px 2px; display:block;}
#headerTopArea .hover .mapDropTitle{background:url(../images/dropTaghover.jpg) no-repeat 57px 8px; display:block; color:#CA0809;}
#headerTopArea .mapDropList{width:68px;padding:4px 0;border:1px solid #CA0809;background:#fff url(../images/mapTopLine.gif) no-repeat left top;position:absolute;left:-1px;top:18px;z-index:10;overflow:hidden;display:none;}
#headerTopArea .mapDropList ul{margin:3px 0;}
#headerTopArea .mapDropList li{width:70px;}
#headerTopArea .mapDropList li a{width:54px;padding-left:14px;background:url(../images/point.jpg) no-repeat 7px 7px; display:block;}
#headerTopArea .mapDropList li a:hover{ text-decoration:underline; background:url(../images/pointhover.jpg) no-repeat 7px 7px;}

#headerTopArea .hotLine{color:#CA0809;float: right;display:inline;font-family:Tahoma;}
#headerTopArea .hotLine strong{margin:0 4px;font-weight:bold;}
#headerTopArea .hotLine span{margin-left:15px;}
#headerTopArea .hotLine span a:link,.hotLine span a:visited{color:#333;}
#headerTopArea .hotLine span a:hover{color:#CA0809;}



/*页面通用头部css*/
#head { margin: 0px auto; width: 960px; height:95px;}
	#logo { float:left; width:217px; padding-top:13px;}	
	.pinzhi{width:465px; height:35px; float:left; padding:42px 0 0 16px;}
	.subService{width:249px;border:1px solid #ccc; float:right; margin-top:21px;}
	.subService li{width:64px;height:22px;line-height:20px;padding: 4px 0 0 19px;background:url(../images/point.jpg) no-repeat 10px 10px;float:left;display:inline;overflow:hidden;}
	#head_right { float:right; height:auto; padding-top:3px;display:block;text-align:right;position:relative;z-index:200;}
		.head_user { height:17px;}
		.head_user li { display:inline; color:#d8d8d8; text-align:center; position:relative;z-index:201;}
		.head_user span { color:#666666;}
		.head_user a { display:inline-block;line-height:17px; }	
			a.fav_a:link { color:#fff;}
			a.fav_a:visited { color:#fff;}
			a.fav_a:hover { color:#fff; text-decoration:none;}
			#myquwan { position:relative;background:url(../images/public_bg.gif) no-repeat -490px 3px; padding-right:15px; line-height:17px;* line-height:19px !important;*line-height:17px;z-index:201;}			
			#mypop {}	
			#my_pop {display:none; position:absolute; height:auto; padding-top:20px; width:75px;* width:77px !important;* width:75px; left:-7px; top:-3px;background-color:#fff; border:1px solid #c2c2c2; overflow:hidden; padding-bottom:3px; text-align:left;z-index:200; }
			#my_pop a { margin-left:6px;}
			
			#mypop1 {}	
			#my_pop1 {display:none; position:absolute; height:auto; padding-top:20px; width:75px;* width:77px !important;* width:75px; left:-7px; top:-3px;background-color:#fff; border:1px solid #c2c2c2; overflow:hidden; padding-bottom:3px; text-align:left;z-index:200; }
			#my_pop1 a { margin-left:6px;}
			
			
#head_other { padding-top:19px; height:37px;position:relative; z-index:1;}
			#head_other a {  float:right;z-index:1; margin-left:7px; height:29px; width:86px; overflow:hidden;position:relative;}		
			#head_other a img { position:absolute; top:0; left:0;}
			#head_other a:hover {zoom:1;}
			#head_other a:hover img {top:-29px;}
			.hot_span { position:absolute; display:block;right:183px; top:8px; height:11px; width:21px; line-height:0; font-size:0;background:url(../images/public_bg.gif) no-repeat -532px -98px;}

/*页面通用横向导航栏css*/
#navbox { margin: 0px auto;width: 960px;height:32px; padding-top:1px; background-color:#ca0809;position:relative;z-index:100;}
#nav {width:958px; padding:0 1px;height:31px;z-index:100; border-top:1px solid #e31c1f;}	
	.nav_item {float:left;display:block;height:31px;  color:#fff;}
	.nav_li {position:relative;float:left;width:78px; border-left:1px solid #d4190b;border-right:1px solid #aa0605;display:block;height:27px; line-height:19px; padding-top:4px; }
	.index_a {color:#fff;display:block; font-size:14px;line-height:17px;* line-height:19px !important;*line-height:19px; font-weight:bold; color:#fff; text-align:center; padding-top:2px;width:78px; height:25px; }
	a.index_a:link {color:#fff;}
	a.index_a:visited {color:#fff;}
	a.index_a:hover {color:#c90809; text-decoration:none;background:url(../images/public_bg.gif) no-repeat -79px 0px;}
	.indexon_a {color:#c0130d;background:url(../images/public_bg.gif) no-repeat -79px 0px;}
	a.indexon_a:link {color:#c90809;}
	a.indexon_a:visited {color:#c90809;}
	a.indexon_a:hover {color:#c90809;}	
	
	.nav_a { display:block; font-size:14px; line-height:17px;* line-height:19px !important;*line-height:19px; font-weight:bold; color:#fff; text-align:center; padding-top:2px;width:78px; height:25px; background:url(../images/public_bg.gif) no-repeat 9999999px 0px;}
	a.nav_a:link {color:#fff;}
	a.nav_a:visited {color:#fff;}
	a.nav_a:hover {color:#c90809; text-decoration:none;background:url(../images/public_bg.gif) no-repeat 8px 0px;}
	.nav_on {}
	.on {color:#c90809;background:url(../images/public_bg.gif) no-repeat 8px 0px;}
	a.on:link {color:#c90809;background:url(../images/public_bg.gif) no-repeat 8px 0px;}
	a.on:visited {color:#c90809;background:url(../images/public_bg.gif) no-repeat 8px 0px;}
	a.on:hover {color:#c90809;background:url(../images/public_bg.gif) no-repeat 8px 0px;}
	
	.nav_hover {}
		.nava_on {color:#c90809;background:url(../images/public_bg.gif) no-repeat -79px 0px;}
		a.nava_on:link {color:#c90809;}
		a.nava_on:visited {color:#c90809;}
		a.nava_on:hover {color:#c90809;background:url(../images/public_bg.gif) no-repeat 8px 0px;}
		
		.bred{ font-size:12px;color:#c90809;font-weight:bold;}
		
	.nav_pop { position:absolute; top:31px; width:512px; display:none; height:auto; border:2px solid #c90809; border-top:none;background-color:#fff; padding-top:10px;}
		.nav_pop dd { width:127px; float:left; border-right:1px solid #f3e5d9; padding-bottom:10px;}		
		.nav_pop dd p,.nav_pop dd span{ display:block; height:20px; line-height:20px; padding:6px 0px 6px 13px;}
			.dd_on { background-color:#fff5e9;color:#c90809;height:20px; line-height:20px; }
			.dd_on a { display:block;}			
		.nav_pop span a{ color:#c90809; font-weight:bold;}
		.nav_pop span a:link{ color:#c90809;}
		.nav_pop span a:visited{ color:#c90809;}
		.nav_pop span a:hover{ color:#c90809;}
		
		.nav_pop a{ display:block; width:114px;}
		.nav_pop a:hover{ display:block; width:114px; background-color:#FFEFDC;height:25px;}		
		
		.pop_left {right:-401px;}
		.pop_left1 {right:-481px;}
		.pop_left2 {right:-561px;}
		.pop_right {left:6px;}
			
	#nav_cartbox { float:right;	height:26px; margin-top:4px; margin-right:8px; width:200px;}
	#nav_cartbox li { float:left;}
		.nav_cart { padding-left:30px; height:26px; line-height:20px;* line-height:22px !important;* line-height:20px; cursor:pointer; position:relative; padding-right:5px; }
		.nav_carta { color:#fff;background:url(../images/public_bg.gif) no-repeat -541px -75px; padding-left:20px;}
		a.nav_carta:link { color:#fff;}
		a.nav_carta:visited { color:#fff;}
		a.nav_carta:hover { color:#fff; text-decoration:none;}
		.nav_carta font {color:#fff; font-size:12px; font-weight:bold; padding:0 3px;}	
			
			.cart_pop { position:absolute; display:none; height:auto;  text-align:center; width:204px; border:2px solid #c90809;background-color:#fff; top:25px; right:-90px;* right:-90px !important;* right:-99px; }
				.cart_pop dl { border-bottom:1px solid #ccc;margin:10px 15px; padding-bottom:10px;line-height:14px;}
				.cart_pop dt { float:left; padding-right:10px;}
				.cart_pop dt img { padding:5px; background-color:#fff; border:1px solid #ddd;}
				.cart_pop dd { text-align:left;}
				.cart_pop span { color:#ff0000; margin-right:10px;}
				.price_cart { float:left; font-weight:bold;color:#cc0000;}
				.del_cart {float:right; color:#3366cc;}
				a.del_cart:link { color:#3366cc;}
				a.del_cart:visited { color:#3366cc;}
				a.del_cart:hover { color:#3366cc;}
		.add_cart { margin-bottom:15px; height:23px; width:96px; float:right; margin-right:10px;* margin-right:10px !important;* margin-right:5px; display:block;background:url(../images/public_bg.gif) no-repeat -107px -27px;  }		
	.nav_showcat {background:url(../images/public_bg.gif) no-repeat -541px -47px;width:22px;height:26px; line-height:26px; cursor:pointer;}	
	.nav_check {width:59px;height:26px; line-height:26px;}
		.nav_check a {display:block; width:59px; height:22px;background:url(../images/public_bg.gif) no-repeat -48px -27px; }

	
	.cart_count { margin-bottom:10px; text-align:right; padding-right:10px;}
	.cart_count font { font-weight:bold; color:#cc0000; font-size:12px;}

/*页面通用横向导航栏下方搜索板块css*/	
.sobox { margin: 0px auto; width:960px; height:36px;margin-bottom:12px; border-bottom:2px solid #f2f2f2;}	
	.gonggao{width:300px;height:28px; float:left;background:url(../images/gonggaot.gif) no-repeat 0 7px;}
	.dFtxtivy { margin-top:6px; width:240px;  margin-left:56px;* margin-left:56px !important;* margin-left:28px;  float:left; height:20px; OVERFLOW: hidden}
	.dFtxtivy ul li{width:245px; overflow:hidden;height:16px; padding-top:5px;}

	.so {margin: 0;width:630px;height:28px; text-align:right; padding-top:7px; padding-right:10px; overflow:hidden;white-space:nowrap; float:right}
		#so_txt { height:20px; line-height:20px;  width:166px; border:1px solid #d2d2d2;background:url(../images/public_bg.gif) no-repeat -537px -23px; background-color:#fff; color:#9b9b9b; padding-left:20px; margin-right:5px; margin-left:11px;}
		#so_btn { height:22px; width:48px; border:none;cursor:pointer;background:url(../images/public_bg.gif) no-repeat 0px -27px;}
	.so a { margin:0 10px;}	
/*页面通用主题css*/

#main,#global_body { margin: 0px auto; width: 960px; height:auto;}
.top_ad { height:auto;margin-bottom:15px; overflow:hidden;}
	.top_ad img { width:960px;}
/*页面通用页脚css*/		
#foot{margin: 0px auto;width: 100%; height:auto; color:#000000;background:url(../images/public_bg.gif) repeat-x 0 -273px;background-color:#fafafa; margin-top:15px; }		
	#footer { margin: 0px auto; width: 960px; padding-top:25px; height:auto;}
		#phone { float:left; width:166px;height:113px; position:relative; overflow:hidden;}
			#phone img { position:absolute;  top:-160px; left:0px;}
		#help_box {float:right;  width:794px; height:130px; }		
		.help { float:left;width:137px; padding-left:21px; height:117px;}
		.help dt {height:22px; border-bottom:1px solid #dddddd; margin-bottom:5px;}
			.help dt span { background-image:url(../images/public_bg.gif); background-repeat:no-repeat; display:inline-block; height:17px; }
			.help1 {width:65px; background-position:2px -50px; margin-left:8px;}
			.help2 {width:65px; background-position:-62px -50px;margin-left:8px;}
			.help3 {width:72px; background-position:-197px -50px;}
			.help4 {width:70px; background-position:-125px -50px;}
			.help5 {width:65px; background-position:-270px -50px;margin-left:6px;}
		.help dd { display:block;  height:18px; line-height:18px;  padding-left:15px; margin-left:8px;}		
		.help dd a { color:#999;}
		.help dd a:link { color:#999;}
		.help dd a:visited { color:#999;}
		.help dd a:hover { color:#c90809;}
		
.guarantee{ height:68px; width:960px; position:relative;}
 	.guarantee dt { position:absolute; z-index:0;top:2px;*top:0px !important;*top:0px; left:2px;height:68px; width:960px; background-color:#f0f0f0;}
	.guarantee dd { border:1px solid #d1d1d1;width:953px; background-color:#fff; text-align:center; height:auto; padding:16px 0 16px 5px;position:absolute;z-index:1; top:0; left:0;}
	.guarantee dd a { display:inline-block; height:31px;background-image:url(../images/public_bg.gif); background-repeat:no-repeat;}
	.guar_1 { width:300px;background-position:0 -67px;}
	.guar_2 {width:315px;background-position:0 -98px;}
	.guar_3 {width:290px;background-position:0 -129px;}

	
#honor { margin-top:12px;}
	#honor a { display:block; float:left;height:50px;background-image:url(../images/public_honors.gif); background-repeat:no-repeat;}
	.honor1 { width:162px;background-position:0px 0px; margin-right:10px; }
	.honor2 {width:155px;background-position:-162px 0px; margin-right:10px; }
	.honor3 {width:155px;background-position:-317px 00px; margin-right:10px; }
	.honor4 {width:155px;background-position:-472px 0px; margin-right:10px; }
	.honor5 {width:119px;background-position:-627px 0px; margin-right:10px; }
	.honor6 {width:164px;background-position:-746px 0px; margin-right:0;}



#links { color:#999; text-align:center; height:32px; line-height:32px; padding-left:10px;padding-right:10px; margin-top:20px;}
	#links span { padding:0 10px;}
	#links a{ color:#999;}
	#links a:link {color:#999;} 
	#links a:visited {color:#999;} 
	#links a:hover {color:#c90809;} 

#copyright { text-align:center; color:#999; margin-top:5px; padding-bottom:30px; line-height:22px;}
	
/******************回到顶部-zhangchao-**********************/
/*
.scroll_div {background:url(../images/scroll.png) no-repeat top center;bottom:200px; position: fixed; left:1000px; z-index:1;_position: absolute; _bottom: auto; _top: expression( eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + 

(documentElement.clientHeight - this.clientHeight) - 1 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight) - 1); height:65px; width:21px; display:none; color:#FFFFFF; cursor:pointer;}	

* html .scroll_div {background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=corp, src='../images/scroll.png');bottom:200px;
}
*/	
/******************回到顶部-End-zhangchao-**********************/
	.page_box { padding-top:15px; height:24px; line-height:23px;*line-height:23px !important; *line-height:25px;  text-align:center; padding-bottom:18px;}
	.page_box a {display:inline-block;  height:23px; padding:0 9px;}

	.page_box span {border:1px solid #dbdbdb; height:23px;display:inline-block; *vertical-align :middle !important; margin:0 3px; }
	.page_box font { font-size:12px;padding:0 5px;}
	.page_box b { font-weight:normal; color:#cc0809;}
	#page_on { border:1px solid #ca0809; background-color:#fff9eb; color:#ca0809;padding:0 9px;}
	
#severs {POSITION: fixed; WIDTH: 148px; HEIGHT: 183px; TOP: 300px; RIGHT: 1px}
* HTML #severs {POSITION: absolute; ; TOP: expression((200+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px')}

.topad{width:960px;height:90px; margin:0 auto}

	
