* { margin: 0; padding: 0; }
html { background: #fff url(../images/bg_foot.jpg) repeat-x bottom; }
body { background: url(../images/bg.jpg) #1a2e61 repeat-x top; font: 12px/22px "ËÎÌå"; color: #555; text-align: center; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
ul,ol { list-style: none; }
a img { border: 0; }
em,i,address { font-style: normal; }
a { text-decoration: none; color: #1B2E63; }
a:hover { color: #f30; }
.clear { clear: both; }

#wrapper { width: 1000px; margin: 0 auto; text-align: left; background: url(../images/body.jpg) no-repeat top center; }

#header { height: 170px; }

#logo { width: 300px; height: 150px; padding: 10px 0; float: left; }
#logo a { display: block; width: 260px; height: 150px; background: url(../images/logo.png) no-repeat; text-indent: -999999px; line-height: 300%; overflow: hidden; }

#tops { width: 700px; height: 150px; padding: 4px 0; float: left; }
#t_links { color: #fff; text-align: right; height: 30px; position: relative; z-index: 9; }
#t_links ul { padding: 0 0 0 440px; }
#t_links li { height: 26px; float: left; position: relative; line-height: 26px; padding: 0 10px; }
#t_links li span { display: block; height: 26px; line-height: 26px; float: left; background: url(../images/s_out.gif) no-repeat 65px 10px; padding: 0 20px 0 10px; cursor: pointer; }
#t_links li span.over { background: #fff url(../images/s_over.gif) no-repeat 65px 10px; color: #1A2E63; }
#t_links a { color: #fff; }
#t_links a:hover { color: #fc0; }
#t_links ul ul { padding: 5px 10px; position: absolute; top: 26px; left: -107px; background: #fff; width: 175px; text-align: left; display: none; }
#t_links ul ul a { color: #1A2E63; }
#t_links ul ul li { display: block; height: 24px; border-bottom: #ddd 1px dotted; float: none; padding: 2px 0; }
#t_links li li a { display: block; height: 24px; line-height: 24px; padding: 0 8px; }
#t_links li li a:hover { display: block; background-color: #1A2E63; }
#s_online { color: #fc0; font-size: 14px; font-weight: bold; text-align: right; padding: 50px 10px 0 0; }

#nav { height: 36px; background: url(../images/nav.gif) repeat-x 0 -36px; }
#nav ul {}
#nav li { background: url(../images/nav.gif) no-repeat right top; float: left; padding: 0 2px 0 0; position: relative; z-index: 8; }
#nav a { color: #fff; display: block; width: 120px; height: 36px; text-align: center; font: bold 12px/36px "ËÎÌå"; }
#nav a:hover,
#nav a.current,
#nav a.over { background: url(../images/nav.gif) repeat-x 0 -72px; color: #000; }
#nav ul ul { position: absolute; top: 36px; left: 0; z-index: 8; background: #B79200; display: none; }
#nav li li { background: none; padding: 0; float: none; }
#nav li li a { height: 26px; font: normal 12px/26px "ËÎÌå"; }
#nav li li a:hover {}

#container { min-height: 300px; height: auto!important; height: 300px; background:#fff;}


#left { width: 220px; float: left; padding: 0 0 20px 0; }

#main { width: 760px; float: right; padding: 0 0 10px 10px; background: url(../images/dot.gif) repeat-y; margin-bottom: 10px; min-height: 550px; height: auto!important; height: 550px; }

.footer_box { width:100%; overflow:hidden; background:url(../images/f_bg.jpg) repeat-x;}
#footer { height: 150px; background: url(../images/footerbg.png) repeat-x; width:1000px; margin:0px auto; text-align:left; background-position:0px 30px;}
.f_links { height: 30px; line-height: 35px; text-align: center;}
.f_links li { display: inline; padding: 0 20px; }
.f_links a { color: #fff; }
.f_links a:hover { color: #fc0; }
.f_links strong { color: #fc0; }
.f_logo { width:200px; float:right; padding-top:20px;}
#footer a { color: #868B98; }
#footer a:hover { color: #fff; }
.copyright { color: #fff; padding: 10px 0 0 40px; font-family: Arial, Helvetica, sans-serif; color: #868B98; width:760px; float:left;}
.copyright span { float:right; padding-right:30px; padding-top:5px;}
.hengri_bottom { overflow:hidden; background:url(../images/footerbg.jpg) no-repeat; background-position:0px 10px; height:125px;}

#banner { background: url(../images/shadow.png) #fff no-repeat bottom; padding: 0 0 50px 0; margin: 5px 0 0 0; }
#banner_slider { width: 1000px; height: 250px; margin: 0 auto; position: relative; background: #fff; }
.banner_container { width: 1000px; overflow: hidden; display: none; position: absolute; left: 0; top: 0; z-index: 2; }
.banner_container a { width: 1000px; height: 250px; display: block; }
.banner_container a img { display: block; }
.pagination { position: absolute; right: 20px; bottom: 10px; z-index: 4; }
.pagination li { list-style:none; height: 15px; float: left; margin: 0 0 0 5px; }
.pagination li a { display:block; width:12px; height: 12px; background-image:url(../images/pagination.png); background-position:0 0; float:left; overflow:hidden; text-indent: -99999px; line-height: 300%; }
.pagination li.current a { background-position:0 -12px; }

#crumbs { border-bottom: #ddd 1px dotted; height: 30px; line-height: 30px; overflow: hidden; padding: 0 0 0 10px; }
#crumbs a { color: #444; }
#crumbs a:hover { text-decoration: underline; }
#crumbs span { padding: 0 10px; }
#crumbs strong { color: #001E5C; }

.friendlink { line-height:20px; overflow:hidden; width:980px; margin:0px auto; text-align:left; background:#fff; padding:0px 10px;}


.wrap { float: left; }
.wrap h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #1A2E63; margin: 0 0 5px 0; }

.overview { width: 440px; }
.overview img.company_photo { display: block; padding: 4px; border: #ddd 1px solid; float: left; margin: 0 10px 0 0; }

.latest_news { width: 280px; padding: 0 30px; background: url(../images/latest_news_bg.gif) no-repeat 6px -12px; }
.top_articles { }
.top_articles li { height: 26px; line-height: 26px; overflow: hidden; background: url(../images/ic_1.gif) no-repeat 0 8px; padding: 0 0 0 20px; }
.top_articles li a { color: #555; }
.top_articles li a:hover { color: #222; text-decoration: underline; }
.top_articles li small { float: right; font-family: Arial, Helvetica, sans-serif; color: #999; }

.service { width: 220px; text-align: left; margin: 0 0 10px 0; }
.service h2 { background: url(../images/s.gif) no-repeat; height: 31px; text-indent: -999999px; margin: 0; }
.service .box { background: url(../images/wrap_bg.gif) repeat-x bottom; border-left: #D1D1D1 1px solid; border-right: #D1D1D1 1px solid; border-bottom: #D1D1D1 1px solid; padding: 6px; }

.recommends { width: 1000px; height: 220px; position: relative; margin: 10px 0 0 0; }
.recommends h2 { background: url(../images/recommends_t.gif) no-repeat; height: 30px; line-height: 26px; margin: 0 0 10px 0; padding: 0 0 0 20px; }
.slides_container { width:940px; display:none; position: absolute; top: 0; left: 30px; }
.slides_container div.slide { width:940px; height:160px; display:block; }
.item { float:left; width:185px; height:160px; }
.item img { width: 160px; height: 120px; }
.item a.a_img { width: 160px; height: 120px; display: block; padding: 4px; border: #ddd 1px solid; background: #fff; margin: 0 auto; }
.item a.a_txt { width: 170px; height: 30px; display: block; text-align: center; line-height: 30px; overflow: hidden; text-decoration: none; color: #444; margin: 0 auto; }
#slides .prev,
#slides .next { width: 30px; height: 30px; display: block; position: absolute; left: 0; top: 90px; background: url(../images/prev_out.png) no-repeat 0 0; text-indent: -99999px; line-height: 300%; overflow: hidden; }
#slides .prev:hover { background-image: url(../images/prev_over.png); }
#slides .next { left: 970px; background-image:url(../images/next_out.png); }
#slides .next:hover { background-image: url(../images/next_over.png); }

.category { }
.category h3 { height: 36px; background: #333 url(../images/c_title.gif); font: bold 14px/36px "ËÎÌå"; color: #fff; text-align: center; }
.category ul { font-size: 14px; }
.category li { border-bottom: #ddd 1px solid; padding: 1px 0; }
.category a { display: block; padding: 5px 15px; }
.category a:hover {  background: #1A2E63 url(../images/c_over.gif); color: #fff; }
.category ul ul { margin: 0 0 5px 0; }
.category li li { border: 0; }
.category li li a { padding: 2px 45px; }
.category a.current { color: #000; font-weight: bold; }


.other_list { padding: 10px 0 0 30px; }
.other_list li { width: 220px; height: 210px; text-align: center; float: left; }
.other_list li a { }
.other_list li span { width: 180px; height: 135px; display: block; padding: 4px; border: #ddd 1px solid; margin: 0 0 5px 0; }
.other_list li img { width: 180px; height: 135px; }

.sebiao_list { padding: 10px 0 0 20px; }
.sebiao_list li { width: 230px; height: 320px; text-align: center; float: left; }
.sebiao_list li a { }
.sebiao_list li span { width: 180px; height: 260px; display: block; padding: 4px; border: #ddd 1px solid; margin: 0 0 5px 0; }
.sebiao_list li img { width: 180px; height: 260px; }

.product_list { padding: 10px 0 0 20px; }
.product_list li { width: 240px; height: 220px; text-align: center; float: left; }
.product_list li a { }
.product_list li img { width: 200px; height: 150px; display: block; padding: 4px; border: #ddd 1px solid; margin: 0 0 5px 0; }

.article_list { padding: 0 0 0 20px; }
.article_list li { height: 30px; line-height: 30px; overflow: hidden; background: url(../images/ic_1.gif) no-repeat 0 9px; padding: 0 0 0 25px; border-bottom: #ddd 1px dotted; }
.article_list li small { float: right; }

.pages { text-align: center; padding: 15px 0; }
.pages strong,
.pages span,
.pages a { padding: 3px 9px; border: #ddd 1px solid; margin: 0 2px; }
.pages strong { color: #f30; }
.pages span { color: #999; }

.info { font-size: 14px; }
.info p { text-indent: 2em; margin: 0 0 15px 0; }

.s_title { font-size: 16px; color: #1A2E63; margin: 0 0 10px 0; padding: 0 0 0 20px; }
.a_content { padding: 0 0 0 20px; }

.product_view { padding: 0 0 0 20px; }
.p_title { text-align: center; background: #eee; padding: 5px; margin: 0 0 10px 0; font-size: 16px; }

.pro_title { color: #001E5C; font-size: 18px; margin: 10px 0; }
.pro_img { background: #fff; text-align: center; border: #efefef 10px solid; margin: 0 0 10px 0; }

.pro_wrap { margin: 10px 0; }
.pro_wrap h2 { background: #001E5C url(../images/h2.gif) no-repeat; color: #fff; font-size: 14px; padding: 4px 25px; margin: 0 0 10px 0; }
.pro_txt { }
.pro_txt ul {}
.pro_txt li { background: url(../images/ok.png) no-repeat; padding: 0 0 0 20px; }

.newsview p { margin: 0 0 15px 0; }

.contact {}
.contact table { }
.contact td { padding: 2px 5px; }


.clearfix:after,
#header:after,
#nav:after,
#container:after,
#content:after,
.article_list:after,
.product_list:after,
.other_list:after,
.sebiao_list:after,
#footer:after{ content:"\0020"; display:block; clear:both; visibility:hidden; overflow:hidden; height:0; font-size:0;}

.clearfix,
#header,
#nav,
#container,
#content,
.article_list,
.product_list,
.other_list,
.sebiao_list,
#footer{ zoom:1}


























