<!--
body,td,th {
 font-size: 13px;}
body {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 text-align: center;}
a:link {
 text-decoration: none;
 color: #000099;}
a:visited {
 text-decoration: none;}
a:hover {
 text-decoration: underline;}
a:active {
 text-decoration: none;}
#wrapper{
 background-color: #000000;
 background-image: url(images/index_r2_c1.jpg);
 background-repeat: repeat-x;

 width: 100%;
 text-align: center;}
#content{
 background-color: #FFFFFF;
 height: 100%;
 width: 800px;}
.top{
 border-top-width: 4px;
 border-top-style: solid;
 border-top-color: #C8DB00;}
#mainnav {
 width: 1002px;
 height: 41px;
 border: 0;
 padding: 0;
 margin: 0;
 background-image: url(images/index_r4_c4.jpg);
 background-repeat: repeat-x;}
 
#mainnav ul {
 width: 1002px;
 margin: 0;
 padding: 0;
 float: left;}
 
#mainnav ul li {
 margin: 0;
 list-style: none;
 top: 0;
 float: left;
 line-height: 41px;
 background-image: url(images/index_r4_c7.jpg);
 background-repeat: no-repeat;
 font-weight: bold;}
 
#mainnav a {
 display: block;

 color: #FFFFFF;
 text-decoration: none; 
  padding-top: 0;
 padding-right: 40px;
 padding-bottom: 0;
 padding-left: 40px;}
#mainnav a:hover{
 background-image: url(images/index_r4_c5.jpg);
 padding-top: 0;
 padding-right: 40px;
 padding-bottom: 0;
 padding-left: 40px;}
#addr{
 height: 40px;
 width: 1002px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCCCCC;
 line-height: 40px;
 font-size: 12px;
 margin-bottom: 10px;}
#addr .ad1{
 float: left;
 text-indent: 2em;
 width: 500px;
 text-align: left;}
#addr .ad2{
 float: right;
 text-indent: 2em;
 width: 200px;}
#box{
 width: 780px;}
#box1 {
 float: left;
 width: 500px;
 text-align: left;
 line-height: 26px;}

#box2{
 float: right;
 width: 270px;
 background-color: #efefef;
 height: 100% auto;
 border-top-width: 4px;
 border-top-style: solid;
 border-top-color: #FF9900;}
h6{
 font-size: 16px;
 color: #004F73;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #666666;
 line-height: 26px;
 width: 96%;
 padding-top: 4px;
 padding-bottom: 4px;}
.intro{
 line-height: 26px;
 padding-right: 6px;
 padding-left: 6px;
 text-align: left;
 text-indent: 2em;}
ul{
 margin: 0px;
 padding: 0px;}
.ltitle{
 background-color: #003047;
 width: 240px;
 color: #FFFFFF;
 font-size: 16px;
 font-weight: bold;
 text-indent: 12px;}
.llist{ width: 250px;float: left;}
.llist ul{
 margin: 4px;
 padding: 4px;}
.llist li{
 list-style-position: outside;
 list-style-image: url(images/index_r10_c8.jpg);}
#product{
 float: left;
 margin-top: 2px;
 clear: both;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #CCCCCC;
 width: 780px;
 padding-top: 6px;}
.bottom{
 color: #FFFFFF;
 height: 60px;
 line-height: 26px;
 text-align: center;}
#cleft{
 float: left;
 width: 182px;}
#cright{
 width: 586px;
 text-align: left ;
 float: right;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #CCCCCC;
 padding-left: 10px;}
#leftnav{
 
 text-align: left;
 padding: 4px;
 line-height: 30px;
 width:195px;}
#leftnav ul{
margin: 0px;
padding: 0px;}
#leftnav li{
margin: 0px;
padding: 0px;
height: 30px;
width: 195px;
list-style-type: none;}
#leftnav li a{
 display: block;
 line-height: 30px;
 color: #666666;
 text-decoration: none;
 text-indent: 2em;
 background-image:url(images/pic_34.jpg);
    background-positionx: left ; 
    background-repeat:no-repeat;}
#leftnav li a:hover{

background-color: #FFFFCC;}

.art {
line-height: 22px;
color: #333333;}
.newslist {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCCCCC;
height: 30px;
list-style-type: circle;
line-height: 30px;}
#listinfo { 
padding: 5px;
text-align: left;
line-height: 24px;}
#listinfo .title {
text-align: center;
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #BF0000;
margin-bottom: 20px;
font-size: 18px;
font-weight: bold;
color: #0000FF;}
#listinfo .right {
text-align: center;}
.photoimg {
float: left;
width: 140px;
height: 140px;
text-align: center;
padding: 5px;}
.photoimg IMG {
margin-bottom: 10px
;}

#picinfo {
margin: auto; text-align: center
;}
#picinfo .pic{
text-align: center; 
width: 500px;}
#picinfo .title {
clear: left;
height: 40px;}
.showpage{
clear: left;
width: 500px;
text-align: center;
margin: 6px;}
#prolist {
padding-right: 10px; border-top: #999999 1px dashed; margin-top: 10px; padding-left: 10px; border-left-color: #999999; float: left; margin-bottom: 10px; border-bottom-color: #999999; padding-bottom: 10px; margin-left: 10px; width: 500px; padding-top: 10px; border-right-color: #999999
;}
#prolist IMG {
clear: left; border-right: medium none; border-top: medium none; float: left; border-left: medium none; margin-right: 20px; border-bottom: medium none
;}
#prolist .pname {
float: left; width: 300px; line-height: 35px; height: 35px
;}
.productpage {
clear: left; width: 500px; text-align: center
;}
.protitle {
font-size: 14px; margin-left: 15px; line-height: 30px; border-bottom: #999999 1px solid; text-align: center
;}
.promidimg{
text-align: center;
width: 460px;
margin: 6px;}
.procontent {
clear: left;
padding-top: 10px;}
#stuffbox{ margin:0 10px; line-height: 22px;}
#picList {
    width:100%;
    margin:10px auto;}
#picList li {
    width:114px;
    height:100px;
    float:left;
 padding-right:20px;
    display:inline;}
#picList li a {
    display:block;}
#picList li a img {
    border:1px solid #666;
    padding:1px;}
#picList li span a {
    width:114px;
    line-height:24px;
    text-align:center;
 white-space:nowrap;
    text-overflow:ellipsis; 
    overflow: hidden;}