/*
	author：汪义庭;
	MSN：hackwyt@hotmail.com;
	explain：常用公用类CSS.
*/



/*------常用公用类-------*/

body{font:12px Tahoma;}
*{margin:0;padding:0;}
ul{list-style:none;}
img{border:none;}
a:link,a:visited{color:#646464;text-decoration: none;}
a:hover{color:#CC3321;text-decoration:underline;}
#block10{
	height:10px;
	clear:both;
	overflow:hidden;
}
.floatleft{float:left;}
.floatright{float:right;}
.clearboth{clear:both;}
.btn {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#366496;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	border-top-color:#cbe3ff;
	border-right-color:#003366;
	border-bottom-color:#003366;
	border-left-color:#b7cfeb;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	height: 21px;
}
.maplist{
	margin:20px auto;
	width:941px;
	line-height:25px;
	font-size:12px;
	padding:0;
}
.maplist h3{
	font-size:14px;
	padding:0;
	margin:0;
}
.maplist a{
	text-decoration:underline;
}

/* 头部信息*/
#header{
	width:921px;
	clear:both;
	margin:0 auto;
	background:url(../images/mainbg.gif) repeat-y;
	padding:0 5px;
}
#logo{
	width:270px;
	height:40px;
	float:left;
	margin:16px 0 0 40px;
	display:inline;
}
#header-en{
	width:192px;
	height:21px;
	float:right;
}
#header-en li{
	width:84px;
	height:21px;
	line-height:21px;
	background:url(../images/topbuttonbg.gif) no-repeat;
	float:left;
	text-align:center;
	margin:2px;
}
#menu{
	width:921px;
	height:32px;
	clear:both;
}
#menu .l{
	width:8px;
	height:32px;
	background:url(../images/menubgl.gif) no-repeat;
	float:left;
	font-size:0;
}
#menu .r{
	width:8px;
	height:32px;
	background:url(../images/menubgr.gif) no-repeat;
	float:left;
	font-size:0;
}
#menu ul{
	width:805px;
	height:32px;
	background:url(../images/menubgc.gif) repeat-x;
	float:left;
	padding-left:100px;
}
#menu ul li{
	height:32px;
	line-height:40px;
	text-align:center;
	float:left;
	background:url(../images/menulibg.gif) no-repeat right 13px;
	padding:0 25px;
}
#menu ul li a{
	color:#5B5A5A;
	font-weight:bold;
}
#menu ul li a:hover{
	color:#CC3321;
}
#topbanner{
	width:921px;
	clear:both;
	margin:0 auto;
	background:url(../images/mainbg.gif) repeat-y;
	padding:0 5px;
}

/* 中间部分信息*/

#main{
	width:921px;
	clear:both;
	margin:0 auto;
	background:url(../images/mainbg.gif) repeat-y;
	padding:7px 5px 0;
	display:table;
}
#newsblock{
	width:250px;
	height:223px;
	float:left;
	margin-right:2px;
	background:#fff;
}
#presentationblock{
	width:250px;
	height:223px;
	float:left;
	margin-right:2px;
	background:#fff;
}
#eventblock{
	width:250px;
	height:223px;
	float:left;
	margin-right:2px;
	background:#fff;
}
#brandblock{
	width:163px;
	height:223px;
	float:right;
	background:#fff;
	border-left:2px solid #fff;
}
/*title CSS*/
.tt{
	height:30px;
	line-height:30px;
	padding:0 10px 0 15px;
	clear:both;
	font-weight:bold;
	color:#4D4D4D;
	background:url(../images/li2.gif) no-repeat 5px 10px;
}
.ttx{
	border-bottom:1px solid #D6D6D6;
}
.tt span.more{
	float:right;
	font-weight:normal;
	font-size:10px;
}
.tt span.red{
	color:#CC3F2D;
	margin:0 2px;
	padding-left:15px;
	background:url(../images/li1.gif) no-repeat 5px 7px;
}
.tt span.redx{
	color:#CC3F2D;
}

#newsblock .img,#presentationblock .img{
	width:245px;
	height:40px;
	margin:0 auto 20px;
}

