body { font-size:12px;background:#F5F5F5}
body,ul,form { margin:0; padding:0;}
ul{ list-style:none}
a { text-decoration:none; color:#666}
a:hover { color:#F30}
a.more { color:#FFF; float:right; font-size:12px; padding:13px 8px 0 0; font-weight:normal}
input.txt,textarea.txt { background:url(img/i_bg2.html); padding:3px 5px; border:1px solid #CCC; font-family:Arial, Helvetica, sans-serif}
button {cursor:pointer}
a.select { background:#090; color:#FFF; padding:3px;}
a.link { color:#03C; text-decoration:none}
a.link:hover { color:#F30;}
img { border:0;}

/*------------------------ͨ����ʽ---------------------------*/
.HackBox{border-top:1px solid transparent;+border-top:0;clear:both; overflow:hidden;}
.img_border { border:1px solid #CCC; padding:1px;}
.l24{ line-height:24px;}
.tbl_form { width:100%}
	.tbl_form td{ padding:6px}
	.tbl_form .tbl_sep{ background:#F4F4F4; font-weight:bold}
.filter_area { background:#F6F6F6; line-height:2em; font-size:10pt; border:1px solid #DDD; padding:5px;}
	.filter_area a{ padding:3px;}
.global_date  { font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:right; color:#666}
.price { font-family:Arial, Helvetica, sans-serif}
#business_area { overflow:hidden;zoom:1;}
#business_area li { float:left; width:70px;}
.nav_bar {
	background-repeat: no-repeat;
	background-image: url(img/nav_bg.gif);
	font-weight: bold;
	color: #039;
	height: 44px;
	font-size: 14px;
	line-height: 26px;
	padding-left: 35px;
}
.ul_list li { background:url(img/dots_red.gif) no-repeat 0 7px; padding-left:12px;}
.album li{ display:inline-block; width:24%; text-align:center;}
.album { height:140px;}

.bar1 { background:url(img/arr3.gif) no-repeat 10px 10px; border-bottom:1px dotted #CCC; font-size:14px; color:#036; font-weight:bold; padding-left:30px; line-height:32px; margin:0 5px;}
.bar2 { background:url(img/arr2.gif) no-repeat 2px 6px; border-bottom:1px dotted #CCC; font-size:14px; color:#036; font-weight:bold; padding-left:16px; line-height:32px;}
.bar3 { background:url(img/bar1.jpg); font-size:14px; color:#036; font-weight:bold; padding-left:20px; line-height:32px;}

/*------------------------ѡ�---------------------------*/
.tab_nav { border-bottom:1px solid #058EBC;height:27px;}
	.tab_nav ul{ overflow:hidden;height:27px;}
	.tab_nav li{ width:110px; text-align:center; background:#F0F1EF; height:27px; line-height:27px; font-size:14px; font-weight:bold; display:block; float:left; margin-left:8px; color:#009900; }
	.tab_nav li.hover {background:#058EBC;}
	.tab_nav li.hover a{color:#FFF}
		.tab_content {width:460px; float:right;font-size:14px; line-height:2em}

/*------------------------����---------------------------*/
#container { width:970px; margin:0 auto;overflow:hidden;}
	.main_body {}
	.left_body { width:220px; float:left}
	.right_body { width:740px; float:right; overflow:hidden}
#top_nav { clear:both;}
	#top_nav ul.menu-list{ background:url(img/nav_bg.jpg); height:36px;}
	#top_nav ul li{ display:block;float:left; line-height:39px; width:85px}
	#top_nav a{ font-weight:bold; display:block; text-align:center; color:#00518D;}
#bottom_nav {line-height:40px; text-align:center}
	#bottom_nav a{ color:#060}
.page_bg { background:url(img/page_bg.html) no-repeat; padding:10px 0 0 40px;}
	
/*------------------------��ҳ��ʽ---------------------------*/
.box1 { border:1px solid #CCCCCC;}
	.box1_header {background:url(img/bar1.gif); height:32px; line-height:30px; padding-left:28px;color:#43617D;  font-weight:bold;}
	.box1_body{ background:#FFF; padding:8px 0 0 8px; line-height:20px}
	
.box2 { }
	.box2_header {background:url(img/arr1.html) no-repeat 0 3px; height:32px; line-height:30px; padding-left:28px; border-bottom:1px solid #64BE0E; font-size:14px; font-weight:bold; color:#1A7A30;}
	.box2_body{ background:#F7FCF5; padding:8px; line-height:2em}
	
.box3 { border:1px solid #C1E2A1;}
	.box3_header {background:url(img/1.gif) 0 -2px; height:32px; line-height:30px; padding-left:18px;color:#060; font-size:14px; font-weight:bold;}
	.box3_body{  padding:8px; line-height:2em}

.shop_list {zoom:1; overflow:hidden; padding-top:10px}
	.shop_list li { width:24%; float:left; text-align:center; height:180px; line-height:2em; color:#666}
	.shop_list img.preview{ width:120px; height:120px; border:1px solid #CCC; padding:1px;}
.pro_list li {float:left; line-height:2em; color:#666}
.news_list { margin:0 10px;}
	.news_list li { padding:8px 0 8px 20px; background:url(img/arrow.gif) no-repeat 5px 10px; border-bottom:1px dotted #CCC; color:#666;}
	.news_list li span { float:right; font-family:Tahoma, Geneva, sans-serif}
	.news_list a{ color:#EEE}
	
.news_list2 { margin:0 10px;}
	.news_list2 li {
	background: url(img/arrow.gif) no-repeat 5px 15px;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
}
	.news_list2 li span {
	font-family: Tahoma, Geneva, sans-serif
}
	
.news_list3 { margin:0 10px;}
	.news_list3 li { padding:6px; height:70px; border-bottom:1px dotted #CCC;}
	.news_list3 li span { float:right; font-family:Tahoma, Geneva, sans-serif}

.trade_list { line-height:30px;}
	.trade_list li{ border-bottom:1px dotted #CCC; padding-left:10px}
	.trade_list a{ color:#00F; font-size:14px}
	.trade_list a:hover { color:#F30}
	.trade_list span { float:right; font-family:Tahoma, Geneva, sans-serif; color:#666}
.bar4 { background:url(img/bar4.html) no-repeat; height:50px; color:#060; line-height:40px; font-size:14px; font-weight:bold; padding-left:30px}

.left_category { padding:5px 0; text-align:center;}
	.left_category li{ padding:2px 10px;}
	.left_category a{ display:block; color:#444;  background:url(img/btn_bg.gif) no-repeat center; line-height:27px; }
.left_td { text-align:right}
.left_menu { padding:10px 0;}
.left_menu li{ padding:0 0 0 40px; line-height:30px; border-bottom:1px dotted #CCC; background:url(img/arr2.gif) no-repeat 20px 9px;}
.news_content { line-height:2em; padding:10px; font-size:14px;}
.news_addon_info { text-align:center; background:#FFF; border:1px solid #EEE; padding:5px; line-height:2em}

.tbl_list { width:100%; color:#666; line-height:22px;}
	.tbl_list th { background:#F4F4F4;}
	.tbl_list td{ border-top:1px solid #CCC;  text-align:center;}

.tbl_list2 { width:100%; color:#666;border:1px solid #CCC; line-height:28px;}
	.tbl_list2  th{ background:#F4F4F4;}
	.tbl_list2 td{ border-top:1px dotted #DDD;text-align:center;}
	
.tbl_list3 {color:#666;border-top:1px solid #DDD;border-left:1px solid #DDD; }
	.tbl_list3  th{ background:#F4F4F4;}
	.tbl_list3 td,.tbl_list3 th{ border-right:1px solid #DDD;border-bottom:1px solid #DDD; padding:6px}

.tbl_view { width:100%; border:1px solid #DDD; border-bottom:none;}
	.tbl_view td{ border-bottom:1px solid #DDD; padding:8px 5px;}
	.tbl_view  .left_td{ background:#F4F4F4; width:20%; text-align:right}
	
.contact_info  { background:url(img/013.html);width:400px; height:145px }
	.contact_info  ul{ font-size:12px; line-height:2em; padding:10px 0 5px 75px;}

#addBook { padding:2em}
	#addBook li{ padding:5px}
	#addBook li span{ display:block; width:100px; float:left}

#search_bar { padding:6px 10px; border-bottom:2px solid #EEE;}
.tips {color:#F00; background:#FFC; border:1px solid #CCC;line-height:2em; padding:5px;}
.book_list {font-family:Arial, Helvetica, sans-serif; }
	.book_list li{ background:url(img/msg.gif) no-repeat; margin-bottom:10px; padding:5px 5px 5px 55px;}
	.book_list .title { border-bottom:1px dotted #AAA;}
	.book_list .title span { float:right; }
	.book_reply { background:#EFEFEF; border:1px solid #DDD; padding:3px;}
	
/* ����ͼƬ�õ�Ƭ���� - ������ */
.slideBox{ overflow:hidden; position:relative;}
.slideBox .hd{ position:absolute; right:10px; bottom:10px; z-index:1; font-family:Tahoma, Geneva, sans-serif }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px; border:1px solid #43617D;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#43617D; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}

/* �����˵� */
.menu-list li {position: relative;z-index: 500;}
ul.menu-sublist {position: absolute;
	display:none;
    top: 35px;
    left: 2px;
    z-index: 60;
    padding: 0;
    width:150px;
    background: #FFF;
	border:1px solid #CCC;
}
.menu-sublist a{
    display:block;
    padding: 0 0 0 0;
    width: 150px;
	height:32px;
	border-bottom:1px solid #CCC;
}
.menu-sublist a:hover{background:#5FB0CE;}
/* 默认文字大小 */
.news_content {
    font-size: 16px;
}

/* 针对小屏幕设备的调整 */
@media only screen and (max-width: 600px) {
    .news_content {
        font-size: 14px;
    }
}
.news_content {
    font-size: 1rem; /* 1rem 通常是16px */
}
.news_content {
    font-size: 13px !important;
}