@charset "utf-8";
/* CSS Document */
/*div , img { behavior: url(../img/iepngfix.htc);}*/

.NEWS .show_news_div1{
	width: 235px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}
.NEWS .show_news_div2{
	width: 60px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

.top{ width:1004px; height:115px; margin:0 auto; background:url(../img/top_bg.gif) no-repeat;}
.top2{ width:1004px;  height:86px; margin:0 auto; background:url(../img/top_bg2.gif) no-repeat;}
.logo{ float:left; width:225px; height:80px;}
.top_right{ float:left; width:739px; height:115px;}
.logo2{ float:left; width:225px; height:80px;}
.top_right2{ float:left; width:739px; height:86px;}

.link{ width:300px; float:left; padding-left:450px; height:40px; line-height:40px;}
.menu{ width:739px; margin:0 auto; height:45px;}

	.menu div{ float:left; height:45px;}
	.m1 a{ width:133px; height:45px; background:url(../img/m1.png) no-repeat; display:block}
	.m1 a:hover{ width:133px; height:45px; background:url(../img/b1.png) no-repeat; display:block}
	.m2 a{ width:106px; height:45px; background:url(../img/m2.png) no-repeat; display:block}
	.m2 a:hover{ width:106px; height:45px; background:url(../img/b2.png) no-repeat; display:block}
	.m3 a{ width:138px; height:45px; background:url(../img/m3.png) no-repeat; display:block}
	.m3 a:hover{ width:138px; height:45px; background:url(../img/b3.png) no-repeat; display:block}
	.m4 a{ width:122px; height:45px; background:url(../img/m4.png) no-repeat; display:block}
	.m4 a:hover{ width:122px; height:45px; background:url(../img/b4.png) no-repeat; display:block}
	.m5 a{ width:126px; height:45px; background:url(../img/m5.png) no-repeat; display:block}
	.m5 a:hover{ width:126px; height:45px; background:url(../img/b5.png) no-repeat; display:block}
	.m6 a{ width:114px; height:45px; background:url(../img/m6.png) no-repeat; display:block}
	.m6 a:hover{ width:114px; height:45px; background:url(../img/b6.png) no-repeat; display:block}
.banner2{ width:1004px; margin:0 auto;}
.banner{width:1004px;height: 513px;margin:0 auto; background:url(../img/banner_bg.jpg) no-repeat;}
#slider_base{
z-index: 1; position: absolute;z-index: 999;
}

	.conter{ width:1004px; margin:0 auto; height:173px; background:url(../img/cen_bg.jpg) no-repeat}
	.conter .left{ float:left; background:url(../img/left.png) no-repeat; width:15px; height:173px;}
	.content{ width:984px; height:173px; margin:0 auto;}
	.news{ float:left; width:300px; padding-top:4px;}
	.news_title{ width:300px; height:33px; margin: 0 auto;}
	.news_title_left{ float:left; width:250px; height:34px;}
	.news_title_right{ width:34px; height:10px; float:left; padding-right:15px;}
	.pro_title_left{ float:left; width:200px; height:19px;}
	.pro_title_right{ width:34px; height:10px; float:right; padding-right:15px;}
	.news_list{ padding-top:5px; line-height:26px; margin-left:20px;}
	 .news_list .show_news_div1{ float:left; width:170px; background:url(../img/jiantou.png) no-repeat 0px 12px; padding-left:10px; border-bottom:1px dashed #999; line-height:30px;}
	.news_list .show_news_div2{ float:left; width:77px;border-bottom:1px dashed #999; line-height:30px;}
	.more a{ width:30px; height:10px; padding-top:14px; float:right;}
	.products{ float:left; width:360px; padding-top:4px; margin-left:20px;}
	.products_title{ width:364px; height:34px;}
	.img_list{ width:339px; padding-top:7px; padding-left:10px;}
			
	.show_pro { float:left; height:100px; width:300px; _width:310px;  overflow:hidden; padding:0 0 0 0; }
	.pro_l { float: left; margin: 1px 0 0 5px;text-align: center; }
    .pro_l a { border: 2px solid #999; width:91px; height: 91px; display: block;}
    .pro_l a:hover { border: 2px solid #e59c00; display: block; width: 91px; height: 91px;}

    #show_pro .pro_img img { background:#fff; padding:3px;  }
    #show_pro .pro_img img:hover { }
	#show_pro .pro_name { padding-left:20px;}
	
	
	#show_pro_up { float:left; }
	#show_pro_up a { display:block; float:left; background:url(../img/jiantou-02.png) no-repeat left top; height:73px; width:16px; text-indent:-10000px; margin-top:10px; }
	#show_pro_up a:hover { background:url(../img/jiantou-02.png) no-repeat left bottom; }
	#show_pro_down{ float:right; }
	#show_pro_down a { display:block; float:right; background:url(../img/jiantou1.png) no-repeat right top; height:73px; width:16px; text-indent:-10000px; margin-top:10px; }
	#show_pro_down a:hover { background:url(../img/jiantou1.png) no-repeat right bottom; }
				
	.contact_main{ float:left; margin-left:13px; width:0px; margin-top:10px; height:186px;}
	.conter .right{ float:left; background:url(../img/right.png) no-repeat; height:183px; width:13px;}
	
	
	
/********************关于我们***********************************/
.main{width:1004px; margin:0 auto; background:url(../img/main_bg.gif) repeat-y}
.kongbai{ width:930px; margin:0 auto; height:3px;}
.a_left{ width:231px; float:left; margin-top:13px; margin-left:20px;}
.a_left_top{ width:220px;}
.a_left_top2{ width:220px;margin-top:15px;}
.a_left_cen{ width:220px; background:url(../img/center.jpg) repeat-y;}
	.pe_list{ width:220px;}
	.pe_list ul{ width:220px;}
	.pe_list ul li{ border-bottom:1px dashed #adadad; width:220px; height:41px;}
	
	.pe_list ul li.none{ border:none;}
	.pe_list ul li a{ color:#444; padding-left:30px;line-height:41px; background:url(../img/bg2.png) no-repeat; height:41px; display:block;}
	.pe_list ul li a:hover{ color:#fff;line-height:41px; background:url(../img/bg3.png) no-repeat; width:220px; height:41px;}
	.pe_banner01{width:220px; margin-top:10px;}

.a_right{ float:left; width:708px; margin-left:15px;}
.a_cen{ width:708px; background:url(../img/bg4.png) repeat-y; margin-left:1px;}
	.about_con{ width:690px;}
	.about_title{ width:690px; height:27px; line-height:27px; padding-left:15px;}
	.about_title_left{ width:500px; float:left; height:27px;}
	.about_title_right{ width:178px; float:left; height:26px; border-bottom:1px solid #dbdbdb; text-indent:70px;}
	.about_title_right a{ color:#444}
	.about_title_right a:hover{ text-decoration:underline;}
	.box_show2{ font-size:12px; line-height:22px; color:#444; padding-top:15px; padding-left:0px;}
	.box_show{width: 650px;padding: 5PX 15PX 15PX 35PX;overflow: hidden;}
	.contact_main2{ width:220px; margin-bottom:15px; margin-top:15px;}

	
/********************聯絡我們***********************************/

.contact_us { padding:20px 20px 0 40px; clear:both; width:652px}
.con_ex { background:url(../img/dot2.png) no-repeat; padding:3px 0 6px 34px; font-size:16px; color:#444; font-weight:bolder; }
.contact_part { border:5px solid #666; margin:8px 0 0 70px; padding:10px; font-size:12px; height:1%; width:480px; background:#fff; }
.contact_par:after { content: ".";display: block;height:0;clear: both; visibility:hidden; }

.contact_div2 { float:left; width:200px; }
.contact_part .contact_div2 { padding-bottom: 0px; line-height: 25px; min-height: 25px; }
.contact_div1 { float: left; width: 100px; height: 25px; text-align: right; line-height: 25px; border:1px; margin:0 0 2px 0; color:#444; }
.contact_div2 { float: left; width: 200px; padding-bottom:5px; margin:0 0 2px 0; border:1px; }
.contact_div1 input, .contact_div2 input { line-height: 20px; border: 1px solid #888; height: 20px; width: 200px; }
.contact_div2 textarea { line-height: 20px; height:95px; margin-top:5px; width: 370px; border: 1px solid #888; }
.set_bt{ clear:both;  padding:5px 0 0 100px; }
.contact_us2 { font-size:14px; padding:15px 0 0 0; color:#444; line-height:30px; }

	.news_bg{ width:200px; padding-left:10px;}
	.pe_list2 ul li{ border-bottom:1px dashed #adadad; width:188px; height:41px;}
	.pe_list2 ul li.none{ border:none;}
	.pe_list2 ul li a{ color:#444; padding-left:30px;line-height:41px; background:url(../img/bg2.png) no-repeat; height:41px; display:block;}
	.pe_list2 ul li a:hover{ color:#fff;line-height:41px; background:url(../img/bg3.png) no-repeat; width:188px; height:41px;}


/********************留言板***********************************/

#guestbook_sub { padding-top:15px;}
.guestbook_con { border:1px solid #ccc; margin-bottom:10px; padding:2px; width:680px; margin:0 auto; margin-left:15px; margin-bottom:10px;}
.guest_top { background:#fff; font-size:12px; padding:4px 10px 2px 10px; position:relative; border-bottom:1px dashed #A2CB64;  }
.guestbook_con .user_name { font-weight:bolder; color:#d76800; }
.guestbook_con .admin_mail { position:absolute; top:4px; left:600px; _left:471px; color:#888; }
.guest_user { padding:10px; font-size:12px; color:#fff; background:#ccc; }
.guest_admin { border-top:1px dashed #A2CB64; background:#fff; }
.guest_bottom { background:#fff; text-align:right; color:#d76800; font-size:12px; padding:0 8px 0 4px; }
.guest_admin { padding:5px 10px 5px 15px; font-size:12px; color:#A38C35; }
.guest_admin .name { color:#d76800; font-weight:bolder; }
.guestbook_bt { text-align:right; }
.user_con { border:5px solid #666; background:#f9f9f9; margin:8px 0 0 0; padding:10px; font-size:12px; height:1%; width:480px; }
.user_con:after { content: ".";display: block;height:0;clear: both; visibility:hidden; }
.guestbook_div2 { float:left; width:470px; }
.user_con .guestbook_div2 { padding-bottom: 0px; line-height: 25px; min-height: 25px; }
.guestbook_div1 { float: left; width: 100px; height: 25px; text-align: right; color:#444; line-height: 25px; border:1px; margin:0 0 2px 0; }
.guestbook_div2 { float: right; width: 370px; padding-bottom:5px; margin:0 0 2px 0; border:1px; }
.guestbook_div1 input, .guestbook_div2 input { line-height: 20px; border: 1px solid #888; height: 20px; width: 200px; }
.guestbook_div2 textarea { line-height: 20px; height:95px; margin-top:5px; width: 370px; border: 1px solid #888; }
#user {

	left: 764px;
	margin-left: -300px;
	padding: 5px;
	position:absolute;
	top: 566px;
	width:500px;
	text-align: left;
	z-index: 1;
}
ul.page{
	margin:0px;
	list-style:none;
	text-align:center;
	width: 589px;
	clear: both;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
ul.page li{ display:inline; padding:0 3px; }
ul.page li a {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
}
ul.page li a:hover {
	text-decoration:underline;
}
.pro_search { width:231px;}
.pro_search .c {  margin:0 0; padding:5px 6px 40px 30px; }
#TxtSearch { float:left; padding:2px; width:100px; border:1px solid #66; 6background:url(../img/input_bg.gif) #fff repeat-x top; margin:5px 0 0 1px; }
#SearchProduct { float:left; margin-left:20px; margin-bottom:15px; }



/********************最新消息***********************************/

#show_news_page {
	width:600px;
	margin:0 auto
}
#show_news_page .show_news_div3 {
	float:left;
	width:81px;
	border-bottom:1px dashed #999;
	line-height:33px;
	padding-top:5px;
	text-align:center;
	font-size:12px;
	font-weight: normal;
}
#show_news_page .show_news_div2 {
	float:left;
	width:81px;
	border-bottom:1px dashed #999;
	line-height:33px;
	padding-top:5px;
	text-align:center;
	font-size:12px;
	font-weight: normal;
}
#show_news_page .show_news_div1 {
	background:none;
	float:left;
	width:420px;
	border-bottom:1px dashed #999;
	line-height:33px;
	padding-top:5px;
	height: 33PX;
	overflow: hidden;
	padding-right: 10PX;
	font-weight: normal;
}
#show_news_page .show_news_div3 {
	color:#000;
}
#show_news_page .show_news_div2 {
	color:#000;
}
#show_news_page .show_news_div1 a {
	font-size:14px;
	color:#000;
}
#show_news_page .show_news_div1 a:hover {
	color:#333;
	text-decoration:underline;
}



.news_show { }
.news_show .show_news_div1 { width:120px;width:auto; white-space:normal; float:none; font-size:16px; font-weight:bolder; text-align:center; padding:20px 0 0 0; color:#444;}
.news_show .show_news_div2 {width:auto; text-align:center; font-size:14px; color:#444; padding:10px 0  20px 0; border-bottom:1px dashed #ccc;  }
.news_show .news_txt { padding:20px 15px 20px 15px; color:#444; }
.news_show .news_txt p { margin:15px 0 10px 0; color:#444; font-size:16px; line-height:22px;}
.news_show .news_txt a { color:#00569f; font-size:16px; }


.box{ padding: 5PX 0PX 15PX 10PX;overflow: hidden;}

.show_left_news_div2{ color:#999}

/********************作品展示***********************************/
	
.show_type { font-size:12px; text-align:right; color:#444; padding:10px 30px 0 0; }
.show_type * { color:#444; }
#ProductModel_1 { padding:0 0 0 24px; background:url(../img/show_type.gif) no-repeat 5px 0; }
#ProductModel_2 { padding:0 0 0 24px; background:url(../img/show_type.gif) no-repeat 5px -35px; }
#ProductModel_3 { padding:0 0 0 24px;background:url(../img/show_type.gif) no-repeat 5px -71px; }

#show_pro_div {/* height:1%; width:700px; padding-left:20px;*/ }
#show_pro_div:after { content: ".";display: block;height:0;clear: both;visibility:hidden; }
.model1 {
	width:674px;
}
.model1 .product {
	float:left;
	width:137px;
	height:185px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
	padding:5px 3px 3px 3px;
	margin:15px 7px 0 18px;
	_margin:15px 0 0 16px;
	background-image: url(../img/product_bg.png);
	background-repeat: no-repeat;
}
.model1 .product:hover {
}
.model1 img {
	margin-top: 5px;
}
.model1 .product_name { width:136px; height:50px; overflow:hidden; text-align:left; overflow:hidden; margin-top: 5px; padding:0px 2px;}
.model1 .product_name a {
	color:#0c63a6;
	text-decoration:none;
}
.model1 .product_name a:hover {
	color:#0c63a6;
	text-decoration:underline;
}


.model2 { width:718px;}
.model2 .product { border-bottom:1px dashed #A38C35; height:1%; padding:10px 0; }
.model2 .product:after { content: ".";display: block;height:0;clear: both;visibility:hidden; }
.model2 .product_img { float:left; width:138px; height:138px; border:1px solid #BECAE9; padding:4px; background:#fff; }
.model2 .product_img img { width:138px; height:138px; }
.model2 .product_name { float:right; width:420px; height:30px; font-size:14px; padding:5px 0 0 8px; font-weight:bolder; background:#FFFCF0; border:1px solid #A38C35; }
.model2 .product_name a { color:#A38C35; }
.model2 .product_name a:hover { text-decoration:none; }
.model2 .txt { float:right; width:405px; padding:10px 12px; font-size:12px; background:#FFFCF0; color:#333; }


.model3 { width:718px; }
.model3 .product_name { margin:8px 0 0 0; background:#FFFCF0; border:1px solid #A38C35; font-size:14px; font-weight:bolder; padding:3px 8px; }
.model3 .product_name a { color:#A38C35; }
.model3 .product_name a:hover { text-decoration:none; }
.model3 .txt { padding:8px 12px; margin:1px 0 0 0; font-size:12px; background:#FFFCF0; border-bottom:1px dashed #ddd; color:#333; }

#Products .your_position div { background:url(../img/position_pro.gif) no-repeat; }
ul.page{
	padding:15px 0;
	margin:0px;
	list-style:none;
	text-align:center;
	width: 589px;
	clear: both;
}
ul.page li{ display:inline; padding:0 3px; }
ul.page li a {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
}
ul.page li a:hover {
	text-decoration:underline;
}
ul.page_news{
	padding:15px 0;
	margin:0px;
	list-style:none;
	text-align:center;
	width: 589px;
	clear: both;
	background-image: url(../img/news_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
}
ul.page_news li{ display:inline; padding:0 3px; }
ul.page_news li a {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
}
ul.page_news li a:hover {
	text-decoration:underline;
}



.pro_info { width:700px; padding-top:30px; padding-left:20px; }
.pro_info2 { width:660px; margin-top:30px;  padding-left:10px;}
.pro_info .left { float:left; width:332px; }
.pro_info .right { float:left; width:300px; padding-left:10px;}
#product_img { margin-bottom:10px; }
.product_imgb { text-align: center;border:1px solid #ccc; padding:5px; position:relative; overflow:hidden; width:320px; height:230px; overflow:hidden;line-height: 99999; }
.product_imgb a { display:block; background:url(../img/zoom.gif) no-repeat; width:44px; height:12px; overflow:hidden; position:absolute; bottom:10px; left:10px; }
.product_imgb a:hover {  background:url(../img/zoom.gif) no-repeat 0 -13px; }
.product_txt {
	color:#333333;
	font-weight:bolder;
	font-size:12px;
	background-color: #e7f0f6;
	height: 48px;
	width: 260px;
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	line-height: 20px;
}
.product_txt_all {
	width: 326px;
}

	
	
	
	
.product_txt_number {
	color:#333333;
	font-weight:bolder;
	font-size:12px;
	background-color: #e7f0f6;
	height: 48px;
	width: 60px;
	line-height: 48px;
	float: left;
	margin-bottom: 5px;
}
.pro_info .right .txt { font-size:12px; padding:8px 0; color:#444;}
.pro_info2 .txt { font-size:12px; padding:8px 0; color:#444; }
#show_pro_i_up { float:left; }
#show_pro_i_up a { display:block; float:left; background:url(../img/prolist_btn2.gif) no-repeat left top; height:58px; width:10px; text-indent:-10000px; }
#show_pro_i_up a:hover { background-position:bottom left; }
#show_pro_i_down { float:right; }
#show_pro_i_down a { display:block; float:right; background:url(../img/prolist_btn2.gif) no-repeat right top; height:58px; width:10px; text-indent:-10000px; }
#show_pro_i_down a:hover { background-position:bottom right; }
#show_i_pro { padding:0 0 0 2px; width:308px; height:58px; overflow:hidden; float:left; }
#show_i_pro a { padding:0 0 0 3px; float:left; border: 1px solid #CCC;margin:0 0 0 4px; padding:3px;width:49px; height:49px;text-align: center;}
#show_i_pro a:hover {border: 1px solid #d78900;}
#show_i_pro img { width:49px; height:49px;  }
#show_i_pro img:hover {  }


	.pe_list2_list{ width:200px;}
	.pe_list2_list ul{ width:188px;}
	.pe_list2_list ul li{ border-bottom:1px dashed #adadad; width:188px; height:41px;}
	.pe_list2_list ul li.none{ border:none;}
	.pe_list2_list ul li a{ color:#444; padding-left:30px;line-height:41px; background:url(../img/bg2.png) no-repeat; height:41px; display:block; width:188px;overflow: hidden;}
	.pe_list2_list ul li a:hover{ color:#fff;line-height:41px; background:url(../img/bg3.png) no-repeat; width:188px; height:41px;overflow: hidden;}
	
	
.text{
	font-size:14px;
	color:#fff;
	margin-bottom: 3px;
	width: 176px;
	overflow: hidden;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	text-align: right;
}
.text a{ 
	width:176px;
	color:#4d4d4d;
	display: block;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0;
	background-image: url(../img/menu_bg_14.jpg);
	background-repeat: repeat-y;
}
.text a:hover{ 
	color:#ffffff;
	text-decoration:none;
	background-image: url(../img/menu_bg_11.jpg);
	background-repeat: repeat-y;
}
.text a span{
	padding:0 5px 0 18px;
	line-height:14px;
	font-size: 11px;
	background-image: url(../img/icon_15.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}





/********************脚注***********************************/
.bottom{ width:1004px; margin:0 auto;  background:url(../img/bottom.gif) repeat-y;}
.bottom_text{ width:700px;  margin-left:230px; padding-top:10px;}

.logo3{  width:225px;float: left;}