/* 首页行业新闻块 */

.news-box-ul{
	padding:0 6px;
}
.news-box-ul li{
	padding:1px 0 1px 16px;
	line-height:18px;
	background:url(../images/li4.gif) no-repeat 5px 9px;
}


/* 首页公司介绍 */
.presentationbox{
	width:250px;
}
.presentationbox .l{
	width:78px;
	height:95px;
	margin:0 15px 0 2px;
	float:left;
}
.presentationbox .r{
	width:150px;
	float:left;
	line-height:18px;
	text-indent:24px;
	color:#666;
}
/* 首页优惠活动 */
.eventbox .t{
	color:#333;
	line-height:18px;
	padding:6px 8px;
}
.eventbox .a{
	background:url(../images/li3.gif) no-repeat 145px 12px;
	padding:8px 0 13px 8px;
}
.eventbox .a a{
	color:#08c;
}

/* 首页茶叶品牌 */
.brandbox{
	width:134px;
	height:192px;
	background:#F5F5F5;
	overflow:auto;
	padding:0 15px;
}
.brandbox .brandboxul{
	padding-left:20px;
}
.brandbox .brandboxul li{
	line-height:19px;
}
/* 脚部信息 */
#footer{
	width:100%;
	clear:both;
	text-align:center;
	padding:6px 0;
	border-top:1px solid #D6D6D6;
	background:#eee;
	color:#666;
	line-height:20px;
}
#footer .links{
	width:921px;
	clear:both;
	margin:0 auto;
}

.r_option { float: right; font-size: 12px; font-weight: normal; line-height:25px;margin-right:5px;}
.r_option a:hover { text-decoration: underline;}
/* index.html over 鑫基茶业 作者：汪义庭 hackwyt@163.com */
#main-left{
	width:180px;
	float:left;
	border-right:4px solid #D4D4D4;
	background:#fff;
}
#main-left .lefttitle{
	height:56px;
	background:url(../images/tbg.gif) repeat-x;
	text-align:center;
	padding-top:5px;
	margin-bottom:10px;
}
#main-right{
	width:707px;
	float:right;
	background:#fff;
}
.protype{
	width:165px;
	padding-left:14px;
}

