﻿@charset "utf-8";
/* CSS Document */
body{
	margin:0px auto; padding:0px; font:12px Arial, Helvetica, sans-serif; line-height:160%;
}
ul,li,div{
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
	vertical-align: middle;
}
dl,dd,dt,ol,p{
	padding-bottom:0px; margin:0px; paddding-left:0px; padding-right:0px; padding-top:0px;
}
ul{
	padding-bottom:0px; margin:0px; padding-left:0px; padding-right:0px; padding-top:0px; list-style:none;
}
a{
	color:#000; text-decoration:none;
}
a:hover{
	color:#1b82e8; text-decoration:none;
}
img{
	border:none;
}
.clear{
	clear:both; height:0px;
}
.top{
	width:1000px; margin:0px auto; padding:0px; height:80px; position:relative;
}
.logo{
	 width:400px; height:60px; position:absolute; left:0px; top:10px;
}
.toptitle{
	position:absolute; top:10px; right:0px; width:400px;line-height:25px; text-align:right;
}
.toptitle a,.weizhi a,.foot a{
	padding:0px 10px;
}
.search{
	position:absolute; top:45px; height:24px; background:url(searchbg.jpg) center top no-repeat; width:247px; right:0px; padding:0px; margin:0px;
}
.input{
	width:180px; height:24px; float:left; padding-left:15px; display:inline;
}
.sbtn{
	width:52px; float:right; height:24px;
}
#keywords{
	background:none; height:24px; border:none;
}
/*---------menu style---------*/
.container { width: 100%; text-align:center; padding: 0; margin: 0 auto; background: url(navbg2.png) repeat-x; height:30px; overflow:visible; }
/*
ul#topnav { margin: 0; padding: 0; float:left; width: 100%; list-style: none; font-size: 1.1em; overflow:visible;}
*/
ul#topnav { margin: 0 auto; width: 1000px; list-style: none; font-size: 1.1em; overflow:visible;}
ul#topnav li { float: left; margin: 0; padding: 0; position: relative; overflow:visible; z-index:10; }
ul#topnav li a { float: left; text-indent:0px; height: 30px; text-align:center; line-height:30px; font-family:"微软雅黑";  color:#FFF; text-decoration:none }
ul#topnav li:hover a, ul#topnav li a:hover { color:#e8e000}
ul#topnav a.home { width: 123px; }
ul#topnav a.products {width: 123px; }
ul#topnav a.sale { width: 123px; }
ul#topnav a.community { width: 123px; }
ul#topnav a.store {width: 123px; }
ul#topnav li .sub { position: absolute; top: 30px; left: -50px; background: #f6f6f6; filter:Alpha(opacity=0); padding: 5px 1px 5px 1px; float: left; border-style: solid; border-width: 0px 1px 1px 1px;
/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; 
/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; }
	-moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; 
/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; }
ul#topnav li .row { clear: both; float: left; width: 100%; margin-bottom: 10px; }
ul#topnav li .sub ul { list-style: none; margin: 0; padding: 0; width: 150px; float: left; }
ul#topnav .sub ul li { width: 100%; color: #000fff; line-height:18px; }
ul#topnav .sub ul li h2 { padding: 0; margin: 0; font-size:14px;  font-weight: normal; }
ul#topnav .sub ul li h2 a { padding:0px; background-image: none; color: #000000; font-size:14px; font-weight:bold; font-family:"新宋体";}
ul#topnav .sub ul li a { float: none; text-indent: 0px; /*--Reset text indent--*/ font-size:12px; height: 25px;  display: block; text-decoration: none; color: #000000; text-align:center; font-family:"新宋体"; } /*新闻资讯样式*/
ul#topnav .sub ul li a:hover { color: #ddd; background-position: 5px 12px; background-color:#1fac0f; color: #e0e0e0;}   /*下拉菜单鼠标点上去的效果*/
.liright{background: url(liright.jpg) no-repeat center; width:2px; height:30px; float:left; }
ul#topnav li .sub .row ul { list-style: none; margin: 0; padding: 0; width: 130px; float: left; }

/*-----------banner style----------*/
#banner {
	width:1000px; height:330px; overflow:hidden; position:relative; margin-bottom:10px;
}
#banner_btn {
	position:absolute; right:15px; bottom:8px;
}
#banner_btn li {
	font:45px Tahoma; float:left; cursor:pointer; padding:0 5px; color:#FFF;
}
#banner_btn li.active {
	color:#3e9cff;
}


.mid{
	width:1000px; margin:0px auto; padding-top:10px; padding-bottom:10px; padding-left:0px; padding-right:0px;
}

.shm{
	width:100%;
	overflow:visible;
	height: 150px;
}
.shm2{
	width:100%;
	overflow:visible;
	height: 185px;
}

