﻿/*===================================*/
/*-----------all------------*/
/*===================================*/

BODY { FONT-SIZE: 12px; COLOR: #444444; FONT-FAMILY: Tahoma, Verdana, Arial
; margin: 0; padding: 0; }
img {border: 0px;}
TD {
	FONT-SIZE: 12px; COLOR: #444444; FONT-FAMILY: Tahoma, Verdana, Arial
}
TH {
	FONT-SIZE: 12px; COLOR: #444444; FONT-FAMILY: Tahoma, Verdana, Arial
}
INPUT {
	FONT-SIZE: 12px; COLOR: #444444; FONT-FAMILY: Tahoma, Verdana, Arial
}
SELECT {
	FONT-SIZE: 12px; COLOR: #444444; FONT-FAMILY: Tahoma, Verdana, Arial
}
TEXTAREA {
	FONT-SIZE: 12px; COLOR: #444444; FONT-FAMILY: Tahoma, Verdana, Arial
}
BODY { text-align: center; width: 998px; MARGIN: 0
     }
FORM {
	MARGIN: 0px
}
A {
	COLOR: #444444; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ec0000
}
A:active {
	COLOR: #ec0000
}
.c { clear: both; }
/*===================================*/
/*-----------header------------*/
/*===================================*/
.header { background-image: url(../images/header_bg.gif); background-repeat: repeat-x; text-align: left; width: 998px; height: 92px; }
.logo { float: left; margin-top: 25px; margin-left: 16px; }
.s_nav { float: left; margin-left: 300px; }

