/* 解决 IE6 下滚动抖动的问题 */
*html{
    background-image:url(about:blank);
    background-attachment:fixed;
}
/* 强制元素无背景 */
.no_bg{ 
    background:none!important;
}
/* 定义一个覆盖整个窗口的遮罩层样式，背景改为黑色 */
#window{
    width:100%; /* 宽度占满窗口 */
    height:100%; /* 高度占满窗口 */
    position:fixed; /* 固定定位 */
    top:0; /* 顶部对齐 */
    left:0; /* 左侧对齐 */
    background: #000; /* 背景颜色改为黑色 */
    display:none; /* 默认隐藏 */
    z-index:999999; /* 层级较高 */
    _position:absolute; /* IE6 兼容 */
    _top:expression(eval(document.documentElement.scrollTop)); /* IE6 兼容 */
}
/* 定义浮动窗口样式 */
#float_window{
    position:absolute; /* 绝对定位 */
    top:50%; /* 垂直居中 */
    left:50%; /* 水平居中 */
    padding:0px; /* 内边距为 0 */
    z-index:999999; /* 层级较高 */
}
/* 定义浮动窗口关闭按钮样式 */
#float_window .closewindow{
    width:52px; /* 宽度 */
    background:url("../images/btn_close.png"/*tpa=http://www.zhaofuok83.cn/images/btn_close.png*/) no-repeat left bottom; /* 背景图片 */
    height:52px; /* 高度 */
    position:absolute; /* 绝对定位 */
    margin-top:150px; /* 顶部外边距 */
    margin-left:-15px; /* 左侧外边距 */
    cursor:pointer; /* 鼠标指针样式 */
}
/* 定义浮动窗口关闭按钮悬停样式 */
#float_window .closewindow:hover{
    background-position:left top; /* 背景图片位置 */
}
/* 定义容器 1 样式 */
.container1{
    width:467px; /* 宽度 */
    height:auto; /* 高度自适应 */
    margin-left:7px; /* 左侧外边距 */
}
/* 定义容器 1 内滚动区域样式 */
.container1 .div_scroll{
    float:left; /* 左浮动 */
    width:100%; /* 宽度占满容器 */
    height:50px; /* 高度 */
    overflow:auto; /* 溢出时显示滚动条 */
}
/* 定义容器 1 内滚动容器样式 */
.container1 .scroll_container{
    position:relative; /* 相对定位 */
    overflow:hidden; /* 溢出隐藏 */
}
/* 定义容器 1 内绝对定位滚动元素样式 */
.container1 .scroll_absolute{
    position:absolute; /* 绝对定位 */
}
/* 定义容器 1 内垂直滚动条样式 */
.container1 .scroll_vertical_bar{
    width:10px; /* 宽度 */
    height:100%; /* 高度占满容器 */
    position:absolute; /* 绝对定位 */
    top:0; /* 顶部对齐 */
    right:0; /* 右侧对齐 */
    margin:0; /* 外边距为 0 */
    padding:0; /* 内边距为 0 */
}
/* 定义容器 1 内滚动轨道样式 */
.container1 .scroll_track{
    position:relative; /* 相对定位 */
    border-radius:10px; /* 圆角 */
    background:#000; /* 背景颜色改为黑色 */
}
/* 定义容器 1 内滚动滑块样式 */
.container1 .scroll_drag{
    position:relative; /* 相对定位 */
    top:0; /* 顶部对齐 */
    left:0; /* 左侧对齐 */
    border-top:none; /* 顶部无边框 */
    border-bottom:none; /* 底部无边框 */
    cursor:pointer; /* 鼠标指针样式 */
    background-color:#700707; /* 背景颜色 */
    border-radius:20px; /* 圆角 */
}
/* 定义容器 1 内滚动箭头样式 */
.container1 .scroll_arrow{
    text-indent:-20000px; /* 文本缩进 */
    cursor:pointer; /* 鼠标指针样式 */
    display:block; /* 块级元素 */
}
/* 定义容器 1 内垂直滚动条箭头样式 */
.container1 .scroll_vertical_bar .scroll_arrow{
    height:16px; /* 高度 */
}

