@charset "UTF-8";
/**
* @file:      Neat.css V1.1.0
* @author:    一丝
* @update:    2013-11-22 14:55:29;
* @copyright: 基于 normalize.css | MIT License
* @doc:
*/
/**
* Neat.css 解决的问题
* 基于业务需要兼容的浏览器做到以下几点：
* 1.解决BUG，特别是低级浏览器的常见BUG；
* 2.统一效果，但不盲目追求重置为0；
* 3.向后兼容；
* 4.考虑响应式；
* 5.考虑移动设备。
*/
/* ==========================================================================
 有即是无，无即是有
 ========================================================================== */
body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
input,
textarea,
optgroup,
p,
blockquote,
figure,
hr,
menu,
dir,
thead,
tbody,
tfoot,
th,
td {
  margin: 0;
  padding: 0;
}
/**
* 非大面积文字排版网站通常不需要列表项，如果需要可单独设置
*/
ul,
ol {
  list-style-type: none;
  list-style-image: none;
}
/* ==========================================================================
 链接
 ========================================================================== */
/**
* 去除链接默认的下划线，提高文字可读性
*/
a {
  text-decoration: none;
}
/**
* 去掉 IE 10+ 点击链接时的灰色背景
*/
a:active {
  background-color: transparent;
}
/**
* 去掉点击时的焦点框，同时保证使用键盘可以显示焦点框
*/
a:active,
a:hover {
  outline: 0 none;
}
/**
* 统一 Chrome 和 Safari 的焦点框样式
* Chrome 中 thin 关键字放大页面后焦点框不会放大 http://jsbin.com/ehakom/1
* Firefox 中 box-shadow 会导致焦点框位置偏移，需用「outline-offset」修正
*
*/
a:focus {
  outline: 1px dotted;
}
/* ==========================================================================
 字体和基础排版
 ========================================================================== */
/**
* 1.防止 iOS 横屏字号放大，同时保证在PC上 zoom 功能正常
*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  /* 1 */
  font-size: 62.5%;
  /* 10/16=62.5% */
}
body {
  font-size: 14px;
  line-height: 1.8;
}
/**
* 所有 font-family 小写，存在空格的字体名加单引号
* @default-font: 'helvetica neue', tahoma, \5B8B\4F53, sans-serif;
* @heading-font: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti,
  \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, 'wenquanyi micro hei', sans-serif;
* @code-font: monaco, menlo, consolas, monospace;
*/
/**
* 中文优先使用冬青黑体简体(OS X)、微软雅黑(Windows)和文泉驿微米黑(Linux)
* 西文使用 tahoma
* 1. 防止元素中「font-family」不能继承
* 2. 西文字体和 OS X 字体写在前面
* 3. Opera 12.1 之前版本不支持中文字体的英文名称
* 4. 微软雅黑「\5FAE\8F6F\96C5\9ED1」,中易宋体「\5B8B\4F53」
*/
body,
button,
input,
select,
textarea {
  font-family: 'helvetica neue',arial,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
  -ms-text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
  /* 5 */
  text-spacing: ideograph-alpha ideograph-numeric ideograph-parenthesis;
  /* 5 */
}
/**
* 中文小于 12px 可读性很差
* 1. 统一 IE 6-7 中字体大小
* 2. 统一 Firefox 4+，Safari 5 和 Chrome 中「section」和「article」内的字体大小
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
/**
* 修正「abbr」元素在 Firefox 外其他浏览器没有下划线的问题
* 添加问号光标，明确语义
*/
abbr,
acronym {
  border-bottom: 1px dotted;
  /* 1 */
  cursor: help;
  /* 2 */
}
/**
* Firefox3+，Safari4/5 和 Chrome 中统一设置为粗体
*/
b,
strong {
  font-weight: bold;
}
/**
* 修正 Safari5 和 Chrome 中没有样式的问题
*/
dfn {
  font-style: italic;
}
/**
* 修正 Firefox 和其他浏览器之间的差异
*/
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
* 网页标记，荧光笔
* 修正 IE6-11 中没有样式的问题
*/
mark {
  background-color: #D2E5FF;
  color: #000;
}
/**
* 统一代码的字体设置
* 字体要能明确区分数字 0 和字母 o
* Mac 优先使用 Monaco，Windows 优先使用 Consolas
* XP自带 Courier New
* Windows 7开始自带的 Consolas
* Mac上自带的Monaco，Osaka-Mono
*/
code,
kbd,
pre,
samp {
  font-family: monaco, menlo, consolas, 'courier new', courier, monospace;
}
/**
* 增强所有浏览器中 pre 标签中文本的可读性
* 1. IE 6-7 不支持 pre-wrap
* 2. pre 标签应当包含滚溢出
*/
pre {
  white-space: pre;
  white-space: pre-wrap;
  /* 1 */
  word-wrap: break-word;
  overflow: auto;
}
/**
* 行内引用
* IE 6-7 不支持 quotes 属性
* 现代浏览器去除 quotes 内容
*/
q {
  quotes: none;
}
/**
* Safari 4 不支持<q>标签
*/
q:before,
q:after {
  content: '';
  content: none;
}
/**
* 中文网页<small>元素字号小于 12px 不易阅读
*/
small {
  font-size: 85.7%;
  /* 12/14=0.8571428571 */
}
/**
* 防止所有浏览器中的<sub>和<sup>影响行高
* http://jsbin.com/usoyal/1/edit
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
 表格
 ========================================================================== */
/**
* 合并单元格边框
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/**
* 修复 IE 中 th 不能继承 text-align 的问题并统一左对齐
* http://jsbin.com/evoxif/2/edit
*/
th {
  text-align: left;
}
/**
* 单元格添加边框
*/
table th,
table td {
  border: 1px solid #ddd;
  padding: 8px 10px;
}
/**
* 表头底部边框
*/
table th {
  font-weight: inherit;
  border-bottom-width: 2px;
  border-bottom-color: #ccc;
}
/* ==========================================================================
 嵌入元素
 ========================================================================== */
/**
* 1. 去除 IE6-9 和 Firefox 3 中 a 内部 img 元素默认的边框
* 2. 修正 IE8 图片消失bug
* 3. 防止 img 指定「height」时图片高度不能按照宽度等比缩放，导致图片变形
    http://jsbin.com/aJoTUca/2
* 4. 让图片支持响应式
* 5. 去除现代浏览器图片底部的空隙
* 6. 修复 IE7 图片缩放失真
*/
img {
  border: 0 none;
  /* 1 */
  width: auto\9;
  /* 2 */
  height: auto;
  /* 3 */
  /* 4 */
  vertical-align: top;
  /* 5 */
  -ms-interpolation-mode: bicubic;
  /* 6 */
}
/**
* 修复 IE9 中的「overflow」的怪异表现
*/
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
 表单
 ========================================================================== */
