/*=Layouts
---------------------------------*/
#area { width:999px; text-align:left; margin:0 auto; overflow:hidden;}
#header{width:999px;}
.top{ }
h1 a:link, h1 a:visited{ color: #16718C; }
h1 a:hover{ color: black; }
.navbg{ background: url(images/top_bg.gif); height:36px;height:56px!importent;}
#nav {margin-left: 15px; margin-top: 23px;}
#nav a {display: block; width:103px; text-align: center;}
#nav a:link,#nav a:visited{color:#fff; text-decoration:none; font-size:13px; font-weight:bold;}
#nav a:hover  {color:#59fdff;text-decoration:none;}
#nav li {float: left; width: 103px; height: 33px; line-height: 33px; background: url(images/navbg.gif); margin-left:3px;}
#nav li ul {line-height: 27px;  list-style-type: none;text-align:left;
 left: -999em; width: 180px; position: absolute; overflow: hidden;}
#nav li ul li{ float: left; width: 180px; background: #F6F6F6; margin-left: 0;-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90}
#nav li ul a{display: block; width: 180px;text-align:left;padding-left:24px;
}
#nav li ul a:link  {color:#000; text-decoration:none;}
#nav li ul a:visited  {color:#000;text-decoration:none;}
#nav li ul a:hover  {color:#F3F3F3;text-decoration:none;font-weight:normal;
 background:#0185AC;}
#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}

