@charset "utf-8";

/* some global settings */
*{
    margin:0;
    padding:0;
}
a:link, a:visited, a:hover {color:#000;text-decoration:none;}

img{border:none;}

body{
    background-color: #FFFFFF;
    background-image: url(../images/bgtitle01.gif);
    background-repeat: repeat-x;
    color: #666666;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    padding: 0 10px;
    text-align: left;
}

#main-wrapper {width:870px; margin:auto;}
#main-wrapper #logo {margin:0 20px 0 20px;}
#main-wrapper #banner {margin:0 20px 0 20px; }

#main-nav a {display:block; width:75px;color:#000; font-size:14px; font-weight:bold; line-height:27px;text-align:center;}
#main-nav a.leftmost{width:200px;}
#main-nav a.leftmost img{display:inline;}
#main-nav a.rightmost{width:266px;}
#main-nav a:hover {color:#E16400; font-size:15px; font-weight:bold; line-height:27px;}


#main-nav #main-nav-left {list-style:none; padding-left:0; margin-left:0;margin-bottom:10px;}
#main-nav #main-nav-left li{float:left; height:27px; background:#fff url(../images/nav1-mid.gif) repeat-x;}
#main-nav #main-nav-left li.rightmost{float:left; height:27px; background:#fff url(../images/nav2-mid.gif) repeat-x;}

#footer {text-align:center; float:left; width:870px;}
#footer #links {margin: 10px;}
#footer #footer-links {list-style-type:none; padding-left:0; margin-left:0;}
#footer #footer-links li{display:inline;}


/* product page */
#product-left-col{
    float:left;
    width:168px;
    margin-top:5px;
}

#product-left-col h3{
    font-size: 14px;
    line-height: 24px; /* the same to the height of background image */
    color: #fff;
    text-align: center;
    background-image: url(../images/img_cpfl.gif); height:23px;
}

#product-left-col div.content{
    width: 166px; /* 168 - 2 */
    height:700px;
	border:#dcd4c6 solid 1px;
}

#product-left-col div.bottom{
    height: 5px;
    width: 168px;
}

#product-left-col ul.main-category {
    position:relative;
    list-style: none;
    left:50px;
    top:30px;
    font-weight: bold;
    font-size: 14px;
    line-height:20px;
    color: #000000;    
}

ul.main-category a.current{
    color:red;    
}

#product-left-col ul.sub-category {
    list-style:none;
    margin: 10px;   
    font-size: 12px;
    line-height:16px;
    color: #000000;    
}

#product-right-col_a{
    float: right;
    width: 697px;
    background: url(../images/bt_fenxiangqu.gif) no-repeat top left;
    margin-top:5px;
}

#product-right-col_a div.content{
    width: 697px; /* 604 - 2 */
    height:700px;
    border: #dcd4c6 1px solid
}

#product-right-col_a div.bottom{
    height: 5px;
    width: 604px;
}

#product-right-col_a div.content div.title{
    height: 65px;
    border-bottom: 1px solid #dcd4c6;
}

#product-right-col_a div.content div.title #category{
    position:relative;
    top: 30px;
    left: 20px;
    font-size:14px;
    font-weight: bold;
    line-height:14px;
    color:#000000;
}

#product-right-col_a div.content div.title #hot{
    float:right;
	margin-right:20px;
	margin-top:10px;
    font-size:14px;
    font-weight: bold;
    line-height:14px;    
}
#product-right-col_a div.content div.title #hot_a{
    position:relative;
	margin-left:100px;
    top: 30px;
    left: 380px;
    font-size:14px;
    font-weight: bold;
    line-height:14px;    
}

#product-right-col_a div.content #search-box{
    height: 50px;
    border-bottom: 1px solid #dcd4c6;
	
}

#product-right-col_a div.content #items ul{
    margin:0 auto;
    overflow:hidden;
    width:600px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

#product-right-col_a div.content #items ul li{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    border:1px dotted #DDDDDD;
    float:left;
    height:80px;
    width:280px;
    border:none;
    padding: 10px;
    text-align:left;
}

#product-right-col_a div.content #items ul li img{
    float:left;
    margin-right:10px;
}

#product-right-col{
    float: right;
    width: 697px;
    margin-top:5px;
    background: url(../images/bt_ziyuanqu.gif) no-repeat top left;
}

#product-right-col div.content{
    width: 697px; /* 604 - 2 */
    height:700px;
    border: #dcd4c6 1px solid
}