.nav { position: absolute; clear: both; margin-top: 12px; margin-left: 30px; }
.nav A { color: #fff; line-height: 34px; background-image: url(../images/nav_1.gif); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; width: 88px; display: block; float: left; margin-left: 1px; padding-top: 9px; }
.nav a:hover { color: #fff; line-height: 34px; background-image: url(../images/nav_2.gif); background-repeat: no-repeat; background-position: 0 bottom; padding: 9px 0 0; }
.banner { text-align: center; width: 998px; }

/*===================================*/
/*-----------frendlinks------------*/
/*===================================*/
.frendlinks { text-align: left; width: 998px; clear: both; padding: 10px 30px; border: solid 1px #e0e0e0; }
.frendlinks span { color: #dc7a16; font-weight: 700; margin-right: 5px; }
.frendlinks A { line-height: 18px; }

/*===================================*/
/*-----------footer------------*/
/*===================================*/
.footer { line-height: 22px; background-color: #ccc; width: 998px; height: 50px; clear: both; padding: 10px 10px 10px 30px; }

/*===================================*/
/*-----------sub------------*/
/*===================================*/
.sub_body { background-image: url(../images/sub_bg.gif); background-repeat: repeat-y; width: 998px; height: 100%; }

.sub_left { text-align: left; width: 155px; margin-bottom: 20px; }
.sub_class_list { background-color: #fff; width: 155px; margin-top: 10px; margin-left: 4px; padding-top: 1px; padding-right: 1px; padding-left: 1px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
.sub_class_list_title { color: #fff; font-weight: 700; line-height: 25px; background-image: url(../images/product_class_list_title.gif); background-repeat: repeat-x; text-align: center; }
.sub_class_list A { line-height: 25px; background-color: #f5f5f5; background-image: url(../images/j_1.gif); background-repeat: no-repeat; background-position: 10px 8px; width: 125px !important; width: 100%;  padding-left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; display: block; }
.sub_class_list a:hover { color: #fe0000; font-weight: 700; background-color: #fff; background-image: url(../images/j_2.gif); background-repeat: no-repeat; background-position: 15px 8px; }
A.onthis_class { color: #fe0000; font-weight: 700; background-color: #fff; background-image: url(../images/j_2.gif); background-repeat: no-repeat; background-position: 15px 8px; }

.sub_content { text-align: left; position: static; width: 700px; height: 100%; float: right; margin-right: 117px !important; margin-right: 65px; padding-top: 10px; padding-left: 10px; }


/*===================================*/
/*-----------index------------*/
/*===================================*/
.index_body { width: 998px; }
/*-----------left------------*/
.index_left { background-color: #f4f3f2; text-align: left; width: 188px !important; width: 186px; height: 450px; float: left; }
.product_class_list { background-color: #fff; width: 175px; margin-top: 10px; margin-left: 4px; padding-top: 1px; padding-right: 1px; padding-left: 1px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
.product_class_list_title { color: #fff; font-weight: 700; line-height: 25px; background-image: url(../images/product_class_list_title.gif); background-repeat: repeat-x; text-align: center; }
.product_class_list A { line-height: 25px; background-color: #f5f5f5; background-image: url(../images/j_1.gif); background-repeat: no-repeat; background-position: 10px 8px; width: 145px !important; width: 100%;  padding-left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; display: block; }
.product_class_list a:hover { font-weight: 700; background-color: #fff; background-image: url(../images/j_2.gif); background-repeat: no-repeat; background-position: 15px 8px; }


/*-----------center------------*/
.index_center { text-align: left; width: 595px !important; width: 615px; float: left; margin-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; }

.index_news_title { background-image: url(../images/news_title_bg.gif); background-repeat: no-repeat; width: 595px; height: 28px; }

.index_pic_news { padding-top: 8px; }
.index_pic_news img { float: left; margin-right: 10px; }
.index_pic_news A { color: #040404; font-weight: 700; margin-bottom: 10px; display: block; }
.index_pic_news span { line-height: 20px; }
.index_pic_news span A { font-weight: normal; letter-spacing: 0; display: inline; }

.index_news_list { clear: both; margin-top: 10px; }
.index_news_list A { line-height: 25px;  padding-left: 10px; }
.index_news_list span {  }
.index_news_list ul { margin: 0; padding: 0; }
.index_news_list li { margin: 0; padding: 0 0 0 20px; list-style-image: none; background-image: url(../images/arr1.gif); background-repeat: no-repeat; background-position: 0 8px; width: 500px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.index_news_title img, .index_product_title img { margin-top: 10px; margin-left: 540px; }
.index_product_title { background-image: url(../images/product_title_bg.gif); background-repeat: no-repeat; width: 595px; height: 28px; clear: both; margin-top: 10px; }

/*-----------product_list------------*/
#demo {MARGIN-TOP: 5px; OVERFLOW: hidden; WIDTH: 590px}
#demo IMG {BORDER-RIGHT: #f2f2f2 0px solid; BORDER-TOP: #f2f2f2 0px solid; BORDER-LEFT: #f2f2f2 0px solid; BORDER-BOTTOM: #f2f2f2 0px solid}
#indemo {FLOAT: left; WIDTH: 1342177.27%}
#demo1 {FLOAT: left}
#demo2 {FLOAT: left}
.p_l { FLOAT: left; MARGIN-LEFT: 3px; WIDTH: 156px; LINE-HEIGHT: 26px; background-color: #f2f2f2; BACKGROUND-REPEAT: repeat-x; TEXT-ALIGN: center
 ; padding-top: 5px; }
.p_l IMG {width:145px; height:120px;}
.p_l A {DISPLAY: block; OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis ; WIDTH: 147px; COLOR: #535353; margin: 2px; padding: 0; }
.p_l A:hover { background-color: #fff; }
.p_l  A.block_img {  border: solid 1px #dad7d7; }
.p_l a.block_img:hover { border: solid 1px #f4ad08; }

/*-----------right------------*/
.index_right { background-color: #f4f3f2; width: 192px !important; width: 195px; height: 450px; overflow: hidden; float: left; }
.product_flash { margin-top: 10px; margin-left: 3px; }
.linkus { background-color: #f90; height: 25px; margin-top: 10px; padding-top: 6px; padding-left: 20px; }
.linkus_content { line-height: 18px; background-color: #fff; text-align: left; width: 163px !important; width: 176px; overflow: hidden; margin-top: 10px; margin-right: 10px; margin-left: 10px; padding: 5px; border: solid 1px #e2e2e2; }

/*===================================*/
/*-----------product------------*/
/*===================================*/
.sub_product_top_img { line-height: 28px; background-image: url(../images/pro_title_bg.gif); text-align: right; width: 678px; margin-bottom: 10px; }
.p_p { FLOAT: left; WIDTH: 156px; LINE-HEIGHT: 26px; background-color: #f2f2f2; BACKGROUND-REPEAT: repeat-x; TEXT-ALIGN: center
 ; margin: 10px 5px; padding-top: 5px; }
.p_p IMG { width:145px; height:120px;}
.p_p A {DISPLAY: block; OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis ; WIDTH: 147px; COLOR: #535353; margin: 2px; padding: 0; }
.p_p A:hover { background-color: #fff; }
.p_p  A.block_img {  border: solid 1px #dad7d7; }
.p_p a.block_img:hover { border: solid 1px #f4ad08; }

.footer_next { line-height: 25px; background-color: #f5f5f5; text-align: center; border: solid 1px #eaeaea; }
.footer_next span { color: #fa8c19; }

.content_title {border:#CCCCCC solid 1px; background-color:#F3F3F3; line-height:25px; padding:5px; margin-top:20px;}
.product_content {line-height: 22px; letter-spacing: 1px;}
.product_content  table { text-align:center; font:12px Arial, Helvetica, sans-serif; padding-top: 2px; padding-bottom: 2px; }
.product_content table tr {
onmouseover: expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='#EBEBEB'});

  /*设置onmouseout事件*/
  onmouseout: expression(onmouseout=function (){this.style.borderColor='';this.style.color='';this.style.backgroundColor =''}); 
}
.content_title h1 { color: #fa0000; display: inline; font-size: 12px; font-weight: 700; margin: 0 10px 0 0; padding: 0; }
.next { border:#CCCCCC solid 1px; background-color:#F3F3F3; line-height:25px; padding:5px; margin-top:20px;}

/*===================================*/
/*-----------news------------*/
/*===================================*/

.news_table { text-align: left; width: 100%; margin: 0; padding: 0; }
.news_td1 { background-color: #f2f2f2; text-align: left; width: 80%; height: 25px; padding: 2px 2px 2px 20px; border: solid 1px #e7e7e7; }
.news_td1 A { color: #e26404; }
.news_td2 { background-color: #f2f2f2; text-align: center; border: solid 1px #e7e7e7; }
.news_td3 { text-align: left; height: 60px; margin: 0; padding-bottom: 20px; padding-left: 10px; 
onmouseover: expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='#F5F5F5'});

  /*设置onmouseout事件*/
  onmouseout: expression(onmouseout=function (){this.style.borderColor='';this.style.color='';this.style.backgroundColor =''}); }

.news_td3 span { color: #777; font-weight: 700; margin-bottom: 10px; display: block; }
.news_td4 { background-color: #ebebeb; text-align: right; }

.news_show_content { line-height: 22px; letter-spacing: 1px; }
.news_show_content hr { color: #d0d0d0; font-size: 1px; height: 1px; margin-top: 5px; margin-bottom: 20px; }



.sub_about_top_img { line-height: 28px; background-image: url(../images/about_title_bg.gif); text-align: right; width: 678px; margin-bottom: 10px; }
.sub_news_top_img { line-height: 28px; background-image: url(../images/news_title_bg.gif); text-align: right; width: 678px; margin-bottom: 10px; }
.sub_job_top_img { line-height: 28px; background-image: url(../images/job_title_bg.gif); text-align: right; width: 678px; margin-bottom: 10px; }
.sub_massage_top_img { line-height: 28px; background-image: url(../images/massage_title_bg.gif); text-align: right; width: 678px; margin-bottom: 10px; }


