/*	-------------------------------------------------------------
	XYECS! B2B电子商务系统---案例---纵横易商软件
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	公用样式-头部，底部，常用公用样式
	Filename:		index.css 
	对应页面：      首页
	-------------------------------------------------------------	*/
	



/*
主要内容： 广告，新闻动态，推荐招商，焦点新闻，供求信息
——————————————————————————————————*/

.paddingtop8{ padding-top:5px;}

  /*网站动态信息*/
#sitenews{ width:97%; padding-left:3%; background:url(bgimages/title_06.gif) #F8F8F8 no-repeat 8px center;}
#sitenews,
#sitenews h2,
#sitenews ul,
#sitenews ul li{ float:left;}
#sitenews ul li{background:url(bgimages/li_4.gif) no-repeat left center; margin-left:10px; padding-left:8px;}


/*第一屏：左-中-右*/
#LeftMain{ width:718px; float:left; }/*第一屏：左边大框架*/
#TopNewLeft{width:195px; float:left;}
#TopNewMiddle{width:515px; float:left;}
#TopNewRight{width:260px; float:right; overflow:hidden;}


  /*第一屏：幻灯*/
#Slider{ width:270px; float:left;}
#Slider h2{background:url(bgimages/title_09.gif) no-repeat left top; height:23px; padding:5px 0 0 26px; font-size:14px;}


  /*焦点资讯*/