/* 定义文档内容 1 样式，背景改为黑色 */
#DocContent1{
    width:1000px; /* 宽度 */
    height:700px; /* 高度 */
    background: #000; /* 背景颜色改为黑色 */
    padding-top:280px; /* 顶部内边距 */
    font-family: "Microsoft YaHei" ! important; /* 字体 */
    font-size:14px; /* 字体大小 */
    padding-left:240px; /* 左侧内边距 */
}
/* 定义文档内容 1 内内容 2 样式 */
#DocContent1 .content2{
    float:left; /* 左浮动 */
    line-height:16px; /* 行高 */
    width:640px; /* 宽度 */
    height:auto; /* 高度自适应 */
    padding:0px 10px 0 10px; /* 内边距 */
    color:#97897f; /* 文字颜色 */
    text-shadow: 1px 1px 0 #000; /* 文字阴影 */
    font-family:"Microsoft YaHei"; /* 字体 */
    font-weight:400; /* 字体粗细 */
}
/* 定义文档内容 1 内内容 2 段落样式 */
#DocContent1 .content2 p{
    float:left; /* 左浮动 */
    font-size:14px; /* 字体大小 */
    width:660px; /* 宽度 */
    overflow:hidden; /* 溢出隐藏 */
}

/* 定义文档内容 2 样式，背景改为黑色 */
#DocContent2{
    width:1000px; /* 宽度 */
    height:700px; /* 高度 */
    background: #000; /* 背景颜色改为黑色 */
    padding-top:240px; /* 顶部内边距 */
    padding-left:30px; /* 左侧内边距 */
    font-family: "Microsoft YaHei" ! important; /* 字体 */
    font-size:14px; /* 字体大小 */
}
/* 定义文档内容 2 内左侧区域样式 */
#DocContent2 .Left{
    float:left; /* 左浮动 */
    width:280px; /* 宽度 */
    height:360px; /* 高度 */
    margin-left:120px; /* 左侧外边距 */
}
/* 定义文档内容 2 内客服区域样式 */
#DocContent2 .kefu{
    float:left; /* 左浮动 */
    width:280px; /* 宽度 */
    color:#fff; /* 文字颜色 */
    margin-top:30px; /* 顶部外边距 */
    margin-left:10px; /* 左侧外边距 */
}
/* 定义文档内容 2 内客服列表项样式 */
#DocContent2 .kefu li{
    float:left; /* 左浮动 */
    width:280px; /* 宽度 */
    height:24px; /* 高度 */
    line-height:24px; /* 行高 */
    display:block; /* 块级元素 */
    margin-bottom:10px; /* 底部外边距 */
}
/* 定义文档内容 2 内客服列表项图标样式 */
#DocContent2 .kefu li span{
    float:left; /* 左浮动 */
    width:22px; /* 宽度 */
    height:22px; /* 高度 */
    background:url("../images/icon_qq.png"/*tpa=http://www.zhaofuok83.cn/images/icon_qq.png*/) no-repeat center top; /* 背景图片 */
    margin-right:10px; /* 右侧外边距 */
}
/* 定义文档内容 2 内客服列表项图标样式（dt 标签） */
#DocContent2 .kefu li dt{
    float:left; /* 左浮动 */
    width:22px; /* 宽度 */
    height:22px; /* 高度 */
    background:url("../images/icon_qq.png"/*tpa=http://www.zhaofuok83.cn/images/icon_qq.png*/) no-repeat center top; /* 背景图片 */
    margin-right:10px; /* 右侧外边距 */
}
/* 定义文档内容 2 内客服列表项链接样式 */
#DocContent2 .kefu li a{
    color:#cec3ac; /* 文字颜色 */
}
/* 定义文档内容 2 内客服列表项链接悬停样式 */
#DocContent2 .kefu li a:hover{
    color:#d3740e; /* 文字颜色 */
}
/* 定义文档内容 2 内右侧区域样式 */
#DocContent2 .Right{
    float:right; /* 右浮动 */
    width:450px; /* 宽度 */
    height:360px; /* 高度 */
    margin-right:110px; /* 右侧外边距 */
}
/* 定义文档内容 2 内下载区域样式 */
#DocContent2 .down{
    float:left; /* 左浮动 */
    width:400px; /* 宽度 */
    color:#fff; /* 文字颜色 */
    margin-top:60px; /* 顶部外边距 */
}
/* 定义文档内容 2 内下载链接样式 */
#DocContent2 .down a{
    float:left; /* 左浮动 */
    width:400px; /* 宽度 */
    height:45px; /* 高度 */
    line-height:45px; /* 行高 */
    color:#cec3ac; /* 文字颜色 */
    display:block; /* 块级元素 */
    margin-bottom:15px; /* 底部外边距 */
    background:url("../images/downbg.png"/*tpa=http://www.zhaofuok83.cn/images/downbg.png*/) no-repeat center top; /* 背景图片 */
    text-align:center; /* 文字居中 */
}
/* 定义文档内容 2 内下载链接悬停样式 */
#DocContent2 .down a:hover{
    color:#fff; /* 文字颜色 */
    background:url("../images/downbghover.png"/*tpa=http://www.zhaofuok83.cn/images/downbghover.png*/) no-repeat center top; /* 背景图片 */
}

