/*通用样式*/
body,ul,li,p,h1,h2,h3,h4,h5{
    margin:0;
    padding:0;
    font-size:100%;
}
body{
    font-family: 'Microsoft YaHei UI', 'Microsoft YaHei', SimSun, 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
    font-size: 14px;
	background: url("bg_01.png");
}
img{
    border:0;
}

.fl{
    float: left;
}
.fr{
    float: right;
}
#center{
    width: 1327px;
    margin: 0 auto 0;
    position: relative;
}
#top{
    width:1327px;
    height:55px;
    background: url("j1.png") no-repeat;}
#middle{background: url("j2.png");width:1327px; background-position: center; background-repeat: repeat-y;}
#bottom{
    width:1327px;
    height:54px;
    background: url("j4.png") no-repeat;}
.main-index{width: 1202px;position: absolute;display: none;margin-left: 63px;overflow-y:auto;overflow-x:hidden;position: absolute; z-index: 5;top:63px;}
#banner{width: 1202px;height: 476px;background: url("banner_bg.png");}
#banner_xiao{width: 1202px;height: 179px;background: url("banner_xiao.jpg");position: relative;z-index: 999}
#content{width: 1202px;position: absolute;z-index: 999}
.open{display: block;}
.close{display: none;}
/*动画效果*/
#banner_01{width: 1202px;height: 476px;background: url("banner_01.png");position: absolute;z-index: 10;}
.banner1{
    animation: fadeIn 2s;
    -webkit-animation:fadeIn 2s ; /*Safari and Chrome*/
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
            }
#banner_02{width: 1202px;height: 476px;background: url("banner_02.png");position: absolute;z-index: 20;}
.banner2{
    animation: fadeIn 2s;
    -webkit-animation:fadeIn 2s ; /*Safari and Chrome*/
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
            }
#banner_03{width: 1202px;height: 476px;background: url("banner_03.png");position: absolute;z-index: 30;}
.banner3{
    animation: fadeInRight 5.4s;
    -webkit-animation:fadeInRight 5.4s ; /*Safari and Chrome*/
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-delay: 2.6s;
    -webkit-animation-delay: 2.6s;
    -o-animation-delay: 2.6s;
    -moz-animation-delay: 2.6s;
            }
#banner_04{width: 1202px;height: 476px;background: url("banner_04.png");position: absolute;z-index: 40;}
.banner4{
    animation: fadeInDown 3s;
    -webkit-animation:fadeInDown 3s ; /*Safari and Chrome*/
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
            }
#banner_05{width: 1202px;height: 476px;background: url("banner_05.png");position: absolute;z-index: 50;}
.banner5{
    animation: fadeInDown 3s;
    -webkit-animation:fadeInDown 3s ; /*Safari and Chrome*/
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-delay: 2.2s;
    -webkit-animation-delay: 2.2s;
    -o-animation-delay: 2.2s;
    -moz-animation-delay: 2.2s;
            }
#banner_06{width: 1202px;height: 476px;background: url("banner_06.png");position: absolute;z-index: 60;}
.banner6{
    animation: fadeInDown 3s;
    -webkit-animation:fadeInDown 3s ; /*Safari and Chrome*/
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -o-animation-delay: 3s;
    -moz-animation-delay: 3s;
            }
#banner_07{width: 1202px;height: 476px;background: url("banner_07.png");position: absolute;z-index: 70;}
.banner7{
    animation: fadeInUp 4s;
    -webkit-animation:fadeInUp 4s ; /*Safari and Chrome*/
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
    -o-animation-delay: 4s;
    -moz-animation-delay: 4s;
 }

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ 
::-webkit-scrollbar {
    width: 7px;
    height: 9px
}
/*定义滚动条轨道*/ 
::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}
/*定义滑块 内阴影+圆角*/ 
::-webkit-scrollbar-thumb {
    background-color: #dbd3d0;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}