@charset "utf-8";
/*======Global Tag======*/
html{
overflow-y:scroll;
background-color:#eee;
}
body,input,textarea,select{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:13px;
color:#000;
}
body,p,input,h1,h2,h3,h4,h5,h6,hr,ul,dl,dd{
padding:0;
margin:0;
}
hr,img,table{
border:none;
}
hr{
border-bottom:solid 1px #000;
height:1px;
}
input,textarea,select{
background:none;
border:solid 1px #333;
border-right-color:#ccc;
border-bottom-color:#ccc;
background-color:#fff;
}
table{
border-left:solid 1px #666;
border-top:solid 1px #666;
}
td{
padding:2px 4px;
border-right:solid 1px #666;
border-bottom:solid 1px #666;
}
a{
outline-style:none;
text-decoration:none;
}
a:link,a:visited{
color:#000;
}
a:hover{
color:#f00;
text-decoration:underline;
}
/*======Global Class======*/
.left{
text-align:left;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
.justify{
text-align:justify;
}
.clear{
clear:both;
}
.clearl{
clear:left;
}
.clearr{
clear:right;
}
.warn{
color:#f00;
}
.pages{
text-align:center;
clear:both;
}
/*======Header======*/
#whole{
width:780px;
position:absolute;top:0;left:50%;
margin-left:-390px;
background:#fff url(htmlbg.jpg) no-repeat right top;
}
#logo{
background:transparent url(logo.jpg) no-repeat center bottom;
width:192px;
height:80px;
border-top:solid 4px #29166F;
position:absolute;
top:0;
left:20px;
}
#key1{
top:150px;
left:235px;
z-index:1;
color:#fff;
width:310px;
font-size:29px;
position:absolute;
line-height:30px;
}
#key2,#name{
background:transparent url(titlebg.jpg) no-repeat left 4px;
padding:0 0 8px 12px;
border-bottom:solid 1px #ccc;
font-size:13px;
font-weight:bolder;
}
#desp1{
position:absolute;
top:210px;
left:235px;
z-index:1;
color:#fff;
font-weight:normal;
width:300px;
line-height:18px;
font-size:14px;
}
#desp2{
padding:8px;
text-align:justify;
}
#desp3{
padding:8px;
text-align:justify;
border-top:solid 1px #ccc;
margin-top:12px;
}
#desp2 *,#desp3 *{
font-weight:500;
font-size:13px;
}
#desp2 p,#desp3 p,
#desp2 h2,#desp3 h2,
#desp2 h3,#desp3 h3{
display:inline;
}
#mainmenu{
position:absolute;
top:40px;
right:2px;
width:556px;
height:32px;
border-top:solid 2px #29166F;
}
#mainmenu dt{
float:left;
border-left:solid 1px #eee;
}
#mainmenu a{
float:left;
font-weight:bolder;
line-height:38px;
padding:0 26px;
white-space:nowrap;
color:#000;
}
#mainmenu a.first{
}
#mainmenu a.current{
text-decoration:underline;
}
#banner{
clear:both;
height:345px;
background:transparent url(banner.jpg) no-repeat center bottom;
margin-bottom:-8px;
}
/*======Content======*/
#content{
*height:1%;
margin-left:20px;
border-left:solid 1px #d4d4d4;
}
#content:after{
content:"";
display:block;
height:0;
clear:both;
}
/*==left==*/
#left{
float:left;
width:178px;
position:relative;
top:-120px;
margin-bottom:-120px;
padding:0 5px;
_width /**/:188px;
overflow:hidden;
}
#ctlist,#contact,#certificate{
}
#left .title{
text-align:center;
}
#left .title a,#left .title span{
white-space:nowrap;
font-weight:bolder;
text-decoration:underline;
}
#title1 a{
padding-left:12px;
background:transparent url(titlebg.jpg) no-repeat left center;
color:#000;
}
#ctlist dl{
padding:12px 4px;
}
#ctlist dt{
width:162px;
padding-left:9px;
background:transparent url(listbg.jpg) no-repeat left 10px;
}
#ctlist dt a{
font-weight:bolder;
line-height:22px;
}
#ctlist dd{
width:154px;
margin-left:8px;
border-bottom:dashed 1px #666;
position:relative;
top:-10px;
}
#ctlist dd a,#ctlist dl dd .current{
font-size:12px;
line-height:20px;
background-color:#fff;
position:relative;
top:10px;
padding-right:8px;
}
#ctlist dl dt .current{
line-height:28px;
font-style:italic;
text-decoration:underline;
color:#f00;
display:inline;
font-size:13px;
}
#ctlist dl dd .current{
font-style:italic;
text-decoration:underline;
color:#f00;
display:inline;
font-size:13px;
}
#ctlist #search{
padding-left:24px;
background:transparent url(searchbg.jpg) no-repeat left center;
height:22px;
}
#search #q{
width:104px;
float:left;
margin-right:4px;
position:relative;
top:1px;
}
#search #searchbut{
width:42px;
height:22px;
float:left;
border:none;
background:transparent url(search-but-bg.jpg) no-repeat left top;
}
#title2{
background:transparent url(titlebg2.jpg) no-repeat left top;
height:24px;
}
#left #title2 a{
color:#fff;
text-decoration:none;
line-height:24px;
}
#contact{
margin-top:12px;
}
#contact div{
padding:8px 10px 24px 10px;
margin-right:1px;
border:solid 1px #eee;
}
#contact div p{
padding-bottom:4px;
line-height:20px;
}
#contact div p span{
font-weight:bolder;
line-height:22px;
height:28px;
padding-left:10px;
background:url(listbg.jpg) no-repeat left 6px;
}
#contact div a{
float:right;
margin-top:4px;
font-size:12px;
font-style:italic;
text-decoration:underline;
}
#certificate{
padding-top:18px;
margin-left:8px;
}
/*==right==*/
#right{
float:right;
width:551px;
padding:0 9px;
border-left:solid 1px #eee;
_width /**/:570px;
_height:580px;
min-height:580px;
}
#title,#right .cbtitle{
clear:both;
line-height:24px;
background-color:#eee;
border-bottom:solid 1px #999;
padding-left:12px;
position:relative;
}
#title h3{
font-size:13px;
display:inline;
}
#right .cbtitle h3{
font-size:13px;
display:inline;
}
#right .cmtitle{
clear:both;
margin:12px;
border-bottom:solid 1px #ccc;
padding:0 0 4px 12px;
background:transparent url(listbg.jpg) no-repeat left 6px;
}
#right .cstitle{
clear:both;
}
.cbtitle a,.cmtitle a,.cstitle a{
font-weight:bolder;
}
a.more{
position:absolute;
right:5px;
top:3px;
*right:8px;
_right:12px;
*top:0px;
}
#goods dd a:hover,#goods2 dd a:hover{
text-decoration:none;
}
.cbtitle .current{
font-style:italic;
}
#goods,#goods2{
*height:1%;
}
#goods h3,#goods2 h3{
display:inline;
font-size:13px;
}
#goods:after,#goods2:after{
content:"";
display:block;
height:0;
clear:both;
}
#goods dd{
float:left;
width:175px;
height:210px;
padding:12px 8px 12px 0px;
font-weight:bolder;
text-align:center;
_width /**/:180px;
}
#goods2 dd{
float:left;
width:240px;
height:190px;
padding:12px 3px 12px 20px;
font-weight:bolder;
*width:120px;
*position:relative;
*padding-left:142px;
_width /**/:250px;
}
#goods2 dd.mod2{
float:left;
width:515px;
height:155px;
padding:12px 8px 0px 10px;
font-weight:bolder;
}
#goods2 dd.mod2 i,
#goods2 dd.mod2 b,
#goods2 dd.mod2 span{
font-weight:bold;
}
#goods2 dd.mod2 div{
font-weight:normal;
}
#goods2 dd.mod2 .prodetail{
height:110px;
overflow:hidden;
}
#goods2 dd.gbg{
background:#EEEEF0;
}
#goods img{
}
#goods .imglink{
display:block;
margin-bottom:-8px;
border:solid 1px #fff;
}
#goods .imglink:hover{
border:solid 1px #666;
}
#goods2 .imglink{
float:left;
margin-right:-20px;
}
#goods2 dd.mod2 .imglink{
float:left;
margin-right:10px;
}
#goods2 .imglink{
*position:absolute;
*top:12px;
*left:24px;
*z-index:-1;
}
#goods2 dd.mod2 .imglink{
*position:static;
}
#goods span.proname{
}
#goods a.promodel,#goods2 a.promodel{
text-decoration:underline;
}
#goods dd b,#goods2 dd b{
font-weight:500;
}
#goods dd i,#goods2 dd i{
font-style:normal;
font-weight:500;
}
#goods dd span,#goods2 dd span{
font-style:normal;
font-weight:500;
}
#goods2 b,#goods2 i,#goods2 dd span{
font-weight:500;
position:relative;
}
#goods dd a,#goods2 dd a{
font-weight:500;
}
#intro{
}
.introimg{
margin:12px 10px 12px 13px;
}
p.intro{
line-height:18px;
padding:0 12px 12px 12px;
}
p.intro strong{
line-height:24px;
}
#pr{
}
#primg{
}
#prdesp{
background-color:#eee;
padding:8px;
}
#prdesp #model{
font-weight:bolder;
}
#prdesp #model span{
font-weight:500;
}
#prdesp .scroll{
width:650px;
overflow:auto;
}
#prtag{
margin:12px 0;
padding:4px 8px;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}
#prtag a{
}
#prmap{
margin-top:12px;
padding:0 8px;
}
#prmap dd{
color:#09f;
}
#prmap a{
}
#prmap .current{
font-weight:500;
color:#f00;
}
#sitemap{
padding:18px 32px;
}
#sitemap dt{
margin:0 12px;
padding:2px 10px;
background:#fff url(disc.jpg) no-repeat left center;
}
#sitemap dt.cbmap{
margin:0 24px;
background:#fff url(circle.jpg) no-repeat left center;
}
#sitemap dt.cmmap{
margin:0 36px;
background-image:url(square.jpg);
}
#sitemap dt.csmap{
margin:0 48px;
background-image:url(square.jpg);
}
#sitemap dd{
margin:0 60px;
padding:0 10px;
background:#fff url(square-k.jpg) no-repeat left center;
}
#post{
*height:1%;
}
#post:after{
content:"";
display:block;
height:0;
clear:both;
}
#post dt{
float:left;
clear:left;
width:110px;
text-align:right;
margin-bottom:12px;
margin-right:4px;
}
#post dd{
margin-bottom:12px;
}
#post dt.title{
text-align:left;
width:auto;
float:none;
clear:both;
height:24px;
line-height:24px;
background-color:transparent;
}
#post dt span{
color:#f00;
}
#post .error,.error0{
font-size:11px;
color:#f00;
}
input.radio{
border:none;
}
#post #button{
clear:both;
width:260px;
}
#post #sub,#post #reset{
border:solid 1px #000;
border-top-color:#fff;
border-left-color:#fff;
background-color:#eee;
margin-right:20px;
}
.news{
}
.news dt{
}
.news dt a{
}
dd#new_current_title{
}
.news dd{
}
.news dd span.new-num{
}
.news p{
}
.news dd a{
}
.news a:hover{
}
#linksct,#links{
float:left;
padding-left:12px;
margin:12px;
}
#links{
float:right;
width:300px;
border-left:solid 1px #000;
}
#linksct dt,#links dt{
padding-left:10px;
background:transparent url(square.jpg) no-repeat left 6px;
}
#linksct dt strong{
color:#000;
}
#links a{
text-decoration:underline;
}
#lang{
position:absolute;
top:10px;
right:18px;
padding-right:105px;
background:transparent url(select.jpg) no-repeat right 2px;
margin-right:4px;
font-size:12px;
line-height:18px;
}
#trans{
position:absolute;
top:34px;
right:18px;
visibility:hidden;
background-color:#fff;
border:solid 1px #999;
}
#trans dd{
border-bottom:solid 1px #ccc;
padding:0 4px;
}
#trans img{
margin-top:4px;
}
/*==bottom==*/
#secondmenu{
margin-left:3px;
height:27px;
background:url(menu2bg.jpg) no-repeat left top;
padding-left:210px;
}
#secondmenu dt{
float:left;
}
#secondmenu a{
float:left;
padding:0 10px;
white-space:nowrap;
color:#fff;
line-height:27px;
background:transparent url(menu2bg2.jpg) no-repeat left center;
}
#secondmenu a.first{
background:none;
}
#secondmenu a.current{
text-decoration:underline;
}
#keywordlist{
margin:5px 8px;
padding-bottom:5px;
text-align:center;
border-bottom:solid 1px #666;
}
#keywordlist dd{
display:inline;
}
#keywordlist a{
font-size:11px;
padding:0 2px;
color:#666;
}
#keywordlist strong.current{
font-weight:500;
color:#f00;
font-size:11px;
}
#foot{
padding:8px 120px 4px 8px;
text-align:right;
background:url(logo.jpg) no-repeat 690px 4px;
}
#foot p{
line-height:18px;
}
#foot p span{
line-height:18px;
}
#foot p a{
line-height:18px;
}
.other{
}

/**************flipmenu**************/
#flipmenu {
	display:none;
	z-index:99;
	list-style:none;
	position:absolute;
	background:#eeeeee;
	padding:0 0 10px 0;
	border-left:1px solid #60758f;
	border-bottom:1px solid #60758f;
	border-right:1px solid #60758f;
}

#flipmenu a.bigl,
#flipmenu a.midl {
	color:#222222;
	display:block;
	text-decoration:none;
	border-bottom:1px solid #bbbbbb;
}

#flipmenu a.bigl {
	width:185px;
	font-weight:bold;
	background:#eeeeee;
	padding:6px 2px 5px 10px;
}

#flipmenu a.midl {
	width:175px;
	background:#f9f9f9;
	padding:5px 2px 5px 20px;
}

#flipmenu a:hover {
	color:#0a51ad;
	font-weight:bold;
	background:#dfefff;
}