.Topnews{width:515px; margin-left:3px; height:246px; margin-bottom:-10px;background:url(bgimages/topnews_bg.gif) repeat-x left top; border:1px solid #aaccee;}
.Topnews h2 span{background:url(bgimages/title_01.gif) no-repeat 6px center; padding-left:28px;}

.imgnews{padding:6px; text-align:center;}
.imgnews div{ float:auto;}
.imgnews div h3{ padding-bottom:6px;}
.imgnews div h3 a{ font-family:"微软雅黑"; color:#CC3300; font-size:16px; font-weight:bold;}
.imgnews div p{ text-indent:21px; color:#666; text-align:left;}

.flash { width:220px; margin:2px 0px 0 0px; padding:4px 0; float:left;}
.textnews ul{background:url(bgimages/line_x1.gif) repeat-x left top; width:290px; margin:2px 0px 0 0px; padding:4px 0; float:right; overflow:hidden;}
.textnews li{background:url(bgimages/li_4.gif) no-repeat left center; padding-left:3px; clear:both; line-height:20px;}
*html .textnews li{line-height:21px;}
*+html .textnews li{line-height:21px;}
.textnews li a{ font-size:14px;}
.textnews li em{ color:#666; float:right;}
.textnews li span{ padding-right:6px;}
.textnews li span a{ font-size:12px;}

<!--滚动新闻-->
#scrollDiv{height:100px; min-height:20px; line-height:20px; border:#ccc 1px solid; color:#FF0000; background:#000; overflow:hidden;}
#scrollDiv li{height:20px;}

.xxx{height:100px; overflow:hidden; height:210px; min-height:20px; line-height:20px;}
.xxx li{height:20px;}
.eee ul{margin:0; padding:0 5px;}
.eee ul li{margin:0; padding:0;}
.eee em{float:right;}
.eee{background:#fff;min-height:22px; line-height:21px; height:210px; overflow:hidden;}
.eee li{height:21px;}
  /*待定内容*/
.daiding{ float:left; width:195px; margin-bottom:4px; height:245px;}

  /*推荐供求*/
.hotoffer{ margin-top:10px;width:515px; margin-left:3px; height:246px; border:1px solid #aaccee;}
.hotoffer_l { width:256px; margin:1px 0px 0 1px; padding:2px 0; float:left;}
.hotoffer_l H2 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; background-color:#c2e4f6; COLOR: #bd0608; PADDING-TOP: 0px;}
.hotoffer_l li{ float:left; width:99%;}
.hotoffer_r { width:256px; margin:1px 0px 0 1px; padding:2px 0; float:right;}
.hotoffer_r H2 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; background-color:#c2e4f6; COLOR: #bd0608; PADDING-TOP: 0px;}
.hotoffer_r li{ float:left; width:99%;}
.hotoffer h2 span{background:url(bgimages/title_01.gif) no-repeat 6px center; padding-left:28px;}
.hotoffer #imgoffer{ text-align:center; padding:10px 6px 6px 6px;}
.hotoffer #imgoffer li{ float:left; width:24.9%;}
.hotoffer #imgoffer li img{ border:1px solid #ccc; padding:2px; vertical-align:middle; margin-bottom:3px;}

.hotoffer #textoffer{ margin:0px 8px; padding-top:0px; width:99%;}
.hotoffer #textoffer li{background:url(bgimages/li_1.gif) no-repeat left center; float:left; width:47%; padding-left:2%;}
.more {MARGIN-TOP: 2px; FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: right; MARGIN-RIGHT: 4px}

/*右边登录*/
.H150{height:150px;}
.TopPl{padding:5px 3px 10px 3px;}
.LoginPl{width:70%; float:left;}
.LoginPl li{border-left:1px solid #999; border-top:1px solid #999;  border-right:1px solid #ccc;  border-bottom:1px solid #ccc;  width:160px; margin-bottom:5px; padding:0 2px; height:22px; line-height:22px;  float:left !important;}
.LoginPl li.codeli{width:180px !important; display:block !important;}

.LoginPl li.codeimg{border:none; width:70px !important;}
.LoginPl li.regli{border:none;}
.LoginPl .userinput,.pswinput,.codeinput{ line-height:22px; width:110px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#FF3300;}
.codeinput{width:45px; color:#666666; }

.KefuDiv{font-family:Verdana, Arial, Helvetica, sans-serif; padding:5px;}
.KefuDiv .webname{ font-size:14px; color:#FF3300; font-weight:bold;}

/*_login2.htm*/
.LoginName{color:#FF3300; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.logindiv ul{float:right; display:block; width:29%; margin-top:5px;}
.LoginBtn{width:50px; height:50px; font-size:14px; font-weight:bold; background:url(bgimages/loginbtn.gif) no-repeat left top; border:none; color:#fff;}
.logined_user{margin-top:5px;}
.logined_user li{ float:left; border:1px solid #aaccee; width:45%; line-height:20px; background:#eaf2fb; height:20px; margin:2px; text-align:center;}
.logined_user li:hover{background:#aaccee;}

/*右侧推荐信息*/
.H400{height:332px;}
.Productimg{float:left; padding-right:1px; padding-top:5px; margin:0px;}
.Productimg span{color:#666;}
.ProductTitle a{font-weight:bold; text-decoration:underline;}
.ProductPrice{color:#FF0000;}

/*第一屏小分割广告*/
.TopSpaceAd{margin:2px;margin:auto; text-align:left; width:980px; }
.TopSpaceAd img{padding:0 0px;}
/*
主要内容：最新招商信息 行业公司库，企业推荐
——————————————————————————————————*/

.w710{ width:705px; float:left;}

   /*分类标题*/
.contentbox .title{background:url(bgimages/title_06.gif) #DBE4EF repeat-x left top; padding-left:6px; height:29px;}
.contentbox .title .on,
.contentbox .title .out{ border:1px solid #C0D7E1; padding:1px 12px 1px 20px; display:block; float:left; margin-left:10px; position:relative; top:4px;}
.contentbox .title .on{background:url(bgimages/title_01.gif) #fff no-repeat 6px center; border-bottom-color:#fff;}
.contentbox .title .out{background:url(bgimages/title_02.gif) no-repeat 6px center;}
.contentbox .title .on a:link,
.contentbox .title .on a:visited{ font-size:14px; text-decoration:underline;}
.contentbox .title .out a{ font-size:14px; font-weight:normal;}

   /*分类内容*/
#classnav{background:url(bgimages/dotted2y.gif) repeat-y center center; width:99%; margin:4px 0; padding-left:6px; font-family:Arial; height:83px;}
#classnav li{ width:30%; float:left; padding:8px 11px;}
#classnav li strong{ display:block;}
#classnav li strong a:link,
#classnav li strong a:visited{ font-size:14px; color:#0E63BD;}
#classnav li strong a:hover{color:#f60;}
#classnav li strong a{ padding-right:18px;}
#classnav li strong a.new{ background:url(bgimages/li_new.gif) no-repeat right top;}
#classnav li p{ display:block; color:#ccc;}
#classnav li p a{ margin:0 3px;}
#classnav li p a.yellow{ color:#f60;}

   /*推荐企业、品牌*/
.w258{ width:265px; float:right;}
.w258 .img{ text-align:center; padding:8px 0;}
.w258 .img img{ vertical-align:middle; margin-bottom:2px;}
.hotcompany{background:url(bgimages/hotinfo.gif) no-repeat 6px top;  margin-right:12px; padding-bottom:8px; height:210px;}
*html .hotcompany{padding-bottom:5px;}
.hotcompany li{ padding:4px 0 0 30px;}
.UsedCars{ margin-right:12px; padding-bottom:2px; height:200px;}
*html .UsedCars{padding-bottom:2px;}
.UsedCars li{ padding:4px 0 0 4px;}

.topband .hotcompany{ background:none; height:190px;}
.topband .hotcompany li{ padding:0 0 0 14px;}
   
   /*最新商机*/
.newproductinfo{ padding:2px 0 0px 0px; background:#fff; width:708px;}
.newproductinfo li{ width:19%; float:left; padding:8px 2px;}
.w230{ width:230px; float:left;}
.w230 h4{background:url(bgimages/title_hot.gif) no-repeat 6px bottom; padding:3px 0 3px 40px; font-size:14px;}
.w230 #imgnews div h3 a{ color:#333; font-size:12px;}
.w230 #textnews li a{ font-size:12px;}
.w230 #imgnews div { width:56%;}
.newproductinfo .textnews{color:#FF6600;}
.newproductinfo .textnews span{ margin-left:2px;}

/*间隔广告*/
.MidSpaceAd{margin:3px 0 -2px 0;}


/*
主要内容：热门产品展播
——————————————————————————————————*/
.hotproduct{ margin:10px 0; clear:both; background:#fff; font-family:verdana;}
.hotproduct h2 span{background:url(bgimages/title_03.gif) no-repeat 6px center; padding-left:28px;}
.hotproduct li{ float:left; width:10%; text-align:center; line-height:normal; padding:0 12px; margin:6px 0; background:url(bgimages/line_y.gif) repeat-y right center;}
.hotproduct li.onbg{ background:none;}
.hotproduct li img{ vertical-align:middle; border:1px solid #ccc; padding:1px;}
.hotproduct li span{ display:block; font-weight:bold; color:#f00;}


/*
主要内容：底部通用
——————————————————————————————————*/

   /*通用1*/
.hotty1{ width:320px; float:left; margin:0px 0px 4px 0px;}
.hotty1 h2 span{background:url(bgimages/title_04.gif) no-repeat 6px center; padding-left:28px;}
.hotty1 #imgty1{ padding:8px 0 6px 3px;}
.hotty1 #imgty1 li{ float:left; width:16%; padding:0 1px; text-align:center;}

.hotty1 #textty1{ padding:3px 0 6px 16px;}
*html .hotty1 #textty1{ padding:6px 0 6px 16px;}
.hotty1 #textty1 li{background:url(bgimages/li_5.gif) no-repeat left center; padding-left:8px; }

   /*通用2*/  
.hotty2{ float:right; width:320px; margin:0px 0px 4px 6px;}
.hotty2 h2 span{background:url(bgimages/title_05.gif) no-repeat 6px center; padding-left:28px;}
.hotty2 #textty2{ float:left; padding:9px 0 6px 12px; line-height:20px;}
.hotty2 #textty2 li{background:url(bgimages/li_4.gif) no-repeat left center; padding-left:8px; }

.hotty2 #adty2{ float:right; width:48%; text-align:center; padding-top:8px;}
.hotty2 #adty2 img{ margin-bottom:3px;}


/*
 友情链接
——————————————————————————————————*/
.friendlink{ padding-top:6px;}
.friendlink h2{background:url(bgimages/line_x1.gif) repeat-x left bottom; padding-top:5px; height:24px; margin-bottom:8px;}
.friendlink h2 span{background:url(bgimages/title_08.gif) no-repeat 6px center; float:left; padding-left:23px; font-size:14px;}
.friendlink h2 em{background:url(bgimages/title_more2.gif) no-repeat left center; padding:0 12px 0 14px; float:right; font-weight:normal;}
.friendlink ul{ width:100%;}
.friendlink li{ float:left;}
.friendlink .imgfriendlink li{ padding-right:10px;}
.friendlink .textfriendlink li{ width:10%;}