@charset "utf-8";
/* CSS Document */
.top_menu{ width:1024px; height:85px;position: absolute;margin-top: 20px; }
#header{
    width:1024px;
	height: 65px;
	padding-top: 30px;
}
.top_menu2{
    float: left;
    width: 750px;
	margin-top: 16px;
	_width:730px;
}
.top_menu2 div a{
    width:116px; 
	height:38px;
	display:block; 
	float:left;
	color:#a5a5a5;
	padding-left:8px;
	_width:112px;
}
.top_menu2 div a:hover{
    color:#000;
	font-weight: bold;
	text-decoration: none;
}
.logo{ width:155px; height:75px; float:left; margin-left:18px;margin-right:40px;}
.logo2{
    float: left;
    height: 60px;
    margin-left: 34px;
    width: 220px;
	_margin-left: 29px;overflow: hidden;
}
.top_right{ width:1024px; height:85px; float:right;}
    .top_link{ height:18px; text-align: right;padding:0 44px 0 0;position: absolute;}
	.top_link2{
	font-size: 11px;
	height: 20px;
	padding: 5px 34px 0 0;
	text-align: right;
	position: absolute;
	right:0;
	}	
	.top_link a , .top_link a:hover{color:#ababab;text-decoration: none;}
	.top_link2 a {color:#a09f9a;display:block;float:left;width: 54px;text-align:center;height: 22px;margin-left: 4px;}
	.top_link2 a:hover{color:#a09f9a;background: url(../img/linkhover.gif) no-repeat;}
	.top_link2 div { float:left;} 
	.menu{ width:1024px; height:85px;margin-top: 15px;}
	
	.m1 a{background:url(../img/menu.gif) no-repeat;}
	.m1 a:hover{background:url(../img/menu.gif) no-repeat 0 -38px;}
	
	.m2 a{background:url(../img/menu.gif) no-repeat 0 -76px;}
	.m2 a:hover{background:url(../img/menu.gif) no-repeat 0 -114px;}
	
	.m3 a{background:url(../img/menu.gif) no-repeat 0 -152px;}
	.m3 a:hover{background:url(../img/menu.gif) no-repeat 0 -190px;}
	
	.m4 a{background:url(../img/menu.gif) no-repeat 0 -228px;}
	.m4 a:hover{background:url(../img/menu.gif) no-repeat 0 -266px;}
	
	.m5 a{background:url(../img/menu.gif) no-repeat 0 -304px;}
	.m5 a:hover{background:url(../img/menu.gif) no-repeat 0 -342px;}
	
	.m6 a{background:url(../img/menu.gif) no-repeat 0 -380px;}
	.m6 a:hover{background:url(../img/menu.gif) no-repeat 0 -418px;}

    
#main{

}
.slider-wrapper{
    z-index: -1;
	_display:none;
}
.banner{
    position: relative;
	height: 335px;
}
.banner2{ width:1024px; margin:0 auto; _padding: 0 30px;}

	.conter{margin:0 auto;width: 1024px;position: relative;}
	.conter .left{ float:left; background:url(../img/left.png) no-repeat; width:15px; }
	.content{    
	height: 106px;
    margin: 0 auto;
    padding-top: 20px;
    width: 965px;}
	.news{ float:left; width:370px; padding-top:10px;}
	.news_title{width:350px; height:24px;background:url(../img/newstit.gif) no-repeat 0 0;position: relative;}
	.news_title_right a{ width:35px; height:22px; position: absolute;right: 0;}
	.pro_title_right a{ width:43px; height:22px;position: absolute;right: 0;}
	.news_list{ padding-top:10px;background:url(../img/newsbg.gif) no-repeat 0 10px;float:left;}
	.news_list .show_news_div1{ float:left; width:260px; background:url(../img/jiantou.png) no-repeat 10px 10px; padding-left:20px;}
	.news_list .show_news_div1 a{color:#666666;}
	.news_list .show_news_div1 a:hover{font-weight: bold;}
	.news_list .show_news_div2{ float:left; width:60px;color:#353535;}
	.more a{ width:30px; height:10px; padding-top:14px; float:right;}
	.products{ float:left; width:340px; padding-top:6px;}
	.products_title{width:320px; height:20px;background:url(../img/producttit.gif) no-repeat;font-size: 25px;position: relative;}
	.img_list{ width:322px;float:left;}
			
	.show_pro { float:left; height:120px; width:300px; _width:310px;  overflow:hidden; padding:0 0 0 0; }
	.pro_l { float:left; width:68px;margin: 0 2px 0 2px; text-align:center;height: 58px;background:#e4e4e4;padding:2px;}
	.pro_l a  {width:68px;height: 58px; display:block; }
	.pro_l a:hover { background:#F8E094;width:68px;height: 58px; display:block;}
	#show_pro .pro_img  { width:68px; height:58px; }
	
	
	#show_pro_up { float:left;margin-right: 3px;}
	#show_pro_up a { display:block; float:left; background:url(../img/jiantou-02.gif) no-repeat left top; height:62px; width:6px; text-indent:-10000px;}
	#show_pro_up a:hover{ display:block; float:left; background:url(../img/jiantou-02.gif) no-repeat 0 -62px; height:62px; width:6px; text-indent:-10000px;}
	#show_pro_down{ float:right; }
	#show_pro_down a { display:block; float:right; background:url(../img/jiantou1.gif) no-repeat right top; height:62px; width:6px; text-indent:-10000px;}
	#show_pro_down a:hover { display:block; float:right; background:url(../img/jiantou1.gif) no-repeat right -62px; height:62px; width:6px; text-indent:-10000px; }
				
	.contact_main{
	float:left;
	width: 250px;
	height:100px;
	background:url(../img/bg/contact.gif) no-repeat;
}
	.conter .right{ float:left; background:url(../img/right.png) no-repeat; width:13px;}
	
	.contact{ display:none; }
	.contact_title{ width:404px; height:30px;background:url(../img/bg/ind_list.png) no-repeat 0 -60px;}

   
	
	
/********************关于我们***********************************/
.main{/*background:url(../img/bg.jpg) repeat-y;*/ width:1024px; padding-bottom: 30px;float: left;}
.kongbai{ width:930px; margin:0 auto; height:3px;}
.a_left{ width:204px; float:left; margin:0px 0 0 30px;_margin-left:35px;}
.a_left_cen{ width:204px; }
	.pe_list{ width:204px;}
	.pe_list ul{ width:217px; }
	.pe_list ul li{ border-bottom:1px dashed #adadad; width:204px; height:36px;}
	
	.pe_list ul li.none{ border:none; }
	.pe_list ul li a{  width:188px;color:#747373;padding-bottom: 5px; padding-left:20px; display:block;font-weight: normal;background:url(../img/bg/icon.gif) no-repeat 0 8px; padding-top:5px;}
	.pe_list ul li a:hover{ color:#000;font-weight:bold;background:url(../img/bg/icon.gif) no-repeat 0 13px;background:url(../img/bg/icon.gif) no-repeat 0 8px #f8f8f8;}
	.pe_banner01{width:204px;overflow: hidden;}


.a_right{ float:right; width:726px;margin-right: 30px;_margin-right: 0px;}
	.about_con{}
	.about_title{ width:682px; height:75px; line-height:23px;background:url(../img/bg/R_title.jpg) no-repeat 0px 0px; }
	/*.about_title_left{ width:530px; float:left; height:37px;}*/
	.about_title_right{ width:180px; float:right; height:31px;color:#9d9d9d; text-align: right; margin-top: 34px;background:url(../img/rightit.png) no-repeat 32px 6px;}
	.box_show{ font-size:12px; line-height:22px; color:#525252;padding: 30px 0px 0 26px;width: 700px;overflow: hidden;}
	
	
	
/********************聯絡我們***********************************/

.contact_us { padding:30px 20px 0 24px; clear:both; }
.con_ex { background:url(../img/dot2.png) no-repeat; padding:3px 0 6px 34px; font-size:16px; color:#444; font-weight:bolder;border-bottom:2px solid #e2e3e2; }
.contact_part { /*border:5px solid #870B38;background:#870B38;*/ margin:8px 0 0 0; padding:8px 10px 25px 50px; font-size:12px; height:1%; width:470px;  }
.contact_par:after { content: ".";display: block;height:0;clear: both; visibility:hidden; }

#show_contact_div { /*height:1%;*/ padding:30px 0px 0 10px; }

.contact_div2 { float:left; width:200px; }
.contact_part .contact_div2 { padding-bottom: 4px; line-height: 25px; min-height: 25px; }
.contact_div1 {
	float: left;
	width: 100px;
	height: 25px;
	text-align: right;
	line-height: 25px;
	border:1px;
	color:#333333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
}
.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 #999999; height: 20px; width: 200px; }
.contact_div2 textarea { line-height: 20px; height:95px; width: 370px; border: 1px solid #999999; }
.set_bt{
	clear:both;
	padding:10px 0 0 100px;
}
.contact_us2 { font-size:13px; padding:15px 0 0 0; color:#444; line-height:26px; }

	.news_bg{ width:150px;}
	.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 { /*margin-top:15px;*/}
.guestbook_con { border:1px solid #ccc; margin-bottom:10px; padding:2px; width:694px; float:right}
.guest_top { background:#fff; font-size:12px; padding:4px 10px 2px 10px; position:relative; border-bottom:1px dashed #cccccc;  }
.guestbook_con .user_name { font-weight:bolder; color:#000; }
.guestbook_con .admin_mail { position:absolute; top:4px; right:10px; color:#888; }
.guest_user { padding:10px; font-size:12px; color:#333333; background:#f5f5f5; }
.guest_admin { border-top:1px dashed #A2CB64; background:#fff; }
.guest_bottom { background:#fff; text-align:right; color:#aaa; font-size:12px; padding:0 8px 0 4px; }
.guest_admin { padding:5px 10px 5px 15px; font-size:12px; color:#777777; }
.guest_admin .name { color:#000; font-weight:bolder; }
.guestbook_bt { text-align:right;margin: 0 0 10px; }
.user_con { border:1px solid #cdcdcd; background:#f5f5f5; margin:8px 0 0 0; padding:20px 10px 25px 10px; font-size:12px; height:1%; width:470px; }
.user_con:after { content: ".";display: block;height:0;clear: both; visibility:hidden; }
.guestbook_div2 { float:left; width:470px; }
.user_con .guestbook_div2 { padding-bottom: 4px; line-height: 25px; min-height: 25px; }
.guestbook_div1 {
	float: left;
	width: 100px;
	height: 25px;
	text-align: right;
	color:#6b6b6b;
	line-height: 25px;
	border:1px;
	margin:0 0 2px 0;
}
.guestbook_div2 { float: left; width: 370px; padding-bottom:5px; margin:0 0 2px 0; border:1px; }
.guestbook_div1 input, .guestbook_div2 input { line-height: 20px; border: 1px solid #747272; height: 20px; width: 200px; }
.guestbook_div2 textarea { line-height: 20px; height:95px; margin-top:5px; width: 370px; border: 1px solid #747272; }
#user {

	left: 620px;
	margin-left: -230px;
	padding: 5px;
	position:absolute;
	top: 566px;
	width:500px;
	text-align: left;
	z-index: 1;
}
ul.page{ padding:15px 0; margin:0px; list-style:none; text-align:center; width: 100%; 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:#444; }
ul.page li a:hover { text-decoration:none; }
.pro_search { width:204px;}
.pro_search .c {  margin:0 0; padding:5px 6px 30px 0px; }
#TxtSearch { float:left; padding:2px; width:150px; border:1px solid #66; 6background:url(../img/input_bg.gif) #fff repeat-x top; margin:0px 0 0 3px; }
#SearchProduct { float:left; margin-left:5px; }



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

#show_news_page {  padding:20px 0px 0 24px; margin:0 auto }
#show_news_page .show_news_div2 { float:left; width:110px; border-bottom:1px solid #ccc; line-height:33px; padding-top:5px; font-size:12px; }
#show_news_page .show_news_div1 { background:none; float:left; width:560px; border-bottom:1px solid #ccc; line-height:33px; padding-top:5px;overflow: hidden;height: 33px; }
#show_news_page .show_news_div2 { font-weight:bolder; color:#989898; }
#show_news_page .show_news_div1 a { color:#989898; }
#show_news_page .show_news_div1 a:hover { color:#000; text-decoration:underline;font-weight:bold; }



.news_show {padding: 10px 0px 0 26px;width: 700px;overflow: hidden;}
.news_show .show_news_div1 { width:120px;width:auto; white-space:normal; float:none; font-size:16px; font-weight:bolder; center;  color:#666666;}
.news_show .show_news_div2 {width:auto;  font-size:14px; color:#666666; padding:2px 0  5px 0; border-bottom:1px solid #ccc;  }
.news_show .news_txt { padding:10px 0 20px 0; color:#666666; }
.news_show .news_txt p { margin:15px 0 10px 0; color:#666666; font-size:16px; line-height:38px;}
.news_show .news_txt a { color:#00569f; font-size:16px; }

.show_left_news_div1{height:20px; overflow:hidden; width:204px;border-bottom: 1px solid  #cccccc;}
.show_left_news_div2{margin-bottom: 7px;color:#3e841b;font-weight:bold;}
.show_left_news_div1 a{color:#747373;}
.show_left_news_div1 a:hover{color:#000;font-weight:bold;}


/********************作品展示***********************************/
	
.show_type { font-size:12px; text-align:right; color:#666666; padding:10px 30px 0 0; }
.show_type * { color:#666666; }
#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%;*/ padding: 30px 0px 0 19px; }
#show_pro_div:after { content: ".";display: block;height:0;clear: both;visibility:hidden; }
.model1 {}
.model1 .product { float:left; height:177px; text-align:center; overflow:hidden; font-size:12px; /*border:1px solid #ccc; background:#fff;*/  margin: 0 5px 0px 5px; _margin: 0 10px 15px 2px; }
.model1 .product:hover {/* background:#eeffd0; border:1px solid #6ba600;*/ }
.model1 .product_img { width:122px; height:112px;background:#fff;padding: 2px;border: 1px solid #DCDEDF;}
.model1 .product_img a{ width:120px; height:110px;border:1px solid #dbdbdb;display: block;overflow: hidden;}
.model1 .product_img a:hover{ width:120px; height:110px;border:1px solid #9eb93e;display: block;}
.model1 .product_name { width: 130px;  overflow:hidden;margin: 5px 0 0 0; text-align: left;_width: 80px;line-height: 16px;text-align: center;}
.model1 .product_name a { color:#5e5e5e; text-decoration:none; }
.model1 .product_name a:hover { color:#9eb93e;  }




.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:35px 0 15px 0; margin:0px; list-style:none; text-align:center; width: 662px; 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:#747272; }
ul.page li a:hover { text-decoration:none; color:#41adbf;}



.pro_info { padding: 20px 0px 0 26px; }
.pro_info2 { margin-top:30px;  padding-left:20px;}
.pro_info .left { float:left; width:332px; }
.pro_info .right { float:right; width:330px; padding-left:10px;overflow: hidden;}
#product_img { margin-bottom:10px; }
.product_imgb { border:1px solid #ccc; padding:5px; position:relative; overflow:hidden; width:320px; height:230px; overflow:hidden;text-align: center; }
.product_imgb a { display:block; background:url(../img/zoom.gif) no-repeat; width:44px; height:12px; overflow:hidden; position:absolute; bottom:10px; left:10px;line-height: 99; }
.product_imgb a:hover {  background:url(../img/zoom.gif) no-repeat 0 -13px; }
.product_txt { background:url(../img/dot2.png) no-repeat; padding:2px 0 6px 24px; color:#3f3f3f; font-weight:bolder; font-size:16px; border-bottom:2px solid #e2e3e2;}
.pro_info .right .txt { font-size:12px; padding:10px 0px; color:#444;}
.pro_info2 .txt { font-size:12px;padding: 10px 0px 20px 10px; 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: 1px 0 0 6px; width: 302px; height:64px; overflow:hidden; float:left; }
#show_i_pro a { border:1px solid #ccc; padding:2px; float:left;margin: 0 2px;width:50px; height:50px;text-align: center;}
#show_i_pro a:hover {border:1px solid #A38C35; width:50px; height:50px;}
#show_i_pro img {  }
#show_i_pro img:hover {  }

	.pe_list2_list{ width:204px; }
	.pe_list2_list ul{ width:180px;}
	.pe_list2_list ul li{border-bottom:1px dashed #adadad; width:204px; }
	.pe_list2_list ul li.none{ }
	.pe_list2_list ul li a{ width:188px;color:#747373;padding-bottom: 5px; padding-left:20px; display:block;font-weight: normal;background:url(../img/bg/icon.gif) no-repeat 0 8px; padding-top:5px;＿}
	.pe_list2_list ul li a:hover{color:#000;font-weight:bold;background:url(../img/bg/icon.gif) no-repeat 0 13px;background:url(../img/bg/icon.gif) no-repeat 0 8px #f8f8f8;}
	
	
.text{ font-size:14px; height:29px; line-height:29px; color:#fff;padding-left: 15px; background:#76A4B6;width: 189px;border-bottom:1px solid #ccc;overflow: hidden;font-weight: bold;}
.text a{ color:#fff;}
.text a:hover{ color:#000000; text-decoration:none;}






/*內頁title*/
.about_tit{ width:204px; height:68px; display:block;background:url(../img/bg/L_title.gif) no-repeat ;border-bottom:2px solid #d0d0d0;}
.service_tit{ width:204px; height:68px; display:block;background:url(../img/bg/L_title.gif) no-repeat 0 -67px;border-bottom:2px solid #d0d0d0;}
.products_tit{width:204px; height:68px; display:block;background:url(../img/bg/L_title.gif) no-repeat 0 -132px;border-bottom:2px solid #d0d0d0;}
.news_tit{width:204px; height:68px; display:block;background:url(../img/bg/L_title.gif) no-repeat 0 -201px;border-bottom:2px solid #d0d0d0;}
.contactus_tit{width:204px; height:68px; display:block;background:url(../img/bg/L_title.gif) no-repeat 0 -201px;border-bottom:2px solid #d0d0d0;}
.guestbook_tit{width:204px; height:68px; display:block;background:url(../img/bg/L_title.gif) no-repeat 0 -201px;border-bottom:2px solid #d0d0d0;}
.search_tit{ width:204px; height:56px; display:block;background:url(../img/bg/L_title.gif) no-repeat 0 -410px;border-bottom:2px solid #d0d0d0;}

.about_page_title{  height:67px; line-height:23px;background:url(../img/bg/R_title.gif) no-repeat 0px 0px; }
.service_page_title{ height:67px; line-height:23px;background:url(../img/bg/R_title.gif) no-repeat 0px -67px; }
.products_page_title{  height:67px; line-height:23px;background:url(../img/bg/R_title.gif) no-repeat 0px -134px;}
.news_page_title{ height:67px; line-height:23px;background:url(../img/bg/R_title.gif) no-repeat 0px -201px;}
.contactus_page_title{ height:67px; line-height:23px;background:url(../img/bg/R_title.gif) no-repeat 0px -268px;}
.guestbook_page_title{ height:67px; line-height:23px;background:url(../img/bg/R_title.gif) no-repeat 0px -335px;}


/*page*/
.page_clear {clear: both;height: 25px;line-height: 25px;font-weight: bold;color: #707070;text-align: right;font-size: 10px;margin-top: 30px;width: 726px;}

.page_clear img{*display:none;}
.back{float:right;}
a.back{background:url(../img/back_b.gif) no-repeat; width:40px; height:15px;float: right;display: block;}
a.back:hover{background:url(../img/back_a.gif) no-repeat; width:40px; height:15px;}

.top{float:right;}
a.top{background:url(../img/top_b.gif) no-repeat; width:33px; height:15px;float: right;display: block;}
a.top:hover{background:url(../img/top_a.gif) no-repeat; width:33px; height:15px;}




	




	
	

	
/********************脚注***********************************/
.bottom{ width:1024px; margin:0 auto;padding-top:25px;float:left; clear:both;}
.bottom2{ width:1024px; margin:0 auto; float:left; clear:both;margin-top:20px;}
.foot_shang{ width:105px;float:left; margin-left: 34px;_margin-left: 32px; margin-top: 20px;}
.foot_xia{ width:710px; _width:690px; line-height:18px; text-align:left; float:right; margin:18px 34px 0 0;color:#767676;_margin:18px 32px 0 0;}
.bottom2{ width:1024px; margin:0 auto; clear: both;margin-top: 10px;background:#f4f3e1;border-top:1px solid #b1ce9f;}
.foot_shang2{ width:294px; height:95px; float:left}
.foot_xia2{ width:756px; height:95px; line-height:22px; float:left;}
	h1 , h2 , h3 {position:absolute;text-indent:-9999px;}



