@charset "utf-8";

@import "reset.css";
@import "layout.css";
@import "menu.css";
@import "tabs.css";
@import "cmxform.css";
@import "DropMenu2.css";
@import "DropMenu3.css";

#TopMenu{ font:12px Arial, Helvetica, sans-serif #999; font-weight:bold;}
#TopMenu a,
#TopMenu a:visited
#TopMenu a:active{ text-decoration:none; color:#666;text-transform:capitalize;}

#TopMenu a:hover,
#TopMenu a.selected{ color:#f90;}

.title1{
	color: #f90;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
	text-transform: uppercase;
}

/*内页面主标题样式*/
.page-title{
	color: #f90;
	font-size: 16px;
	font-weight: bold;
	border-bottom:1px solid #ccc;
	margin: 0 0 10px;
	padding: 5px 0;
	text-transform: uppercase;
}

.page-title-sub{
	clear: both;
	color: #f90;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
	text-transform: capitalize;
}
.subTitle{
	border-bottom: 1px solid #ccc;
	clear: both;
	color: #FF6600;
	font-size: 13px;
	margin-top: 5px;
	padding: 5px 0;
}
.page-content{ background: #FFF; padding: 5px 5px 5px 0; }
.page-content h2{ color: #F90; font-size: 14px; }

.liBox li{ width:280px; float:left; margin:0 5px 5px 0; padding:5px 0; }
.liBox li a{ display:block; float:left; padding:4px; background:#999; width:120px; height:120px;}
.liBox li a:hover{ background:#f90;}
.liBox li h4{ font-size:12px;}
.liBox p{ padding:5px 0;}


/*联系我们页面QA样式*/
.questionHead{font-size:12px;color:#0066CC;font-weight:normal;border-bottom:1px dotted #666;padding:5px;}
.answerBox{border:1px solid #ccc;padding:10px;display:none;margin:5px;background:#e1e1e1;}


.link{width:100%;margin:0 auto;}
.link a{float:left;width:160px;height:100px;margin:5px;border:1px solid #ddd;text-decoration:none; overflow: hidden;}
.link img{height:80px; display: block;}
.link h1{font-size:11px;margin:0;padding:2px;color:#333; text-transform: uppercase; text-align: center;}



/*米重计算表格样式*/
.weightList{margin:0 auto;background:#eee;}
.weightList input.inputText{display:inline-block;widht:200px;text-align:left;margin-left:5px;border:1px solid #999;}
.weightList label.llab{display:inline-block;width:230px;text-align:right;text-transform:uppercase;}
.weightList li{border-bottom:1px dashed #CCCCCC;text-align:left;padding:5px;}
.weightList select{width:80px;margin-left:5px;}


/*产品信息表格样式*/
.tableinfo{border-collapse:collapse;border:1px solid #ccc;width:100%;margin:2px 0;}
.tableinfo .evenTd{background:#dbf2fe;}
.tableinfo .head{font-weight:bold;background:#f3f3f3;}
.tableinfo td{padding:4px;border:1px solid #ccc;}

/*tab页面的标题样式*/
.contentTitle{font-size:14px;color:#f90;margin:10px 0;}

.boxVS{margin:8px 0;}
.boxVS h1{font-size:14px;color:#1975c8;padding:3px;text-align:center;border-bottom:2px solid #999;}
.boxVS ul{border:1px solid #ddd;margin-bottom:4px;}
.boxVS ul li{padding:3px 5px;}


/*左边产品图，右边文字说明，ul样式*/
.ul-row li{ margin:5px; padding:5px; border-bottom:1px solid #ccc;}
.ul-row li img{ width:128px; float:left; display:block; border:4px solid #ccc;}
.ul-row h2{ font-size:14px; margin:0 0 10px;}
.ul-row div img{ float:none; width:460px; border:0;}
.ul-row .R-content{ float:left; width:470px; margin-left:10px;}

/*首页图像 4列展示 样式*/
.ul-col4 li{ float:left; width:20%; margin:10px; text-align:center;}
.ul-col4 a{ display:block; width:120px; height:120px; margin:0 auto; border:4px solid #ccc;}
.ul-col4 a:hover{ border:4px solid #f90}
.ul-col4 img{ width:120px; height:120px;}

/*图像展示 4列*/
.img-col4 li{ float:left; width:22%; margin:8px; text-align:center;}
.img-col4 img{ width:130px; height:130px; display:block; margin:0 auto; border:4px solid #ccc}

/*图像展示3列*/
.img-col3 li{ float:left; width:30%; margin:8px; text-align:center;}
.img-col3 img{ width:180px; height:160px; display:block; margin:0 auto; border:4px solid #ccc}
.img-col3 h2{ font-size:12px; font-weight:200; height:40px;}

/*图像展示2列*/
.img-col2 li{ float:left; width:48%; margin:5px; text-align:center;}
.img-col2 img{ width:300px; height:220px; display:block; margin:0 auto; border:4px solid #ccc}





/*产品图像 3列展示*/
.ul-col3 li{ float:left; width:30%; margin:10px; text-align:center}
.ul-col3 a{ display:block; width:190px; margin:4px auto; border:4px solid #ccc;}
.ul-col3 a:hover{ border:4px solid #f90;}
.ul-col3 img{ width:190px; height:120px;}

.ul-col2 li{ float:left; width:48%; margin:5px;}
.ul-col2 a{ display:block; width:280px; margin:4px auto; border:4px solid #ccc;}
.ul-col2 a:hover{ border:4px solid #f90;}
.ul-col2 img{ width:280px; height:200px;}


.ul-col21 li{ float:left; width:48%; margin:5px;}
.ul-col21 a{ display:block; width:120px; margin:4px auto; border:4px solid #ccc;}
.ul-col21 a:hover{ border:4px solid #f90;}
.ul-col21 img{ width:120px; height:100px;}

ul.disc{ list-style:disc; margin:5px 20px;}
ul.disc li{ list-style:disc; margin:4px 10px;}

.imgA img{ border:3px solid #ccc;}
.imgA a:hover img{ border-color:#f90;}


.list-table{ border:1px solid #ddd; margin:5px 0; border-collapse:collapse;}
.list-table td{ padding:4px; border:1px solid #ddd; border-collapse:collapse;}
.list-table .head{ background-color:#ddd; font-size:14px; border-bottom:1px solid #333}
.list-table .subhead{ font-size:12px; color:#1975c8; font-weight:bold; text-align:left; background-color:#f1f1f1}

/*图文*/
.ShowBox{ border-top:1px solid #ccc; padding:10px 5px;}
.m5px{ margin:5px;}

.moreLink{ float:right; margin-right:20px; text-decoration:none; font-size:12px;}
.moreLink:hover{ color:#F60}

a.blue:link,a.blue:active,a.blue:visited{text-decoration: none; color:coral;}
a.blue:hover{color: #da251c}