﻿/*基本样式*/
*{margin:0px; padding:0px; }
ul{ list-style-type:none;}
li{list-style-type:none;}
h1,h2,h3,h4,h5,h6,h7{display:inline;font-size:14px;font-weight:normal}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	text-align:center;
	font-size:14px;
	background-color:#deebf3;
}
td  {
	font-style: normal;
	text-decoration: none;
}
div {
	font-style: normal;
	text-decoration: none;
}
font {
	font-style: normal;
	text-decoration: none;
}
a {
	font-style: normal;
	text-decoration: none;
}
A:hover {
	 TEXT-DECORATION: underline
}
.clear{
clear:both;}
.red{
	color:#FF3300;
}
.grey{
color:#666666;
}
.blue{
color:#0000ff;
}
#page{
text-align:left;
width:945px;
margin:0px auto;
padding:0px 10px;
background-color:#FFFFFF;
}
/*--------------------TreeMenu----------------------*/
.Closed ul {display:none;}
#TreeMenu ul {margin:0 0 0 8px;}
#TreeMenu img.s {cursor:pointer;vertical-align:middle;width:17px;height:15px;}
#TreeMenu .Opened img.s {background:url(opened.gif) no-repeat 4px 6px;}
#TreeMenu .Closed img.s {background:url(closed.gif) no-repeat 3px 6px;}
#TreeMenu .Child img.s {cursor:default;background:url(child.gif) no-repeat 3px 5px;}
#TreeMenu2 ul {margin:0 0 0 8px;}
#TreeMenu2 img.s {cursor:pointer;vertical-align:middle;width:17px;height:15px;}
#TreeMenu2 .Opened img.s {background:url(opened.gif) no-repeat 4px 6px;}
#TreeMenu2 .Closed img.s {background:url(closed.gif) no-repeat 3px 6px;}
#TreeMenu2 .Child img.s {cursor:default;background:url(child.gif) no-repeat 3px 5px;}
/*----------------------nav--------------------*/
#nav{
clear:both;
height:26px;
position:relative;
}
#nav ul li{
float:left;
}
#nav ul li.cn a{
display:block;
width:72px;
height:25px;
color:#FFFFFF;
font-weight:bold;
text-indent:-10000px;
background-image:url(top_cn1.gif);
background-repeat:no-repeat;
}
#nav ul li.cn a:hover{
background-image:url(top_cn2.gif);
}
#nav ul li.en a{
display:block;
width:72px;
height:25px;
color:#FFFFFF;
font-weight:bold;
text-indent:-10000px;
background-image:url(top_en1.gif);
background-repeat:no-repeat;
}
#nav ul li.en a:hover{
background-image:url(top_en2.gif);
}
#nav ul li.mail{
margin-left:8px;
}
#nav ul li.mail a{
display:block;
width:30px;
height:25px;
color:#FFFFFF;
font-weight:bold;
text-indent:-10000px;
background-image:url(top_mail1.gif);
background-repeat:no-repeat;
background-position:center center;
}
#nav ul li.mail a:hover{
background-image:url(top_mail2.gif);
}
#nav ul li.fav a{
display:block;
width:30px;
height:25px;
color:#FFFFFF;
font-weight:bold;
text-indent:-10000px;
background-image:url(top_fav1.gif);
background-repeat:no-repeat;
background-position:center center;
}
#nav ul li.fav a:hover{
background-image:url(top_fav2.gif);
}
#nav ul li.tel{
position:absolute;
right:5px;
}
#nav ul li.tel a{
font-size:12px;
line-height:25px;
color:#666666;
}
/*--------------------top----------------------*/
#top{
height:110px;
background-image:url(top_1_bg.gif);
background-repeat:no-repeat;
border-bottom:1px solid #377199;
background-position:top left;
}
#top .inner{
position:relative;
height:110px;
background-image:url(top_index.jpg);
background-repeat:no-repeat;
background-position:top right;
}
#top .logo{
position:absolute;
}
#top .menu{
	position:absolute;
	top:83px;
	right:10px;
}
#top .menu li{
float:left;
padding:0px 8px;
margin:0px 4px;
border:1px solid #377199;
background-image:url(bg_5.gif);
background-repeat:repeat-x;
border-bottom-width:0px;
}
#top .menu li a{
line-height:26px;
color:#114464;
white-space:nowrap;
}
/*--------------------left----------------------*/
#body{
height:auto;
margin-top:8px;
}
#left{
float:left;
width:200px;
}
#right{
margin-left:8px;
float:left;
width:734px;
}
#search{
clear:both;
border:1px solid #377199;
background-image:url(bg_3.gif);
background-repeat:repeat-x;
height:100%;
padding:8px 5px;
line-height:30px;
}
#search .keyword{
width:100px;
}
#search .sousuo{
width:50px;
height:22px;
}
#search select{
width:105px;
}
#classlist{
clear:both;
margin-top:8px;
border:1px solid #377199;
}
#classlist .title{
height:18px;
background-image:url(title_bg.gif);
background-repeat:repeat-x;
padding:5px;
font-weight:bold;
color:#00355a;
}
#classlist .content{
padding:5px 5px 5px 0px;
background-image:url(bg_1.gif);
background-repeat:no-repeat;
background-position:left bottom;
}
#classlist .content li{
margin:5px 0px;
}
#classlist .content a{
color:#000000;
}
#contactus{
clear:both;
margin-top:8px;
}