#product-right-col div.bottom{
    height: 5px;
    width: 604px;
}

#product-right-col div.content div.title{
    height: 65px;
    border-bottom: 1px solid #dcd4c6;
}

#product-right-col div.content div.title #category{
    position:relative;
    top: 30px;
    left: 20px;
    font-size:14px;
    font-weight: bold;
    line-height:14px;
    color:#000000;
}

#product-right-col div.content div.title #hot{
    float:right;
	margin-right:20px;
	margin-top:10px;
    font-size:14px;
    font-weight: bold;
    line-height:14px;    
}
#product-right-col div.content div.title #hot_a{
    position:relative;
	margin-left:100px;
    top: 30px;
    left: 380px;
    font-size:14px;
    font-weight: bold;
    line-height:14px;    
}

#product-right-col div.content #search-box{
    height: 50px;
    border-bottom: 1px solid #dcd4c6;
	
}

#product-right-col div.content #items ul{
    margin:0 auto;
    overflow:hidden;
    width:600px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

#product-right-col div.content #items ul li{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    border:1px dotted #DDDDDD;
    float:left;
    height:80px;
    width:280px;
    border:none;
    padding: 10px;
    text-align:left;
}

#product-right-col div.content #items ul li img{
    float:left;
    margin-right:10px;
}


 /* new css */

.room_main { float:left; width:870px; margin-top:8px;}

.print_3d{ float:left; width:646px; }
.print_3d_all{ float:left; width:646px; }
.print_3d_view{ float:left; width:568px; height:323px; border:#E3E3E3 1px solid;}
.print_3d_name{ float:left; border:#E3E3E3 1px solid; margin-top:4px;  padding:8px; width:628px}
.print_view_title{ float:left; width:552px; border-bottom:#E3E3E3 1px solid;  font-size:14px;  width:628px}
.msg_all{ float:left; width:552px; margin-bottom:12px; width:628px;}
.print_view_msg{ float:left; width:552px; font-size:12px; background-color:#C2C2C2; height:150px; width:628px;}
.print_view_fkmsg{ float:left; width:552px; border-bottom:#E3E3E3 1px solid;  font-size:14px; margin-top:4px; width:628px}
.print_view_fkmsg_a{ float:left; width:552px; font-size:14px; margin-top:4px ;width:628px}
.print_view_fkmsg_b{ float:left; width:552px; border-bottom:#E3E3E3 1px solid;  font-size:12px; margin-top:4px;  width:628px}
.print_view_liuyan{ float:left; margin-top:8px; color:#000; margin-left:5px; width:628px;}
.print_view_liuyan ul li{     
		list-style-type:none;
    	float:left;
    	border:none;
    	text-align:left;
		padding:7px;
}
.yk{ float:left; height:100px; font-size:12px;height:15px}
.hf{ float:right; height:100px;font-size:12px; height:15px}
.hf a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 	text-decoration:underline}
.hf a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline}
.hf a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:none}
.text_style{ font-family:Arial, Helvetica, sans-serif; font-size:12px; width:460px; height:100px}
.select_style{ font-family:Arial, Helvetica, sans-serif; font-size:12px; width:110px; }

.print_view_bqian{ float:left; width:552px;	margin-top:8px; width:628px; }
.print_view_bqian span{  color:#735E3B;}
.print_3d_f{ float:left; width:568px; text-align:right;}
.print_3d_f a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 	text-decoration:underline}
.print_3d_f a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline}
.print_3d_f a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:none}

.ziyuan{ float:right; width:210px; border:#E3E3E3 1px solid;}

.prod_list{ margin:5px 5px 0px 5px}

.prod_click{ text-align:center;}
.prod_click a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 		text-decoration:underline}
.prod_click a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline}
.prod_click a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:none}

.search{float:left;	margin-top:10px; width:190px;}
.search_a{float:right; width:190px;}
.style_text{font:Arial, Helvetica, sans-serif;font-size:12px;width:115px; height:20px}

.items{	float:left; margin-top:10px; margin-left:5px; width:192px;}

.img_style{float:left;margin-left:4px;}

.font_style{float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:12px; text-align:left;}
.font_style a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; text-decoration:none;}
.font_style a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none;}
.font_style a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:underline;}

.share_pic ul li
	{
    list-style-type:none;
    float:left;
    height:200px;
    width:184px;
    border:none;
    text-align:left;
	padding:12px;
	margin-bottom:6px;
}
.6px;
}
.share_pic  a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; text-decoration:underline;}
.share_pic  a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline;}
.share_pic  a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999999; text-decoration:none;}



