﻿/*	-------------------------------------------------------------
	XYECS! B2B电子商务系统---案例---成都企业网
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	公用样式-头部，底部，常用公用样式
	Filename:		main.css 
	对应页面：      全部
	-------------------------------------------------------------	*/
	
	/* 公用样式*/
* { padding:0; margin:0; font-size:12px; }
html{ height:100%;}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif,"宋体"; 
	font-size:12px; 
	color:#333;
	height:100%;
	text-align:center; 
	line-height:21px; 
	background:#fff; 
	word-break:break-all;
}
ul,ol,li,dl,dt,dd { list-style:none;}
img { border:0;}
button { cursor:pointer;}
em,i{font-style: normal;}
.clear{ clear:both; line-height:0px;}


/*
默认的链接样式
——————————————————————————————————*/

a, a:link, a:visited{ text-decoration:none; color:#07519a;}
a:hover{ text-decoration:underline; color:#f60;}
a.orange{color:#f60; text-decoration: none;}
a.orange :hover{color:##001D4C; text-decoration: none;}

/*
最外面的盒子--共用
——————————————————————————————————*/
.wrapper{ 
	width:980px; 
	margin:0px auto; 
	text-align:left; 
	clear: both; 
}
.wrapper:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.wrapper {display: inline-table;}
/* Hides from IE-mac \*/
* html .wrapper {height: 1%;}
.wrapper {display: block;}
/* End hide from IE-mac */

.box{ clear:both; overflow:hidden; }

  /*淡蓝色盒子通用*/
.contentbox{ border:1px solid #aaccee;}
.contentbox h2{background:#eaf2fb; padding-top:5px; height:24px;}
.contentbox h2 span{background:url(bgimages/title_01.gif) no-repeat 6px center; float:left; padding-left:23px; font-size:14px; color:#07519a;}
.contentbox h2 em{background:url(bgimages/title_more.gif) no-repeat left center; padding:0 12px 0 6px; float:right; font-weight:normal;}

  /*带有选项卡的盒子通用*/
.Tabbox{ border:1px solid #aaccee; height:100%; margin-bottom:10px;}
.Tabbox h2{line-height:25px; display:block;}
.Tabbox h2 span{text-align:center; font-size:14px; color:#07519a; display:block;}
.Tabbox h2 a{font-weight:bold; width:49.9%; float:left; display:block; background:none; background:url(bgimages/Tab_bg.gif) repeat-x left top; color:#fff;}
.Tabbox a.on{background:#fff; color:#07519a; font-size:14px;}


  /*橘黄色框架通用*/
.contentbox2{ border:1px solid #eaf2fb;}
.contentbox2 h2{background:#eaf2fb repeat-x left top; padding-top:5px; height:24px;}
.contentbox2 h2 span{ float:left; padding-left:23px; font-size:14px; color:#07519a;}
.contentbox2 h2 em{background:url(bgimages/title_more.gif) no-repeat left center; padding:0 12px 0 6px; float:right; font-weight:normal;}
.contentbox2 h2 span li{ font-size:12px; font-weight:normal;}

.maginB5px{margin-bottom:5px;}
.maginT5px{margin-top:5px;}
/*
头部 header --共用
——————————————————————————————————*/
 
  /*顶部信息*/
#topnav{ background-color:#F4F3F1; border-bottom:1px solid #CDCDCD; padding:3px 0 0 6px;}	
#topnav a{ margin:0 6px;}
#topnav span{ float:right;}
#topnav span .img{padding-right:16px;color:#f60;}



  /*网站标志 头部广告 分站*/
#headertop{ margin-top:2px; padding-top:8px;}
#headertop #logo, #headertop #ad{ float:left;}
#headertop #ad img{ border:1px solid #ccc;}
#headertop #logo{ padding:8px 14px 0 8px;}
#headertop #subsitenav{ float:right; padding:0 18px; }
#headertop #subsitenav a{ margin:0 8px;}

#subsitenav{float:right; margin-top:10px;}
#subsitenav li, #subcolumn li {float:left;}
#subsitenav ul {
	margin-right:-11px;
	float:right;
}
#subsitenav li {
	background:url(bgimages/hd_ico.gif) no-repeat right 2px;
	padding:0 10px 0 8px;
}
#subsitenav li a {
	color:#000000;
	display:block;
}
#subsitenav li a:hover span {
	text-decoration:underline;
}
.isupplier {
	background:url(bgimages/hd_ico.gif) no-repeat 0 -60px;
	padding-left:22px;
}
.igtb {
	background:url(bgimages/hd_ico.gif) no-repeat 0 -120px;
	padding-left:16px;
	margin-left:4px;
}
.iorders {
	background:url(bgimages/hd_ico.gif) no-repeat 0 -180px;
	padding-left:20px;
	margin-left:4px;
}
.yvalue {
	background:url(bgimages/hd_ico.gif) no-repeat 0 -240px;
	padding-left:20px;
	margin-left:4px;
}
#subcolumn {
	float:right;
	width:413px;
}
#subcolumn ul {
	float:right;
}
#subcolumn li {
	margin:0 0 0 5px;
}
#subcolumna {
	color:#000000;
	display:block;
	float:left;
	background:url(bgimages/hd_navbg.gif) no-repeat left 0;
}
#subcolumn a span {
	display:block;
	white-space:nowrap;
	padding:5px 17px 4px 17px;
	background:url(bgimages/hd_navbg.gif) no-repeat right -21px;
}
#subcolumn a:hover {
	text-decoration:none;
	background:url(bgimages/hd_navbg.gif) no-repeat left -42px;	
}
#subcolumn a:hover span {
	background:url(bgimages/hd_navbg.gif) no-repeat right -63px;
}









  /*头部菜单*/
#nav { padding-left:100px; padding-top:3px;}
#nav li{ float:left; margin:0 3px; background:url(bgimages/nav_li.gif) no-repeat left top; width:72px; text-align:center; height:21px; padding-top:8px;}
*html #nav li{ padding-top:7px;}
#nav li.on{background:url(bgimages/nav_on.gif) no-repeat left top;height:24px; padding-top:5px;}
#nav li.on a{ font-weight:bold; color:#fff; font-size:14px;}
#nav li.on a:hover{ text-decoration:none;}
#nav li a{width:72px; display:block; height:22px;}
#nav em{background:url(bgimages/nav_new.gif) no-repeat left top; width:24px; height:27px; display:block; position:relative; top:-43px; right:-36px;}
*html #nav em{position:absolute; top:80px; right:auto;}

  /*搜索*/
#searchbox{background:url(bgimages/nav_bg.gif) repeat-x left top;width:100%; height:60px; overflow:hidden; margin-bottom:5px;}
#searchbox #search{ float:left; padding:12px;background:url(bgimages/nav_left.gif) no-repeat left top;}
#searchbox #search #w{ width:180px;}
#searchbox #search input{ height:16px; line-height:16px;}
#searchbox #search button{ line-height:normal; padding:0 8px; margin-left:16px;}

#searchbox #search #keywords,
#searchbox #search #searchtype { padding-top:5px; }
#searchbox #search #keywords h2{color:#f60; font-weight:normal;}
#searchbox #search #keywords h2,
#searchbox #search #keywords ul,
#searchbox #search #keywords ul li{ float:left;}
#searchbox #search #keywords ul li a{ margin:0 4px;}
#searchbox #search #searchtype { float:left; margin-right:5px;}

#searchbox #help{background:url(bgimages/nav_right.gif) no-repeat right top; float:right; padding:14px;}

#topnav, #headertop, #nav, #searchbox{ clear:both;}


/*
 当前位置
——————————————————————————————————*/
#currentposition{ font-family:verdana; border-bottom:1px solid #ccc; width:100%; padding-bottom:4px; margin-bottom:6px;}
#currentposition em{ width:70%; float:left; padding-top:13px;}
#currentposition span{background:url(bgimages/brand_fabuinfo.gif) #f60 no-repeat left top; width:195px; height:25px; display:block; text-align:center; padding:4px 0 0 8px; margin-top:5px; float:right;}
#currentposition span a:link, #currentposition span a:visited{ color:#fff; font-size:14px; font-weight:bold;}


/*
 尾部 版权信息
——————————————————————————————————*/

   /*城市分站*/ 
#citysitnav{ text-align:center; padding-top:16px; clear:both;}
#citysitnav a{ margin:0 8px;}

#footer{ border-top:1px solid #ccc; text-align:center; margin-top:8px; padding:12px 0; font-family:Arial;}
#footer p{ padding:8px 0;}
#footer p img{ vertical-align:middle;}




.sortList
{
	font-size:14px;
	font-family:@Fixedsys;
	width:100%;
	line-height:150%
	}
.sortList ul a
{
	color:#333;
}

.sortList ul li span
{
	font-weight:bold;
	background-color:#eee;
	display:block;
	font-size:14px;
	padding:2px 5px ;
}
.sortList ul li span a
{
	font-size:14px;
}
.sortList ul li
{
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	float:left;
	width:48%;
}
.sortList ol li 
{
	float:left;
	width:100%;
	padding-left:8px;
	background-image:url(bgimages/listarrow2.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
.sortList dl dd
{
	float:left;
	font-weight:normal;
	display:block;
	padding-left:10px;
	background-image:url(bgimages/b.jpg);
	background-position:left;
	background-repeat:no-repeat;
}


#w717{ width:722px; float:left;}
#w253{ width:248px; float:right;}


/* 图片展示页面 */
.picmain { width:1014; border-top:solid 1px #DA8000;border-bottom:solid 1px #DA8000; margin-bottom:5px;}
.picSitenav{ background:#fcf0e0;  border-bottom:solid 1px #F1C696; text-align:left; height:40px; line-height:40px; width:100%; text-indent:10px;}
.picSitenav a{ text-decoration:underline;}
.picSmall{ width:100%; background:#e8e8e8; padding:5px 0; text-align:center; border-bottom:solid 1px #F1C696;}
.picSmall img{ margin:0 5px; border:1px solid #ddd; width:70px; height:70px; cursor:pointer;}
.gray{ background:#F8F8F8;}
.picBig{ padding:10px 0;  text-align:center; background:#fff; min-height:320px;}
* html .picBig{height: 320px;}
.picBig img{  margin:0 auto;border:1px solid #B7B7B7;cursor:pointer;}

/* Redirect.htm 页面*/
#s_e_m
{
	margin-top:100px;
	width:400px;
	border:dotted 1px #ff6600;
	padding:10px;
	background-color:#fff8e8;
	}
#s_e_m a{ text-decoration:underline;}	
#s_e_m p{font-size:14px; }
#r_f{margin:auto; width:100%; text-align:center; margin-top:30px; font-size:12px; border-top:solid #cccccc 1px; padding:10px;}
/* page404.htm 页面 */
#s_e_404
{
	margin-top:100px;
	width:500px;
	border:dotted 1px #ff6600;
	padding:10px;
	background-color:#fff8e8;
	}
#s_e_404 ul
{
 text-align:left;
	}
#s_e_404 .h{ font-size:18px; font-weight:bold; color:#ff6600; line-height:200%;}

/*  /Job/Index.htm */
.newjob ul,.newjob2 ul{ padding:5px;}
.newjob li,.newjob2 li{ float:left; width:230px;}
.newjob2{margin-top:5px;}

.ad_j_t{ margin-top:2px; margin-bottom:6px;}
.ad_j_t a{ margin-right:15px;}

.c_c{margin-bottom:5px;}
.c_c ul{ padding:5px; }
.c_c{ margin-bottom:10px;}


/* By Job/List.htm Page */
.joblist ul{padding:10px;}
.joblist li{ line-height:200%; border-bottom:dotted #cccccc 1px;}
.joblist strong a{ color:#ff6600;}
.joblist span{ padding-right:5px;}
.joblist p{ color:#999999;}
.pages{ text-align:center; margin:10px 0; font-size:16px; font-weight:bolder; color:#001d4c;}
.pages a{ padding-left:4px; padding-right:4px; color:#ff6600;}
/* -----------------------------------------------------------------
竞价页面用，之后删除
老版本头部  开始
——————————————————————————————————*/

/*顶部信息*/
#TopInfo{ background-color:#F4F3F1; border-bottom:1px solid #CDCDCD; padding:3px 0 0 0; width:800px;color:#003466; text-indent:6px;}	
#TopInfo a{ margin:0 6px;}
#TopInfo span{ float:right;}
#TopInfo em{ float:left;}
#TopInfo span .img{ background:url(bgimages/index_01.gif) no-repeat right top; padding-right:16px;color:#f60;}

/*网站标志*/
#TopLogo{ padding-top:6px; width:800px; margin:0 auto;}
#TopLogo .logo, #TopLogo .ad{ float:left;}
#TopLogo .logo{ padding:8px 14px 0 8px;}
#TopLogo .right{ float:right; width:70px;}
#TopLogo .right ul li{ background:url(bgimages/index_02.gif) no-repeat left center; float:left; padding-left:16px;}
#TopLogo .right2{ float:right; background:url(bgimages/icon_announce.gif) no-repeat 0 34px; padding:32px 0 0 19px; font-weight:bold;}



.box_mt{ 
	width:800px; 
	margin:5px auto 0 auto; 
	text-align:left; 
	clear: both; 
}
.box_mt:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.box_mt {display: inline-table;}
/* Hides from IE-mac \*/
* html .box_mt {height: 1%;}
.box_mt {display: block;}
/* End hide from IE-mac */


.box_old{ 
	width:800px; 
	margin:0px auto; 
	text-align:left; 
	clear: both; 
}
.box_old:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.box_old {display: inline-table;}
/* Hides from IE-mac \*/
* html .box_old {height: 1%;}
.box_old {display: block;}
/* End hide from IE-mac */


#infoTitle{ background:#FEF9CF; border-top:1px solid #E7DC86; text-align:center; line-height:40px; font-size:14px; font-weight:bold; color:#474747;}

.infoContainer{ margin:15px 0;}
.infoContainer:after{ 
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
	
	/*产品图片*/
#infoPic{ width:260px; float:left; text-align:center;}
#infoPic .picture{ width:73%; margin:0 auto; background:#eee; }
#infoPic .picture li{ padding:6px 6px 2px 6px; text-align:left;}
#infoPic .picture img{ margin:0 2px; width:50px; height:40px;}
#infoPic .picture .img img{ width:160px; height:150px; }



#infoPic span{ 
width:70%;
 margin:0 auto;
background:url(bgimages/bg_zoom.gif) no-repeat 50px center; 
padding-left:20px; 
display:block; 
margin-top:5px; }

#infoPic span a:link,#infoPic span a:visited{ color:#00f; font-weight:bold;}
#infoPic span a:hover{ color:#f70; font-weight:bold;}

/*产品信息*/

#infoIntro{ width:420px; float:left; text-align:left;}



  /*产品信息--选择标签*/

#infoIntro .choiceInfo{ display:block;padding-left:5px; height:28px; background:url(bgimages/line_info.gif)  repeat-x left bottom;  }
#infoIntro .choiceInfo:after{ content:"."; height:0; clear:both; display:block; visibility:hidden;}
#infoIntro .choiceInfo li{ display:block; float:left; width:144px; margin-right:1px;  color:#00f;
 height:28px;
 font-weight:bold;
 font-size:14px;
 line-height:28px;
 text-align:center; 
  }

 
 #infoIntro .price{ margin-left:40px; } 
#infoIntro .price li{ padding-bottom:5px; }
#infoIntro .price li img{ margin-top:8px;}

#infoIntro .line{ background:url(bgimages/line_price.gif) repeat-x left bottom; padding:5px 0;}

#infoIntro .morecon th{ color:#666; padding:1px 3px; text-align:right; width:23%; }

   /*产品信息--求购的基本信息*/
   #infoIntro .cons li{ padding:4px 0;}
   #infoIntro .cons li.c6{ color:#939393; border-bottom:1px solid #eee;}
   #infoIntro .cons li span{font-weight:bold; font-size:14px; color:#f60;}
   #infoIntro .cons li b{ width:210px; float:right; font-weight:normal;}
   #infoIntro .cons li.tix{ border:1px solid #E7DC86; background-color:#FDFFF5; padding-left:6px; margin:5px 0; width:85%;}
   #infoIntro .cons li.tix p{ padding-bottom:5px;}
   #infoIntro .cons li.tix p span{ padding:0 6px; font-weight:normal;}
   #infoIntro .cons a{text-decoration:underline;}
   #infoIntro .cons li .img{ margin:0 12px 0 25px;}
   
   
   .infoAbout2 ul li input, #infoOwner .con2 li input,
.commentList  input, .commentList textarea { padding: 3px 2px; }
.infoAbout2 ul li .buttons,
.commentList .button{  height:24px; line-height:24px; padding:0; border:none; margin-right:10px;} 
#infoOwner .con2 li .button,
.commentList .button{}
.infoAbout2 ul li .buttons{}





  /*产品信息--选择标签*/

#infoIntro_order .choiceInfo{ display:block;padding-left:5px; height:28px; background:url(bgimages/line_info.gif)  repeat-x left bottom;  }
#infoIntro_order .choiceInfo:after{ content:"."; height:0; clear:both; display:block; visibility:hidden;}
#infoIntro_order .choiceInfo li{ display:block; float:left; width:144px; margin-right:1px;  color:#00f;
 height:28px;
 font-weight:bold;
 font-size:14px;
 line-height:28px;
 text-align:center; 
  }
  
  


/*详细信息*/
.infoAbout{ margin-top:10px; text-align:left;}
.infoAbout:after{


 content:".";
 height:0;
 clear:both;
 display:block;
 visibility:hidden;}


.infoAbout h1{ background: url(bgimages/title_bg_info.gif) #FEF9CF no-repeat 10px 10px; height:25px; line-height:25px; padding-left:25px; font-size:14px; font-weight:normal; border-bottom:1px solid #E7DC86; margin-bottom:10px;}
.infoAbout p{ text-align:left; font-size:14px; padding:0px 30px;text-indent:25px; line-height:29px; color:#000;}

.infoAbout h3{ text-align:left; font-size:14px; margin-top:8px; padding-left:25px; color:#B01700;}  

.infoTable{border-collapse:collapse; width:89%; margin:0 auto;}
.infoTable th{ background:#eee; width:15%; text-align:center;}
.infoTable td{ padding-left:8px;}
.infoTable th, .infoTable td{ border:1px solid #ddd;}
/*联系方式*/

	
.infoContact{ margin:20px  auto; border-top:1px solid #f8f8f8;  } 
.infoContact th{ background:#F4F4F4; border-bottom:1px solid #fff; width:18%; text-align:right; padding:4px 8px;}
.infoContact td{ border-bottom:1px solid #f8f8f8; text-align:left; padding:3px 8px;}

.infoContact a.view:link,.infoContact a.view:visited{ margin: 0 60px; text-decoration:underline; color:#f70; font-size:13px;}
.infoContact a.view:hover{ margin: 0 60px; text-decoration:underline; color:#333; font-size:13px;}

.infoContact a.company:link,.infoContact a.company:visited{  text-decoration:underline; color:#0044DD; font-size:13px; font-weight:bold;}
.infoContact a.company:hover{  text-decoration:none; color:#f70; font-size:13px;}


/*相关产品*/
.aboutPro{ background:#F8F8F8; }
.aboutPro img{ width:100px; height:88px; }
.aboutPro ul{ padding:10px 0px;}


.aboutPro ul:after{ 
	content:".";
	height:0; 
	clear:both;
	display:block; 
	visibility:hidden;
 }
.aboutPro li{ width:15%; text-align:center; display:block; float:left; padding:0 8px;}
.aboutPro li img{ border:1px solid #E0E0E0; margin: 0 auto 5px auto; display:block;}

.aboutPro li a:link,.aboutPro li a:visited{  text-decoration:underline; color:#0044DD;}
.aboutPro li a:hover{  text-decoration:none; color:#f70;}
.infoAbout2 ul{ padding:0 0 0 13%;}
.infoAbout2 ul li, .infoAbout2 ul li label, .infoAbout2 ul li span{ font-size:14px;}
.infoAbout2 ul li{ padding:3px 0;}
.infoAbout2 ul li label{ width:70px; text-align:right; display:block; float:left;}
.infoAbout2 ul li span{ color:#f60; font-weight:bold;}

.orderaddBox{ width:980px;}


#infoIntro .choiceInfo{ display:block;padding-left:5px; height:28px; background:url(bgimages/line_info.gif)  repeat-x left bottom;  }
#infoIntro .choiceInfo:after{ content:"."; height:0; clear:both; display:block; visibility:hidden;}
#infoIntro .choiceInfo li{ display:block; float:left; width:144px; margin-right:1px;  color:#00f;
 height:28px;
 font-weight:bold;
 font-size:14px;
 line-height:28px;
 text-align:center; 
  }
#infoIntro .choiceon,
#infoIntro .choiceout{
 background-image: url(bgimages/choice_intro.gif);
 background-position:no-repeat;
 cursor:pointer;
}
#infoIntro .choiceon{ background-position:left top;}
#infoIntro .choiceout{ background-position:left bottom;}

#infoIntro .choiceInfo a{ color:#00f; font-size:14px;}

#infoIntro .choiceInfo span{ font-weight:bold;}
#infoIntro .choiceInfo span strong{color:#00f; font-size:14px;}
   
/*        老版本CSS结束 */
/*************************************************************/

/* 新的类别css */
.classinfo ul li span
{
	font-weight:bold;
	float:left;
	width:100%;
}
.classinfo ul li
{
	float:left;
	width:30%;
	border-right:dashed 1px #eee;
	padding-left:5px;
}
.classinfo ol li 
{
	float:left;
	border:none;
}
.classinfo dl dd
{
	float:left;
	font-weight:normal;
	display:block;
	padding-left:5px;
}


/* search/_msgbox.htm 页面专用*/

#err{margin-top:50px;width:400px; background-color:#fff8e8; border:solid #ff6600 1px; padding:20px; padding-right:45px;}
#err ul{width:400px}
#err ul li{ float:left; width:400px; text-align:left}
#err .msg{ font-size:16px; color:#ff6600; font-weight:bold;}



/* 头部 */
#header {
	background-image: url(/templates/cdqy/images/layout/headbg.gif);
}
#head_Logo {
	float: left;
	width: 300px; /* 由于此元素是浮动的，因此必须指定宽度 */
}
#head_Right {
	margin-left: 310px;
}
#head_Right .head_search {
	float: left;
	height:30px;
	padding-top: 10px;
	width: 400px;
}
#head_Right .head_user {
	height:26px;
	margin-left: 410px;
	text-align: right;
	padding-top: 14px;
	padding-right: 10px;
}
#head_Right .head_user #ID_UserName {
	color: #FF3300;
	font-weight: bold;
}

#head_Right .head_memu {
	height:30px;
	padding-top: 10px;
}
#head_Right .head_memu ul li{
	display: block;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin-right: 30px;
}