/* 定义文档内容 2 内热门新闻区域样式 */
#DocContent2 .hot_news{
    float:left; /* 左浮动 */
    width:430px; /* 宽度 */
    padding:10px 10px 10px; /* 内边距 */
    height:25px; /* 高度 */
    line-height:25px; /* 行高 */
    font-size:16px; /* 字体大小 */
    font-weight:700; /* 字体粗细 */
    margin-bottom:13px; /* 底部外边距 */
    border-bottom:1px solid #423532; /* 底部边框 */
    margin-left:20px; /* 左侧外边距 */
    overflow:hidden; /* 溢出隐藏 */
    text-align:center; /* 文字居中 */
}
/* 定义文档内容 2 内热门新闻链接样式 */
#DocContent2 .hot_news a{
    font-size:16px; /* 字体大小 */
    color:#ab8324; /* 文字颜色 */
    font-weight:550; /* 字体粗细 */
}
/* 定义文档内容 2 内热门新闻标签样式 */
#DocContent2 .hot_news span{
    padding:0 7px; /* 内边距 */
    color:#fff; /* 文字颜色 */
    margin-right:12px; /* 右侧外边距 */
    background-color:#c5190f; /* 背景颜色 */
    display:inline-block; /* 行内块元素 */
}

/* 定义文档内容 2 内容器 1 样式 */
#DocContent2 .container1{
    width:660px; /* 宽度 */
    height:auto; /* 高度自适应 */
    margin:0 auto 0 ; /* 水平居中 */
    margin-top:20px; /* 顶部外边距 */
}
/* 定义文档内容 2 内容器 1 滚动区域样式 */
#DocContent2 .container1 .div_scroll{
    float:left; /* 左浮动 */
    width:100%; /* 宽度占满容器 */
    height:200px; /* 高度 */
    overflow:auto; /* 溢出时显示滚动条 */
    padding-right:10px; /* 右侧内边距 */
}
/* 定义文档内容 2 内视频区域样式 */
#DocContent2 .tanvideo {
    float:left; /* 左浮动 */
    width:440px; /* 宽度 */
    height:350px; /* 高度 */
    margin-left:290px; /* 左侧外边距 */
    margin-top:8px; /* 顶部外边距 */
}
/* 定义联系区域样式 */
#contact{
    float:left; /* 左浮动 */
    width:380px; /* 宽度 */
    height:370px; /* 高度 */
    overflow:hidden; /* 溢出隐藏 */
    margin-left:300px; /* 左侧外边距 */
}
/* 定义联系区域内二维码盒子样式 */
#contact .erweimabox{
    float:left; /* 左浮动 */
    width:180px; /* 宽度 */
    height:180px; /* 高度 */
    margin-left:70px; /* 左侧外边距 */
    padding:15px; /* 内边距 */
    display:block; /* 块级元素 */
    border:1px solid #f47a0e; /* 边框 */
}
/* 定义联系区域内二维码图片样式 */
#contact .erweimabox img{
    width:180px; /* 宽度 */
    height:180px; /* 高度 */
}
/* 定义联系区域内客服区域样式 */
#contact .kefu{
    float:left; /* 左浮动 */
    width:380px; /* 宽度 */
    color:#fff; /* 文字颜色 */
    margin-top:20px; /* 顶部外边距 */
    margin-left:60px; /* 左侧外边距 */
}
/* 定义联系区域内客服列表项样式 */
#contact .kefu li{
    float:left; /* 左浮动 */
    width:380px; /* 宽度 */
    height:24px; /* 高度 */
    line-height:24px; /* 行高 */
    display:block; /* 块级元素 */
    margin-bottom:10px; /* 底部外边距 */
}
/* 定义联系区域内客服列表项图标样式 */
#contact .kefu li span{
    float:left; /* 左浮动 */
    width:22px; /* 宽度 */
    height:22px; /* 高度 */
    background:url("../images/icon_qq.png"/*tpa=http://www.zhaofuok83.cn/images/icon_qq.png*/) no-repeat center top; /* 背景图片 */
    margin-right:10px; /* 右侧外边距 */
}
/* 定义联系区域内客服列表项链接样式 */
#contact .kefu li a{
    color:#cec3ac; /* 文字颜色 */
}
/* 定义联系区域内客服列表项链接悬停样式 */
#contact .kefu li a:hover{
    color:#d3740e; /* 文字颜色 */
}
#footer{
    height: 50px;
    background-color: #333;
    color: white;
    text-align: center;
    line-height: 50px;
}