.zy_number{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:13px; margin-left:5px; width:192px; text-align:center}
.zy_number a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; text-decoration:underline;}
.zy_number a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline;}
.zy_number a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:none;}

.zy_number_a{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:20px; margin-left:5px; width:776px; 	text-align:center;}
.zy_number_a a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; text-decoration:underline;}
.zy_number_a a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline;}
.zy_number_a a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:none;}

.zy_number_aa{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:20px; width:697px; 	text-align:center;}
.zy_number_aa a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; text-decoration:underline;}
.zy_number_aa a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline;}
.zy_number_aa a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:none;}

.share {width:870px;float:left;text-align:left;border:solid 1px #E3E3E3;margin-top:6px;	}

.share_item{float:left;width:770px;	margin-left:2px;margin-top:6px;}

.share_item_a{float:left;width:865px;margin-left:5px;}


.print_bg{ width:568px; background-image: url(../images/print_bg.gif); no-repeat y; height:29px}
.print_click ul li{
    list-style-type:none;
    float:left;
    border:none;
    text-align:left;
	padding:7px;
	text-align:center;
}

.print_click a:link{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #000; 		text-decoration:none; font-weight:700}
.print_click a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-decoration:none; font-weight:700}
.print_click a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #FF0000; text-decoration:none; font-weight:700}

.print_click a.leftmost{width:400px;}

.work_a{width:646px; float:left; background-image:url(../images/img_bfq_bg.gif); height:420px}
.work_tool{width:59px; height:323px;float:left; }
.work_space{width:507px; height:323px;float:right; border-right:solid 1px #E3E3E3}
.work_tool_a{width:568px; float:left; background-image:url(../images/img_toola_bg.gif); height:58px}
.slect{ float:right;}
.slect_style{ width:75px; height:20px;}
.btn_left{ float:left;}


.question{width:630px; float:left; margin-top:5px; border:1px solid #e3e3e3;height:300px;overflow:auto;/*overflow:scroll?*/}
.question_title{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; 
				font-weight:700	; margin-left:4px; width:600px; 
				border-bottom:#e3e3e3 1px solid; 		
				margin-top:6px; margin-bottom:2px;}
				
.q_a{width:600px; float:left;margin-left:4px}
.q_style{width:250px; float:left;}

.q_style_click ul li{width:268px; 
				list-style-type:none;
    			float:left;
    			border:none;
   				text-align:left;
				padding:5px;}
.q_style_click a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 		text-decoration: underline; }
.q_style_click a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline;}
.q_style_click a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999; text-decoration:none; }

.a_style{width:330px; float:right;}

.a_style #question{font-size:1.5em;}
.a_style #answer{margin:0.5em;margin-right:2em;}

.a_style_click ul li{width:268px; 
				list-style-type:none;
    			border:none;
   				text-align:right;
				padding:5px;
				text-align:left;}
.a_style_click a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 		text-decoration: underline; }
.a_style_click a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline;}
.a_style_click a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999; text-decoration:none; }


/* 播放?d */

.bfq_a { float:left; margin-left:3px; width:640px; margin-top:3px;}
.bfq_b { float:left; margin-left:3px; width:640px;}
.bfq_a ul li{ 
			    list-style-type:none;
    			float:left;
    			border:none;
    			height:34px;
}
.bfq_toola{ float:left; width:40px; height:337px;}
.bfq_toola_a{ float:left; width:40px; height:31px;}
.bfq_toola ul{
                list-style-type:none;
    			float:left;
    			border:none;
   			    text-align:left;
}
.bfq_toola ul li{ 
			    list-style-type:none;
    			float:left;
    			border:none;
   			    text-align:left;
}
.bfq_p{ float:right; width:600px; height:337px; background-color:#000000;}
.bfq_c { float:left; margin-left:3px; width:640px;  }
.bfq_c ul li{ 
			    list-style-type:none;
    			float:left;
    			border:none;
   			    text-align:left;
}
.bga{ background-image: url(../images/b_36.gif)	; width:187px; height:44px; } 
.bga_expo{ background-image: url(../images/b_36_expo.gif)	; width:187px; height:44px; } 
.select { float:right; margin-top:10px; margin-left:35px; margin-right:10px;}
.back_btn{ float:left; width:646px; margin-bottom:4px; text-align:right;}
.back_btn a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 		text-decoration: underline; }
.back_btn a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline;}
.back_btn a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999; text-decoration:none; }

