@charset "utf-8";
body{background:#ffffff url(bg.gif) repeat-x; line-height:20px; color:#000;}
a {color:#000;text-decoration:none;}
input.input{width:92px;}

p.last, ul.last, ol.last, li.last { _width:auto !important; _float:none !important; }
#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after, .title:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col ,.title{ _zoom:1; }

#container{width:920px; margin:0 auto; position:relative;}
#header_area{position:relative;}
#body_area{background:url(left-bg.jpg) no-repeat; position:relative; min-height:600px; _height:600px;}
#home #body_area{background:none; padding:0; min-height:0px; _height:360px; _overflow:hidden;; margin-top:20px;}
#service #body_area{background:url(service-left.jpg) no-repeat;}
#product #body_area{background:url(product-left.jpg) no-repeat;}
#news #body_area{background:url(news-left.jpg) no-repeat;}
#contact #body_area{background:url(contact-left.jpg) no-repeat;}
#users #body_area{background:url(user-left.jpg) no-repeat;}
#body_area{text-align:center; color:#000; font-size:12px;}
#body_area a{color:#000;}
#content{background:url(body_bg.gif); height:372px;}
#logo{display:block; background:url(logo.gif) no-repeat; width:286px; height:58px;}
#logo span{display:none;}
#navigation{background:url(nav_bg.gif) repeat-x; height:28px; line-height:28px; padding:0 80px 0 80px; text-align:center; clear:both; color:#fff; border:1px solid #026383;}
#navigation a{color:#fff; padding:0 20px 0 20px; font-weight:bold; display:block; float:left; background:url(nav-spacer.gif) no-repeat right 4px; white-space:nowrap;}
#navigation a:hover{background:url(nav-on.gif) no-repeat center top;}
#banner{height:242px; overflow:hidden;}
#home #banner{height:333px; overflow:hidden;}


#footer{text-align:left; color:#6e6e6e; padding:10px 10px 30px 200px; background:url(footer-logo.gif) no-repeat 40px 0px; border-top:9px solid #e4e4e4;}
#footer_nav{}
#footer_nav,#footer_nav a{text-align:center;}
#copyright{text-align:left; color:#000;}
#copyright a{color:#000;}


h1{text-align:center; font-size:16px;}



.grid2col-a .column.a-1{width:400px;}
.grid2col-a .column.a-2{width:270px; margin-left:10px; text-align:center}
.grid2col-a .column.a-2 p{text-indent:0px;}


#localtion{color:#0f6759; text-align:left; position:absolute; left:20px; top:20px;}
#localtion a{color:#0f6759;}
#info_area{padding:8px; line-height:normal; min-height:500px; font-size:14px; line-height:25px}
#info_area,#info{text-align:left;}
#info_area,#info img{max-width:500px;}


.prolst h2,.product h2,.news h2{font-size:14px; background:#7599a4; height:25px; line-height:25px; text-align:left; padding:0; color:#fff; margin:0; padding-left:15px; border-bottom:1px solid #e7f3ff}
.right-block h2{font-size:12px; margin:2px auto; line-height:20px; height:20px; background:#909090; color:#fff;}
.right-block p{text-indent:0px; padding:0 5px 0 5px; text-align:left; margin:0;}

.procategory{text-align:left; padding:0 5px 0 5px;}
.procategory li{border-bottom:1px solid #909090; line-height:30px;}


.right-block h2{background:url(right-block-h2-bg.gif) no-repeat; height:26px; line-height:26px; margin:0; padding:0 0 0 12px; font-size:12px; color:#ffffff; text-align:left}
.right-content{border:1px solid #136558;}
#submenu{text-align:center; margin-top:194px}
#submenu h2{display:block; background:url(btn_bg.gif) no-repeat 0 0px; height:30px; overflow:hidden; margin:0px auto; padding:0 0 0 10px; line-height:30px; color:#158cb8; font-size:12px; font-weight:bold;}
#submenu h2 a{background:none; padding:0;}
#submenu a{display:block; background:none; width:162px; margin:0 auto; height:30px; padding:0 0 0 0px; font-weight:normal; overflow:hidden;line-height:30px; color:#186c60; font-size:12px; position:relative;}
#submenu a img{position:absolute; left:0px;}
#submenu .on,#submenu a:hover{background:url(submenu.gif) no-repeat; color:#ffffff; font-size:14px; font-weight:bold;}
#im{line-height:30px; background:url(im-bg.gif) no-repeat -2px 0px; padding:50px 0 0 98px; text-align:left; overflow:hidden; color:#000;}
#im a{display:block; position:relative; padding:0 0 0 10px; text-align:left; color:#000;}
#im a img{position:absolute; left:-15px;_left:-35px;top:2px; _top:2px;}
.prolst h2{text-align:left;}
.prolst li{float:left; text-align:center; margin:5px 10px 5px 10px;}
#product .prolst li{float:left; text-align:center; margin:2px; width:120px; overflow:hidden;}
.prolst li a{display:block; background-color:#ebfcfa; line-height:20px;}
.prolst li a:hover{background-color:#a7e0db; font-weight:bold;}
.prolst li img{width:120px; height:90px;}
#home .prolst li img{width:80px; height:70px;}
#footer_link a{color:#6e6e6e;}

#top_control{position:absolute; top:4px; right:5px; color:#ffffff; width:120px;}
#top_control a{color:#fff;}

#loginBar{position:absolute; top:40px; right:5px; color:#ffffff; width:460px;}
#loginBar h3{float:left; width:60px; margin:0; padding:2px 20px 0 0px; font-size:14px; line-height:20px;}
#loginBar input{border:1px solid #60a6ad; background:#ffffff;}
#loginBar button{height:20px;}
#loginBar a{color:#fff;}
#works{clear:both;}
#works ul li{ margin:1px;}
#works ul li img{width:120px; height:90px;}

.pro-desc{margin:10px 0 0 0; background-color:#ccc}

.navigation_page{clear:both; margin-top:10px;}
.navigation span{display:none;}
.navigation_page a,.navigation_page .page{font-size: 12px;float: left;height: 20px;padding: 0 5px;line-height: 20px;margin: 0 1px 1px 0; color:#fff!important}
.navigation_page a{background: #047ed3;border:1px solid #005591; color:#fff;}
.navigation_page a:hover, .navigation_page .page{color: #ccc;background: #004779;border:1px solid #003356;text-decoration:none; color:#fff}


#ACT{position:absolute; top:-80px; left:400px; text-align:left; color:#fff}
#ACT a{ color:#fff}
#ACT h2{float:left; margin:0; padding:0; font-size:12px; line-height:25px;}
.scrollDiv{height:25px;line-height:25px;overflow:hidden}
.scrollDiv li{height:25px;padding-left:10px;}

.bar{height:26px; line-height:24px; border-bottom:1px solid #d1d1d1; padding:0 0 1px 0;}
.btn li{height:24px; line-height:24px; float:left; padding:0 20px; margin-right:2px; cursor:pointer; white-space:nowrap;}
.btn .card_select{background:#7599a4; color:#ffffff; width:60px; font-size:14px; font-weight:bold;}
.btn .card_no{background: url(card_no.gif) no-repeat left bottom; width:30px;color:#fff}

.card_content{display:none;}
.card_content.on{display:block;}

#recpro{width:710px;overflow:hidden;}
#content_01{height:80px;}

.scrollbox{white-space:nowrap; height:120px; width:1500px;}
.scrollbox #pictruebox_1,.scrollbox #pictruebox_2{white-space:nowrap; width:720px; float:left;}
.scrollbox #pictruebox_1 ul,.scrollbox #pictruebox_2 ul{display:block; float:left; overflow:hidden; margin:0 4px 0 4px;_ margin:0 3px 0 3px;}