#Categoryslist{
clear:both;
margin-bottom:8px;
border:1px solid #99bbdd;
}
#Categoryslist .title{
height:18px;
background-image:url(title_bg.gif);
background-repeat:repeat-x;
padding:5px;
font-weight:bold;
color:#275c91;
}
#Categoryslist .content{
padding:5px 5px 5px 0px;
}
#Categoryslist .content li{
margin:5px 0px;
}
#Categoryslist .content a{
color:#000000;
}
/*--------------------right----------------------*/
#producttuijian{
margin-top:10px;
background-image:url(title_bg2.gif);
background-repeat:repeat-x;
background-position:0px 2px;
border:1px solid #eeeeee;
height:100%;
}
#producttuijian .title{
position:relative;
padding-left:15px;
padding-right:15px;
}
#producttuijian .title .t{
position:relative;
font-weight:bold;
margin-top:-2px;
display:block;
padding-top:8px;
padding-left:30px;
width:78px;
height:19px;
background-image:url(title_bg1.gif);
background-repeat:no-repeat;
}
#producttuijian .title .more{
float:right;
padding-top:5px;
font-weight:normal;
}
#producttuijian .title .more a{
color:#333333;
}

#producttuijian .content{
padding:8px 24px;
}
#producttuijian .content ul li{
float:left;
width:112px;
height:135px;
margin-left:30px;
margin-top:15px;
}
#producttuijian .content ul li.first{
margin-left:0px;
}
#producttuijian .content ul li .box {
 /*非IE的主流浏览器识别的垂直居中的方法*/
 display: table-cell;
 vertical-align:middle; 
 /*设置水平居中*/
 text-align:center;
 /* 针对IE的Hack */
 *display: block;
 *font-family:Arial;
 *font-size: 96px;
 width:110px;
 height:110px;
 border:1px solid #666666;
  background-repeat:no-repeat;
 background-position:center  center;
}
#producttuijian .content ul li .box img {
 vertical-align:middle;
 
}
#producttuijian .content ul li .txt,
#producttuijian .content ul li .txt a{
font-size:12px;
line-height:26px;
color:#818285;
text-align:center;
}

/*--------------------link----------------------*/
#link{
margin-top:8px;}
#link ul li{
float:left;
margin:8px;
}
#link ul li a{
white-space:nowrap;
}
/*--------------------bottom----------------------*/
#bottom{
margin-top:15px;
font-size: 12px;
text-align:center;
border:1px solid #377199;
margin-bottom:15px;
}
#bottom .title{
background-color:#95BDD9;
background-image:url(bg_4.gif);
background-repeat:repeat-x;
line-height:26px;
border-bottom:1px solid #B1C7D7;
}	
#bottom .title span{
margin:8px 15px;
}
#bottom .title a{
color: #1C2B35;
}	
#bottom .content{
line-height:16px;
color:#333333;
background-color:#E0E9EF;
padding:15px;
}
#bottom .content a{
color:#333333;
}
/*------------------list-------------------*/
#list_content{
}
#list_content .title{
height:47px;
background-image:url(title_02.gif);
background-repeat:repeat-x;
}
#list_content .title .t{
display:block;
height:47px;
background-image:url(title_01.gif);
background-repeat:no-repeat;
}
#list_content .title .t h1{
display:block;
background-image:url(title_03.gif);
background-repeat:no-repeat;
background-position:right top;
font-weight:bold;
font-size:18px;
height:47px;
line-height:47px;
padding-left:15px;
}
#list_content .content{
padding:15px 24px;
overflow:hidden;
table-layout:fixed;
word-wrap:break-word;
min-height:360px;
border:1px solid #717171;
border-top:0px;
}
#list_content .content,
#list_content .content a,
#list_content .content font{
line-height:24px;
}
#list_content .content ul li {
margin:5px;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px dashed #CCCCCC;
}
#list_content .content ul li a {
color:#666666;
}
#list_content .content ul li .time {
float:right;
color:#666666;
}