/**
* 定义一致的边框、外边距和内边距
*/
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
* 1. 修正 IE 6-9 中颜色不能继承的问题
* 2. 修正 Firefox3 中文字不换行的问题
* 3. 修正 IE6-7 中怪异的对齐方式
*/
legend {
  border: 0 none;
  /* 1 */
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/**
* 1. 修正所有浏览器中字体不继承的问题
* 2. 修正所有浏览器中字号不继承的问题
* 3. 修正 Firefox 3+， Safari5 和 Chrome 中外边距不同的问题
* 4. 改善在所有浏览器下的垂直对齐方式
*/
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
  vertical-align: baseline;
  /* 4 */
  *vertical-align: middle;
  /* 4 */
}
/**
* 修正 IE7 随着字数增加边距不断增加的问题
*/
input,
button {
  *overflow: visible;
}
/**
* 统一各浏览器「text-transform」不会继承的问题
* http://jsbin.com/iqecic/1/edit
* http://tjvantoll.com/2012/07/10/default-browser-handling-of-the-css-text-transform-property/
*/
button,
select {
  text-transform: none;
}
/**
* 1. 避免 Android 4.0.* 中的 WebKit bug ，该bug会破坏原生的
 「audio」 和「video」的控制器
* 2. 更正 iOS 中无法设置可点击的「input」的问题
* 3. 统一其他类型的「input」的光标样式
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
* 重置按钮禁用时光标样式
*/
button[disabled],
input[disabled] {
  cursor: default;
}
/**
* 1. 修正 IE 8/9 box-sizing 被设置为「content-box」的问题
* 2. 移除 IE 8/9 中多余的内边距
* 3. 移除 IE7 中多余的内边距(IE6 中任然存在)
*/
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/**
* 1. 修正 Safari 5 和 Chrome 中「appearance」被设置为「searchfield」的问题
* 2. 修正 Safari 5 和 Chrome 中「box-sizing」被设置为 「border-box」的问题
*/
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
/**
* 1.移除 OS X 中 Safari5 和 Chrome 搜索框内侧的左边距
* 2.如果需要隐藏清除按钮需要加上
 input[type="search"]::-webkit-search-cancel-button
*/
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
* 移除 Firefox 3+ 的内边距
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
* 修正 Chrome 中 input [type="number"] 在特定高度和 font-size 时,
* 下面一个箭头光标变成「cursor: text」
* @demo: http://jsfiddle.net/FFXEc/
* 动画演示：http://gtms04.alicdn.com/tps/i4/T18kd8FCtaXXc_FhcF-330-350.gif
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
* 1. 移除 IE6-11 中默认的垂直滚动条
* 2. 禁止水平拖动，防止破坏布局
*/
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 2 */
}
/**
* 修正 Chrome 30- option 中文字无法显示的问题
* http://jsbin.com/avujas/1/edit
*/
select:disabled option:checked,
option:disabled:checked {
  color: #D2D2D2;
}
/**
* 修正 Safari 3+, Chrome 1+ Placeholder 居中问题
*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input {
    line-height: normal !important;
  }
}
/**
* 修正 Firefox 19+ Placeholder 设置了opacity 的问题
*/
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: darkGray;
  opacity: 1;
}
/**
* label 元素给予手型，暗示此处可点击
*/
label {
  cursor: pointer;
}
/**
* 统一 select 样式, Firefox 中有 padding:1px 0
* http://jsbin.com/avujas/1/edit
*/
select[size],
select[multiple],
select[size][multiple] {
  border: 1px solid #AAA;
  padding: 0;
}
/* ==========================================================================
 HTML5 元素
 ========================================================================== */