/* --------------------------------main---------------------------------*/
#main{ background: url(images/titlebg1.gif) repeat-x 0 0;  width:999px;  margin: 5px auto;}
.sidebar_left{ width: 210px; overflow: hidden; float: left; margin-left:3px; }
.leftproduct h1{ color: #16718C; font-size: 14px; line-height: 37px; background: url(images/title_dot.gif) no-repeat 3px 10px; padding-left: 15px; width: 210px; height: 37px; overflow: hidden;}
.showproduct{border: 1px solid #DBDBDB; padding: 3px; overflow: hidden;}
.search,.link{ background: url(images/titlebg2.gif) repeat-x 0 0;   }
.search h1{color: #16718C; font-size: 14px; line-height: 37px; background: url(images/title_search.gif) no-repeat 3px 5px; padding-left: 29px; width: 210px; height: 37px; overflow: hidden;}
.search ul{ margin-left: 3px; }
.search li{ line-height: 30px; height:30px; }
.link h1{color: #16718C; font-size: 14px; line-height: 37px; background: url(images/title_link.gif) no-repeat 3px 5px; padding-left: 29px; width: 210px; height: 37px; overflow: hidden;}
.link li{line-height:24px; height:24px; width: 210px;}
.link li a:link,.link li a:visited{ display: block; padding-left:15px; background: url(images/a.gif) no-repeat 2px 8px;}
.link li a:hover{ color:#092E3A; background: #EFF8FB  url(images/a.gif) no-repeat 2px 8px; text-decoration: none;}
/*  */
.content{ width: 540px; float: left; margin-left: 20px;}
.solutions h1{ color: #16718C; font-size: 14px; line-height: 37px; background: url(images/title_dot.gif) no-repeat 3px 10px; padding-left: 15px;}
.solutions li{line-height:25px; height: 25px; margin-top: -3px;}
.solutions li a span{color: #9C9C9C; float: right; }
.solutions li a:link,.solutions li a:visited{ display: block; padding-left:15px; background: url(images/dot_blue1.gif) no-repeat 1px 11px; color: #000; }
.solutions li a:hover{ color:#092E3A; background: #EFF8FB  url(images/dot_blue1.gif) no-repeat 5px 11px; text-decoration: none;}
.news1 h1{ color: #16718C; font-size: 14px; line-height: 37px; background: url(images/title_dot.gif) no-repeat 3px 10px; padding-left: 15px;}
.news1 li{line-height:25px; height: 25px; margin-top: -3px;}
.news1 li a span{color: #9C9C9C; float:right; }
.news1 li a:link,.news1 li a:visited{ display: block; padding-left:15px; background: url(images/dot_blue1.gif) no-repeat 1px 11px; color: #000; }
.news1 li a:hover{ color:#092E3A; background: #EFF8FB  url(images/dot_blue1.gif) no-repeat 5px 11px;; text-decoration: none;}
/*  */
.sidebar_right{ float: left; width: 190px; margin-left:20px;}
.right_contact{ width: 186px; border: 1px solid #E1E1E1; padding:1px; background: #F7F7F7 url(images/right_contact.gif) no-repeat 8px 0; height: 260px; position: relative;}
.right_contact p{ position: absolute; top:222px; left: 37px; }
.right_contact p a:link,.right_contact p a:visited{ color: white; }
.right_contact p a:hover{ color:#00E5FF; }
.right_contact ul{ padding: 38px 0 0 50px;}
.right_contact li span{ color: #16718C; display: block }
.scrollproduct h1{ color: #16718C; font-size: 14px; line-height: 37px; background: url(images/title_dot.gif) no-repeat 3px 10px; padding-left: 15px; }
#demo {
    background: #FFF;
    overflow:hidden;
    width: 540px;
}
#indemo {
    float: left;
    width: 800%;
}
#demo1 {
    float: left; 
}
#demo2 {
    float: left;
}
.picshow {float:left;width:135px;height:135px;overflow:hidden; padding-top: 3px; margin-right: 5px;}
.picshow a{}
.picshow a img {width:105px;height:105px;}
.picshow a span {color:#FFF; text-align:center; display:block;background:#0185AC;width:105px;line-height:20px;-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; overflow:hidden;}
.picshow a:hover span {color:#FFF;display:block;background:#014f67;width:105px;line-height:20px;-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; overflow:hidden;}
/* --------------------------------mainend---------------------------------*/
#footer{ border: 1px solid #E6E6E6; background: #F3F4F6; line-height: 25px;  text-align: center;}
/* banner动画 */
.showbanner{ position: relative; z-index: -10000 }
#slider1 {
	OVERFLOW: hidden; WIDTH:999px; POSITION: relative; HEIGHT: 200px
}
#slider1 IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#slider1Content {
	MARGIN-LEFT: 0px; WIDTH:999px; POSITION: absolute; TOP: 0px
}
.slider1Image {
	DISPLAY: none; FLOAT: left; POSITION: relative
}
.slider1Image SPAN {
	PADDING-RIGHT: 14px; DISPLAY: none; PADDING-LEFT: 14px; FILTER: alpha(opacity=70); PADDING-BOTTOM: 12px; FONT: 11px/15px Arial, Helvetica, sans-serif; WIDTH: 694px; COLOR: #fff; PADDING-TOP: 35px; POSITION: absolute; BACKGROUND-COLOR: #134255; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7
}
.clear {
	CLEAR: both
}
.slider1Image SPAN STRONG {
	FONT-SIZE: 14px; font-weight: bold;margin-bottom:3px; display: block;
}
.left {
	LEFT: 0px; WIDTH: 260px! important; TOP: 0px; HEIGHT: 180px
}
.right {
	RIGHT:20px; WIDTH: 260px! important; top:0px; HEIGHT: 100px;
}
/* 产品菜单 */
#menu {
 width:210px;
 line-height: 24px; 
 list-style-type: none;
 text-align:left;
    /*定义整个ul菜单的行高和背景色*/
}
/*==================一级目录===================*/
#menu a {
 width: 190px; 
 display: block;
 padding-left:20px;
 /*Width(一定要)，否则下面的Li会变形*/
}
#menu li {
 background:#f2f2f2; /*一级目录的背景色*/
 border-left:#0185AC 5px solid;
 float:left;
 margin-top: 2px;
 
 /*float：left,本不应该设置，但由于在Firefox不能正常显示
 继承menu的width,限制宽度，li自动向下延伸*/
}
#menu li a:hover{
 background:#0185AC; /*一级目录onMouseOver显示的背景色*/
}
#menu a:link  {
 color:#16718C; text-decoration:none;
}
#menu a:visited  {
 color:#16718C;text-decoration:none;
}
#menu a:hover  {
 color:#FFF;text-decoration:none;font-weight:bold;
}
/*==================二级目录===================*/
#menu li ul {
 list-style:none;
 text-align:left;
}
#menu li ul li{ 
 background: #fff url(images/dot_blue2.gif) no-repeat 20px 8px; /*二级目录的背景色*/
 border-left: none;
}
#menu li ul a{
         padding-left:40px;
         width:190px;
			overflow: hidden;
			color: #666666;
 /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/
#menu li ul a:link  {
 color:#666; text-decoration:none;
}
#menu li ul a:visited  {
 color:#666;text-decoration:none;
}
#menu li ul a:hover {
 color:#F3F3F3;
 text-decoration:none;
 font-weight:normal;
 background:#0185AC;
 /* 二级onmouseover的字体颜色、背景色*/
}
/*==============================*/
#menu li:hover ul {
 left: auto;
}
#menu li.sfhover ul {
 left: auto;
}

