@charset "utf-8";

a{font-family:Verdana, Arial, "宋体", Helvetica, sans-serif;font-size:13px;text-decoration: none;}
A:link {color:#585858; }
A:visited {color:#585858; }
A:hover   {color:#4199cc;}
A:active {color:#585858; }

A.a1:link{COLOR:#ff4800;}
A.a1:visited{COLOR:#ff4800;}
A.a1:hover{COLOR:#3a393b;}
A.a1:active{COLOR:#ff4800;}

body { margin:0; text-align:center; font:13px Verdana,“微软雅黑”,"宋体",Arial,Geneva, sans-serif; color:#7b7b7b; background: url(../images/body_bg.jpg) center 2px repeat-x #e1e1e1; border-top:2px solid #000}

div,ul{ margin:0; padding:0;list-style:none;}
	
td,input,select,textarea{ font-family:Verdana, Arial, "宋体",Helvetica, sans-serif; font-size: 13px;}
img{ border:0;}
form{ margin:0}
input,select{color:#424242;padding-left:3px; vertical-align:middle; height:20px;}
h2{ text-align:center; line-height:30px; padding-bottom:4px}
hr{ border-top:#dedede 1px dotted; border-bottom:#fff 1px dotted; background:none; border-left:none; border-right:none}

#top{ width:990px; height:127px; margin:0 auto; overflow-x:hidden;padding-top:10px;}
#logo{ float:left;padding-left:15px;}
#head{float:right; padding-top:18px;  text-align:right; width:440px;}
#language li{ float:left; padding-left:10px; background:url(../images/ico.gif) left top no-repeat;color:#b68200; margin-right:8px; height:24px; line-height:24px}
#language li a{ font-size:12px;}


#Searchform{height:24px; line-height:24x; margin:0px 0px; padding:0px 0px;float:left; }
#Searchform input,#Searchform img{ vertical-align: middle;}
#Searchform input{ line-height:24px; background:url(../images/ico.gif) 8px -24px no-repeat #fff; border:none; width:172px; color:#bdc6cb;  margin:0; font-size:12px; text-indent:2em}
#Searchform .SearchBtn{ width:41px; height:24px;  background:url(../images/go_btn.gif) left center no-repeat}


#Menu_box{ position:absolute; width:100%; margin:0 auto; left:0; top:98px; z-index:29;}
#Menu{ width:980px; margin:0 auto; height:40px; clear:both; text-align:right; }

.navigation {  margin-right:-150px;  float:left; height:40px;  width:990px; padding-left:5px;  background:url(../images/rounded.png) left top no-repeat; display:inline}
.navigation LI {Z-INDEX: 5; POSITION: relative;  float:left; text-align:left; background:url(../images/menu.png) left top repeat-x; font-variant:small-caps}
.navigation LI A { font-size:13px; height:40px; color:#212121; line-height:40px; padding:0 29px; display:inline-block; }
.navigation LI A:hover,.navigation LI.hover A{ display:inline-block; background:url(../images/menu.png) center -40px repeat-x; color:#b3e1f6;}
.navigation LI A:visited{ color:#212121}
.navigation LI:hover A:visited {color: #b3e1f6}
.navigation UL {display:none;}
.navigation UL LI { background:none; line-height:30px; width:100%; }
.navigation UL LI A { background:none; height:30px; line-height:30px; padding:0 20px;  border-bottom:#56a8d5 1px solid;  white-space: nowrap; display:block; _width:125px}
.navigation LI UL {Z-INDEX: 8; POSITION: absolute; DISPLAY: none; TOP:40px; LEFT:0; background:#0198df;}
.navigation LI UL UL {Z-INDEX: 10; TOP:0; LEFT: 100%; padding-top:0}
.navigation LI UL LI { background:none;}
.navigation LI UL LI A { background-image:none; text-align:left; line-height:30px; COLOR: #fff; FONT-WEIGHT: normal}
.navigation LI.hover UL LI A:visited { background-image:none; COLOR: #fff;}
.navigation LI.hover UL LI A:hover {background:#0082d9; COLOR: #fff; }
.navigation LI UL LI.hover {background:#0082d9; COLOR: #fff}
.navigation LI.hover UL A {background-image:none; LINE-HEIGHT: 30px;  COLOR: #fff; FONT-WEIGHT: normal}

#Menu0{ padding:0px 25px;}
#body0 #Menu0{ padding:0px 27px;}

#body0 #Menu0,#body1 #Menu1,#body2 #Menu2,#body3 #Menu3,#body4 #Menu4,#body5 #Menu5,#body6 #Menu6,#body7 #Menu7,#body8 #Menu8,#body9 #Menu9{color:#000c; font-weight:bold}


#banner{ width:100%; margin:0 auto; text-align:center;  padding:10px 0; height:225px;background:url(../images/banner_bg.png) center top no-repeat;}
#banner img{width:960px; height:200px; overflow:hidden;}
.js {POSITION: relative; WIDTH: 960px; HEIGHT: 200px; overflow:hidden; margin:0 auto;}
.jsNav,.prevBtn,.nextBtn,.imgSelected{BACKGROUND: url(../images/jsnav.png) no-repeat}
.jsNav {POSITION: absolute; WIDTH: 125px; BOTTOM: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 30px; RIGHT: 10px; FONT-WEIGHT: bold}
.jsNav A {TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 25px; FLOAT: left; VERTICAL-ALIGN: middle}
.prevBtn {DISPLAY: block; BACKGROUND-POSITION: 0px -30px; HEIGHT: 30px}
.nextBtn {DISPLAY: block; BACKGROUND-POSITION: -100px -30px; HEIGHT: 30px}
.imgSelected {BACKGROUND-POSITION: 1px -60px; COLOR: #000}


#Slide{ width:232px; height:174px; overflow:hidden; float:right; position:relative}
.Decoration{ position:absolute; z-index:100; right:0}
.Slide_js {POSITION: relative; WIDTH: 226px; HEIGHT: 170px; border:#C8C8C8 1px solid;overflow:hidden; }
.jsNav2 {POSITION: absolute; BOTTOM:0; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 16px; left:0; background:url(../images/slidenav.png) right top no-repeat; padding-right:12px}
.jsNav2 A { text-align:center; line-height:16px; WIDTH: 16px; display:inline-block; VERTICAL-ALIGN: middle; color:#fff; margin:0 2px}
.imgSelected2 {COLOR: #fff; background:url(../images/slidenav.png) center bottom no-repeat}


.margin_bot20{ margin-bottom:20px}
.margin_bot10{ margin-bottom:10px}
.subbox{ border:#d9d9d9 1px solid; border-top:none; padding:10px; background-color:#fff}
.About,.Albums,.NewsList,.NewsInfo,.Product,.ProductShow,.Contact,.Download,.Recruit,.MessList{ margin:0 0 0 0}
.More{ float:right; margin:14px 10px 0 0}
.blank{ clear:both; height:0; line-height:0; font-size:0;}

#box{ width:990px; margin:0 auto; text-align:left; }
#index_left{ float:right; width:705px;}
#subl{ float:right; width:700px; display:inline; margin-right:5px; background:#FFFFFF}
#subr{ float:left; width:260px; margin-left:5px; display:inline}

#foot{ width:100%; margin:0 auto; text-align:center; background:url(../images/foot-bg.png) left top repeat-x; padding:17px 0 0 0; color:#595958; font-size:12px; margin-top:20px}
#fot{ width:990px; height:47px; line-height:47px;  margin:0 auto;  background:url(../images/fot_bg.png) center top no-repeat}
#fot a{ color:#919191; padding:0 10px}
#fot a:hover{ color:#4199cc;}
#foot p{ line-height:18px; margin:0; padding:18px 0; text-align:center}



#Profile{ width:463px; float:left; height:170px; overflow:hidden; margin-top:5px; display:inline; background:url(../images/profile_bg.png) left top repeat-x #FFF;border:#c8c8c8 1px solid}
.Profile_tit{ margin:0 10px; padding:4px 0 0 0; line-height:36px; font-size:15px; background:url(../images/line.jpg) right bottom no-repeat}
.Profile_tit span{color:#4199cc; letter-spacing:1px; font-weight:bold;}
#Profile .Profile_font{ line-height:24px; font-size:12px; color:#7b7b7b; margin:0; padding:0 10px}


#index_news{ background:url(../images/profile_bg.png) left top repeat-x #FFF; border:#c8c8c8 1px solid; margin-right:5px;}
.index_newsBlock{ float:left;  width:347px}
.index_NewsList{ padding:10px}
.index_NewsList li{ height:35px; line-height:35px; background:url(../images/dott.gif) left bottom repeat-x; overflow-y:hidden}
.index_NewsList li a{ padding-left:24px; height:35px; overflow-y:hidden; display:block; background:url(../images/ico_r.gif) 0 10px no-repeat}


.Knowledge{ float:left;  width:226px; overflow-x:hidden; display:inline; }
.Knowledge_tit{ height:32px; line-height:32px; margin:0; padding:0; background:url(../images/tit_bg.gif) left -105px no-repeat;}
.Knowledge_tit span{ padding:0 5px 0 10px; font-size:15px; font-weight:bold; letter-spacing:1px; color:#3e404d; display: inline-table; background:url(../images/arrow.gif) right center no-repeat}
.Knowledge ul{ background:#FFFFFF; border:#c8c8c8 1px solid; border-top:none; height:auto!important; height:100px; min-height:100px;}
.Knowledge ul li{ padding:3px 0}
.Knowledge ul li a{ display:block; background: url(../images/ico.gif) 5px top no-repeat; font-size:12px; padding-left:15px;line-height:24px; height:24px; overflow-y:hidden}


.Links{ line-height:10px}
.Links a img{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;border:#d4d4d4 1px solid;width:110px; height:50px;}
.Links a:hover img{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;border:#d4d4d4 1px solid}


.Services{ background:url(../images/subbox_bg.jpg) left bottom repeat-x #fff}
.Services li{ background:url(../images/contact_listbg.png) left top no-repeat; height:25px; line-height:25px; color:#1298ba; padding-left:35px; margin-bottom:6px}
.Services li span{ color:#6F6F6F; font-weight:bold}


#pageshow{text-align:center;margin:25px 0 15px 0; clear:both; height:26px; line-height:26px;}
#pageshow a{width:26px; height:26px; margin:0 0; background: url(../images/pageshow_bg.gif) -65px top no-repeat; display:inline-block}
#pageshow a:hover{ background: url(../images/pageshow_bg.gif) -65px bottom no-repeat; color:#fff}
#pageshow span{ margin:0 3px; color:#9b9b9b; }
#pageshow .thisp{ background:url(../images/pageshow_bg.gif) -98px top no-repeat; color:#fff}
#pageshow .first{ display:inline-block; width:55px; background:url(../images/pageshow_bg.gif) left top no-repeat}
#pageshow .first:hover{ background:url(../images/pageshow_bg.gif) left bottom no-repeat}


#jiathis_style_32x32{ padding:8px 0 18px 5px; text-align:right}
#ckepop{padding:8px 0; clear:both; float:left}


#NewsNav{ border:#d9d9d9 1px solid;margin:0px auto; border-top:0px; padding:8px 5px 5px 5px; line-height:22px; height:22px; font-size:12px; color:#999999; clear:both;  color:#ffaa01;  overflow:hidden;}



.Tit_Gray700,.Tit_red,.Tit_Gray260{ height:32px; line-height:32px; background:url(../images/tit_bg.gif) left top no-repeat; overflow-y:hidden}
.Tit_Gray700 img,.Tit_red img,.Tit_Gray260 img{ vertical-align:middle}
.Tit_Gray700 span,.Tit_red span,.Tit_Gray260 span{ font-size:15px; font-weight:bold; color:#2d3649; letter-spacing:1px}
.Tit_red{ background-position:left -35px}
.Tit_red span{ color:#ffe2b7}
.Tit_Gray260{ background-position: left -70px}


.position{ float:right; padding-right:10px; line-height:30px; color:#828282; font-size:12px}
.position a{ color:#828282; font-size:12px}
.position a:hover{ color:#4199cc}


.Pro_List{clear:both;  margin:3px 0 15px 0}
.Pro_List li{position: relative;white-space:nowrap; margin-bottom:1px}
.Pro_List li a{ display:block; height:25px; line-height:25px; padding:0 10px 0 38px; background:url(../images/list_bg.jpg) left top no-repeat; overflow:hidden}
.Pro_List li a:hover{ background:url(../images/list_bg.jpg) left bottom no-repeat;}
.Pro_List li ul{display:none; padding:0 0 18px 0;  border:#d9d9d9 1px solid; border-top:none; border-bottom:#c9e1ed 1px solid; background:#eeeeee}
.Pro_List li ul li{ width:100%; border-bottom:#dbdcdc 1px dotted}
.Pro_List li ul li a{ background:url(../images/ico.gif) 14px top no-repeat; padding:0 10px 0 38px; color:#4199cc}
.Pro_List li ul li a:visited{ color:#4199cc}
.Pro_List li ul li a:hover{background:url(../images/ico.gif) 14px top no-repeat #F5F5F5;}





.Product{  width:698px;  overflow:hidden; padding:10px 0px;}
.Products{ clear:both;  display: inline-block;}
.Products li{ float:left; margin:10px 6px; text-align:center; border:#e6e6e6 1px solid; background:url(../images/subbox_bg.jpg) left bottom repeat-x #FFF; white-space:nowrap;  display:inline; width:160px; height:172px; overflow:hidden;}
.Products li div{ vertical-align:middle; text-align:center; width:160px; height:120px; border:#c8c8c8 1px solid; overflow:hidden;}
.Products li a{ color:#373737; line-height:24px; font-size:12px; padding-bottom:6px}
.Products li a span{ color:#afafaf}
.Products li:hover{ border:#73a9d1 1px solid; background:url(../images/subbox_hoverbg.jpg) left bottom repeat-x #98c8e3}
.Products li:hover span{color:#fff}
.Products li a:hover{color:#000000; }
.Products li a:hover div{background:#98c8e3}



.About{line-height:25px; color:#7b7b7b}


.Album{ clear:both; padding-top:20px}
.Album li{ float:left; margin-left:32px; width:186px; height:170px; background:url(../images/album_box.gif) center top no-repeat;white-space:nowrap; overflow:hidden; display:inline; text-align:center;}
.Album li div{width:176px; height:132px; margin:5px auto 13px auto; text-align:center;}
.Album_img img{ vertical-align:middle;}
.Album li a{ display:block; line-height:20px; font-size:12px;  text-align:center; }
.Album li a span{ color:#878787}



.AlbumShow{ clear:both; padding-top:20px}
.AlbumShow li{ float:left; margin-left:20px; width:198px; white-space:nowrap; overflow:hidden; display:inline; text-align:center;}
.AlbumShow li div{width:176px; height:132px; overflow:hidden; margin:0px auto; text-align:center;}
.AlbumShow_img{ display: table-cell; vertical-align:middle; text-align:center; width:198px; height:158px; background:url(../images/photo_box.gif) center top no-repeat;
*display: block;
*font-size:120px}
.AlbumShow_img img{ vertical-align:middle;}
.AlbumShow li a{ display:block; line-height:30px;  padding-bottom:6px;}


.NewsList { clear:both; height:auto!important; height:200px; min-height:200px; padding:0px 5px;}
.NewsList li{line-height:24px; background:url(../images/dott.gif) bottom repeat-x; margin-top:1px; padding:15px 0}
.NewsList li a{ padding-left:20px; background:url(../images/ico_r.gif) left center no-repeat;  font-weight:bold; font-size:14px;float:left;}
.News_time{font-size:12px; color:#a5b1b8; float:right}
.News_Content{color:#5e5e5e; font-size:12px}
.NewsInfo{ line-height:24px; font-size:14px; color:#7b7b7b; }
.News_Attribute{ background:#e8e8e8; height:30px; line-height:30px;  color:#b4b4b4; font-size:12px; margin:0 0 15px 0;}


.ProductShow_pic{ float:left; padding:4px; background:#4199cc; margin-right:15px; position:relative; z-index:1}
.ProductShow_info{ float:left; width:450px}
.ProductShow_info li{ hanging-punctuation:24px; line-height:24px; color:#a2a2a2; border-bottom:#b4b4b4 1px dotted}
.ProductShow_info li h3{ color:#fff; color:#4199cc}
.Content{ color:#a2a2a2; line-height:24px}
.zoom{ position:absolute; left:10px; bottom:10px; z-index:1}


.Download{ background:url(../images/dott.gif) left bottom repeat-x; padding:8px 0;}
.Down_tit{ font-size:15px; background:url(../images/ico_r.gif) left center no-repeat; padding-left:20px;color:#4199cc; font-weight:bold}
.Down_tit a{ float:right}
.Down_cont{ font-size:12px; line-height:17px;  padding:10px 0 10px 22px; color:#a2a2a2;}
.Down_Explain{ font-size:12px; line-height:18px; color:#585858; padding-left:22px}


.Recruit{ border-collapse:collapse; border:#d9d9d9 1px solid; margin:10px; clear:both}
.Recruit tr{ border-bottom:#d9d9d9 1px dotted}
.Recruit_tit{ background:url(../images/message.gif) left top repeat-x #e5e5e5; color:#4199cc;  font-weight:bold}
.Rec_tit{ background:#eaeaea; color:#4199cc;}




.Message{ border:#d9d9d9 1px solid;}
.Message td{ padding-left:18px;}
.star{ color:#fff; font-size:12px}


.MessList{ border:#d9d9d9 1px solid; border-top:none; clear:both;margin-top:5px}
.MessList_Tit{ line-height:20px; padding:6px 10px 6px 10px; background:url(../images/message.gif) left top repeat-x #e5e5e5; color:#84b7d5;  CURSOR:hand; }
.MessList_Tit:hover{ background:url(../images/message.gif) left bottom repeat-x #dfdfdf}
.MessList_Tit img{ vertical-align:middle; margin-right:8px}
.MessList_time{ font-size:11px; color:#b4b4b4; padding-right:10px; float:right;}
.MessList_cont{ padding:15px; line-height:24px; background:#fff; display:none; color:#969696}
.MessList_Reply{ background:url(../images/dott.gif) left top repeat-x}
.yellow_font{  color:#4199cc; font-weight:bold}


.Contact{line-height:26px}
.Map{ margin:10px 0; border:#a8cfe2 1px solid; background:#fff; padding:3px}


.pager{text-align:center;margin:0px 0px; padding:10px 0px; clear:both; height:26px; line-height:26px;border:#d9d9d9 1px solid; border-top:0px;}
.pages a, .pages .cpb { width:26px; height:26px; margin:0 0; background: url(../images/pageshow_bg.gif) -65px top no-repeat; display:inline-block}
.pages a:hover { background: url(../images/pageshow_bg.gif) -65px bottom no-repeat; color:#fff}
.pages .cpb { background:url(../images/pageshow_bg.gif) -98px top no-repeat; color:#fff}
.pages .btnFirst{ display:inline-block; width:55px; background:url(../images/pageshow_bg.gif) left top no-repeat}
.pages .btnFirst:hover{ background:url(../images/pageshow_bg.gif) left bottom no-repeat}