/**
* 修正未定义为「block」的元素
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
* 1. 修正未定义为「inline-block」的元素
* 2. 修正 Chrome、Firefox、Opera 中 「progress」元素 vertical-align 默认值不一致
*/
audio,
canvas,
video,
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
* 1.防止现代浏览器将没有「controls」属性的 「audio」元素显示出来
* 2.去掉 iOS 5 中多余的高度
*/
audio:not([controls]) {
  display: none;
  /* 1 */
  height: 0;
  /* 2 */
}
/**
* 修复 IE 7/8/9，Firefox 3 和 Safari 4 中 「hidden」属性不起作用的问题
* 在IE、Safari、Firefox 22- 中隐藏「template」元素
*/
[hidden],
template {
  display: none;
}
/**
* 为可拖动元素添加拖动的光标
* http://jsbin.com/apavod/1/edit
*/
[draggable] {
  cursor: move;
}
/**
* 居中 HTML5 dialog 元素
* Chrome 31 支持，需开启 chrome://flags/#enable-experimental-web-platform-features
* Chrome 28 之前、Firefox 中不支持 height:fit-content;
 https://src.chromium.org/viewvc/blink?revision=148314&view=revision
* ::backdrop 定义遮罩样式
* @demo: http://jsbin.com/iPACab/1
*/
dialog {
  border: 1px solid;
  padding: 0;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
dialog::-webkit-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
dialog::backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
/*# sourceMappingURL=neat.css.map */
.slideBox {
  width: 100%;
  height: 452px;
  overflow: hidden;
  position: relative;
}
.slideBox .hd {
  position: absolute;
  width: 100%;
  z-index: 100;
  text-align: center;
  *zoom: 1;
  bottom: 10px;
}
.slideBox .hd span {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: #fff;
  background: url(../img/download/dot.png) right 0px no-repeat;
  overflow: hidden;
  *zoom: 1;
  position: relative;
  line-height: 999;
  cursor: pointer;
  margin: 0 5px;
}
.slideBox .hd .on {
  background: url(../img/download/dot.png) 1px top no-repeat;
}
.slideBox .bd {
  position: relative;
  height: 100%;
  z-index: 0;
}
.slideBox .bd li {
  zoom: 1;
  vertical-align: middle;
  position: absolute;
  display: none;
  height: 452px;
  width: 100%;
  left: 0;
  top: 0;
}
.slideBox .prev,
.slideBox .next {
  display: block;
  width: 42px;
  height: 100px;
  padding: 10px;
  margin-top: -34px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 50%;
  z-index: 80;
}
.slideBox .prev:focus,
.slideBox .next:focus {
  outline: none;
}
.slideBox .prev {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAA7CAYAAACDk1EZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDVEM0UzM0Q5MUMzMTFFNUJEODdDNTBBQ0NCODI1NjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDVEM0UzM0U5MUMzMTFFNUJEODdDNTBBQ0NCODI1NjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENUQzRTMzQjkxQzMxMUU1QkQ4N0M1MEFDQ0I4MjU2MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENUQzRTMzQzkxQzMxMUU1QkQ4N0M1MEFDQ0I4MjU2MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkYmTVYAAAFVSURBVHjaxNlNDoIwEAVgIC68i4krT+bS6MIIB9CVeg+XHsOzuKNOkxobhP7NzINkElJKvgcotGlljKnAdaTqqR6LCrt1VDu3/0RecWd+24Wqng227bPBCHwS1saDsCYehbXwJFgD9+FzCJbGs2BJPBuWwotgCbwY5uIsmIOz4VJcBC7BxeBcXBTOwcXhVFwFTsHV4BiuCodwdXgKh8BjOAwe4lDYx+HwF2/ngG1Z6E3zpiXVi2pN1aMmbg3Vye2vqK5UNWza6G7Bwbv1d+Qzny3AsAEaYKwRFmDqACRA6KB6gFgH1QApndQCpHbcawTI6SweIPcE0QAlJ4kFKE0tEoDzzNgBuL9YVgCJ/2txAKm3VVEAyXd1dgDpL1VWAI3vdHIArVFKUgDNMVo0gPYINRgAMTPxA9yQKw3BAMjVpb8A6AU9P8C2AS/qtW5Rz05GNx8BBgCjd5vvLoaV2wAAAABJRU5ErkJggg==);
  background-size: 22px 46px;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 400ms ease-out;
  -webkit-transition: all 400ms ease-out;
  left: 0;
}
.slideBox .next {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAA7CAYAAACDk1EZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEE5MjZDOTc5MUM0MTFFNUEwODNFRUU1NDM0Mzg5NDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEE5MjZDOTg5MUM0MTFFNUEwODNFRUU1NDM0Mzg5NDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QTkyNkM5NTkxQzQxMUU1QTA4M0VFRTU0MzQzODk0NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QTkyNkM5NjkxQzQxMUU1QTA4M0VFRTU0MzQzODk0NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjaoLLQAAAFoSURBVHjaxJk9DsIwDEbTXofbsYHKwAAbQrDBAbgBt2DiNCwQHEREFfIf+2skC2hTvUehqe0qrfWF4kmxoFDI6JVSNwrzuqUYFHKQQUdx0r8xoL65fTOJwPgDXMDdYATOKAHfRphAaAdEILZTXCA1QVQgZ5KYQO5EEYGSyewCpQewCtQcxCZQa80i0PKbNQu0/mObBDiu12oBrtWqSoBzrXYFVkh4sYDEfTpbQCpLyRKQzNGSAtIZalQAkZ8HBVClkVcAWZu5AsvuY4Abpia8U8woHj0Q3FHsv2AzdshTfhid8g3y3/4HRl3nXjBihQuCpdf2KFjyrpYES93Ps8ASmUw2mDuHKwJzZq/FYK68vQrMUbFUg1trtSZwS5XaDK6tz1nANZ0JNnBpT4YVXNKNYgfn9uFEwDkdyKMUONV7FQXHus7i4FC/HQL2PWmAgd1nLFCwhU8CtvD5FGALv1K8KNboJ4pvAQYATjD3jm8Xjl8AAAAASUVORK5CYII=);
  background-size: 22px 46px;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 400ms ease-out;
  -webkit-transition: all 400ms ease-out;
  right: 0;
}
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  /* IE9*/
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('fonts/iconfont.svg#iconfont') format('svg');
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  color: #898989;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.f-fl {
  float: left;
}
.f-fr {
  float: right;
}
.txt-r {
  text-align: right !important;
}
.txt-l {
  text-align: left !important;
}
body,
button,
input,
select,
textarea {
  font-family: "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft Yahei", "Microsoft Jhenghei", "Arial";
}
body:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none;
}
html,
body {
  min-width: 1200px;
}
a {
  cursor: pointer;
  color: #353535;
}
a:hover {
  color: #FF4E48;
}
.blue {
  color: #5da5ef;
}
.red {
  color: #FF4E48;
}
.green {
  color: #36a010;
}
.gray {
  color: #ccc;
}
/*----------头-----------*/
.header .top {
  text-align: right;
  padding: 1px 0;
  font-size: 0;
}
.header .top span,
.header .top a {
  display: inline-block;
  margin: 0 10px;
  font-size: 12px;
  vertical-align: middle;
}
.header .top .warn {
  color: #FF4E48;
}
.header .top .phone {
  color: #7d7d7d;
}
.header .top .mobile {
  background: url(../img/mobi.png) no-repeat left center;
  padding-left: 22px;
  color: #666;
}
.header .top .mobile:hover {
  opacity: 0.6;
}