.leftbg{
	width:180px;
	height:133px;
	background:url(../images/leftbg.gif) no-repeat right bottom;
	margin-top:30px;
}
.righttitle{
	width:610px;
	height:31px;
	line-height:31px;
	padding:10px 10px 0;
	border-bottom:1px solid #cfcfcf;
}
.righttitle .nav{
	float:right;
}
.rightbox{
	width:630px;
}
.newslisttitle{
	height:25px;
	line-height:25px;
	border-bottom:1px solid #cfcfcf;
	background:#f5f5f5;
	padding:0 30px;
}
.newslisttitle span.r,.newslistol li span.r{
	float:right;
}
.newslistol{
	padding:0 30px;
}
.newslistol li{
	border-bottom:1px solid #cfcfcf;
	line-height:30px;
	color:#666;
}
/* 翻页CSS */
.page-nav{   
	height:20px;
	padding:15px 10px 5px 18px;
	clear:both;
	text-align:center;
}
.page-nav a:link,.page-nav a:visited{color:#646464;}

.page-nav a:hover{color:#f79231;}

.newsdetail{
	padding:30px 20px;
	line-height:20px;
	color:#656565;
}
.righttitle2{
	width:580px;
	height:31px;
	line-height:31px;
	padding:10px 10px 0 30px;
	border-bottom:1px solid #cfcfcf;
	background:url(../images/righttitlebg.gif) no-repeat 14px 14px;
	font-size:14px;
}
.righttitle2 .nav{
	float:right;
	font-size:12px;
}
.porductblock{
	width:630px;
	clear:both;
	margin:10px 0;
	display:table;
}
.porduct{
	width:300px;
	float:left;
	margin:0 0 0 10px;
}
.porduct .title{
	height:30px;
	line-height:30px;
	padding:0 10px 0 15px;
	clear:both;
	font-weight:bold;
	color:#4D4D4D;
	background:url(../images/li2.gif) no-repeat 5px 10px;
}
.porduct .title span.more{
	float:right;
	font-weight:normal;
	font-size:10px;
}
.porduct dl dt{
	width:119px;
	height:83px;
	float:left;
}
.porduct dl dd{
	line-height:20px;
	background:url(../images/li5.gif) no-repeat 7px 8px;
	padding:0 10px 0 15px;
	border-bottom:1px dotted #bebebe;
	color:#666;
	margin-left:130px;
}
.eventbanner{
	margin:7px 10px;
}
.contactustable{
	width:600px;
	line-height:30px;
	color:#7c7c7c;
	border-bottom:2px solid #999;
	margin-left:2px;
}
.pageline{
	width:580px;
	height:24px;
	line-height:24px;
	background:#999;
	color:#fff;
	padding-left:20px;
	margin:8px 0 8px 3px;
}












/* 新闻块公用CSS */

.news-box h3{
	font-size:16px;
	text-align:center;
	padding:5px;
	color:#4a4949;
	border-bottom:1px solid #eaeaea;
}
.news-box .p{
	padding:10px 30px;
	line-height:20px;
	color:#4a4949;
}
.news-box p{
	text-indent:24px;
}
/* 产品 */
.prolist-box{padding:4px;}
.prolist-ul{margin:26px 0;clear:both;display:table;}
.prolist-ul li{
	width:101px;
	height:121px;
	line-height:20px;
	float:left;
	margin:0 0 0 30px;
	text-align:center;
}

.prodetail-img{
	width:350px;
	height:350px;
	margin:0 10px 0 0px;
	float:left;
}
.prodetail-box ul{
	width:300px;
	float:left;
	line-height:20px;
	color:#333;
}
.prodetail-box ul li{
	margin:5px 0;
}
.prodetail-box ul li span{
	font-weight:bold;
}

.brandshow{
	width:600px;
	margin:15px auto 0 auto;
	clear:both;
	color:#333333;
	overflow:hidden;
}

.brandshow .l{
	width:160px;
	float:left;
	text-align:center;
	padding:5px 0;
}
.brandshow .r{
	width:400px;
	float:left;
	border:1px solid #c3c3c3;
	padding:10px;
	line-height:20px;
}
/* jobs */

.jobs-box{
	padding:3px;
}
.jobs-table{
	color:#333;
	margin:8px auto;
	border-collapse:collapse;
	width:620px;
	line-height:22px;
}
.jobs-table td{
	border:1px solid #ccc;
	padding:3px 4px;
}
.jobs-table .t{
	font-size:14px;
	padding:5px 3px;
}
.jobs-table .a{width:80px;}
.jobs-table .b{width:220px;}


.contactusbox{
	padding:20px;
	color:#333;
	margin-bottom:1px;
	line-height:22px;
}
.messagett{
	padding:5px 20px;
	line-height:22px;
}
.messagett span{
	color:#5b2508;
	font-weight:bold;
}
.messageform td{
	padding:3px 5px;
}
.messageform .l{
	width:100px;
	text-align:right;
}
.input{
	width:180px;
}
.textarea{
	width:350px;
	height:100px;
}



.porductlist{
	width:627px;
	clear:both;
	padding:8px 0 10px 3px;
	display:table;
}
.porductlist dl{
	width:49.5%;
	height:80px;
	float:left;
}
.porductlist dl dt{
	width:80px;
	height:61px;
	float:left;
}
.porductlist dl dt img{
	width:80px;
	height:61px;
}
.porductlist dl dd{
	line-height:25px;
	background:url(../images/li5.gif) no-repeat 7px 10px;
	padding:0 10px 0 12px;
	color:#666;
	margin-left:80px;
}


.porductdetail dl{
	width:630px;
	padding-top:20px;
}
.porductdetail dl dt{
	width:200px;
	height:200px;
	float:left;
	text-align:center;
}
.porductdetail dl dd{
	line-height:25px;
	padding:0 10px 0 12px;
	color:#666;
	margin-left:80px;
}