@charset "utf-8";
* { margin: 0; padding: 0}
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: url(../images/bd.gif) repeat; border-top: solid #000000 1px;}
li { list-style: none;}
a { text-decoration: none;}
img { border: 0;}

.wrapfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.wrapfix { display: inline-table; }
* html .wrapfix {height: 1%;}
*+html .wrapfix {height: 1%;}
.wrapfix { display: block; }

.layout { width: 760px;  margin: 0 auto; }

.header { height: 216px; background: url(../images/header.gif) no-repeat 0 0; position: relative; }
.header h1 { font-size: 18px; margin-left: 13px; padding-top: 8px;  }

.sm-link { position: absolute; top: 6px; right: 15px; font-size: 12px; font-weight: bold; color: #333; }
.links { position: absolute; top: 6px; right: 30px; font-size: 12px; font-weight: bold; color: #333;}

.mainer { width: 760px; height: 760px; background: #ffffff url(../images/main-bg.jpg) repeat-y 211px 0 ; position: relative; }

.m-left { width: 211px; float: left; display: inline; background: url(../images/main-left-bg.jpg) no-repeat 0 top; }
.m-left h2 { font-size: 16px; color: #fff; margin-left: 22px; padding-top: 19px;}
.m-left h3 { font-size: 17px; color: #156000; left: 32px; top: 238px; margin-left: 32px; height: 35px; line-height: 35px;}

.navs { width: 190px; height: 185px; margin-top: 2px; margin-left: 16px; padding-top: 10px; }
.navs li { clear: both; padding-left: 7px; }
.navs li a { padding-left: 20px; color: #333; font-size: 13px; background: #fff url(../images/navs/ns-1.gif) no-repeat 3px 7px; line-height: 28px; height: 28px; display: block; float: left; width: 155px; }
.navs li a:hover { background-color: #EEEEEE; }
.navs .nav2 { background-image: url(../images/navs/ns-2.gif); }
.navs .nav3 { background-image: url(../images/navs/ns-3.gif); }
.navs .nav4 { background-image: url(../images/navs/ns-4.gif); }
.navs .nav5 { background-image: url(../images/navs/ns-5.gif); }
.navs .nav6 { background-image: url(../images/navs/ns-6.gif); }

.hg-tt { width: 199px; height: 27px; background: url(../images/hg-tt.gif) no-repeat 0 0; margin-top: 8px; margin-left: 11px; color: #156000; font-size: 17px; font-weight: bold;}
.hg-tt li a { height: 27px; line-height: 27px; padding-left: 12px; }

.hg-pc { width: 190px; height: 418px; margin-left: 20px; margin-top: 11px; display: block;}
.hg-pc li { height: 94px; padding-bottom: 14px; }
.hg-pc li h4 { padding-top: 5px; font-size: 14px; }
.hg-pc img { float: left; padding-right: 14px; }

.m-right { width: 549px; height: 760px; float: left; background: url(../images/main-right-bg.jpg) no-repeat 0 0; }
.m-right h5 { position: absolute; left: 306px; top: 45px; font-size: 20px;}
.m-right p { height: 175px; line-height: 30px; color: #909090; position: absolute; left: 277px; top: 95px; }

.g-tt { width: 418px; position: absolute; left: 277px; top: 320px; }
.g-tt li { width: 195px; height: 74px; float: left; display: inline; margin: 5px 7px; text-align: center; line-height: 20px; }
.g-tt li a { color: #909090;}
.g-tt img { display: block; }

.footer { height: 38px; background: url(../images/footer.gif) no-repeat 0 0; text-align: center; line-height: 38px; color: #333333; position: relative;}

.links-tt { font-size: 18px; position: absolute; left: 260px; top: 50px; }

.links-group { position: absolute; left: 260px; top: 80px; }
.links-group li { display: inline; float: left; margin: 10px 5px; }
.links-group a  { font-size: 12px; color: #333; }
.links-group img { display: block; }
.phone-t { font-size: 20px;	position: absolute;	top: 3px; left: 409px; }