﻿body { background: #8B99A4 url(../images/bg.gif) repeat-x 0 0; font-size:12px; font-family:tahoma, verdana, arial, helvetica, sans-serif; line-height:160%; margin:0; padding:0; color:#333; }
div { margin:0 auto; padding:0; }
h1, h2, h3, h4, h5, h6, ul, li, form, img, p { margin:0; padding:0; border:none; list-style-type:none; }
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal; }
a { color: #2f2f2f; text-decoration: none; }
a:hover { color: #f30; text-decoration:underline; }
.search_text { width:300px; font-size:14px; color:#555; border:1px solid #999; border-right:none; height:24px; line-height:24px; margin-bottom:0px; }
.search_btn { background:url(../images/searchbtn.gif) no-repeat 0px 0px; width:90px; height:28px; font-size:14px; text-align:center; border:none;line-height:28px; color: #954200; font-weight:800; }
.input_text { border-top-width:1px; border-bottom-width:2px; border-left-width:1px; border-right-width:2px; font-size: 12px;  }
.input_btn { background:url(../images/btn.gif) no-repeat 2px 2px; width:78px; height:25px;  font-size:12px; text-align:center; border:none; line-height:26px; color: #fff; }
#header {background: url(../images/head_bg.jpg) no-repeat 0 0; width: 1000px; height:100px; margin-bottom:0px; overflow:hidden; }
.logo { float:left; padding-left:30px;  padding-top: 30px; padding-bottom: 10px; width: 250px; height: 60px; overflow:hidden; }
.search { float:right; width:300px; padding-right: 0px; padding-bottom: 15px; padding-top: 25px; height: 40px; }
.banner { width: 960px; background:#fff; padding:6px 20px 8px 20px }
#nav { float:right; padding-right:20px; height: 43px; margin-top:50px;  width:658px;overflow:hidden;}
#nav ul { padding-left: 0px; }
#nav ul li { background: url(../images/nav_bg.gif) repeat-x 0 0; margin-left:2px; float: left; width: 92px; height: 43px; }
#nav ul li a {display: block; font-size:14px;font-weight: bold; padding-bottom: 12px; width:92px; color: #fff; padding-top: 8px; height: 14px; text-align: center }
#nav ul li a:hover {  color:#FFD50C; text-decoration: none; }
#nav .right { float: right; width:190px; height:24px; line-height:24px; padding-left:10px;margin-top:5px; color:#FAE57B; font-size:14px; font-weight:bold; }

.menu_box { float:left; width:210px;overflow:hidden; }
.menu_box .menu_foot { width:210px; height:35px; background:url(../images/menu_foot.gif) no-repeat;}
#menu { text-align:left; background:url(../images/menu_main_bg.gif) repeat-y 0 0;}
#menu ul{ margin-left:10px; padding-top:0px;width:160px; }
#menu ul li { background: url(../images/Arrow_04.gif) no-repeat 0px 9px;width:180px; margin-left:12px;overflow:hidden;  }
#menu ul li a { font-size:12px; color:#333; border-bottom: #999 1px dotted;display: block; padding-left:10px; width:160px; height: 24px; line-height:24px;}
#menu ul li a:hover { font-size:12px; color: #ff6600;background:url(../images/dot_02.gif) no-repeat 15px 12px;text-decoration: none; }
#menu ul li .on { font-size:12px; color: #ff6600;background:url(../images/dot_02.gif) no-repeat 15px 12px;}

#menu ul li ul{  padding-top:2px;}
#menu ul li ul li { width:180px; background: url(../images/Arrow_04.gif) no-repeat 10px 9px; margin-top:2px; margin-left:0px; }
#menu ul li ul li a { font-weight: normal; font-size:14px;  color:#333; display: block; padding-left:20px; width:160px; height: 24px; line-height:24px;}
#menu ul li ul li a:hover { color: #CC3300;  }
#menu ul li .on { font-weight:bold; color: #CC3300; }

#footer{  width: 960px; padding:30px 20px 0 20px;  height: 50px; background:#fff url(../images/foot_bg.gif) no-repeat 20px 0;overflow:hidden;   }
#footer .copyright { height: 50px; color: #666; text-align: center;  }
#footer .copyright a { color:#666; }

#main { width:960px; background:#fff url(../images/left_bg.gif) repeat-y 20px 0px; padding-left:20px; padding-right:20px; overflow:hidden; }
#left { float:left; width:210px; margin-right:10px; }
#right { float:right; width:740px; overflow:hidden; }

.left_pic { margin-bottom:8px; }

.left_box {   margin-bottom:8px;overflow:hidden; }
.left_box img { margin-bottom:8px; margin-left:8px;}
.left_title { font-weight:bold; font-size:14px; color:#016a9f; height:29px; line-height:29px; background:url(../images/title_bg.png) repeat-x 0 0; position:relative; padding:0 10px; }

.right_box { margin-bottom:8px; overflow:hidden; }
.right_box h2 { font-weight:bold; font-size:14px; color:#333; height:30px; line-height:30px;background:url(../images/right_tit.gif) no-repeat 0 0;  position:relative; padding:0 30px; }
.right_box h2 span { position:absolute; top:0px; right:20px; padding-left:12px; font-weight:100; font-size:12px; color:#666; }
.right_box h2 span a { color:#666; }
.right_box h2 span a:hover { color:#f30; }
.right_box .content {  padding:10px 0px 20px 0px; }

.right_box #demo {overflow:hidden;width: 752px; height:166px;}
.right_box #demo ul { margin:10px 0 6px 0; padding:0;}
.right_box #demo li { width:146px; height:126px; float:left; margin-left:10px;text-align:center; }
.right_box #demo li img {border:#e1e1eb 1px solid; padding:2px; width:140px; height:120px; }
.right_box #demo li p { font-size:12px; margin: 6px auto 0px; width: 140px; overflow: hidden; height: 20px; line-height: 20px }
.right_box #indemo {float: left;width: 800%;}
.right_box #demo1 {float: left;}
.right_box #demo2 {float: left;}

.news_list { margin-bottom:6px; padding:6px; }
.news_list li { position:relative; background:url(../images/list_dot.gif) 0px 10px no-repeat;border-bottom:#ededed 1px dashed; height:26px; line-height:26px; padding-left:10px; font-size:14px; }
.news_list li span { color:#999; position:absolute; top:0; right:20px; }
.news { margin-bottom:6px; padding:6px;font-size:14px; line-height:180%; }
.news h1 { text-align:center; padding-top:3px; padding-bottom:6px; font-size:16px; font-weight:bold; border-bottom: #dedede 1px solid; }
.news .top { margin-bottom:10px; padding-top:3px; text-align:center; color:#999 }
.product_list { padding-left:10px; padding-top:10px; overflow:hidden; }
.product_list dl { width:740px;}
.product_list dt { width:182px; height:200px; float:left; text-align:center; }
.product_list dt .box { border:#e1e1eb 1px solid; width:150px; height:150px;padding:2px; margin-left:12px; background:#fff;display:table-cell; vertical-align:middle overflow:hidden;  }
.product_list dt img { display:block; margin:0 auto; margin-top:expression((150 - this.height )/2); }
.product_list dt p { padding:3px 0; width:172px; margin:2px 0 10px 7px;}

.product {overflow:hidden;}
.product_tit { overflow:hidden;margin:0px 10px 4px 10px; height:30px;border-bottom: #dedede 1px solid; text-align:center;position:relative;  }
.product_tit h1 {  font-weight: bold; font-size: 18px; padding-top:4px; color:#DA4901; padding-right:50px; }
.product_tit h3 a{  font-weight: bold; font-size: 14px; color:#295DAA; position:absolute; top:4px; right:20px;  }
.product_pic { float: left; width:600px; margin:20px; text-align:center; }
.product_pic img { padding:2px; border:#dedede 1px solid; }
.product_content { float:left; width:760px; margin-top:10px; }
.product_content h2{ height:28px; line-height:28px; color:#27496F;  background:url(../images/content_tit.gif) no-repeat 0 0; padding:0 30px; font-size:14px;  font-weight:600; overflow:hidden;}
.product_content .content_text{ padding:10px 0 10px 0;  border-top:none; }
.msg_list { padding:10px; }
.msg_list_title { padding:0 0 4px 0; border-bottom:#ccc 1px dashed; }
.msg_list_title img { margin:10 6px 0 0; padding:0 10px 4px 0; }
.msg_list_content { padding:8px 0 18px 0; line-height:180%; word-break:break-all; }
.msg_list_reply { border: #e6c99d 1px solid; background:#fff8ed; margin:4px 10px 4px 10px; padding:4px 10px 4px 10px; width:90%; line-height:180%; }
.page_box { margin:10px 0 40px 20px; }
.page_box .count { float:left; padding: 4px 10px 20px 10px; margin: 3px; text-align: center; clear:both; }
.page_box .page { padding: 3px; margin: 3px; text-align: center; }
.page_box .page a:hover { border: #38B35E 1px solid; color: #fff; background-color: #38B35E }
.page_box .page a:active { border: #38B35E 1px solid; color: #fff; background-color: #38B35E }
.page_box .page .current { display:block; float:left; border: #38B35E 1px solid; padding: 2px 6px 2px 6px; font-weight: bold; margin: 2px; color: #fff; background-color: #38B35E }
.page_box .page a { display:block; float:left; border: #e6e7e1 1px solid; padding: 2px 6px 2px 6px; margin: 2px; color: #333; text-decoration: none }
.tab_msg { height:24px; clear:both }
.tab_msg ul { padding-left:20px; list-style:none; }
.tab_msg li { border:1px solid #fdd796; background:#fff8ed; cursor:pointer; display:block; float:left; text-align:center; text-decoration:none; font-size:12px; height:22px; line-height:22px; padding:0 20px; margin:0 2px; position:relative; top:1px; z-index:9; }
.tab_msg li.right { float:right; margin-right:10px; width:70px; }
.tab_msg li:hover { text-decoration:underline; }
.tab_msg li.curr { background:#fff; border-bottom-color:#fff; cursor:default; font-weight:bold;color:#DA4901 }
.tab_msg_text { border-top:1px solid #fdd796; padding:10px; }
.tab_pro { height:30px; clear:both; }
.tab_pro ul { padding:0px; margin:0; list-style:none; }
.tab_pro li { border:1px solid #dedede; background: url(../images/card.gif) repeat-x 0 0; cursor:pointer; display:block; float:left; text-align:center; text-decoration:none; padding:0 20px; font-size:12px; height:28px; line-height:28px; margin:0 10px 0 0; position:relative; top:1px; z-index:9; }
.tab_pro li:hover { text-decoration:underline; }
.tab_pro li.curr { background: url(../images/cardselected.gif) repeat-x 0 0; border-bottom-color:#fff; cursor:default; font-weight:bold; color:#DA4901 }
.tab_pro_text { border:1px solid #dedede; padding:10px; }

#zoompic { font-size: 9pt; border-right: gray 1px solid; padding-right: 4px; border-top: gray 1px solid; padding-left: 4px; z-index: 100;  filter: progid:dximagetransform.microsoft.shadow(color=gray, direction=120);
visibility: hidden; padding-bottom: 4px; border-left: gray 1px solid; padding-top: 4px; border-bottom: gray 1px solid; width: auto!important; /* ie7+ff */ width: 150px; /* ie6 */ position: absolute; background-color: #cccccc }

.white{ background:url(../images/point7.gif) 0px 0px repeat-x; color:#fff;}