/* 导航*/
.menu_tital{ float:left; width:870px; height:27px;}
.menu_tital ul li{
				list-style-type:none;
    			float:left;
    			border:none;
   			    text-align:left;
}
.m_chanel_a   { background: url(../images/mu_01.gif); width:212px; height:27px}
.m_chanel_a a:link { background: url(../images/mu_01.gif); width:212px; height:27px}
.m_chanel_a a:visited { background: url(../images/mu_01.gif); width:212px; height:27px}
.m_chanel_a a:hover { background: url(../images/mu_08.gif); width:212px; height:27px}

文章出处：http://www.diybl.com/course/1_web/javascript/Javascriptshl/200721/4287.html

文章出处：http://www.diybl.com/course/1_web/javascript/Javascriptshl/200721/4287.html

/* 首页 */
.index_search{ float:left; width:868px; border:1px solid #E3E3E3;  background-color:#EFF3FF; text-align:center}
.3d_search{ width:428px; float:left; margin-left:220px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; 
		font-size:14px;} 
.3d_search_a{ width:428px; float:right; margin-left:220px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; 
		font-size:14px;} 
			
.home_part{ float:left; width:870px; margin-top:12px}
.home_left{ float:left; width:168px; margin-right:6px;}
.home_right{ float:right; width:696px;}
.flash_left{ float:left; background-image:url(../images/flash_bg.gif); width:168px; height:170px}
.flash_pic{ float:left; width:146px; height:146px; margin-left:11px;  margin-left:11px;margin-top:11px;
			border:1px solid #000000;display: inline;}
.flash_font{ float:left; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; width:168px; margin-top:15px;
				color:#000000;}
.left_other{ float:left; width:168px; margin-top:6px; }
.ggl_left{ float: left; width:166px; border:#8FB9D0 1px solid; background-color:#EFF3FF;text-align:center; 
			font-size:14px; background-image:url(../images/img_gongg.gif); height:23px; color:#fff;}
.ggl_font{ float:left; width:162px; font-size:12px; padding:2px; border-left:#8FB9D0 1px solid; border-right:#8FB9D0 1px solid; }
.ggl_pic1{ float:left; width:154px; font-size:12px; padding:6px; border-left:#8FB9D0 1px solid; border-right:#8FB9D0 1px solid; text-align:center;}
.ggl_pic2{ float:left; width:154px; font-size:12px; padding:6px; border-left:#8FB9D0 1px solid; border-right:#8FB9D0 1px solid; text-align:center;}
.ggl_pic3{ float:left; width:154px; font-size:12px; padding:6px; border-left:#8FB9D0 1px solid; border-right:#8FB9D0 1px solid; text-align:center;}
.ggl_pic4{ float:left; width:154px; font-size:12px; padding:6px; border-left:#8FB9D0 1px solid; border-right:#8FB9D0 1px solid; text-align:center; border-bottom:#8FB9D0 1px solid;}
.zpfx{ float:left;}
.zpfx_title{ float:left; background-image: url(../images/img_zpfx.gif); width:696px; height:23px;}
.zpfx_f_l{ float:left; margin-left:20px; color:#FFFFFF; font-size:14px;margin-top:4px; }
.zpfx_f_r{ float:right; margin-right:12px; font-size:14px; margin-top:3px; width:52px; height:16px} 
.zpfx_part{ float:left; border: 1px solid #e3e3e3;  width:694px; }}
.zpfx_pic2{ float:left; padding:6px; width:682px; text-align:center; height:180px; text-align:center;}
.zpfx_pic2 ul li
	{
    list-style-type:none;
    float:left;
    height:105px;
    width:184px;
    border:none;
    text-align:left;
	padding-left:21px;
	padding-right:21px;
}


.zpfx_pic2 a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 		text-decoration: none; }
.zpfx_pic2 a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none;}
.zpfx_pic2 a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999; text-decoration:none; }

.zpfx_pic{ float:left; padding:6px; width:682px; text-align:center; height:180px; }
.zpfx_pic ul li
	{
    list-style-type:none;
    float:left;
    height:105px;
    width:184px;
    border:none;
    text-align:left;
	padding-left:21px;
	padding-right:21px;
}

.zpfx_pic a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 		text-decoration: none; }
.zpfx_pic a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none;}
.zpfx_pic a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999; text-decoration:none; }

.fxt{ float:left; margin-top:6px;}
.fxt_right{ float:right; background-image: url(../images/img_fxt.gif); width:166px; height:23px;}
.fxt_left{float:left; background-image: url(../images/img_rmcp.gif); width:522px; height:23px; }
.fxt_pic{ float:right; padding-right:20px; padding-top:6px; width:120px; text-align:center; }
.fxt_pic ul li{
				list-style-type:none;
    			float:left;
    			border:none;
   			    text-align:left;
				}
.right_part{ float:right; width:166px; border:1px solid #e3e3e3;}
.left_part{ float:left; width:522px; border:1px solid #e3e3e3;}
.chanp_select{ float:left; margin-left:4px; margin-top:4px; width:514px; display:inline;}
.chanp_select_a{ float:left; width:508px; margin-top:2px; margin-left:6px;}
.chanp_select_a ul li{
				list-style-type:none;
    			float:left;
    			border:none;
   			    text-align:left;
				}
.p1{ float: left;background-image:url(../images/righttt04.gif); width:88px; height:21px; margin-left:2px}
.p2{ float: left;background-image:url(../images/righttt05.gif); width:88px; height:21px;margin-left:2px}
.p3{ float: left;background-image:url(../images/righttt041.gif); width:100px; height:25px; margin-left:2px;color:#0033CC; }
.p4{ float: left;background-image:url(../images/righttt051.gif); width:94px; height:25px;margin-left:2px;color:#0033CC; }
.line_p { float: left; width:508px; background-image:url(../images/righttt06.gif); margin-left:2px; height:19px}
.p_t{ margin-top:4px; }
.p_t_app{ margin-top:4px; }
.p_t_app a:link{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px;}
.p_t_app a:hover{ color:#66FFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px;}
.p_t_app a:active{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px;}
.p_t_app a:visited{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px;}
.jiaju_pic{ float:left; width:504px; margin-left:6px}
.jiaju_pic_a{ float:left; padding:6px; width:482px; text-align:center; }
.jiaju_pic_a ul li	{
    list-style-type:none;
    float:left;
    height:160px;
    width:94px;
    border:none;
    text-align:left;
	padding-left:14px;
	padding-right:14px;
}

.jiaju_pic_b{ float:left; padding:6px; width:482px; text-align:center;  margin-top:20px; height:200px}
.jiaju_pic_b ul li	{
    list-style-type:none;
    float:left;
    height:160px;
    width:94px;
    border:none;
    text-align:left;
	padding-left:14px;
	padding-right:14px;
}
.jiaju_pic_b a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 		text-decoration: none; }
.jiaju_pic_b a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none;}
.jiaju_pic_a a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999; text-decoration:none; }

.jiaju_pic_a a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 		text-decoration: none; }
.jiaju_pic_a a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none;}
.jiaju_pic_a a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999; text-decoration:none; }

.pinpai_part{ float:left; width:870px; margin-top:20px; }
.pp_bg{background-image:url(../images/img_titlebg.gif); width:870px; height:23px}
.pp_pf{ float:left; width:868px; height:150px; border:1px solid #e3e3e3;}
.pp_pic{ float:left; margin-left:10px; width:400px; padding:7px; height:150px; border-right: #e3e3e3 1px solid; margin-top:5px; background-color:#ffffff}
.pp_font{ float:right; margin-right:4px; width:400px; padding:7px; margin-top:5px;}
.pp_font span{ font-size:14px;}
.pp_show{ float:left; width:870px; margin-top:20dpx;}
.pp_show_f{ float:left; text-align:center; font-size:14px;}
.show_prod{ float:left; width:870px; margin-top:4px;}
.sp{ float:left; width:500px;margin-right:4px}
.sr{float:right; width:362px;}
.zst_part{ float:left; width:870px; margin-top:6px;}
.cps{ float:left; width:500px; margin-right:5px; text-align:center;}
.ybj{ float:right; width:365px; text-align:center;}
.cps_font_t{ font-size:14px; width:500px;  margin-bottom:4px;}
.ybj_font_t{ font-size:14px; width:365px;  margin-bottom:4px;}
.cps_title{ float:left; background-color:#e3e3e3; border:1px solid #e3e3e3; width:498px; height:23px; text-align:left;}
.ybj_title{ float:left; background-color:#e3e3e3; border:1px solid #e3e3e3; width:363px; height:23px;text-align:left;}
.cps_f{ text-align:left; margin-left:10px; width:480px; margin-top:5px;}
.ybj_f{ text-align:left; margin-left:10px; width:300px; margin-top:5px;}
.cps_pic{ float:left; width:239px; height:239px; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;border-left:1px solid #e3e3e3; padding:5px;}
.cps_pic a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 		text-decoration: underline; }
.cps_pic a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline;}
.cps_pic a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999; text-decoration:none; }

.cps_pic_a{ float:right; width:237px; height:238px;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; padding:5px;}
.cps_pic_a a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 		text-decoration: underline; }
.cps_pic_a a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline;}
.cps_pic_a a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999; text-decoration:none; }
.cps_foto{ float:left; margin-left:4px; width:229px; height:200px; background-color:#000; margin-top:4px; margin-bottom:2px;}
.ybj_pic{ float:left; width:353px;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;border-left:1px solid #e3e3e3; 
padding:5px;} 
.ybj_pic a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 		text-decoration: underline; }
.ybj_pic a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline;}
.ybj_pic a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999; text-decoration:none; }

.ybj_foto{ float:left; margin-left:10px; width:333px; height:200px; background-color:#000; margin-top:4px; margin-bottom:2px;}
.cps_more_part{ float:left;width:870x; margin-top:4px; margin-bottom:30px;}
.cps_more{ float: left;width:500px;margin-right:4px}
.cps_more a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 		text-decoration: underline; }
.cps_more a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline;}
.cps_more a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999; text-decoration:none; }