.rightcon{
	width:100%; height:auto; overflow:visible;
}

/*----------mid shml style----------*/
.shml{
	width:290px; float:left;
}
.indexshmtitle{
	height:35px; line-height:35px; border-bottom:1px dashed #9d9d9d; font-family:"微软雅黑"; font-size:15px; color:#2976ce; 
}
.spanshmcolor{
	color:#9d9d9d; font-family:Arial, Helvetica, sans-serif;
}
.shmlcon,.shmmidcon{
	margin-top:10px; border:1px solid #c3c3c3; width:288px; height:135px; 
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
}
.shmlcon ul,.cint ul{
	margin:0px; padding-top:5px; padding-bottom:5px; padding-left:5px; list-style-type:none;
}
.shmlcon li,.midmenu li,.cint li{
	height:25px; line-height:25px;
	white-space:nowrap; /* 不换行 */
	text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一 起使用。*/
	-o-text-overflow:ellipsis; 
	overflow: hidden; 	
	/*word-break:keep-all;*//* 不换行 */
	/*white-space:nowrap;*//* 不换行 */
	/*overflow:hidden;*//* 内容超出宽度时隐藏超出部分的内容 */
	/*text-overflow:ellipsis;*//* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一 起使用。*/
	/*text-overflow:clip;*//* 内容超出宽度时直接截断 */
}
#litx{
	background:url(shmli.jpg) center left no-repeat; text-indent:10px;
}

/*----------mid shmmid style----------*/
.shmmid{
	float:left; width:380px; display:inline; margin-left:20px; margin-right:20px;
}
.shmmidcon{
	width:378px;
}
/*----------index proshow-----------*/
.rollBox{

	width:378px; overflow:hidden; padding-bottom: 3px; padding-top:8px; height:125px; font-size:12px;
}
.rollBox .LeftBotton{
	height:77px; width:18px; overflow:hidden; float:left; display:inline; cursor:pointer; margin-top: 15px; margin-left:4px;
}
.rollBox .RightBotton{
	height:77px; width:18px; overflow:hidden; float:right; display:inline; cursor:pointer; margin-top: 15px;  margin-right:4px;
}
.rollBox .Cont{
	width:330px; overflow:hidden; float:left;
}
.rollBox .ScrCont{
	width:100%;
}
.rollBox .Cont .pic{
	width:97px; float:left; text-align:center; margin-left:6px; margin-right:6px; display:inline
}
.rollBox .Cont .pic img{
	border:1px solid #ccc; display:block; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 95px; max-height:90px !important; margin-bottom:9px;
}
.rollBox .Cont .pic p{
	line-height:25px; color:#505050; margin: 0px; padding: 0px;
}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover,.midmenu ul li a:hover{color:#1b82e8;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

/*----------mid menu-----------*/
.shmbg{
	background-color:#F1F1F1;  margin-top:20px; margin-bottom:20px; width:1000px; margin:0px auto; padding:0px;
}
.midmenu{     /*首页的最下面的产品导航*/
	width:200px; float:left; text-indent:15px;  /*text-align:center;*/
}
.midmenutitle{
	height:35px; line-height:35px; background:url(mid.png) center left no-repeat; text-indent:12px; font-family:"微软雅黑"; font-size:15px; font-weight:bold; color:#2976ce; margin-left:3px; 
}
.midmenu ul{
	padding-left:10px; list-style-type:none
}
.midmenu ul li{
	height:22px; line-height:22px;
}
.midmenu ul li a{
	color:#1b82e8;
}
.foot{
	width:1000px; margin:0px auto; padding-top:2px;   padding-bottom:20px; text-align:center; line-height:15px; margin-top:5px;
}


.inbanner{
	width:1000px; margin:0px auto; padding:0px; height:255px;
}
.inbanner_btn {
	position:absolute; right:15px; bottom:8px; display:none
}

/*left style*/
#left{
	float:left; width:230px; height:auto; min-height:500px !important; _height:500px; height:500px; height:auto; overflow:visible;
}
.child{
	 /*display:none;*/
}
#left_con,.cint{
	width:210px; height:auto; font-weight:normal; padding-bottom:10px; 
}
.left_con_name,.cint_name{  /*产品中心*/
	 height:30px; line-height:30px; background:url(df.jpg) repeat-x; font-size:13px; font-family:"新宋体"; text-indent:25px; color:#FFFFFF; vertical-align:middle; font-weight:bold; 
}
#left_con ul{
	margin:0px; padding:0px; padding-top:10px; list-style:none;
}
#left_con ul li{  /*1级产品分类*/
	font-size:12px;  border-bottom:0px dashed #cccccc; line-height:30px; display:block; color:#000; font-weight:normal; text-indent:40px; vertical-align:middle; background:url(lebg.png) top no-repeat; color:#FFF; margin-bottom:1px;
}
#left_con ul li a,.cint_name a{ /**/  /*1级产品分类 超级连接样式*/
	color:#000000;  outline:none; blr:expression(this.onFocus=this.blur()); 
}
.cint_name a:hover,#left_con ul li a:hover,.proname a:hover,.prodescribe a:hover,.fy a:hover
{ color:#cc3300; text-decoration:underline; font-weight:bold; }

#left_con ul li ul{
	padding-top:0px;
}
#left_con ul li li{   /*2级产品分类*/
	 border-top:1px solid #cccccc;line-height:25px; border-bottom:0px; text-indent:50px; background:url(lebg2.png) top no-repeat; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px;  
}
#left_con ul li li a{
	color:#000; font-weight:normal; outline:none; blr:expression(this.onFocus=this.blur());
}
#left_con ul li li a:hover,.proname a,.prodescribe a,.fy a:hover{   /*2级产品分类 鼠标点上去的显示效果*/
	color:#166ac5; font-weight:bold;
}

