@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; text-align:left;}
body { font:normal 12px/1.8em "宋体", Tahoma, Arial, sans-serif;  background: url(../images/indexdabg.jpg) repeat-x top center; }
a { color:#000; text-decoration:none!important;}
a:hover { text-decoration:underline;}
img { border:none;text-align: center;}
li { list-style:none }
p { text-indent:2em; text-align:left; text-align:justify; text-justify:distribute;}
p { text-indent:2em; text-align:left; text-align:justify; text-justify:distribute;}
h1,h2,h3,h4,h5,h6 { font-weight:100;}
h4 { font-size:13px; font-weight:600; color:#333;}
h4 a { font-size:14px; font-weight:600; color:#333;}
h5 { font-size:12px; color:#666; line-height:18px; }
h5 a { font-size:12px; }
h3 { font-size:13px; color:#333; font-weight:600; position:relative; }
h3 a { font-size:13px; color:#333; font-weight:600;}
h3 span img { position:absolute; right:15px;}


.all { width:970px; margin:0 auto; position:relative; } 
.top { width:970px; float:left; height:115px; overflow:hidden; position:relative; margin-bottom:10px;}
.main_ { width:970px; float:left;}
.footer { width:100%; float:left; height:180px; margin-top:15px;}

.footer_nav  h4 { width:98%; padding-left:2%; border-bottom:1px solid #8DC6F8;}
.footer_nav ul li { float:left; padding:0 15px; line-height:30px; height:30px;}
.footer_txt { width:100%; line-height:22px; float:left; text-align:center; margin:30px 0; color:#888;}


.icon { position:absolute; left:0px; top:0px;}

.top .logo { width:500px; height:60px; overflow:hidden; position:absolute; left:250px; top:10px;}
.top .logo h2 { height:30px; line-height:30px; font-size:20px;}

.top .rightnav { width:200px; height:20px; line-height:20px; overflow:hidden; position:absolute; right:0; top:30px; text-align:right;}
.top .rightnav a { color:#666; }
.top .rightnav a:hover { color:#630; }


.top .nav { width:720px; height:80px;  position:absolute; left:250px; top:54px;}



.no_index .logo ,.no_index .nav { left:20px;}

/* 外面盒子的样式 */
	#tab { height: 200px; width:920px;  }
	
/* 选项卡的样式 */
	.menu0 { width: 820px;}
	.menu0 li { display:block; float: left;text-align: center; cursor:pointer; background: url(../images/bg2.jpg) no-repeat right bottom; height:27px; line-height:27px; margin-right:5px;}
	.menu0 li a { display:block; background: url(../images/bg4.jpg) no-repeat left center; height:27px; line-height:27px; padding:0 15px; color:#09F; text-decoration:none; _width:55px; }
	.menu0 li.hover { background: url(../images/bg1.jpg) no-repeat right bottom;}
	.menu0 li.hover a { display:block; background: url(../images/bg3.jpg) no-repeat left bottom; padding:0 15px; color:#fff; }

/* 选项卡内容的样式  */
	.main{ clear:both; text-align:center; background:none;}
	#main0 ul{ display: none;} /* 隐藏所有的ul  */
	#main0 ul li { float:left; margin-top:9px; height:16px; line-height:16px; padding:0 10px; color:#fff; } 
	#main0 ul li a {  color:#fff;} 
	#main0 ul li a:hover {  color:#CF0; text-decoration:none;} 
	#main0 ul.block{ display: block;} /* 显示.bolck的ul  */



/*热点导航菜单*/

.hot_nav .bg_active {
	BACKGROUND: url(./images/bg.png) no-repeat
}
.hot_nav .bg_active {
	BACKGROUND-POSITION: -356px -176px
}

.indextopbar ul{width:100%;margin-left:220px;float:left;color:#FFF;}
.indextopbar li{float:left;list-style:none;padding-left:20px;line-height:28px;}
.indextopbar li a {color:#FFF;}
.bg {;
	BACKGROUND: url(../images/bg.gif) no-repeat
}
.hot_nav .active {
	BACKGROUND: url(../images/bg.gif) no-repeat;
}
.hot_nav .bg_active {
	BACKGROUND: url(../images/bg.png) no-repeat;
}
.icon {
	background:#FFF;
}
	
.hot_nav_box{
	border:solid 3px #09F;
	width:200px;
	height:320px;
	position:absolute;
	top:10px;
	left:10px;
	BACKGROUND-POSITION: 100% -1090px;
}
.hot_nav_box .bg {
	BACKGROUND-POSITION: -33px -108px; FONT: 0px/0 Arial; WIDTH: 190px; HEIGHT: 4px
}
.hot_nav_box h1 {font-size:12px;}
.hot_nav_box h1 a{PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(../images/logo.gif) no-repeat 0px 8px; PADDING-BOTTOM: 8px; MARGIN: 0px auto; WIDTH: 170px; TEXT-INDENT: -9999px; PADDING-TOP: 8px; HEIGHT: 45px}
.menuborder{border:1px solid #ddd;}
.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu {margin-left:10px;} /* this demo only */
.menu {width:180px; height:252px; background:#fcfcfc; position:relative; z-index:500;}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px;}

.menu li {width:180px; height:42px; float:left; }

.menu li a {display:block; width:100%; height:42px; line-height:42px; color:#777; text-decoration:none; font-size:12px; font-family:"lucida grande", arial, sans-serif; text-indent: 50px; float:left;}

.menu li.sub a {background:url(../images/grey.gif) no-repeat 150px center;}

.menu li a:hover {white-space:nowrap; position:relative; color:#06f;}

.menu li.sub a:hover {background:url(../images/blue.gif) no-repeat 150px center; color:#06f;}
.menu li.sub a b {display:block; color:#06f; font-weight:normal;}

.menu li:hover {position:relative;}
.menu li:hover.sub > a {background:url(../images/blue.gif ) no-repeat 150px center; color:#06f;}

.menu li.home {background:url(../images/home.gif) no-repeat 10px center;}
.menu li.products {background:url(../images/graph.gif) no-repeat 10px center;}
.menu li.services {background:url(../images/services.gif) no-repeat 10px center;}
.menu li.shop {background:url(../images/flower.gif) no-repeat 10px center;}
.menu li.contacts {background:url(../images/mail.gif) no-repeat 10px center;}
.menu li.privacy {background:url(../images/lock.gif) no-repeat 10px center;}

.menu :hover ul
{width:120px; height:auto; left:165px; top:7px; background:#fcfcfc; border:1px solid #ddd;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{width:120px; height:auto; left:115px; top:-1px; background:#fcfcfc; border:1px solid #ddd; border-width:1px 0 1px 1px;}

.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px;width:0px;height:0px;}

.menu :hover ul li,
.menu :hover ul li a
{width:120px; height:25px; line-height:25px; text-indent:10px; float:none;}

.menu :hover ul li.sub a,
.menu :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul :hover li.sub a,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a
{background:url(../images/grey.gif) no-repeat 100px center; color:#777;}

.menu :hover ul li.sub a:hover,
.menu :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover
{background:url(../images/blue.gif) no-repeat 100px center; color:#06f;}
.menu :hover ul li.sub:hover > a,
.menu :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a
{background:url(../images/blue.gif) no-repeat 100px center; color:#06f;}

.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a
{background:#fcfcfc; color:#777;}

.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:#fcfcfc; color:#06f;}

.menu li.sub a b,
.menu :hover li.sub a b,
.menu :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b
{display:block; color:#06f; font-weight:normal;}

.menu li.sub a.selected b,
.menu :hover ul li.sub a.selected b,
.menu :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b
{display:block; background:#fcfcfc; color:#06f; font-weight:normal;}


.page { width:98%; height:25px; line-height:25px; border:dotted  #CCC 1px;float:left; margin-top:10px; text-align:center;}
.txt_box { min-height:700px; _height:700px;}
.ad1 { margin-top:15px; width:100%; height:100px; overflow:hidden; float:left;}
.ad1 img { width:100%; height:100px; }
/*滚动图片*/
.scrollimglist{ margin-top:5px; width:100%; height:160px; overflow:hidden; float:left;}


.left { width:624px; padding:0 5px; border:3px double #d9eeff; margin-right:5px; float:left; padding-bottom:10px; position:relative;}
.right { width:280px;  float:left;}

.now { width:97%; padding-left:3%; height:30px; line-height:30px; border-bottom:1px solid #09F; margin:10px 0; float:left; text-align:left; color:#333; background:#f8fdff;}
.now a { color:#666; }

ul.txt_list { min-height:600px; _height:500px; float:left;}
ul.txt_list li { float:left; width:600px; padding-left:20px; height:25px; line-height:25px; margin-top:6px; border-bottom:1px dotted #ddd; text-align:left; position:relative; }
ul.txt_list li a { color:#333; }
ul.txt_list li span { display:block; height:25px; line-height:25px; text-align:right; position:absolute; right:10px; top:0; color:#888; }





.tab1 { width:298px; background:#F7FDFF; border:1px solid #8DC6F8; float:left; padding-bottom:15px;}
.tab1 .title { width:280px; padding-left:18px; float:left; height:25px; line-height:25px; background:#2883D7; overflow:hidden; color:#fff; font-weight:600; text-align:left; }
.tab1 ul { float:left; padding:0 15px; margin-top:15px; width:268px; background:url(../images/bg5.jpg) no-repeat 15px top ; }
.tab1 ul li { float:left; width:235px; padding-left:33px; margin-top:5px; height:25px; line-height:25px; overflow:hidden; position:relative; font-size:12px; text-align:left;}
.tab1 ul li span {  display:block; height:25px; line-height:25px; text-align:right; position:absolute; right:0px; top:0; color:#888; }

.tab2 { width:298px; background:#F7FDFF; border:1px solid #8DC6F8; float:left; padding-bottom:15px; margin-top:15px;}
.tab2 .title { width:280px; padding-left:18px; float:left; height:25px; line-height:25px; background:#2883D7; overflow:hidden; color:#fff; font-weight:600; text-align:left; }
.tab2 ul { float:left; padding:0 15px; margin-top:15px; width:268px; }
.tab2 ul li { float:left; width:130px; height:120px; overflow:hidden; text-align:center;}
.tab2 ul li img { width:100px; height:75px; border:1px solid #ccc; padding:2px; margin:5px; }

.button1 { padding:0 10px;}
































/*发评论*/
	.comments_ { width:100%; float:left; margin-top:10px; border-bottom:1px dotted #bbb; height:240px; overflow:hidden; }
	.comments_ h2 { width:98%; height:25px; line-height:25px; background: url(../images/bg6.jpg) repeat-x center; float:left; font-size:13px; font-weight:600; color:#222; padding-left:2%; position:relative;}
	.comments_ textarea { width:98%; height:100px; margin:10px 0 10px 3px; float:left;}
	.comments_ h5 input.input1 { width:60px;}
	.comments_ h5 { width:98%; padding-left:2%; height:65px; overflow:hidden; float:left; position:relative;  }
	.comments_ h5 input.button1 { margin-top:10px; _margin-top:20px; height:22px; margin-left:10px; line-height:20px; cursor:hand;  }