body, div, p, ul, li, h1, h2, dl, dt, dd
{
    margin: 0px;
    padding: 0px;
}
body
{
    font-size:12px;
    color: #000;
    background-color: #87c7ed;
}
li
{
    list-style-position: outside;
    list-style-type: none;
}
img
{
    border: 0px;
}
a
{
    text-decoration: none;
    color: #333;
}
a:hover
{
}

.main
{
    padding: 0 35px;
    clear: both;
}
.outmain
{
    width: 1000px;
    margin: 0 auto;
    clear: both;
}

.container:after, .main:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.container, .main
{
    zoom:1;
}

.picnews
{
    margin: 10px 0px;
    clear: both;
}
.picnews dt.piccontainer
{
    float: left;
    margin-right: 10px;
    border: #ccc 1px solid;
    width: 92px;
    height: 66px;
}
.picnews dt.piccontainer:hover
{
    border: #fff 1px solid;
}
.picnews dt.piccontainer img
{
    width: 90px;
    height: 64px;
    margin: 1px;
}
.picnews dt
{
    font-size: 110%;
    line-height: 25px;
    font-weight:bold;
}
.picnews dt a
{
    color:#000;
    display:block;
}
.picnews dt a:hover
{
    color:#fff;
}
.picnews dd
{
    color:#222;

}

.newslist
{
    margin-bottom: 20px;
    clear: both;
    line-height: 24px;
}
.newslist li
{
    background-position: 5px center;
    background-image: url(../images/demo_arrow.gif);
    background-repeat: no-repeat;
    padding-left: 25px;
    border-bottom: #ccc 1px dashed;
    clear: both;
}
span.date
{
    float: right;
    font-family: Georgia;
    margin-right: 10px;
    color: #f91010;
}
.page
{
    clear: both;
    text-align: center;
    line-height: 23px;
    margin: 5px 5px -5px 5px;
}
.page a,.page span{
	margin:0 10px 0 0;
	padding:3px 5px;
	border:#ccc 1px solid;
}
.content
{
    background: url(../images/content.gif) no-repeat;
    padding-top:21px;
}
.incontent
{
    background-color:#fff;
    border:#4ba236 1px solid;
    width:650px;
    padding:0px 10px 10px 10px;
    border-width:0px 1px;
    min-height:400px;
}
.incontent p
{
    text-indent:24px;
    line-height:25px;
}
.products
{
    float:left;
	height:150px;
    width:150px;
    text-align:center;
    margin:5px;
}
.control h1
{
    background: url(../images/arrow.gif) no-repeat 15px;
    padding-left:35px;
    font-size:150%;
    border-bottom:#ccc 1px dashed;
    line-height:30px;
}

#top
{
    background: url(../images/demo_top.gif) no-repeat;
    height: 298px;
}
#nav
{
    padding-top: 31px;
}
#banner
{
    height: 200px;
    margin-bottom: 2px;
    text-align:right;
}
#mainbody
{
    background: url(../images/demo_back.gif) repeat-x;
    min-height: 200px;
    padding-bottom: 30px;
}
#mbody
{
    background: url(../images/demo_bak.gif) repeat-x;
    min-height: 413px;
    margin-bottom:20px;
}
#leftnav
{
    float: left;
    width: 200px;
}
#right
{
    float: right;
    width: 688px;
}
#mid
{
    float: left;
}
#foot
{
    background-color: #1b83ba;
    color: White;
    text-align: center;
    padding: 15px 0px;
}
#foot a
{
    color:#fff;
}

#logo
{
    float: left;
    width: 240px;
    height: 38px;
    visibility: hidden;
}
#menu
{
    font-weight:bold;
}