.ybf_more{ float:right; width:365px}
.ybf_more a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; 		text-decoration: underline; }
.ybf_more a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline;}
.ybf_more a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999; text-decoration:none; }
.search_bar{ float:left; width:697px;}

#product-right-col_b{
    float: right;
    width: 697px;
    background: url(../images/bt_wdfj.gif) no-repeat top left;
    margin-top:5px;
}

#product-right-col_b div.content{
    width: 697px; /* 604 - 2 */
    height:700px;
    border: #dcd4c6 1px solid
}

#product-right-col_b div.bottom{
    height: 5px;
    width: 604px;
}

#product-right-col_b div.content div.title{
    height: 65px;
    border-bottom: 1px solid #dcd4c6;
}

#product-right-col_b div.content div.title #category{
    position:relative;
    top: 30px;
    left: 20px;
    font-size:14px;
    font-weight: bold;
    line-height:14px;
    color:#000000;
}

#product-right-col_b div.content div.title #hot{
    float:right;
	margin-right:20px;
	margin-top:10px;
    font-size:14px;
    font-weight: bold;
    line-height:14px;    
}
#product-right-col_b div.content div.title #hot_a{
    position:relative;
	margin-left:100px;
    top: 30px;
    left: 380px;
    font-size:14px;
    font-weight: bold;
    line-height:14px;    
}