/*------------right style------------*/
#right{
	width:750px; margin-left:20px; display:inline; float:right;
}
.spanright{
	padding-right:10px; float:right; font-size:12px; font-family:Arial, Helvetica, sans-serif;
}
.weizhi{
	height:35px; line-height:35px; border-bottom:1px solid #E8EAEB; margin-bottom:10px;
}
.weizhib{
	position:absolute; left:0px; bottom:0px; width:100px; border-bottom:1px solid #1b82e8; height:35px; z-index:5;
}
#potion{
	 position:relative;
}
.rightconle{
	width:100%;
	float:left;
	vertical-align: middle;
}
.proshowimg{
	width:200px; float:left; display:inline; text-align:center;
}
.proshowimg img{
	width:200px; max-height:180px; height:expression(this.height > 180 ? "180px" : true); text-align:center;
}
.proshow_right{
	width:520px; height:200px; line-height:25px; float:right;
}
.proshow_righttitle{
	height:30px;
	line-height:30px;
	text-indent:24px;
	color:#1B82E9;
	font-size:14px;
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: left;
}

.rightproimg{
	float:left; width:170px; height:150px; text-align:center; display:table-cell; vertical-align:middle; *font-size:123px;
}
.rightproimg img{
	vertical-align:middle; max-height:140px; max-width:170px; border:1px solid #E8EAEB;
}
.rightprodc{
	width:570px; float:right; height:150px;
}
.proname{
	height:35px; line-height:35px; display:block; color:#1b82e8; font-weight:bold;
}
.prodescribe{
	height:105px; width:570px; line-height:25px;
}
.rightconright{
	float:right; width:150px; min-height:500px !important; _height:300px; height:300px; overflow:visible;
}
.bom{
	border-bottom:1px dashed #CCC; margin-bottom:10px; padding-top:10px; padding-bottom:10px;
}
.fy{
	padding:20px; text-align:center; line-height:30px; font-size:12px; 
}
.fy a{
	padding:0px 3px; color:#000;
}
.fy a:hover{
	color:#F00;
}
#newsli{
	line-height:30px; height:30px; background:url(li.jpg) no-repeat center left; text-indent:15px;
}
.aboutcon{
	text-indent:24px;  line-height:25px;
}

.aboutcon1{  /* 仅用于显示产品详细信息的时候使用-*/
	text-indent:24px;
}

#input,#select,#textarea,#input2{
	width:200px; border:1px solid #CCC; margin-left:10px;
}
.biaoge{
	margin-top:10px; color:#666;
}
.biaoge td{
	height:30px;
}
#textarea{
	width:260px;
}
#input2{
	width:100px;
}
.newstitle{
	line-height:25px; text-align:center; font-size:12px; margin-bottom:10px;
}
#newsbold{
	font-weight:bold; font-size:18px; color:#1b82e8;
}

/*------------table 选项卡 style------------*/
#tags { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 748px; HEIGHT: 32px; border:1px solid #d8d8d8; border-bottom:none; font-weight:bold;}

#tags LI { BACKGROUND: url(tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 31px }

#tags LI A {width:186px; text-align:center; BACKGROUND: url(tagright.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 31px; PADDING-TOP: 0px; HEIGHT: 31px; TEXT-DECORATION: none }

#tags LI.emptyTag { BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 12px }

#tags LI.selectTag { BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 32px }

#tags LI.selectTag A { BACKGROUND-POSITION: right top; LINE-HEIGHT: 32px; HEIGHT: 32px }

.tagContent { width:728px; border:1px solid #d8d8d8; border-top:none; margin-bottom:10px; padding:10px; display:none; }
#tagContent DIV.selectTag {
	DISPLAY: block;
}