#menu ul.collapsed {
 display: none;
}
/* 产品列表 */
.productlistbox{ width: 725px;float: left; margin-left: 15px; }
.pro h1{ color: #16718C; font-size: 14px; line-height: 37px; background: url(images/arrow1.gif) no-repeat 3px 10px; padding-left: 20px; }
.current_location{ width:500px; float:right; height: 20px;line-height: 20px; margin: 10px 0 0 0; }
.current_location ul{ float: right; }
.current_location li{ float: left; margin-left:10px; background: url(images/arrow.gif) no-repeat 0 -2px; padding-left: 20px; color: #a4a4a4;}
.current_location li.end{ background:#0185AC url(images/arrow.gif) no-repeat 0 -2px; color: white; padding: 0 10px 0 25px;}
.current_location li.end a:link,.current_location li.end a:visited,.current_location li.end a:hover{ color: white; }
.current_location li.home{ background: url(images/home.gif) no-repeat 0 1px; padding-left:20px;  }
.current_location li a:link,.current_location li a:visited{ color: #1371AA;}
.productlist{ height:auto!important; height:400px; min-height:400px;}
.productlist li{ border-bottom: 1px solid #F2F2F2;  width: 745px; margin: 5px 0; }
.productlist li a{ display: block; width: 745px; }
.productlist li a:hover{ background: #f9f9f9; }
.productlist li h2{color: #16718C;  font-size: 12px;font-weight: bold; }
.productlist li a:hover h2{ color: #11586e; }
.productlist li img{ float: left; border: 1px solid #DDDDDD; padding: 2px; margin:0 8px 8px 0; }
.productlist li a:hover img{ border: 1px solid #0185AC; padding: 2px;  }
.pro_menu li{ float: left; width: 160px; background: url(images/arrow2.gif) no-repeat 0 4px; padding-left: 15px; overflow: hidden; }
.pro_menu li a:link,.pro_menu li a:visited,.pro_menu li a:hover{ background: none; }
/* 文章列表 */
.news li{line-height:25px; height: 25px; border-bottom: 1px dashed #e1e1e1; width: 745px;}
.news li a span{color: #9C9C9C; float: right; }
.news li a:link,.news li a:visited{ display: block; padding-left:15px; background: url(images/dot_blue1.gif) no-repeat 1px 10px; color: #16718C; }
.news li a:hover{ color:#092E3A; background: #EFF8FB  url(images/dot_blue1.gif) no-repeat 6px 10px;; text-decoration: none;}
/* 文章详细 */
.newsview{ width: 755px; }
.newsview h3{ border: 1px solid #DFDFE0; font-size: 13px; font-weight: bold; background: #F7F7F7; padding: 10px; text-align: center;  }
.newsview h3 span{ color:silver; margin-top: 5px; display: block;}
.newsview p{ line-height: 23px; color: #999999; text-indent: 2em; }
/* faq */
.accordion {
	width: 755px;
	border-bottom: solid 1px #E9E9E9;
}
.accordion h3 {
	background: #F7F7F7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	border: solid 1px #E9E9E9;
	border-bottom: none;
	cursor: pointer;
	color: #16718C;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #E9E9E9;
	border-right: solid 1px #E9E9E9;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}
/* 产品详细页 */
.productsview img{ width:240px; height: 240px; border: 1px solid #D1D1D1; padding: 2px;  }
.productsview{ width: 240px; float: left; }
.productsviewmore{ float: left; margin-left: 10px; width: 370px;}
.productsviewmore h2{ color: #0185AC; font-size:2.2em; font-weight: bold; line-height: 30px; }
.productsviewmore h3{ color:#7A7A7A; font-size: 13px; font-weight: bold; line-height: 30px; height: 30px; }
.moreimg li{ float: left; margin-right:6px; display: inline; }
.productsview_tab table{width:725px; overflow: hidden;}
.productsview_tab table th{ background: #DCDCDC; width: 725px; height: 25px; line-height: 25px; border-top: 1px solid #3F4F63; color: #303030; font-size: 13px; overflow: hidden; }
.productsview_tab h2{ color: #3F4F63; font-size: 13px; font-weight: bold; }
.productsview_tab tr td{ border-bottom: 1px solid #D9D9D9; }