﻿@charset "utf-8";

/* CSS Document */

ul,
li,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

img {
    border: 0;
    max-height: 100%;
	max-width:100%;
}


/*index*/

#container {
    width: 100%;
    position: relative;
}

.menu {
    width: 1000px;
    height: 80px;
    position: absolute;
    z-index: 1;
    left: 169px;
}

.logo {
    width: 200px;
    height: 87px;
    position: absolute;
    top: 8px;
    left: 5%;
    z-index: 2;
}

.iBan {
    Z-INDEX: 1;
    POSITION: relative;
    HEIGHT: 320px;
    CLEAR: none;
    OVERFLOW: hidden;
    _zoom: 1
}

.iBanScreen {
    BACKGROUND-POSITION: center top;
    HEIGHT: 320px;
}

.banFn {
    Z-INDEX: 99;
    POSITION: relative;
    MARGIN: 0px auto;
    WIDTH: 818px;
    HEIGHT: 320px;
}

.ibanImg {
    display: none;
    background:
}

.iBan .banNum {
    Z-INDEX: 100;
    POSITION: absolute;
    WIDTH: 100px;
    BOTTOM: 30px;
    HEIGHT: 19px;
    MARGIN-LEFT: -30px;
    LEFT: 50%
}

.iBan .banNum a {
    TEXT-INDENT: -50em;
    WIDTH: 15px;
    DISPLAY: inline;
    BACKGROUND: url(img/dots.gif) no-repeat center 50%;
    FLOAT: left;
    HEIGHT: 19px;
    OVERFLOW: hidden
}

.iBan .banNum a.dots {
    background: url(img/dotsFocus.gif) no-repeat center 50%;
}

#main {
    height: 226px;
    position: relative;
    top: 80px;
}

.navbody {
    width: 1000px;
    height: 226px;
    background: #FFF;
    margin: 0 auto;
}

.navbody01 {
    width: 970px;
    height: 226px;
    padding: 0px 19px 0px 11px;
}

.main01 {
    width: 158px;
    height: 200px;
    float: left;
}

.main02 {
    width: 346px;
    height: 115px;
    padding: 85px 0px 0px 30px;
    float: left;
    line-height: 20px;
    background: url(img/p3.jpg) no-repeat;
    margin-left: 15px;
    color: #535353;
}

.main03 {
    width: 412px;
    height: 200px;
    float: right;
}

.bottom {
    width: 100%;
    height: 90px;
    background: #000;
    position: absolute;
    top: 690px;
}

.bottom2 {
    width: 932px;
    height: 72px;
    padding-top: 18px;
    padding-left: 68px;
    position: relative;
    margin: 0 auto;
    color: #646464;
    line-height: 18px;
}


/*??????*/

#container2 {
    width: 100%;
    margin: 0 auto;
}

.menu2 {
    width: 100%;
    height: 76px;
    /*background: url(../images/bg2.gif) repeat-x;*/
}

.pagebody {
    width: 1000px;
    height: auto;
    background: #FFF;
    margin: 0 auto;
    overflow: hidden
}

.sidebody {
    width: 148px;
    /* height: 737px; */
    float: left;
    margin-bottom: 30px;
}

.sidebar {
    width: 148px;
    /* height: 715px; */
    padding-top: 5px;
}

.sidebar ul li {
    width: 148px;
    /* height: 30px; */
    line-height: 17px;
    color: #363636;
    background: url(../images/btn_01.jpg) no-repeat;
    margin-bottom: 2px;
	position:relative;
}

.sidebar li a {
    display: block;
}

.sidebar li a {
    width: 128px;
    /* padding-left: 20px; */
    height: 48px;
    color: #FFFFFF;
}

.sidebar li a:link,
.sidebar li a:visited {
    color: #363636;
    text-decoration: none;
}

.sidebar li a:hover,
.sidebar li a:active {
    color: #FFF;
    text-decoration: none;
    background-color: #ff7c06;
}

.mainbody {
    width: 803px;
    min-height: 1000px;
    float: right;
}

.pname {
    width: 791px;
    height: 82px;
    padding-top: 22px;
}

.location {
    text-align: right;
    width: 777px;
    height: 35px;
    padding-right: 14px;
    line-height: 35px;
    color: #999999
}

.content {
    width: 791px;
    line-height: 22px;
    padding-top: 20px;
    font-size: 14px;
}

.content1 {
    width: 741px;
    line-height: 22px;
    padding-top: 20px;
    padding-left: 50px;
}

.bottom3 {
    width: 100%;
    height: 90px;
    background: #2a2a2a;
}

.bottom4 {
    width: 932px;
    height: 72px;
    padding-top: 18px;
    padding-left: 68px;
    margin: 0 auto;
    color: #fff;
    line-height: 18px;
}


/*?????????*/

.Title {
    width: 791px;
    padding-top: 20px;
}


/*?????????*/

.message {
    width: 771px;
    padding-left: 20px;
    color: #575757;
    padding-top: 15px;
}

.message dl {
    width: 720px;
    border-bottom: solid 1px #cbcbcb;
    float: left;
}

.message dt {
    font-size: 12px;
    float: left;
    line-height: 30px;
    width: 86px;
    padding-left: 10px;
    border-right: solid 1px #cbcbcb;
}

.message dd {
    width: 720x;
    padding-left: 14px;
    line-height: 20px;
    padding-top: 4px;
    float: left;
}

.order {
    width: 720px;
    margin-top: 30px;
    float: left;
}

.order_p {
    border-bottom: solid 1px #0D0D0D;
    line-height: 30px;
    padding-left: 20px;
    width: 690px;
    color: #ff0000;
}

.order_p span {
    float: right;
    padding-right: 15px;
}

.order dl {
    padding: 10px 5px 5px 50px;
    width: 670px;
    float: left;
    background: url(../image/ly.gif) no-repeat 20px 15px;
    margin-bottom: 20px;
}

.order dt {
    width: 660px;
    line-height: 24px;
    color: #8A8A8A;
    font-weight: normal
}

.order dt span {
    float: right;
    padding-right: 10px;
    color: #8A8A8A;
    font-size: 11px;
}

.order dd {
    width: 655px;
    color: #ff0000;
    line-height: 20px;
}

.order dd span {
    color: #ff0000
}


/*??????????????????*/

#navbody {
    width: 990px;
  min-height: 1000px;
    margin: 30px auto 10px;
    ;
    background-color: #FFF;
}