@charset "utf-8";
/* CSS Document */

/*首页公共*/
.index_Tit{ height:25px; background:url(../images/fonts.png) left top no-repeat; margin-bottom:20px}
a.More{ float:right; width:35px; height:10px; margin-top:10px; overflow:hidden; display:inline-block; background:url(../images/More.gif) right top no-repeat}
a.More:hover{ background-position:right -10px;}

/*首页简介*/
#index_about{ width:290px; float:left}
#index_aboutpic{ background:url(../images/pic_box.png) center top no-repeat; width:290px; height:116px; overflow:hidden;}
#index_aboutpic a{ display:block; width:280px; height:102px; overflow:hidden; margin:5px 0 0 6px}
#indexabout{ height:82px; overflow:hidden; color:#848484; font-size:12px; line-height:18px;}
#indexabout h3{ margin:0; padding:0; line-height:28px; height:28px; color:#000; font-size:13px}

/*首页新闻*/
#index_news{ float:left; width:386px; margin:0 30px;}
#News_top{ height:32px; line-height:32px; overflow:hidden; margin:0; padding:8px 0 0 0;text-align:center; border-top:#cdcdcd 1px solid}
#News_top a{ font-weight:bold; color:#b70000; }
#News_top a:hover{ color:#424242}
#News_content{ font-size:12px; height:36px; line-height:18px; margin:0 0 8px 0; padding:0; overflow:hidden; color:#848484;}
#index_news ul{ margin-top:4px; background:url(../images/dott.gif) left top repeat-x}
#index_news ul li{ height:28px; line-height:28px; background:url(../images/dott.gif) left bottom repeat-x;}
#index_news ul li a{ display:block; padding-left:12px; height:28px; overflow:hidden; background:url(../images/icos.gif) left top no-repeat;}
#index_news ul li a:hover{ background-position:left -28px;}

#index_right{ float:right; width:290px}

/*幻灯片*/
#Slide{ width:264px; overflow:hidden; float:left; position:relative}
.Slide_js {POSITION: relative; width:264px; HEIGHT:198px; overflow:hidden; border-radius:5px}
.Slide_js img{ width:264px;border-radius:5px}
.jsNav2 { position:absolute; left:0; bottom:0; height:22px; left:0; background: url(../images/tran.png); width:100%; text-align:right; z-index:10; border-radius:0 0 5px 5px}
.jsNav2 a { text-align:center; height:22px; line-height:22px; width:16px; display:inline-block; VERTICAL-ALIGN: middle; cursor:pointer; background:url(../images/SlideNav.png) right center no-repeat; _background:url(../images/SlideNav.gif) right center no-repeat; font-size:0;}
.jsNav2 a.imgSelected2 { background:url(../images/SlideNav.png) left center no-repeat; _background:url(../images/SlideNav.gif) left center no-repeat;}
#Slide_text{ position:absolute; left:6px; bottom:0; height:22px; line-height:22px; width:194px;  overflow:hidden; z-index:11; }
#Slide_text span{ display:inline-block;font-size:12px;color:#d8d8d8;}

/*首页产品分类*/
#index_series{ height:22px; overflow:hidden; clear:both; margin-right:10px}
#index_series li{ float:right; height:22px; margin-right:1px; line-height:22px; background:url(../images/lable_bg.gif) right -23px no-repeat;}
#index_series li a{ height:22px; line-height:22px; overflow:hidden; background:url(../images/lable_bg.gif) left top no-repeat;white-space:nowrap; display:inline-block; margin-right:20px; padding:0 8px 0 18px; color:#fff;}
#index_series li:hover{ background-position:right -69px}
#index_series li:hover a{ background-position:left -46px}

/*首页产品*/
#index_probox{ position:relative;padding:0 0 0 5px}
a.index_proimg{width:180px; height:135px; overflow:hidden; background:#cecece; text-align:center; display: table-cell; *display:block;}
.pro_box {background:#e9eaeb; border-left:#d9dee1 1px solid; border-right:#d9dee1 1px solid; position: relative; clear:both;}
.pro_box .wrapper { width:972px; overflow: hidden; text-align: center; margin:0 9px}
.pro_box .wrapper ul {width: 9999px;margin:0;padding:0;}
.pro_box ul li { float:left; display:inline; margin-right:18px; height:175px; width:180px; line-height:40px}
.pro_box .arrow {display: block;height:175px;width:30px; text-indent: -999px; position: absolute;top:0px; cursor: pointer; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity: 0.8;}
.pro_box .forward {right: 0; background:url(../images/ad_btn.png) right center no-repeat}
.pro_box .back {left: 0; background:url(../images/ad_btn.png) left center no-repeat;}
.pro_box .forward:hover,.pro_box .back:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; }