#product-right-col_b div.content #search-box{
    height: 50px;
    border-bottom: 1px solid #dcd4c6;
	
}

#product-right-col_b div.content #items ul{
    margin:0 auto;
    overflow:hidden;
    width:600px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

#product-right-col_b div.content #items ul li{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    border:1px dotted #DDDDDD;
    float:left;
    height:80px;
    width:280px;
    border:none;
    padding: 10px;
    text-align:left;
}

#product-right-col_b div.content #items ul li img{
    float:left;
    margin-right:10px;
}

.text_comment{
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    width:300px;
    height:100px;}

.search-button{
    border:none;
    background:url(../images/img_search_bt.gif);
    height:19px;
    width:48px;
}

#search-form{
    margin-top:10px;
    margin-left:20px;
}

#aboutus_content{padding-top:30px;}
#faqcontent{padding-top:30px;}

.expo_items{
float:left; 
margin-top:10px; 
margin-left:5px; 
width:75px;
}

.expo_item_col_left{
	float:left;
	position:relative;
	left:0px;
	width:80px;
}

.expo_item_col_right{
	float:left;
	position:relative;
	left:5px;
}

.application_jieshao{ width:870px; border:#E3E3E3 1px solid;}

.application_slides{ float: left; width:320px; height:240px; margin-top:8px; margin-left:3px;  }

.application_lang{ float:right; width: 520px; margin-left:3px; margin-right:5px; margin-top:8px; }

.application_main{ width:870px; }

.application_title li{ color: #222222;
    				font-family: Helvetica,Arial,sans-serif;
    				font-size: 16px; }