/* CSS Document */

body{ margin:0;  padding:0; font-size:12px; font-family:Arial; line-height:1.4; background:url(../images/backgroud.gif)}

a:link {color:#666; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#FFAE00;}
img {border:0;}
.imgBorder {border:1px solid #E7E7E7; background-color:#FFF; padding:3px;}
.imgBorder_01 {border:1px solid #DDDDDD;}

.clear { height:0; overflow:hidden; clear:both;}

#main { width:980px; margin-left:auto; margin-right:auto; background:#FFF;}

#top {height:103px; width:980px; margin-left:auto; margin-right:auto;}
#top #logo { width:428px; float:left;}
#top #rightNav { float:right; text-align:right; color:#999999; padding-top:40px; margin-right:10px;}
#top #rightNav a { color:#999999;}
#top #rightNav a:hover { color:#F60;}
#top #rightNav h1 { font-size:15px; color:#666666;}
#banner_index {height:276px; background-color:#656c7e;}
#menu {height:41px; border-top:1px solid #AFAFAF; background-image:url(../images/menu_bg.jpg)}
#menu_in { width:980px; margin-left:auto; margin-right:auto;}
#menu_in div {height:41px; font-weight:bold; line-height:41px; float:left; font-size:14px; background:url(../images/menu_space.jpg) no-repeat right;}
#menu_in div a { padding:12px 41px;}
#menu_in div a:link { color:#FFF;}
#menu_in div a:visited {  color:#FFF;}
#menu_in div a:hover { color:#ff7c0c;}

#left_pro_list { text-align:center;}
#left_pro_list img { border:1px solid #000; margin:10px 0; margin-bottom:5px;}
#left_pro_list div { padding-bottom:5px;}


#content { width:980px; margin-left:auto; margin-right:auto;  padding:12px 0px; padding-top:22px; background-image:url(../images/content_bg.jpg); background-repeat:repeat-x; background-position:0% 1px ;}
#content_in { background-image:url(../images/content_bg.jpg); background-repeat:repeat-x; background-position:0% 1px ; padding:12px 0px; padding-top:22px; pading-left:27px; padding-right:0; width:980px; margin-left:auto; margin-right:auto; }

#footer {border-top:1px solid #C8C8C8; padding:23px 10px; font-size:14px; color:#666666; font-family:"宋体";}
#here {text-align:right; padding-bottom:2px; height:18px; padding-right:10px;}
#content_txt { margin-top:13px;}
#content_txt_in { margin:5px; font-size:14px; line-height:1.5}


#index_news_list { margin-right:5px;}
#index_news_list ul {margin:0; padding:0; list-style:none;}
#index_news_list li { height:27px; line-height:27px; background-image:url(../images/index_new_list_bg.gif); padding-left:16px;}
#index_news_list li span {float:left;}
#index_news_list li em {float:right; font-style:normal; color:#999; margin-right:5px;}

.dot_y { background-image:url(../images/dot_y.jpg); background-repeat:repeat-y; background-position:center;}

.service_list { background-image:url(../images/dot_x.jpg); background-position:bottom; background-repeat:repeat-x; padding:5px;}
.service_list .title { font-size:14px; font-weight:bold; color:#0B6FB5; margin:5px 0; text-indent:5px;}

.name {
	width:177px;
	font-weight:bold;
	color:#333;
	text-align:center;
	padding-top: 5px;
}


#leftNav { margin:9px;}
#leftNav_title {background-image:url(../images/leftNav_title_bg.jpg); height:35px; line-height:35px; border-bottom:3px solid #E9E9E9; text-indent:8px; font-size:16px; color:#FFF; font-weight:bold; margin-bottom:3px;}
#leftNav .off { border-bottom:1px solid #DDDDDD; background-image:url(../images/leftNav_arrow.jpg); background-repeat:no-repeat; background-position:5% 50%; text-indent:32px; line-height:35px; font-size:14px; font-weight:bold; color:#919191; display:block; width:147px;}
#leftNav .off a:link {display:block; width:147px;}
#leftNav .off a:visited {display:block;width:147px;}
#leftNav .off a:hover {display:block;width:147px; background-color:#FFAE00; background-image:url(../images/leftNav_arrow_hover.jpg); background-repeat:no-repeat; background-position:5% 50%; color:#FFF;}

#leftNav .on { border-bottom:1px solid #DDDDDD; background-image:url(../images/leftNav_arrow_hover.jpg); background-repeat:no-repeat; background-position:5% 50%; text-indent:32px; line-height:35px; font-size:14px; font-weight:bold; color:#FFF; background-color:#FFAE00;}
#leftNav .sub { line-height:30px; text-indent:35px; background-image:url(../images/dot_x.jpg); background-repeat:repeat-x; background-position:bottom;width:147px; display:block;}
#leftNav .sub a:lnik {width:147px; display:block;}
#leftNav .sub a:visited {width:147px; display:block;}
#leftNav .sub a:hover {width:147px; display:block;}



/* News
******************************* */
#news {margin:10px; fotn-size:14px;}
.news_list { padding-bottom:10px; background-image: url(../images/news/dot_x_news.gif); background-repeat:repeat-x; margin:14px 0; background-position:bottom; clear:both;}
.news_title { font-weight:bold; color:#4B9AD2;}
.news_time {font-size:11px; color:#b3922b; font-weight:normal;}
.news_dec { margin-top:3px; height:68px; overflow: hidden;}
.news_dec a:link { color:#7d7d7d; text-decoration:none;}
.news_dec a:visited { color:#7d7d7d; text-decoration:none;}
.news_dec a:hover { color:#F60; text-decoration: underline;}
.news_pic {float:left; border:1px solid #E7E7E7; padding:2px; margin-right:10px; margin-bottom:5px;}

#news_detail_time { color:#CCC;}
#news_detail_title { font-weight:bold; font-size:18px; color: #4B9AD2; margin-top:5px;}
#news_detail {font-size:14px; line-height:1.5; font-family: Tahoma;}
#news_detail img {float:left; margin-right:15px;}


/* products
********************** */

#product { margin:10px;}

#product ul{ margin:0; padding:0;}

#product ul li{ margin:0; padding:0; float:left; width:172px; margin:0 5px; margin-bottom:20px; list-style:none; text-align:center;}


#product ul li .listPic {border:1px solid #dadada; padding:2px; width:165px; height:170px; overflow:hidden;}

#product ul li .listPic img { width:165px; }

#product_detial { margin-top:10px;}
#product_detial span { color:#000;}
.product_detail_name {
	font-weight:bold;
	font-size:16px;
	color:#470020;
	padding-bottom:10px; background-image:url(../images/dot_x.jpg); background-repeat:repeat-x; background-position:bottom; margin-bottom:8px;
}
.product_detail_title {border:1px solid #E8E8E8; background-image:url(../images/product_detail_title_bg.jpg); background-position:bottom; background-repeat:repeat-x; padding:5px; font-size:12px; font-weight:bold; margin-top:5px;}
.product_detail_info_list { padding:8px 5px; border-bottom:1px solid #E7E7E7;}
.product_detail_price {color:#E54402;}

.product_detail_pic_s_list {margin:20px 0; height:50px; padding:0 40px; padding-top:20px; border-top:1px solid #f1f1f1;}
.product_detail_pic_s_list img { margin-bottom:10px;}

.product_detail_des {margin:10px 20px; font-size:14px; line-height:1.5;}

.product_detail_bar { height:30px; border:1px solid #eeeeee; border-bottom:3px solid #EEE; margin:10px 0; font-size:14px; font-weight:bold; text-indent:15px; line-height:30px; background-image:url(../images/product_detail_bar.jpg); background-repeat:repeat-x;}

.product_detail_info {background-image:url(../images/arrow_product_detail.jpg); background-repeat:no-repeat; background-position:5px; 10px; font-size:14px;  padding:3px 0; padding-left:15px; line-height:1.5;}
.product_detail_line {height:1px; overflow:hidden; background-color:#EEE;}



/* case 
********************** */
#case { margin:10px;}
#case img { border:1px solid #eaeaea; padding:2px;}
#case ul{ margin:0; padding:0;}

#case ul li{ margin:0; padding:0; float:left; width:140px; margin:0 14px; margin-bottom:10px; list-style:none; text-align:center;}

.case_name { font-weight:bold; margin-top:5px;}



#leftMenu {
 font-size: 14px; margin:0; padding:0;
}

#leftMenu li {
margin:0 ; padding:0; background-image:url(../images/dot_x.jpg); background-repeat:repeat-x; background-position:bottom; list-style:none;
}
#leftMenu dl {
margin:0 ; padding:0; background-image:url(../images/dot_x.jpg); background-repeat:repeat-x; background-position:bottom; list-style:none;
}
#leftMenu dt {
margin:0 ; padding:0; background-image:url(../images/dot_x.jpg); background-repeat:repeat-x; background-position:bottom; list-style:none;}
#leftMenu dt div { background-image:url(../images/arrow_list.gif); background-repeat:no-repeat; background-position:5% 50%;  padding:0px 0; padding-left:9px;line-height:30px;}
#leftMenu dd {
margin:0 ; padding:0; background-image:url(../images/dot_x.jpg); background-repeat:repeat-x; background-position:bottom; list-style:none; display:none;}
#leftMenu dd div { background-image:url(../images/arrow_list.gif); background-repeat:no-repeat; background-position:10% 50%;  padding:0px 0; padding-left:35px;line-height:25px; font-size:12px;}
#leftMenu dd div a:link { color:#666;}
#leftMenu dd div a:visided {color:#666;}
#leftMenu dd div a:hover { color:#b10663;}



#flink { margin:0; padding:0; border-top:1px solid #c8c8c8; padding:10px 0 ;}
#flink ul { margin:0; padding:0; width:980px; margin-left:auto; margin-right:auto;}
#flink ul li { margin:0; padding:0; float:left; border:1px solid #dfdfdf; margin:0 5px; list-style:none;}


.listPic {
 display:table-cell !important;
 display:block;
 position:static !important;
 position:relative;
 overflow:hidden;
width:165px; height:162px;
 border:1px solid #000;
 vertical-align:middle;
 text-align:center;
}
.listPic p {
 display:table-cell !important;
 display:block;
 margin:0;
 position:static !important;
 position:absolute;
 top:50%;
 left:50%;
 margin-left:auto;
 margin-right:auto;
}
.listPic img {
 position:static !important;
 position:relative;
 top:auto !important;
 top:-50%;
 left:auto !important;
 left:-50%;
}