.header .nav-head {
  background: #00aaff;
  height: 57px;
  padding-top: 5px;
}
.header .nav-head .logo {
  margin-left: 34px;
}
.header .nav-head .search-wrap {
  position: absolute;
  right: 34px;
  top: 10px;
}
.header .nav-head .search-wrap * {
  vertical-align: middle;
}
.header .nav-head .search-wrap input {
  height: 16px;
  border: 0;
  padding: 10px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 16px;
  width: 285px;
  *margin-right: 10px;
}
.header .nav-head .search-wrap input:focus {
  outline: none;
}
.header .nav-head .ui-btn {
  color: #fff;
  margin-left: 10px;
  font-size: 18px;
  border: 1px solid #ddd;
  line-height: 30px;
  *line-height: 28px;
}
.header .nav-bar {
  height: 53px;
  background-color: #C2C2C2;
}
.header .nav-bar ul {
  margin-left: 34px;
}
.header .nav-bar ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 0;
  vertical-align: top;
}
.header .nav-bar ul li a {
  font-size: 16px;
  color: #656565;
  display: inline-block;
  padding: 0 16px;
  line-height: 50px;
  transition: all .2s linear ;
}
.header .nav-bar ul li a:hover {
  color: #ffffff;
  border-bottom: 3px solid #00aaff;
}
.header .nav-bar .current a {
  border-bottom: 3px solid #00aaff;
  color: #ffffff;
}
.header .nav-bar .login-wrap {
  position: absolute;
  right: 0;
  top: 15px;
  color: #575757;
}
.header .nav-bar .login-wrap .hello {
  margin-right: 10px;
}
.header .nav-bar .login-wrap a {
  color: #5da5ef;
  margin: 0 5px;
}
.light-top,
.dark-top {
  height: 56px;
  padding: 8px 0;
  background: #fff;
  text-align: right;
}
.light-top .top-nav,
.dark-top .top-nav,
.light-top .search,
.dark-top .search,
.light-top .login,
.dark-top .login {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin-top: 12px;
}
.light-top .logo,
.dark-top .logo {
  float: left;
}
.light-top .top-nav,
.dark-top .top-nav {
  font-size: 18px;
}
.light-top .top-nav a,
.dark-top .top-nav a {
  display: inline-block;
  border: 1px solid #FF4E48;
  color: #FF4E48;
  padding: 0 10px;
  margin: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: all 0.2s linear;
}
.light-top .top-nav a:hover,
.dark-top .top-nav a:hover {
  background: #FF4E48;
  color: #fff;
}
.light-top .search,
.dark-top .search {
  margin-left: 20px;
}
.light-top .search input,
.dark-top .search input,
.light-top .search button,
.dark-top .search button {
  vertical-align: middle;
}
.light-top .search input,
.dark-top .search input {
  border: 1px solid #FF4E48;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 32px;
  width: 180px;
  padding: 0 10px;
  line-height: 32px;
  margin-right: 5px;
}
.light-top .search .ui-red-btn,
.dark-top .search .ui-red-btn {
  background: #FF4E48;
  font-size: 18px;
  height: 34px;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  padding: 0 10px;
  *padding: 0 5px;
}
.light-top .login,
.dark-top .login {
  vertical-align: bottom;
  color: #999;
  margin-left: 20px;
  overflow: hidden;
}
.light-top .login a,
.dark-top .login a,
.light-top .login span,
.dark-top .login span {
  color: #8d8d8d;
  margin: 0 5px;
}
.light-top .login a:hover,
.dark-top .login a:hover {
  text-decoration: underline;
}
.dark-top {
  background: #292e31;
}
.dark-top .search input {
  background: #171a1b;
  border-color: #FF4E48;
  color: #fff;
}
.dark-top .login a {
  color: #bdbebf;
}
.light-nav-bar,
.dark-nav-bar {
  background: #2d2d2d;
  height: 41px;
  line-height: 38px;
  padding-top: 6px;
}
.light-nav-bar a,
.dark-nav-bar a {
  font-size: 16px;
  color: #fff;
  border-bottom: 3px solid transparent;
  display: inline-block;
  padding: 0 15px;
  margin-right: 20px;
  transition: all 0.2s linear;
}
.light-nav-bar a:hover,
.dark-nav-bar a:hover {
  border-bottom: 3px solid #00aaff;
}
.light-nav-bar .current,
.dark-nav-bar .current {
  border-bottom: 3px solid #00aaff;
}
.light-nav-bar {
  background: #fff;
}
.light-nav-bar a {
  border-bottom-color: transparent;
  color: #333;
  font-size: 14px;
}
.slide-banner {
  height: 452px;
}
.slide-banner img {
  position: absolute;
  left: 50%;
  margin-left: -800px;
  height: 452px;
  width: 1600px;
}
.disclaimer {
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 30px;
  text-align: center;
  color: #999;
}
.footer-nav {
  background: #f2f2f2;
  border-top: 3px solid #dddddd;
  padding-bottom: 50px;
  *zoom: 1;
}
.footer-nav:before,
.footer-nav:after {
  display: table;
  content: "";
  line-height: 0;
}
.footer-nav:after {
  clear: both;
}
.footer-nav .nav-block,
.footer-nav .contact,
.footer-nav .qr-wrap {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin-left: 40px;
  margin-top: 30px;
}
.footer-nav .nav-block {
  padding-left: 70px;
  background: url(../img/b-ico1.png) left top no-repeat;
  font-size: 0;
  float: left;
}
.footer-nav .nav-block h3 {
  font-size: 16px;
  padding-top: 10px;
}
.footer-nav .nav-block ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: 10px;
  font-size: 14px;
  vertical-align: top;
}
.footer-nav .nav-block ul a {
  color: #7d7d7d;
  transition: all 0.2s linear;
}
.footer-nav .nav-block ul a:hover {
  color: #5da5ef;
}
.footer-nav .nav-block .mr {
  margin-right: 25px;
}
.footer-nav .gg-nav {
  background-image: url(../img/b-ico2.png);
}
.footer-nav .contact {
  color: #7d7d7d;
  padding-top: 10px;
  font-size: 14px;
  float: left;
  margin-left: 60px;
}
.footer-nav .contact b {
  display: block;
  font-size: 18px;
  color: #5da5ef;
}
.footer-nav .qr-wrap {
  float: right;
  margin-right: 50px;
}
.footer-nav .qr-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: center;
  margin: 0 20px;
}
.footer-nav .qr-item span {
  display: block;
  margin-top: 5px;
}
.footer-nav .qr-more {
  width: 430px;
}
.footer-nav .qr-more img,
.footer-nav .qr-more span {
  vertical-align: middle;
}
.footer-nav .qr-more img {
  width: 90px;
  margin-right: 5px;
}
.footer-nav .qr-more span {
  display: inline-block;
}
.footer-nav .qr-more .qr-item {
  width: 200px;
  text-align: left;
  margin: 5px;
  color: #666;
}
.footer-nav .qr-more .qr-item b {
  display: block;
  font-size: 16px;
  color: #333;
}
.footer-nav .qq-btn {
  display: inline-block;
  border: 1px solid #5da5ef;
  color: #666;
  font-size: 16px;
  width: 180px;
  text-align: center;
  background: url(../img/q.png) 30px center no-repeat;
  padding: 5px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.footer-nav .qq-btn:hover {
  color: #5da5ef;
}
.footer-nav .service-time {
  font-size: 12px;
  margin-top: 10px;
}
.footer {
  background: #dcdcdc;
  border-top: 3px solid #d3d3d3;
  /* padding-bottom: 50px; */
}
.footer .info {
  padding: 30px 30px 10px;
  font-size: 12px;
  line-height: 30px;
  color: #222;
  border-bottom: 1px solid #C8C8C8;
  overflow: hidden;
}
.footer .info s {
  display: inline-block;
  height: 10px;
  width: 1em;
}
.footer .info div{float: left;width:310px;line-height: 17px;border-right:1px solid #C8C8C8;margin-bottom: 22px;padding-left: 64px;position: relative;}
.footer .info div:nth-of-type(3n),.footer .info div:last-child{border-right: 0;}
.footer .info a:hover{color:#166FFF;}
.footer .info div img{width:25px;height:25px;position:absolute;left:28px;top:50%;margin-top:-13px; }
.footer .safe {
  /* position: absolute;
  right: 48px;
  top: 22px; 
  width: 380px;*/
  padding: 18px 30px 37px;
  text-align: center;
}
.footer .safe .safe-links{overflow: hiden;}
.footer .safe .safe-links a{display: inline-block;/* width:108px;height: 38px; */border:1px solid #C8C8C8;background: #fff;margin:0 16px;}
.footer .safe p{font-size: 14px;color: #222;line-height: 19px;margin-bottom: 20px;}
.footer .safe p span{padding:0 14px;border-left:1px solid #C8C8C8;border-right:1px solid #C8C8C8;margin:0 20px;}
.footer .safe img {
	width: 18px;height: 18px;
  /*display:block;width: 100%; */
}
.footer .warn {
  position: absolute;
  right: 48px;
  top: 22px;
  width: 380px;
  color: #666;
  font-size: 12px;
}
.footer .warn b {
  display: block;
  margin-bottom: 3px;
}
.zs-page {
  padding: 20px;
}
.zs-page .img {
  text-align: center;
}
.zs-page .img img {
  border: 1px solid #ddd;
  display: block;
  margin: 0 auto;
}
.zs-page .btn-wrap {
  text-align: center;
  margin-top: 20px;
}
/*
* 基础布局
* @ Name:        layout.css V1.0.0
* @ Author:      一丝
* @ Update:      2013-9-30 15:39:51;
* @ Copyright:   MIT License
*/
/*
*@ Name:       inline-block 组件
*@ Author:     一丝
*@ Update:     2013-9-29 16:05:04
*@ Usage:      清除空隙需在外层容器加上 dib-box，dib 可单独使用
*/
.dib {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.dib-box {
  font-size: 0;
  /* 所有浏览器 */
  *word-spacing: -1px;
  /* IE6/7 */
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .dib-box {
    letter-spacing: -5px;
    /* Safari 5- 等不支持 font-size: 0 的浏览器*/
  }
}
.dib-box .dib {
  vertical-align: top;
  font-size: 12px;
  letter-spacing: normal;
  word-spacing: normal;
  line-height: inherit;
}
/*
*@ Name:        自适应两端对齐组件
*@ Author:      一丝
*@ Update:      2013-9-29 16:05:04
*@ Rely：       依赖 inline-block 解决方案
*@ Usage:       外层加上 justify，内部需要两端对齐的元素都加上 dib,dib 与 justify 不要同时出现
*@ Demo:        http://jsbin.com/OsEcOMA/1/
*/
/**
* 防止行高增大
* 尽量不要在父元素上设置行高
*/
.justify,
.dib-box .justify {
  font-size: 0;
  line-height: inherit;
}
.justify {
  text-align: justify;
  text-justify: inter-ideograph;
  /* IE 6-7 */
  *zoom: 1;
  /* IE 6-7 触发 hasLayout 使一行也能两端对齐 */
  -moz-text-align-last: justify;
  text-align-last: justify;
  /* IE 8+ */
}
/**
* 不支持 text-align-last 的浏览器用伪元素模拟
* 1. margin-left:100% 仅 WebKit 支持
*/
.justify:after {
  content: "";
  display: inline-block;
  width: 100%;
  /* 1 */
}
/* 子元素取消两端对齐 */
.justify .dib {
  -moz-text-align-last: auto;
  text-align-last: auto;
  text-justify: auto;
  text-align: left;
  font-size: 12px;
  letter-spacing: normal;
  word-spacing: normal;
}
/*
*@ Name:       CSS 三角形组件
*@ Author:     一丝
*@ Update:     2013-9-29 16:05:04
*@ Usage:
*/
.arrow {
  font-size: 0;
  width: 0;
  height: 0;
  line-height: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: -2px;
  border: 0 dashed transparent;
  border-width: 6px;
}
.arrow-top {
  border-bottom-style: solid;
  border-bottom-color: #2AB2DF;
}
.arrow-bottom {
  border-top-style: solid;
  border-top-color: #2AB2DF;
}
.arrow-left {
  border-right-style: solid;
  border-right-color: #2AB2DF;
}
.arrow-right {
  border-left-style: solid;
  border-left-color: #2AB2DF;
}
/* ◤左上角 */
.arrow-left-top {
  border-top-style: solid;
  border-top-color: #2AB2DF;
  border-left-width: 0 !important;
}
/* ◥右上角 */
.arrow-right-top {
  border-top-style: solid;
  border-top-color: #2AB2DF;
  border-right-width: 0 !important;
}
/* ◣左下角 */
.arrow-left-bottom {
  border-bottom-style: solid;
  border-bottom-color: #2AB2DF;
  border-left-width: 0 !important;
}
/* ◢右下角 */
.arrow-right-bottom {
  border-bottom-style: solid;
  border-bottom-color: #2AB2DF;
  border-right-width: 0 !important;
}
.ui-btn {
  cursor: pointer;
  display: inline-block;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  background: none;
  padding: 0 10px;
  vertical-align: middle;
}
.ui-red-btn {
  cursor: pointer;
  display: inline-block;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  background: none;
  padding: 0 10px;
  vertical-align: middle;
  background: #FF4E48;
  color: #fff !important;
}
.ui-blue-btn {
  cursor: pointer;
  display: inline-block;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  background: none;
  padding: 0 10px;
  vertical-align: middle;
  background: #5da5ef;
  color: #fff !important;
}
.ui-title {
  background: #a8a8a8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a8a8a8 0%, #989898 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #a8a8a8 0%, #989898 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #a8a8a8 0%, #989898 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8a8a8', endColorstr='#989898', GradientType=0);
  /* IE6-9 */
  font-size: 18px;
  padding-left: 15px;
  color: #fff;
  line-height: 40px;
}
.ui-tab .ui-tab-btn a {
  cursor: pointer;
}
.ui-tab .ui-tab-con .item {
  display: none;
}
.ui-table {
  margin-bottom: -1px;
}
.ui-table thead th {
  background: #f0f0f0;
  color: #333;
}
.ui-table th,
.ui-table td {
  border: 0;
  border-bottom: 1px solid #ddd;
}
.ui-table tbody {
  color: #666;
}
.ui-table tbody th {
  background: #F9F8F8;
  color: #7d7d7d;
  font-size: 12px;
}
.ui-table tbody th span {
  margin-right: 20px;
}
.ui-table .name {
  font-size: 16px;
}
.ui-table .name a {
  color: #666;
}
.ui-table .name a:hover {
  text-decoration: underline;
}
.ui-table label {
  display: inline-block;
  width: 100px;
}
.ui-table s {
  display: block;
  height: 5px;
}
.ui-list li {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-list .date {
  margin-left: 20px;
  color: #7d7d7d;
}
.ui-news-list h3 {
	font-size: 24px;
}
.ui-news-list a {
  color: #333;
}
.ui-news-list a:hover h3 {
  color: #FF4E48;
}
.ui-news-list li {
  padding: 20px 50px;
  border-bottom: 1px solid #eee;
}
.ui-news-list .des {
  color: #595959;
  margin: 5px 0;
}
.ui-news-list .info {
  color: #9c9c9c;
}
.ui-qa-con {
  border-top: 3px solid #fafafa;
  padding: 10px;
  margin-bottom: -30px;
  background: #fff;
}
.ui-qa-con .qa-item {
  margin-bottom: 30px;
}
.ui-qa-con .qa-header {
  position: relative;
  padding-left: 35px;
  line-height: 1;
  margin-bottom: 10px;
}
.ui-qa-con .qa-header .photo {
  position: absolute;
  left: 0;
}
.ui-qa-con .qa-header .photo img {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ui-qa-con .qa-header .name {
  color: #FF4E48;
}
.ui-qa-con .qa-header .des {
  font-size: 12px;
  color: #7d7d7d;
  margin-top: 3px;
}
.ui-qa-con .qa-header .info {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #b0b0b0;
}
.ui-qa-con .qa-cite {
  border: 1px solid #ddd;
  color: #8d8d8d;
  padding: 5px;
  font-size: 12px;
}
.ui-qa-con .mark {
  color: #1f8ab6;
}
.ui-tag {
  border: 1px solid #09F;
  background-color: #FFF;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  padding: 0px 5px;
  color: #5da5ef;
  line-height: 1.6;
  font-size: 12px;
}
.ui-tag .arrow {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: -27px;
  left: 16px;
}
.ui-tag .arrow * {
  display: block;
  border-width: 8px;
  position: absolute;
  border-style: solid dashed dashed dashed;
  font-size: 0;
  line-height: 0;
}
.ui-tag .arrow em {
  border-color: #09F transparent transparent;
}
.ui-tag .arrow span {
  border-color: #FFF transparent transparent;
  top: -1px;
}
.ui-scroll-data {
  *zoom: 1;
  position: relative;
}
.ui-scroll-data:before,
.ui-scroll-data:after {
  display: table;
  content: "";
  line-height: 0;
}
.ui-scroll-data:after {
  clear: both;
}
.ui-scroll-data .h-title,
.ui-scroll-data dt {
  font-size: 16px;
  line-height: 2;
  color: #999;
}
.ui-scroll-data .data-title {
  float: left;
  color: #999;
}
.ui-scroll-data .data-con {
  float: right;
  width: 240px;
  overflow: hidden;
  text-align: right;
}
.ui-scroll-data .data-con .inner {
  width: 480px;
  font-size: 0;
}
.ui-scroll-data .data-con dl {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 110px;
  font-size: 14px;
  padding-right: 10px;
}
.ui-scroll-data .pre-btn,
.ui-scroll-data .next-btn {
  position: absolute;
  top: -20px;
}
.ui-scroll-data .pre-btn {
  font-size: 0;
  width: 0;
  height: 0;
  line-height: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: -2px;
  border: 0 dashed transparent;
  border-width: 6px;
  border-right-style: solid;
  border-right-color: #2AB2DF;
  right: 30px;
}
.ui-scroll-data .next-btn {
  font-size: 0;
  width: 0;
  height: 0;
  line-height: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: -2px;
  border: 0 dashed transparent;
  border-width: 6px;
  border-left-style: solid;
  border-left-color: #2AB2DF;
  right: 10px;
}
.ui-scroll-data .dis-pre {
  border-right-color: #ddd;
}
.ui-scroll-data .dis-next {
  border-left-color: #ddd;
}
.ui-news-wrap {
  padding: 30px 50px;
}
.ui-news-wrap h2 {
  text-align: center;
}
.ui-news-wrap .news-tag {
  text-align: center;
  color: #999;
  padding-bottom: 5px;
}
.ui-news-wrap .news-tag em {
  font-style: normal;
}
.ui-news-wrap .news-con {
  padding-top: 20px;
  font-size: 15px;
}
.ui-news-wrap .news-con p {
  margin-bottom: 10px;
}
.ui-news-wrap .share-info {
  position: relative;
  top: 0;
  margin-top: 50px;
}
.ui-news-wrap .share-info .qr-btn {
  color: #5da5ef;
  position: relative;
}
.ui-news-wrap .share-info .qr-btn img {
  display: none;
}
.ui-news-wrap .share-info .qr-btn:hover img {
  display: block;
  position: absolute;
  bottom: 20px;
  left: -20px;
  border: 1px solid #ddd;
}
.ui-news-wrap .share-info .wb-btn {
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}
.ui-news-wrap .share-info .bdsharebuttonbox {
  position: absolute;
  right: 0;
  bottom: 5px;
}
/*--------------下载页-----------------------*/
.download-page .slide-banner {
  background: #050e15;
  position: relative;
  height: 452px;
  overflow: hidden;
}
.download-page .slide-banner img {
  margin: 0;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
}
.download-page .slide-banner .banner-img {
  position: absolute;
  left: 50%;
  margin-left: -800px;
  top: 0;
}
.download-page .slide-banner .over-con {
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 150px;
  text-align: center;
  margin-left: 120px;
}
.download-page .slide-banner .over-con .item {
  border: 1px solid #ffffff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 5px;
  width: 180px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
.download-page .slide-banner .over-con a {
  color: #ffffff;
}
.download-page .slide-banner .over-con h3 {
  font-size: 34px;
  border-bottom: 3px solid #ffffff;
  margin: 0 20px;
}
.download-page .slide-banner .over-con b {
  font-size: 22px;
  font-weight: normal;
  margin-left: 10px;
  display: block;
  height: 39px;
}
.download-page .slide-banner .over-con span {
  font-size: 22px;
  line-height: 36px;
  display: block;
  margin: 0 10px;
  background: #FF4E48;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.download-page .slide-banner .shiba-download {
  position: absolute;
  padding-left: 152px;
  left: 50%;
  margin-left: 25px;
  top: 270px;
  font-size: 0;
}
.download-page .slide-banner .shiba-download img {
  position: absolute;
  left: 0;
  width: 136px;
  top: 0;
}
.download-page .slide-banner .shiba-download .btn-l,
.download-page .slide-banner .shiba-download .pay-btn {
  display: block;
  background: #fff6a6;
  color: #391309;
  width: 180px;
  line-height: 40px;
  text-align: center;
  margin: 0px 0px 7px 0px;
  font-size: 16px;
}
.download-page .slide-banner .shiba-download .btn-s {
  display: inline-block;
  background: #fff6a6;
  margin-bottom: 7px;
  width: 88px;
  line-height: 40px;
  color: #391309;
  font-size: 14px;
  margin-right: 3px;
  text-align: center;
}
.download-page .slide-banner .shiba-download .pay-btn {
  background: none;
  border: 1px solid #fff6a6;
  color: #fff6a6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.download-page .slide-banner .slide-risk {
  position: absolute;
  color: #fff;
  left: 50%;
  margin-left: 130px;
  top: 320px;
}
.download-page .slide-banner .slide-risk input,
.download-page .slide-banner .slide-risk span {
  display: inline-block;
  vertical-align: middle;
}
.download-page .slide-banner .slide-risk a {
  color: #FF4E48;
}
.download-page .block-title {
  font-size: 40px;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
  padding-top: 85px;
}
.download-page .block-title span {
  font-size: 20px;
  display: block;
  color: #7d7d7d;
  margin-top: 10px;
}
.download-page .user-wrap {
  height: 160px;
  background: #f2f2f2;
  font-size: 0;
}
.download-page .user-wrap .item {
  width: 20%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 12px;
  text-align: center;
}
.download-page .user-wrap .item a {
  display: block;
}
.download-page .user-wrap .item .des {
  color: #7d7d7d;
}
.download-page .user-wrap .item .des b {
  font-size: 22px;
  color: #565656;
  font-weight: normal;
  display: block;
  line-height: 1.2;
}
.download-page .download-wrap {
  /*height: 724px;*/
  background-color: #F2F2F2;
}
.download-page .download-wrap .down_box {
  font-size: 0;
  margin-top: 120px;
}
.download-page .download-wrap .down_box .span2 {
  width: 20%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.download-page .download-wrap .down_box .span2 a {
  display: block;
  width: 200px;
  height: 210px;
  margin: 0 auto;
  padding-top: 50px;
  text-align: center;
}
.download-page .download-wrap .down_box .span2 a:hover {
  background: #f2f2f2;
}
.download-page .download-wrap .down_box .span2 h3 {
  font-size: 20px;
  padding: 40px 0 10px 0;
  color: #222222;
  line-height: 1;
}
.download-page .download-wrap .down_box .span2 p {
  font-size: 12px;
  color: #929292;
  margin-bottom: 0;
}
.download-page .download-wrap .down_box .span2 .qrcode_version {
  border: 2px solid #ffb600;
  position: relative;
  padding-top: 24px;
  height: 236px;
}
.download-page .download-wrap .down_box .span2 .qrcode_version:hover {
  background: #ffffff;
}
.download-page .download-wrap .down_box .span2 .qrcode_version .recommend {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  overflow: hidden;
  display: block;
  background: url(../img/tj.png) no-repeat;
}
.download-page .download-wrap .down_box .span2 .qrcode_version .qrcode_box {
  width: 140px;
  height: 140px;
  margin: 0 auto 18px;
}
.download-page .download-wrap .down_box .span2 .qrcode_version .qrcode_box img {
  width: 140px;
}
.download-page .download-wrap .down_box .span2 .qrcode_version p {
  font-size: 20px;
  color: #333333;
  line-height: 1.4;
}
.download-page .download-wrap .icon {
  display: inline-block;
  height: 82px;
  margin: 0 auto;
  width: 145px;
  background: url(../img/download/dev.png) no-repeat;
}
.download-page .download-wrap .ios_icon {
  background-position: 0 -20px;
}
.download-page .download-wrap .android_icon {
  background-position: 0 -130px;
}
.download-page .download-wrap .MAC_icon {
  background-position: 0 -228px;
}
.download-page .download-wrap .windows_icon {
  background-position: 0 -338px;
}
.download-page .function-show {
  background: #f2f2f2;
}
.download-page .function-show .w1200 {
  height: 710px;
}
.download-page .function-show .hand {
  width: 553px;
  height: 492px;
  position: absolute;
  background: url(../img/download/hand.png) no-repeat;
  left: 20px;
  bottom: 0;
}
.download-page .function-show .screen {
  position: absolute;
  left: 208px;
  bottom: 0;
  width: 242px;
  height: 429px;
  background: url(../img/download/loading.gif) center center no-repeat;
}
.download-page .function-show .screen .screen-item {
  display: none;
}
.download-page .function-show .screen .screen-item img {
  display: none;
  width: 242px;
  position: absolute;
  left: 0;
  top: 0;
}
.download-page .function-show .ico-wrap {
  position: absolute;
  width: 540px;
  left: 560px;
  font-size: 0;
  text-align: center;
  margin-top: 130px;
}
.download-page .function-show .ico-wrap li {
  width: 20%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 18px;
  margin-bottom: 40px;
  cursor: pointer;
  position: relative;
}
.download-page .function-show .ico-wrap li a {
  color: #333333;
}
.download-page .function-show .ico-wrap li s {
  position: absolute;
  width: 14px;
  height: 14px;
  background: url(../img/download/red-ico.png) no-repeat;
  top: 0;
  right: 24px;
}
.download-page .function-show .ico-wrap .selected .ico2 {
  background-position: 0 -60px;
}
.download-page .function-show .ico-wrap .selected .ico3 {
  background-position: -60px -60px;
}
.download-page .function-show .ico-wrap .selected .ico4 {
  background-position: -120px -60px;
}
.download-page .function-show .ico-wrap .selected .ico5 {
  background-position: -180px -60px;
}
.download-page .function-show .ico-wrap .selected .ico7 {
  background-position: -240px -60px;
}
.download-page .function-show .ico-wrap .selected .ico8 {
  background-position: -300px -60px;
}
.download-page .function-show .ico-wrap .selected .ico9 {
  background-position: -360px -60px;
}
.download-page .function-show .ico-wrap .selected .ico10 {
  background-position: -420px -60px;
}
.download-page .function-show .ico-wrap .selected .ico1 {
  background-position: -480px -60px;
}
.download-page .function-show .ico-wrap .selected .ico6 {
  background-position: -540px -60px;
}
.download-page .function-show .ico-wrap .ico {
  width: 60px;
  height: 60px;
  display: block;
  background: url(../img/download/icons.png);
  margin: 0 auto 5px;
}
.download-page .function-show .ico-wrap .ico2 {
  background-position: 0 0;
}
.download-page .function-show .ico-wrap .ico3 {
  background-position: -60px 0;
}
.download-page .function-show .ico-wrap .ico4 {
  background-position: -120px 0;
}
.download-page .function-show .ico-wrap .ico5 {
  background-position: -180px 0;
}
.download-page .function-show .ico-wrap .ico7 {
  background-position: -240px 0;
}
.download-page .function-show .ico-wrap .ico8 {
  background-position: -300px 0;
}
.download-page .function-show .ico-wrap .ico9 {
  background-position: -360px 0;
}
.download-page .function-show .ico-wrap .ico10 {
  background-position: -420px 0;
}
.download-page .function-show .ico-wrap .ico1 {
  background-position: -480px 0;
}
.download-page .function-show .ico-wrap .ico6 {
  background-position: -540px 0;
}
.download-page .function-show .btn {
  border-color: #5da5ef;
  color: #5da5ef;
  padding: 5px 20px;
}
.download-page .function-show .btn:hover {
  background-color: #5da5ef;
  color: #ffffff;
}
.download-page .function-show .touch {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
  width: 30px;
  height: 30px;
  display: none;
}
.download-page .function-show .touchbtn {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
  width: 30px;
  height: 30px;
  background: #f6bf26;
  border-radius: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
}
.download-page .function-show .kk {
  position: absolute;
  width: 80px;
  height: 240px;
  border: 2px solid #ffb600;
  left: 155px;
  top: 106px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.download-page .all-sys .w1200 {
  height: 740px;
  
}
.download-page .all-sys1 .w1200 {
  height: 300px;
  
}

.download-page .all-sys1 .btn-group {
  position: absolute;
  left: 450px;
  top: 230px;
  z-index: 1;
}
.download-page .all-sys1 .btn-group li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 20px;
}
.download-page .all-sys1 .btn-group li .ui-btn {
  padding: 5px 20px;
  color: #9e9e9e;
  background: #ffffff;
  border: 1px solid #dddddd;
  font-size: 18px;
  overflow: visible;
}
.download-page .all-sys1 .btn-group li .ui-btn:hover {
  background: #00aaff;
  color: #ffffff;
}
.download-page .all-sys1 .btn-group li .selected {
  background: #ffb600;
  color: #ffffff;
}
.download-page .all-sys1 .btn-group li .selected:hover {
  background: #ffb600;
  color: #ffffff;
}
.download-page .all-sys1 .btn-group li .new-ico {
  width: 48px;
  height: 48px;
  background: url(../img/new.png) no-repeat;
  position: absolute;
  left: -16px;
  top: -18px;
}
.download-page .all-sys1 .btn-group li .free-ico {
  width: 48px;
  height: 48px;
  background: url(../img/download/free.png) no-repeat;
  position: absolute;
  left: -16px;
  top: -18px;
}
.download-page .all-sys1 .btn-group li .hot-ico {
  width: 42px;
  height: 33px;
  background: url(../img/download/hot.png) no-repeat;
  position: absolute;
  left: -5px;
  top: -5px;
}
.download-page .all-sys .pc-screen {
  background: url(../img/pc.png) no-repeat;
  position: absolute;
  z-index: 10;
  width: 425px;
  height: 493px;
  right: 0;
  top: 210px;
}
.download-page .all-sys .pc-screen img {
  display: none;
  position: absolute;
  left: 0 ;
  top: 0;
}
.download-page .all-sys .others-app {
  width: 600px;
  border: 1px solid #dddddd;
  background: #ffffff;
  position: absolute;
  top: 506px;
  left: 30px;
  z-index: 20;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  display: none;
}
.download-page .all-sys .others-app .arrow {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -27px;
  right: 170px;
}
.download-page .all-sys .others-app .arrow * {
  display: block;
  border-width: 10px;
  position: absolute;
  border-style: dashed dashed solid dashed;
  font-size: 0;
  line-height: 0;
}
.download-page .all-sys .others-app .arrow em {
  border-color: transparent transparent #dddddd;
}
.download-page .all-sys .others-app .arrow span {
  border-color: transparent transparent #ffffff;
  bottom: -2px;
}
.download-page .all-sys .others-app a {
  margin: 0 10px;
  display: inline-block;
  color: #9e9e9e;
  font-size: 16px;
}
.download-page .all-sys .others-app a:hover {
  color: #FF4E48;
}
.download-page .all-sys .risk {
  position: absolute;
  left: 30px;
  bottom: 150px;
}
.download-page .all-sys .risk input,
.download-page .all-sys .risk span {
  display: inline-block;
  vertical-align: middle;
}
.download-page .all-sys .risk a {
  color: #FF4E48;
}
.download-page .innovate {
  background: #f2f2f2;
}
.download-page .innovate .w1200 {
  height: 780px;
  background: url(../img/download/innovate.png) 100px 300px no-repeat;
}
.download-page .innovate .fun-list {
  color: #7d7d7d;
  margin-top: 150px;
  margin-left: 758px;
}
.download-page .innovate .fun-list li {
  margin-bottom: 10px;
}
.download-page .innovate .fun-list b {
  display: block;
  font-size: 20px;
  color: #000000;
  font-weight: normal;
}
.download-page .innovate .fun-list .ml1 {
  margin-left: -80px;
}
.download-page .innovate .fun-list .ml2 {
  margin-left: -160px;
}
.download-page .innovate .fun-list .ml3 {
  margin-left: -240px;
}
.download-page .innovate .fun-list .ml4 {
  margin-left: -320px;
}
.download-page .video-wrap {
  position: relative;
  font-size: 0;
  overflow: hidden;
  *zoom: 1;
}
.download-page .video-wrap .jwlogo {
  display: none;
}
.download-page .video-wrap .mask {
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  top: 0;
  left: 0;
}
.download-page .video-wrap .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -26px;
  cursor: pointer;
}
.download-page .video-wrap .cover {
  display: block;
  width: 100%;
  height: auto;
}
.download-page .friends .f-group {
  width: 1020px;
  margin: 0 auto;
  font-size: 0;
  margin-top: 45px;
  text-align: center;
}
.download-page .friends .f-group li {
  width: 20%;
  text-align: center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 10px 0;
  vertical-align: middle;
  margin-bottom: 20px;
}
.download-page .friends .des {
  color: #666;
  text-align: center;
  padding-bottom: 50px;
}
.download-page .float-qr {
  position: absolute;
  right: 20px;
  top: 770px;
  z-index: 100;
  text-align: center;
}
.download-page .float-qr .qr-inner {
  background: #ffffff;
  border: 1px solid #dddddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 5px;
  margin-bottom: 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.download-page .float-qr .qr-inner span {
  display: block;
  text-align: center;
  color: #666666;
  font-size: 12px;
}
.download-page .float-qr img {
  width: 100px;
}
.download-page .float-qr .f-img {
  display: block;
}
/*about page style*/

  .content_tony {
	/*text-align: center;*/
    position: relative;
    z-index: 0;
    -webkit-text-size-adjust: none
  }

  .content_tony .content_c {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%
  }

  .content_tony .content_c #maincolumn_full {
    width: 100%;
    position: relative;
    overflow: hidden
  }

  .content_tony .content_c #maincolumn_full .component-changelog {
    width: 100%;
    line-height: 2em;
    margin-bottom: 65px
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history {
    background: url(http://keystock.com.cn/images/download/dot.png) repeat-y 205px 0;
    overflow: hidden;
    position: relative;
    padding-top: 40px
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date h2 {
    background: url(http://keystock.com.cn/images/download/cycle.png) no-repeat 185px 10px;
    height: 60px;
    font-size: 30px;
    margin-top: 30px;
	margin-left: 30px;/*新增调左边空白*/
    cursor: pointer;
    font-weight: bold;
    width: 100%
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date h2 a {
    color: #008cff;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: url(http://keystock.com.cn/images/download/down.png) no-repeat right 50%;
    padding-right: 17px;
    margin: 15px 0 0 0
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date h2 a:hover {
    text-decoration: none
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date h2 img {
    vertical-align: -5px
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date .first {
    z-index: 99;
    margin-top: 0
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date .first .more-history {
    font-size: 16px;
    background: transparent;
    margin-left: 30px
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date .first .more-history:hover {
    text-decoration: none
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul {
    display: inline-block;
    max-width: 850px;
    position: relative;
    left: 158px;
    top: -50px
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul .first {
    display: block
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul li {
    background: url(http://keystock.com.cn/images/download/icon07.gif) no-repeat 264px 10px;
    zoom: 1;
    margin-bottom: 30px
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul li .last {
    padding-bottom: 0
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul li:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul li h3 {
    display: block;
    float: left;
    width: 111px;
    height: 91px;
    line-height: 20px;
    padding-top: 12px;
    color: #008cff;
    font-size: 16px;
    font-family: Arial;
    font-weight: normal;
    cursor: pointer;
    background: url(http://keystock.com.cn/images/download/h3.png) 0 0 no-repeat
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul li dl {
    float: left;
    max-width: 650px
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul li dl dt {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
    width: 250px;
    height: 91px;
    background-color: #008cff;
    padding-left: 30px;
    background: url(http://keystock.com.cn/images/download/blue.png) 0 0 no-repeat
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul li dl dd {
    font-size: 14px;
    padding-top: 5px;
    color: #5A5A5A
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul li dl dd img {
    float: left
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul li dl dd p {
    overflow: hidden;
    zoom: 1;
    line-height: 21px;
    color: #787878
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul li dl a {
    margin-top: 25px;
    display: inline-block;
    width: 150px;
    height: 41px;
    background: url(../img/about/download.png) 0 0 no-repeat
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul li dl a:hover {
    background: url(../img/about/download_hover.png) no-repeat 0 0
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul .orange h3 {
    color: #FF4E48;
    font-size: 16px;
    background: url(../img/about/h3.png) 0 0 no-repeat
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul .orange dl dt {
    background: url(../img/about/orange.png) 0 0 no-repeat
  }

  .content_tony .content_c #maincolumn_full .component-changelog .history .history-date ul .orange dl dt a {
    _background: transparent !important;
    *background: transparent !important;
    *font-size: 12px !important;
    _font-weight: normal !important
  }