#list_content .content ul li.a a,
#list_content .content ul li.a .time {
color:#f26722;
}
#list_content .content .page{
clear:both;
color:#333333;
text-align:center;
margin-top:15px;
padding:5px;
height:20px;
border-top:2px solid #adaeb0;
}
#list_content .content .page a{
color:#333333;
}
#list_product{
}
#list_product .title{
height:47px;
background-image:url(title_02.gif);
background-repeat:repeat-x;
}
#list_product .title .t{
display:block;
height:47px;
background-image:url(title_01.gif);
background-repeat:no-repeat;
}
#list_product .title .t h1{
display:block;
background-image:url(title_03.gif);
background-repeat:no-repeat;
background-position:right top;
font-weight:bold;
font-size:18px;
height:47px;
line-height:47px;
padding-left:15px;
}

#list_product .content{
padding:15px 24px;
border:1px solid #717171;
border-top:0px;
}

#list_product .content ul li{
float:left;
width:112px;
height:135px;
margin-left:30px;
margin-top:15px;
}
#list_product .content ul li.first{
margin-left:0px;
}
#list_product .content ul li .box {
 /*非IE的主流浏览器识别的垂直居中的方法*/
 display: table-cell;
 vertical-align:middle; 
 /*设置水平居中*/
 text-align:center;
 /* 针对IE的Hack */
 *display: block;
 *font-family:Arial;
 *font-size: 96px;
 width:110px;
 height:110px;
 border:1px solid #666666;
  background-repeat:no-repeat;
 background-position:center  center;
}
#list_product .content ul li .box img {
 vertical-align:middle;
 
}
#list_product .content ul li .txt,
#list_product .content ul li .txt a{
font-size:12px;
line-height:26px;
color:#818285;
text-align:center;
}
#list_product .content ul li .txt h2{
display:inline;
font-weight:normal;
}
#list_product .content .page{
clear:both;
color:#333333;
text-align:center;
margin-top:15px;
padding:5px;
height:20px;
border-top:2px solid #adaeb0;
}
#list_product .content .page a{
color:#333333;
}
/*------------------show-------------------*/
#show_content{
background-image:url(title_bg2.gif);
background-repeat:repeat-x;
background-position:0px 2px;
border:1px solid #eeeeee;
}
#show_content .title{
position:relative;
padding-top:10px;
padding-left:15px;
padding-right:15px;
}
#show_content .title .t{
font-weight:bold;
}
#show_content .title .t h1{
font-weight:bold;
}
#show_content .content{
padding:15px 15px;}
#show_content .content,
#show_content .content a,
#show_content .content font{
line-height:24px;
}
#show_content .content .pre,
#show_content .content .next{
padding:5px;}
#path{
padding:5px 15px;
color:#666666;
}
#path a{
color:#666666;
}

#Related{
clear:both;
margin-top:8px;
border:1px solid #99bbdd;
}
#Related .title{
padding:5px 20px;
background-color:#d7e7f7;
color:#313131px;
font-weight:bold;
}

#Related .content{
padding:8px 24px;
height:100%;
}
#Related .content ul li{
float:left;
width:112px;
height:135px;
margin-left:30px;
margin-top:15px;
}
#Related .content ul li.first{
margin-left:0px;
}
#Related .content ul li .box {
 /*非IE的主流浏览器识别的垂直居中的方法*/
 display: table-cell;
 vertical-align:middle; 
 /*设置水平居中*/
 text-align:center;
 /* 针对IE的Hack */
 *display: block;
 *font-family:Arial;
 *font-size: 96px;
 width:110px;
 height:110px;
 border:1px solid #666666;
  background-repeat:no-repeat;
 background-position:center  center;
}
#Related .content ul li .box img {
 vertical-align:middle;
}
#Related .content ul li .txt,
#Related .content ul li .txt a{
font-size:12px;
line-height:26px;
color:#818285;
text-align:center;
}
/*------------------*/
body.home #top .menu li.home,
body.about #top .menu li.about,
body.news #top .menu li.news,
body.product #top .menu li.product,
body.contact_us #top .menu li.contact_us,
body.order_center #top .menu li.order_center,
body.request #top .menu li.request{
position:relative;
background:none;
background-color:#FFFFFF;
}
body.home #top .menu li.home a,
body.about #top .menu li.about a,
body.news #top .menu li.news a,
body.product #top .menu li.product a,
body.contact_us #top .menu li.contact_us a,
body.order_center #top .menu li.order_center a,
body.request #top .menu li.request a{
line-height:27px;
}

