@charset "utf-8";
/* CSS Document */
/*--------------------------all----------------------------*/
*{
margin:0px;
padding:0px;
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:12px;
color:#333333;
line-height:1.4;
text-decoration:none;
}
html,body{
background-color:#DFE7E9;
}
html{
overflow-y:scroll;
}
#wholediv{
background-color: #fff;
width:780px;
margin:0px auto;
position:relative;
}
img{
border: solid 1px #ccc;
}
hr{
border:none;
border-bottom:dashed 1px #ccc;
}
strong{
}
.warning,.error{
color:#f00;
}
.getmargin{
margin:10px;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
.left{
text-align:left;
}
.clear{
clear: both;
}
.clearl{
clear:left;
}
.clearr{
clear:right;
}
/*---------------------part---------------------*/
#logo{
width:220px;
height:25px;
/*background:#fff url(logo.gif) no-repeat center center;*/
position:absolute;
left:20px;
top:16px;
z-index:2;
}
#key1{
position:absolute;
color:#fff;
top:160px;
left:230px;
z-index:1;
font-size:20px;
font-style:italic;
}
#key1 span{
color:#fff;
font-size:22px;
}
#mainmenu{
height:75px;
margin:0 5px 5px 5px;
background:transparent url(mainmenubg.gif) no-repeat 710px center; 
}
#mainmenu ul{
list-style:none;
background:#f3b64b url(mainmenubg2.gif) no-repeat left top;
border-bottom:solid 4px #EE9D17;
width:770px;
margin-top:45px;
padding-left:70px;
float:right;
widt\h:700px;
}
#mainmenu ul li,#mainmenu ul li a{
float:left;
}
#mainmenu ul li a{
color:#fff;
padding:0 20px;
line-height:26px;
font-size:13px;
font-weight:bolder;
}
#mainmenu ul li.fense{
background-color:#fff;
width:1px;
height:26px;
}
#mainmenu ul li a:hover,#mainmenu ul li a.currentpage{
background-color:#EE9D17;
}
#banner{
height:200px;
width:770px;
position:absolute;
top:78px;
left:5px;
z-index:0;
background:#fff url(banner.gif) no-repeat center center;
}
#content{
margin:208px 5px 0 5px;
*height:1%;
}
#content:after{
content:"";
display:block;
height:0;
clear:both;
}
#main{
width:565px;
float:right;
}
#side{
width:200px;
float:left;
}
#ctlist,#contact{
background-color:#F0A82F;
}
#ctlist{
margin-bottom:5px;
}
#ctlist div,#contact div{
background:#dfe7e9 url(sidebg.gif) no-repeat right bottom;
padding:10px;
padding-bottom:18px;
}
#ctlist div#search{
background:#dfe7e9 url(searchbg.gif) no-repeat left 12px;
padding-bottom:0;
padding-left:20px;
height:18px;
}
#q,#searchbut{
float:right;
}
#q{
width:90px;
height:16px;
border:solid 1px #999;
margin-right:6px;
}
#searchbut{
height:18px;
width:50px;
background:#A9BFC5 url(searchbutbg.gif) no-repeat center center;
border:solid 1px #000;
border-left-color:#ddd;
border-top-color:#ddd;
}
#ctlisttitle,#contacttitle,#welcome{
height:25px;
}
#welcome{
background-color:#afc2c7;
padding-left:10px;
}
#welcome h2{
background:#c0cfd3 url(welcomebg.gif) no-repeat right top;
color:#155270;
line-height:25px;
padding-left:10px;
}
#ctlisttitle,#contacttitle{
background:#F3B64B url(sidetitlebg.gif) no-repeat left top;
margin-right:10px;
padding:5px 0 0 50px;
heigh\t:20px;
}
#ctlisttitle a,#contacttitle a{
}
#ctlisttitle a:hover,#contacttitle a:hover{
text-decoration:underline;
}
.bigul,.midul{
list-style:none;
}
.bigul{
background:transparent url(bigulbg.jpg) repeat-x left top;
}
.bigli,.midli{
padding-left:20px;
}
.bigli a,.midli a,#currentcbname{
font-weight:bolder;
line-height:28px;
padding-left:14px;
background:transparent url(listbg.gif) no-repeat left center;
}
.bigli a:hover,.midli a:hover{
text-decoration:underline;
}
a#elecatalog {
color:#155270;
font-weight:bold;
font-style:italic;
line-height:24px;
padding:0 0 0 25px;
text-decoration:underline;
}
#elecatalog img{
border:0;
}
#currentcbname{
color:#888;
text-decoration:underline;
background:transparent url(listbg2.gif) no-repeat left center;
}
#contact div{
}
#contact div p{
background:#fff url(contactbg.jpg) repeat-x left bottom;
padding:10px 5px;
font-size:11px;
}
#contact div p strong{
display:block;
padding:6px 6px 6px 40px;
}
strong#add1{
background:transparent url(add1.gif) no-repeat 15px center;
}
strong#add2{
background:transparent url(add2.gif) no-repeat 15px center;
}
strong#tel{
float:left;
margin-top:-7px;
background:transparent url(tel.gif) no-repeat 15px center;
}
strong#fax{
float:left;
clear:left;
margin-top:-7px;
background:transparent url(fax.gif) no-repeat 15px center;
}
#contact div a{
position:relative;
left:80px;
text-decoration:underline;
}
#contact div a:hover{
text-decoration:none;
}
.desp{
padding:10px;
}
.desp h3{
display:inline;
}
.introduction{
}
.introduction p{
padding:10px;
}
.introductimg{
}
.ctul{
list-style:none;
*height:1%;
padding-left:28px;
margin-top:18px;
}
.ctul .ctul{
padding-left:0;
}
.ctul:after{
content:"";
display:block;
height:0;
clear:both;
}
.ctli{
float:left;
width:140px;
height:190px;
margin:0 18px;
_margin:0;
_padding:0 18px;
}
.more{
float:right;
background-color:#eee;
border-bottom:solid 1px #999;
padding:2px 6px;
position:relative;
top:-18px;
}
.more a{
font-size:11px;
font-weight:bolder;
}
.more a:hover{
color:#003489;
}
a.imglink{
}
a.imglink img{
margin-bottom:3px;
}
a.sortlink:hover,a.sortlink:hover strong{
text-decoration:underline;
color:#666;
}
.sitemapul{
}
.sitemapul li{
margin:4px 24px;
*margin-left:27px;
}
.sitemapul li a:hover{
color:#fff;
background-color:#333;
}
.contactul{
list-style:none;
}
.contactul li{
clear:left;
*height:1%;
margin-top:5px;
*margin-top:0px;
}
.contactul li:after{
content:"";
display:block;
height:0px;
clear:both;
}
.item,.itembox{
float:left;
}
.item{
width:180px;
text-align:right;
margin-right:4px;
}
.item strong{
line-height:21px;
}
.bigmap,.midmap,.searchmap{
clear:both;
background-color:#eee;
padding:2px 0px 2px 12px;
}
.bigmap a,.midmap a,.searchmap a{
}
.bigmap a:hover,.midmap a:hover,.searchmap a:hover{
text-decoration:underline;
}
.currentpr{
color:#666;
}
.prmap{
margin:10px 0 10px 14px;
}
#primg{
margin:20px 9px;
}
#prtag{
}
#secondmenu{
height:25px;
background:#d9e2e4 url(secondmenubg1.gif) no-repeat left bottom;
margin:12px 5px 0 5px;
padding-left:44px;
}
#secondmenu ul{
list-style:none;
height:25px;
background:transparent url(secondmenubg2.gif) no-repeat right bottom;
}
#secondmenu ul li,#secondmenu ul li a{
float:left;
color:#486166;
line-height:25px;
}
#secondmenu ul li a{
text-decoration:none;
padding:0 14px;
}
#secondmenu ul li a:hover,#secondmenu ul li a.currentpage2{
text-decoration:underline;
color:#70939A;
}
#foot{
clear:both;
text-align:center;
padding:10px;
}
#keywordlist{
list-style:none;
text-align:left;
border-bottom:dashed 1px #c0d0d0;
margin-bottom:8px;
padding-bottom:12px;
}
#keywordlist li
{
display:inline;
padding:2px;
}
#keywordlist li a{
text-decoration:underline;
font-size:11px;
color:#666;
word-break:break-all;
}
#keywordlist li a:hover{
text-decoration:none;
color:#000;
}
#foot div,#foot span,#foot div p,#foot div p a{
line-height:18px;
color:#666;
}
#foot div p a:hover{
color:#333;
}
#linksct,#links{
float:left;
padding-left:12px;
margin:12px 8px;
}
#links{
float:right;
width:350px;
border-left:solid 1px #000;
}
#linksct dt,#links dt{
padding-left:10px;
background:transparent url(square.jpg) no-repeat left 4px;
}
#linksct dt strong{
color:#000;
}
#links a{
text-decoration:underline;
}
#pages{
text-align:center;
clear:both;
}
.introduction img{
}
.introduction p{
text-align:justify;
}