@charset "UTF-8";
html { font-family: "微软雅黑", "宋体", Helvetica, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; word-wrap: break-word; }

article, aside, details, figcacption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; text-decoration: none; color: #666; -webkit-tap-highlight-color: transparent; }

a:active, a:hover, a:focus { outline: 0; text-decoration: none; color: #ff8a8a; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

sub, sup { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; width: auto; max-width: 100%; width: 100%; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; }

ton { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: inherit; }

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, a, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; box-sizing: border-box; }

body { color: #666; background: #fff; font: 13.33333px; }

ul, li, ol { list-style: none; line-height: normal; }

h1 { font-size: 1.5em; }

h3 { font-size: 1em; }

small { font-size: 0.875em; }

.clearfix { clear: both; width: 100%; height: 1px; margin-top: -1px; display: block; visibility: hidden; overflow: hidden; }

.content { width: 90%; margin-left: auto; margin-right: auto; }

.bgfff { background-color: #fff; }

.h50 { width: 100%; height: 64px; }

.top-nav { height: 49px; width: 100%; line-height: 49px; background-color: black; position: fixed; top: 0; right: 0; z-index: 9; overflow: hidden; }
.top-nav .top-left, .top-nav .top-right { width: 30px; height: 30px; position: absolute; top: 8px; z-index: 9; }
.top-nav .top-left { left: 10px; }
.top-nav .top-right { right: 10px; }
.top-nav h3 { text-align: center; width: 100%; line-height: 50px; font-size: 16px; color: #fff; }

.top-bar { height: 64px; width: 100%; line-height: 64px; background-color: #ff8a8a; position: fixed; top: 0; right: 0; z-index: 9; overflow: hidden; padding-top: 5px; }
.top-bar .logo { width: 48%; margin-left: 26%; display: block; }

.banner-box { width: 100%; padding: 10px; }

.banner { width: 100%; overflow: hidden; position: relative; }
.banner .hd { width: 100%; height: 11px; position: absolute; z-index: 99; bottom: 5px; text-align: center; }
.banner .hd ul { display: inline-block; height: 5px; padding: 3px 5px; border-radius: 5px; font-size: 0; vertical-align: top; }
.banner .hd ul li { display: inline-block; width: 5px; height: 5px; border-radius: 5px; background: #fff; margin: 0 5px; vertical-align: top; overflow: hidden; }
.banner .hd ul .on { background: #ff8a8a; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd li img { width: 100%; background: url(images/loading.gif) center center no-repeat; }
.banner .bd li a { -webkit-tap-highlight-color: transparent; }

.zixun { width: 100%; height: auto; background-color: #434343; margin-top: -4px; padding-bottom: 1px; box-shadow: 0 3px 3px 3px #3b3b3b outside; }
.zixun h3 { width: 100%; border-bottom: #666 1px solid; height: 30px; line-height: 30px; }
.zixun h3 span { padding: 0 15px; display: inline-block; background-color: #ff00ff; color: #fff; }
.zixun h3 a { float: right; margin-right: 15px; font-size: 0.75em; color: #fff; display: inline-block; }
.zixun h3 a img { width: 7px; position: relative; margin-left: 5px; top: 1px; }
.zixun h3 i { font-size: 1.5em; font-style: normal; position: relative; margin-top: -2px; top: 3px; }
.zixun ul { padding: 10px 15px; font-weight: lighter; color: #fff; }
.zixun ul li { list-style-type: square; list-style-position: outside; margin-left: 20px; line-height: 26px; }
.zixun ul a { color: #ffffff; font-size: 13px; }
.zixun ul span { opacity: 0.5; font-size: 12px; }

.cnav { padding: 30px 2%; }
.cnav li { margin: 2%; width: 29.33%; float: left; text-align: center; }
.cnav li img { width: 100%; }
.cnav li a { color: #fff; }

.btm-nav { width: 100%; height: 70px; padding: 0 10px; }
.btm-nav.fixed { position: fixed; bottom: 0; left: 0; }
.btm-nav .con { width: 100%; height: 70px; border-radius: 10px 10px 0 0; background: #ff8a8a; padding: 10px; }
.btm-nav .con p { font-size: 12px; color: #fff; margin-bottom: 10px; }
.btm-nav .con a { display: inline-block; border-radius: 5px; text-align: center; height: 22px; line-height: 22px; background-color: #fff; color: #ff7070; font-size: 14px; }
.btm-nav .con .a1 { padding: 0 16px; }
.btm-nav .con .a2, .btm-nav .con .a3 { padding: 0 6px; margin-left: 10px; }

.tabBox { font-size: 14px; font-weight: lighter; }
.tabBox .hd { padding: 10px; background-color: #141414; width: 100%; height: 50px; }
.tabBox .hd ul { width: 100%; height: 30px; line-height: 30px; font-size: 14px; overflow: hidden; background: #323232; border: 1px solid #666; border-radius: 5px; }
.tabBox .hd ul li { height: 30px; line-height: 30px; float: left; text-align: center; border-left: #666 1px solid; padding: 0 12px; }
.tabBox .hd ul li:first-child { border: none; }
.tabBox .hd ul li.on { display: block; background-color: #4e4e4e; }
.tabBox .hd ul li.on a { color: #fff; }
.tabBox .hd .li1 { width: 40%; }
.tabBox .hd .li2 { width: 40%; }
.tabBox .hd .li3 { width: 20%; }
.tabBox .bd { width: 100%; background-color: #323232; }
.tabBox .bd ul { padding: 0px; background-color: #323232; }
.tabBox .bd ul li { border-top: #1b1b1b 1px solid; border-bottom: 1px solid #434343; padding: 10px; }
.tabBox .bd li a { -webkit-tap-highlight-color: transparent; }
.tabBox .left { width: 20%; float: left; margin-right: 10px; }
.tabBox .right { width: 75%; float: left; }
.tabBox .right a { color: #fff; font-size: 1.125em; margin: 3px 0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tabBox .top { font-size: 13px; }
.tabBox .top time { float: right; }
.tabBox .tips { font-size: 12px; }
.tabBox .tips span { color: #fff; opacity: 0.7; }

.page02 .con03 li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.page02 { width: 100%; padding: 10px; }
.page02 .h3 { width: 100%; font-size: 13px; color: #614b4b; height: 24px; line-height: 24px; font-weight: bold; background-color: #ebebeb; border-radius: 5px; padding: 0 10px; }
.page02 .h3 a.back, .page02 .h3 a.more { float: right; }
.mt30.page02 { margin-top: 30px; }

.page02 { margin-top: 30px; }
.page02 .con { font-size: 11px; color: #797979; line-height: 22px; padding: 30px; text-indent: 2em; }
.page02 .con03 { padding: 0 2%; padding-top: 30px; }
.page02 .con03 li { width: 100%; display: block; margin-top: 20px; }
.page02 .con03 .img { width: 25%; float: left; }
.page02 .con03 p { width: 100%; padding-left: 27%; text-align: justify; font-size: 11px; color: #797979; line-height: 22px; }
.page02 .con04 { padding: 0 2%; padding-top: 30px; }
.page02 .con04 img { width: 100%; display: block; margin: 10px auto; }
.page02 .con04 img.w2 { width: 30%; }
.page02 .con04 p { width: 100%; text-align: justify; font-size: 11px; color: #797979; line-height: 22px; text-indent: 2em; }

@media screen and (min-width: 375px) { .btm-nav .con a { font-size: 16px; }
  .btm-nav .con .a1 { padding: 0 25px; }
  .btm-nav .con .a2, .btm-nav .con .a3 { padding: 0 8px; margin-left: 15px; } }
@media screen and (min-width: 414px) { .btm-nav .con a { font-size: 16px; }
  .btm-nav .con .a1 { padding: 0 25px; }
  .btm-nav .con .a2, .btm-nav .con .a3 { padding: 0 14px; margin-left: 20px; } }