#tip, #menu
{
    float: left;
    width: 688px;
    height: 38px;
    line-height: 38px;
}
#menu li
{
    float: left;
    height: 38px;
    
    text-align: center;
    color: White;
    margin: 0px 3px;
}
#menu li:hover
{
    
}
#menu li a, #tip li a
{
	width: 125px;
    display: block;
	float:left;
    color: #333;
}
#menu li a:hover
{
	background: url(../images/menu.gif) no-repeat;
}
#iabout
{
    width: 314px;
    height: 294px;
    background: url(../images/demo_about.gif) no-repeat;
    float: left;
}
#iproduct
{
    width: 413px;
    height: 294px;
    background: url(../images/demo_product.gif) no-repeat;
    float: left;
}
#ilink
{
    float: right;
    width: 200px;
}
#inabout
{
    padding: 50px 20px 10px 30px;
    color: #000;
}
#inabout a
{
    color:#000;
}
#inproduct
{
    padding: 40px 10px 10px 10px;
}
#ileft
{
    width: 564px;
    float: left;
}
#iright
{
    width: 200px;
    float: left;
}
#irightc
{
    background: url(../../slhb/images/demo_search.gif) no-repeat left top;
    padding: 15px 10px;
    text-align: center;
}
#ileftc
{
    padding: 0px 10px;
}
#ilink
{
}

.ps
{
    margin: 10px 0px;
    font-size: 110%;
}
.ps li
{
    border-bottom: #ccc 1px dashed;
    line-height: 35px;
    padding-left: 35px;
    background: url(../images/arrow.png) no-repeat 10px center;
}
.ps li:hover
{
    background-color:Green;
}
.ps li a
{
    color:White;
    display:block;
}
.pst
{
    background: url(../images/subt.gif) no-repeat right bottom;
    font-size: 120%;
    color: White;
    padding-left: 23px;
    line-height: 38px;
	height:38px;
    margin: 5px 0px;
}
#aboutpic
{
    width: 150px;
    height: 100px;
    float: left;
    margin: 5px 10px 5px 0px;
    border:#ccc 2px solid;
}
#aboutpic:hover
{
    border:#fff 2px solid;
}
#yypic
{
    width: 150px;
    height: 100px;
    margin: 10px auto;
}
#inlink
{
    background-color: #83bfa3;
    margin-top: 10px;
    padding: 10px 0px;
}
#inlink h2
{
}
#linklogo
{
    background-color: #83bfa3;
    padding-top: 20px;
}
#linklogo p
{
    float: left;
    width: 87px;
    margin: 5px;
}
#linklogo img
{
    width: 85px;
    border: #000 1px solid;
}
.inright
{
    padding-left: 15px;
}
h2.htitle
{
    text-align: center;
    background-image: url(../../slhb/images/demo_bare.gif);
    background-repeat: no-repeat;
    background-position: center;
    width: 171px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: White;
    margin: 0px auto;
}
h2.w
{
    width: 181px;
    border: #1b83ba solid;
    border-width: 0px 5px;
}
h2.mtitle
{
    background-image: url(../../slhb/images/demo_bar.gif);
    background-repeat: repeat-x;
    font-size: 12px;
    color: White;
    padding-left: 15px;
    height: 25px;
    line-height: 25px;
}
h2.subt
{
    background: url(../images/subt.gif) no-repeat left;
    font-size: 120%;
    color: White;
    padding-left: 23px;
    line-height: 43px;
    margin: 5px 0px;
}
h2.subt img
{
    float: right;
    margin: 8px 10px 0px 0px;
}
.currpos
{
    background: #0d83be url(../../slhb/images/sub_left.gif) no-repeat left;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    padding-left: 40px;
    color: #fff;
    font-weight: normal;
    margin-top: 10px;
}
.subtitle
{
    background: url(../../slhb/images/sub_bar.gif) repeat-x left center;
    height: 20px;
    padding-left: 20px;
    margin: 10px 0px;
}
.submenu
{
    background-color: #0d83be;
    position: absolute;
    padding: 10px;
    display: none;
    min-width: 100px;
    color: White;
    font: bold 12px "ºÚÌå";
}
.submenu a
{
    color: White;
    display: block;
}
.submenu li
{
    line-height: 30px;
    color: White;
    background-position: 5px center;
    background-image: url(../../slhb/images/demo_arrow.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 10px;
}
.submenu li:hover
{
    background-color: #52aad3;
}
.lin
{
    margin-left: 10px;
}
p.lin
{
    margin-top: 15px;
    margin-bottom: 15px;
}
ul.lin
{
    margin-top: 30px;
    margin-bottom: 10px;
}
.link, .contact
{
    margin: 5px 0px 20px 0px;
}