@charset "utf-8";

@font-face {
  font-family: 'SourceHanSansCN-Normal';
  src: url('/chinese/fonts/SourceHanSansCN-Normal.eot');
  /* IE9*/
  src: local('?'), url('/chinese/fonts/SourceHanSansCN-Normal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/chinese/fonts/SourceHanSansCN-Normal.woff') format('woff'), /* chrome、firefox */ url('/chinese/fonts/SourceHanSansCN-Normal.ttf') format('truetype'),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('/chinese/fonts/SourceHanSansCN-Normal.svg#iconfont') format('svg'), /* iOS 4.1- */ url('/chinese/fonts/SourceHanSansCN-Normal.svg#svgFontName') format('svg'),
    /* iOS 4.1- */ url('/chinese/fonts/SourceHanSansCN-Normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Gotham-Light';
  src: url('/chinese/saicfonten/Gotham-Light.eot');
  src: url('/chinese/saicfonten/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('/chinese/saicfonten/Gotham-Light.woff') format('woff'), url('/chinese/saicfonten/Gotham-Light.ttf') format('truetype'), url('/chinese/saicfonten/Gotham-Light.svg#YourWebFontName') format('svg');
  font-weight: bold;
  font-style: normal;
}

body {
  /* font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; */
  font-family: 'Gotham-Light', 'SourceHanSansCN-Normal';
  -webkit-text-size-adjust: none;
  font-size: 12px;
  line-height: 1.5;
  color: #666;
  background-color: '#FFFFFF';
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

ul,
ol {
  list-style: none;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

img {
  vertical-align: top;
  border: 0;
}

::-moz-selection {
  background: #2db7f5;
  color: #fff;
}

::selection {
  background: #2db7f5;
  color: #fff;
}

a {
  color: #333;
  background: transparent;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

a:hover {
  color: #126ba4;
}

a:active {
  color: #126ba4;
}

a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}

a[disabled] {
  color: #ccc;
  cursor: not-allowed;
  pointer-events: none;
}

.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}

.clearfix:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.section,
.wrap {
  width: 1172px;
  margin: 0 auto;
  zoom: 1;
}

.section:before,
.wrap:before,
.section:after,
.wrap:after {
  content: ' ';
  display: table;
}

.section:after,
.wrap:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.section:before,
.wrap:before,
.section:after,
.wrap:after {
  content: ' ';
  display: table;
}

.section:after,
.wrap:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.section .primary,
.wrap .primary {
  float: left;
  width: 768px;
  margin-top: -20px;
}

.section .aside,
.wrap .aside {
  float: right;
  width: 382px;
  margin-top: -20px;
}

.section .side,
.wrap .side {
  float: left;
  width: 180px;
  margin-right: 30px;
  padding-top: 20px;
}

.section .main,
.wrap .main {
  float: right;
  width: 940px;
  padding: 20px 0;
}

.wrap {
  padding: 30px 0;
}

.data-main .panel {
  margin-top: 30px;
}

.data-main .panel:first-child {
  margin-top: 0;
}

.header {
  height: 80px;
}

.header .logo {
  float: left;
  width: 160px;
  height: 55px;
  margin-top: 12px;
  font-size: 0;
  background: url(../images/logo.png) no-repeat;
}

.header .logo a {
  display: block;
  height: 100%;
}

.header .share {
  float: right;
  margin-top: 25px;
  font-size: 0;
}

.header .share .ico {
  display: inline-block;
  width: 27px;
  height: 27px;
  margin-left: 12px;
  background: url(../images/share-sprite.png) no-repeat;
  vertical-align: top;
  cursor: pointer;
}

.header .share .ico.ico-weixin {
  position: relative;
  background-position: 0 0;
}

.header .share .ico.ico-weixin:hover .code-weixin {
  top: 100%;
  bottom: auto;
  background-image: url(../images/x-code-weixin.png);
}

.header .share .ico.ico-weibo {
  background-position: -27px 0;
}

.header .share .ico.ico-english {
  background-position: -54px 0;
}

.header .share .ico-text {
  display: inline-block;
  font-size: 14px;
  /* font-family:Arial; */
  font-family: 'SourceHanSansCN-Normal';
  margin-left: 12px;
  vertical-align: top;
  line-height: 30px;
  color: #000;
}

.site-nav {
  position: relative;
  z-index: 10;
  border-top: 1px solid #e7e7e7;
  font-size: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.site-nav ul {
  display: table;
  width: 100%;
}

.site-nav li {
  position: relative;
  font-size: 14px;
  display: table-cell;
  text-align: center;
  *width: 16.66%;
  *display: inline;
  *zoom: 1;
  margin-top: -1px;
}

.site-nav li.hover,
.site-nav li.active {
  color: #126ba4;
}

.site-nav li.hover a,
.site-nav li.active a,
.site-nav li.hover a:hover,
.site-nav li.active a:hover {
  color: #126ba4;
  border-top-color: #408ed6;
}

.site-nav li a,
.site-nav li a:hover {
  display: inline-block;
  height: 48px;
  line-height: 46px;
  border-top: 5px solid transparent;
  padding: 0 20px;
}

.site-nav li a:hover {
  border-top-color: #408ed6;
}

.sub-nav {
  position: relative;
  height: 46px;
  line-height: 46px;
  border-bottom: 5px solid #d2d6d9;
  font-size: 0;
  text-align: center;
  background-color: #f9f9f9;
}

.sub-nav ul {
  position: absolute;
  left: 50%;
  bottom: -5px;
  display: table;
  width: 1200px;
  margin-left: -600px;
  table-layout: fixed;
}

.sub-nav li {
  display: table-cell;
  font-size: 14px;
  text-align: center;
  color: #a9a9a9;
  *display: inline;
  *zoom: 1;
}

.sub-nav li.hover,
.sub-nav li.active {
  color: #126ba4;
}

.sub-nav li.hover a,
.sub-nav li.active a,
.sub-nav li.hover a:hover,
.sub-nav li.active a:hover {
  color: #126ba4;
  border-bottom-color: #408ed6;
}

.sub-nav li a {
  color: #a9a9a9;
}

.sub-nav li a,
.sub-nav li a:hover {
  display: block;
  border-bottom: 5px solid transparent;
}

.sub-nav li a:hover {
  border-bottom-color: #408ed6;
}

.sub-nav.sub-nav-2 li {
  *width: 50%;
}

.sub-nav.sub-nav-3 li {
  *width: 33.33%;
}

.sub-nav.sub-nav-4 li {
  *width: 25%;
}

.sub-nav.sub-nav-5 li {
  *width: 20%;
}

.sub-nav.sub-nav-6 li {
  *width: 16.66%;
}

.sub-nav.sub-nav-7 li {
  *width: 14.28%;
}

.sub-nav.sub-nav-8 li {
  *width: 12.5%;
}

.sub-nav.sub-nav-9 li {
  *width: 11.11%;
}

.sub-nav.sub-nav-10 li {
  *width: 10%;
}

.menu {
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.menu li {
  border-top: 1px solid #eee;
  font-size: 14px;
  line-height: 42px;
  text-align: center;
}

.menu li:first-child {
  border-top: 0;
}

.menu li.active,
.menu li:hover {
  font-weight: 700;
  background-color: #e5f1fb;
}

.menu li.active a,
.menu li:hover a {
  color: #126ba4;
}

.menu li a {
  display: block;
  color: #787878;
}

.x-wrap {
  width: 1172px;
  margin: 0 auto;
  zoom: 1;
}

.x-wrap:before,
.x-wrap:after {
  content: ' ';
  display: table;
}

.x-wrap:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-wrap:before,
.x-wrap:after {
  content: ' ';
  display: table;
}

.x-wrap:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-wrap .x-aside {
  float: left;
  width: 190px;
  margin-right: 30px;
}

.x-wrap .x-aside h2 {
  padding-bottom: 25px;
  font-weight: 400;
  font-size: 22px;
  text-align: center;
  color: #2e8cc9;
  background: url(../images/bg-sep.png) no-repeat center bottom;
}

.x-wrap .x-primary {
  float: left;
  width: 952px;
  zoom: 1;
}

.x-wrap .x-primary > .only-pic:first-child {
  margin-top: 20px;
}

.x-wrap .x-primary .problem .problem-panel {
  margin-top: 0;
  margin-left: 0;
}

.x-wrap .x-primary .problem .problem-panel h5 {
  min-height: 0;
}

.x-wrap .x-primary .problem .problem-panel .problem-item {
  display: block;
  width: auto;
  margin-top: 30px;
  margin-left: 0;
}

.x-banner {
  position: relative;
}

.x-banner .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 1166px;
  height: 258px;
  background: url(../images/shape-banner.png) no-repeat;
}

.x-section {
  width: 1166px;
  margin: 0 auto;
  zoom: 1;
}

.x-section:before,
.x-section:after {
  content: ' ';
  display: table;
}

.x-section:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-section:before,
.x-section:after {
  content: ' ';
  display: table;
}

.x-section:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-section .x-main {
  float: left;
  width: 772px;
}

.x-section .x-widget {
  float: right;
  width: 378px;
}

.data-extends .ext-item {
  margin-top: 30px;
}

.data-extends .ext-item h1 {
  padding-bottom: 10px;
  text-align: center;
  border-bottom: 1px solid #d1d1d1;
}

.data-extends .ext-item .ext-panel {
  margin-top: 20px;
  zoom: 1;
}

.data-extends .ext-item .ext-panel:before,
.data-extends .ext-item .ext-panel:after {
  content: ' ';
  display: table;
}

.data-extends .ext-item .ext-panel:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.data-extends .ext-item .ext-panel:before,
.data-extends .ext-item .ext-panel:after {
  content: ' ';
  display: table;
}

.data-extends .ext-item .ext-panel:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.data-extends .ext-item .ext-panel .ext-info,
.data-extends .ext-item .ext-panel .ext-slide {
  width: 500px;
}

.data-extends .ext-item .ext-panel .ext-info {
  float: left;
}

.data-extends .ext-item .ext-panel .ext-info p {
  margin: 10px 0;
  text-indent: 24px;
}

.data-extends .ext-item .ext-panel .ext-info p.ext-link {
  margin-top: 30px;
}

.data-extends .ext-item .ext-panel .ext-slide {
  float: right;
  margin-top: 10px;
}

.data-extends .ext-item .ext-panel .ext-slide .ext-slide-list {
  float: left;
  width: 426px;
  height: 294px;
  overflow: hidden;
}

.data-extends .ext-item .ext-panel .ext-slide .switchable-nav {
  float: right;
  margin-right: 30px;
  font-size: 0;
}

.data-extends .ext-item .ext-panel .ext-slide .switchable-nav li {
  width: 14px;
  height: 14px;
  margin-bottom: 5px;
  background: url(../images/slide-arrow.png) no-repeat;
  cursor: pointer;
}

.data-extends .ext-item .ext-panel .ext-slide .switchable-nav li.active {
  background-position: left -14px;
}

.data-extends .ext-item.ext-01 .ext-panel .ext-slide-list {
  height: 286px;
}

.data-extends .ext-item.ext-05 .ext-panel .ext-slide-list {
  height: 257px;
}

.data-extends .ext-item.ext-06 .ext-panel .ext-slide-list {
  height: 279px;
}

.data-extends .ext-item.ext-07 .ext-panel .ext-slide-list {
  height: 236px;
}

.data-extends .ext-item.ext-reverse .ext-panel .ext-info {
  float: right;
}

.data-extends .ext-item.ext-reverse .ext-panel .ext-slide {
  float: left;
}

.y-box {
  position: relative;
  zoom: 1;
}

.y-box:before,
.y-box:after {
  content: ' ';
  display: table;
}

.y-box:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.y-box:before,
.y-box:after {
  content: ' ';
  display: table;
}

.y-box:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.y-box .data-model {
  width: auto;
}

.y-box .data-model .item-model {
  margin: 42px 0;
}

.y-box .data-model .item-model p {
  text-indent: 24px;
}

.y-box .y-main {
  float: left;
  width: 560px;
}

.y-box .y-widget {
  float: right;
  width: 480px;
}

.x-box {
  position: relative;
  zoom: 1;
}

.x-box:before,
.x-box:after {
  content: ' ';
  display: table;
}

.x-box:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-box:before,
.x-box:after {
  content: ' ';
  display: table;
}

.x-box:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-box .data-model {
  width: auto;
}

.x-box .data-model .item-model {
  margin: 42px 0;
}

.x-box .data-model .item-model p {
  text-indent: 24px;
}

.x-box .x-main {
  width: 850px;
}

.x-box .x-widget {
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
}

.x-box .x-widget .only-pic {
  position: relative;
  top: 50%;
  margin-top: -150px;
}

.x-topic {
  height: 351px;
  margin-top: 20px;
  padding-left: 379px;
  background: url(../images/new-topic.jpg) no-repeat;
}

.x-topic .x-panel {
  height: 308px;
  margin-top: 0;
  border-left: 0;
}

.x-panel {
  position: relative;
  margin-top: 20px;
  border: 2px solid #f2f2f2;
  padding: 20px;
  min-height: 300px;
}

.x-panel .panel-header {
  zoom: 1;
}

.x-panel .panel-header:before,
.x-panel .panel-header:after {
  content: ' ';
  display: table;
}

.x-panel .panel-header:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-panel .panel-header:before,
.x-panel .panel-header:after {
  content: ' ';
  display: table;
}

.x-panel .panel-header:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-panel .panel-header h2 {
  float: left;
  font-size: 18px;
  padding-left: 16px;
  line-height: normal;
  background: url(../images/dot.gif) no-repeat left center;
}

.x-panel .panel-header .act {
  float: right;
  margin-top: 3px;
  color: #408ed6;
}

.x-panel .panel-header .act a:link,
.x-panel .panel-header .act a:visited {
  color: #408ed6;
}

.x-panel .panel-header .act a:hover,
.x-panel .panel-header .act a:active {
  color: #408ed6;
}

.x-panel .rc-tl,
.x-panel .rc-tr,
.x-panel .rc-bl,
.x-panel .rc-br {
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(../images/shape-corners.png) no-repeat;
  z-index: 1;
}

.x-panel .rc-tl {
  top: -2px;
  left: -2px;
  background-position: left top;
}

.x-panel .rc-tr {
  top: -2px;
  right: -2px;
  background-position: right top;
}

.x-panel .rc-bl {
  left: -2px;
  bottom: -2px;
  background-position: left bottom;
}

.x-panel .rc-br {
  right: -2px;
  bottom: -2px;
  background-position: right bottom;
}

.x-two {
  margin: 12px 10px 0;
  font-size: 14px;
}

.x-two ul {
  margin-left: -2%;
  zoom: 1;
}

.x-two ul:before,
.x-two ul:after {
  content: ' ';
  display: table;
}

.x-two ul:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-two ul:before,
.x-two ul:after {
  content: ' ';
  display: table;
}

.x-two ul:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-two li {
  float: left;
  width: 45%;
  margin-top: 12px;
  margin-left: 5%;
}

.x-two-list {
  padding: 20px 0;
  font-size: 0;
}

.x-two-list ul {
  margin-left: -100px;
}

.x-two-list li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 400px;
  margin-left: 100px;
  padding: 10px;
  font-size: 14px;
  border-bottom: 1px solid #e9e9e9;
}

.x-3-list {
  padding: 20px 0;
  font-size: 0;
}

.x-3-list ul {
  margin-left: -100px;
}

.x-3-list li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 220px;
  margin-left: 100px;
  padding: 10px;
  font-size: 14px;
  border-bottom: 1px solid #e9e9e9;
}

.x-layout {
  margin-left: -16px;
  zoom: 1;
}

.x-layout:before,
.x-layout:after {
  content: ' ';
  display: table;
}

.x-layout:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-layout:before,
.x-layout:after {
  content: ' ';
  display: table;
}

.x-layout:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-layout .x-lay {
  float: left;
  width: 50%;
}

.x-layout .x-lay .x-panel {
  margin-left: 16px;
}

.x-list {
  margin-top: 12px;
  font-size: 14px;
}

.x-list ul {
  margin-bottom: -10px;
  overflow: hidden;
}

.x-list li {
  margin: 10px 0 -1px 0;
  padding-bottom: 12px;
  border-bottom: 1px solid #e9e9e9;
}

.x-regular {
  min-height: 220px;
  padding-bottom: 100px;
  background: url(../images/regular.gif) no-repeat center bottom;
}

.x-regular .x-list ul,
.x-regular .x-list li {
  margin-bottom: 0;
}

.x-table {
  height: 308px;
}

.x-table table {
  width: 100%;
  *width: auto;
  table-layout: fixed;
  margin-top: 20px;
  font-size: 14px;
}

.x-table table td {
  padding: 5px 10px;
}

.x-stock {
  background: url(../images/stock.png);
  background-size: 100% 100%;
  /* 或使用 contain */
  background-position: center;
  /* 确保背景图片居中 */
  background-repeat: no-repeat;
  /* 防止背景图片重复 */
}

.x-stock .panel-header h2 {
  background-image: url(../images/dot.gif);
}

.x-report {
  background: url(../images/report.png);
  /* margin-left: 20px;
  margin-right: 20px; */
  background-size: 100% 100%;
  /* 或使用 contain */
  background-position: center;
  /* 确保背景图片居中 */
  background-repeat: no-repeat;
  /* 防止背景图片重复 */
}

.x-announcement {
  background: url(../images/announcement.png);
  background-size: 100% 100%;
  /* 或使用 contain */
  background-position: center;
  /* 确保背景图片居中 */
  background-repeat: no-repeat;
  /* 防止背景图片重复 */
}

.x-finance {
  background: url(../images/finance.png);
  background-size: 100% 100%;
  /* 或使用 contain */
  background-position: center;
  /* 确保背景图片居中 */
  background-repeat: no-repeat;
  /* 防止背景图片重复 */
}

.x-sale {
  background: url(../images/sale.png);
  /* margin-left: 20px;
  margin-right: 20px; */
  background-size: 100% 100%;
  /* 或使用 contain */
  background-position: center;
  /* 确保背景图片居中 */
  background-repeat: no-repeat;
  /* 防止背景图片重复 */
}

.x-contact {
  background: url(../images/contact.png);
  background-size: 100% 100%;
  /* 或使用 contain */
  background-position: center;
  /* 确保背景图片居中 */
  background-repeat: no-repeat;
  /* 防止背景图片重复 */
}

.x-menu {
  margin-top: 5px;
}

.x-menu li {
  padding: 8px 0;
  font-size: 14px;
  border-bottom: 1px solid #ededed;
}

.x-menu li a {
  display: block;
  height: 24px;
  padding-left: 42px;
  line-height: 24px;
  color: #a7a6a6;
  background: url(../images/x-menu-dot.gif) no-repeat 10px center;
}

.x-menu li a:link,
.x-menu li a:visited {
  color: #a7a6a6;
  text-decoration: none;
}

.x-menu li a:hover,
.x-menu li a:active {
  color: #fff;
  text-decoration: none;
  background-color: #408ed6;
}

.x-menu li ul {
  display: none;
  margin-left: 36px;
}

.x-menu li li {
  margin: 15px 0;
  padding: 0 0 0 12px;
  border: 0;
  background: url(../images/menu-dot.gif) no-repeat left 7px;
}

.x-menu li li a {
  height: auto;
  padding-left: 0;
  line-height: normal;
  background: 0 0;
  zoom: 1;
}

.x-menu li li a:hover {
  background: 0 0;
}

.x-menu li li a:link,
.x-menu li li a:visited {
  color: #a7a6a6;
}

.x-menu li li a:hover,
.x-menu li li a:active {
  color: #278bcb;
}

.x-menu li li:hover,
.x-menu li li.hover {
  background-image: url(../images/menu-dot-hover.gif);
}

.x-menu li li:hover a:link,
.x-menu li li.hover a:link,
.x-menu li li:hover a:visited,
.x-menu li li.hover a:visited {
  color: #278bcb;
}

.x-menu li li:hover a:hover,
.x-menu li li.hover a:hover,
.x-menu li li:hover a:active,
.x-menu li li.hover a:active {
  color: #278bcb;
}

.x-menu li.hover a:link,
.x-menu li.hover a:visited {
  color: #fff;
  text-decoration: none;
}

.x-menu li.hover a:hover,
.x-menu li.hover a:active {
  color: #fff;
  text-decoration: none;
}

.x-menu li.hover ul {
  display: block;
}

.x-menu li.hover li a {
  background: 0 0;
}

.x-menu li.hover li a:link,
.x-menu li.hover li a:visited {
  color: #a7a6a6;
}

.x-menu li.hover li a:hover,
.x-menu li.hover li a:active {
  color: #278bcb;
}

.x-menu li.hover li.hover a:link,
.x-menu li.hover li.hover a:visited {
  color: #278bcb;
}

.x-menu li.hover li.hover a:hover,
.x-menu li.hover li.hover a:active {
  color: #278bcb;
}

.x-menu li a:hover,
.x-menu li.hover a {
  background-color: #408ed6;
  background-image: url(../images/x-menu-dot-hover.gif);
}

.x-contact {
  margin-top: 20px;
}

.x-contact h3 {
  font-size: 14px;
  font-weight: 400;
}

.x-contact li {
  margin-top: 5px;
  color: #8d8d8d;
}

.x-panel-body {
  margin-top: 20px;
}

.x-post {
  font-size: 14px;
  line-height: 1.8;
}

.x-post h3,
.x-post p {
  margin-top: 20px;
}

.x-post p {
  text-indent: 24px;
}

.x-post p.x-media {
  margin-top: 30px;
  text-indent: 0;
}

.x-post .x-align-right {
  float: right;
}

.x-post .x-align-left {
  float: left;
}

.x-post h3 {
  font-size: 18px;
  font-weight: 400;
}

.x-temp-box {
  zoom: 1;
}

.x-temp-box:before,
.x-temp-box:after {
  content: ' ';
  display: table;
}

.x-temp-box:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-temp-box:before,
.x-temp-box:after {
  content: ' ';
  display: table;
}

.x-temp-box:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-temp-box .x-temp-table {
  overflow: hidden;
  zoom: 1;
}

.x-temp-box .x-temp-table .table th,
.x-temp-box .x-temp-table .table td {
  padding: 7px 10px;
}

.x-temp-box .x-temp-info {
  float: right;
  width: 245px;
  margin: 20px 0 0 30px;
  padding: 20px;
  font-size: 14px;
  border-radius: 10px;
  background-color: #eee;
}

.x-offer {
  height: 945px;
  background: url(../images/bg-offer.jpg) no-repeat center top;
}

.x-offer-bg {
  min-height: 500px;
  padding: 30px 0 72px;
  background: url(../images/x-offer-bg.jpg) no-repeat center bottom;
}

.x-offer-layout {
  zoom: 1;
  width: 1176px;
  margin: 0 auto;
  padding: 70px 0;
}

.x-offer-layout:before,
.x-offer-layout:after {
  content: ' ';
  display: table;
}

.x-offer-layout:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-offer-layout:before,
.x-offer-layout:after {
  content: ' ';
  display: table;
}

.x-offer-layout:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-offer-layout > a,
.x-offer-layout > span {
  float: left;
  width: 284px;
  height: 262px;
  margin: 5px;
  background-position: center center;
  background-repeat: no-repeat;
}

.x-offer-layout .x-offer-01 {
  background-image: url(../images/offer/01.png);
}

.x-offer-layout .x-offer-02 {
  background-image: url(../images/offer/02.png);
}

.x-offer-layout .x-offer-03 {
  background-image: url(../images/offer/03.png);
}

.x-offer-layout .x-offer-04 {
  background-image: url(../images/offer/04.png);
}

.x-offer-layout .x-offer-05 {
  background-image: url(../images/offer/05.png);
}

.x-offer-layout .x-offer-06 {
  background-image: url(../images/offer/06.png);
}

.x-offer-layout .x-offer-06:hover {
  background-image: url(../images/offer/06-hover.png);
}

.x-offer-layout .x-offer-07 {
  background-image: url(../images/offer/07.png);
}

.x-offer-layout .x-offer-08 {
  background-image: url(../images/offer/08.png);
}

.x-offer-layout .x-offer-08:hover {
  background-image: url(../images/offer/08-hover.png);
}

.x-offer-layout .x-offer-09 {
  background-image: url(../images/offer/09.png);
}

.x-offer-layout .x-offer-10 {
  background-image: url(../images/offer/10.png);
}

.x-offer-layout .x-offer-11 {
  background-image: url(../images/offer/11.png);
}

.x-offer-layout .x-offer-12 {
  background-image: url(../images/offer/12.png);
}

.x-offer-info .x-offer-header {
  padding: 20px 30px;
  zoom: 1;
}

.x-offer-info .x-offer-header:before,
.x-offer-info .x-offer-header:after {
  content: ' ';
  display: table;
}

.x-offer-info .x-offer-header:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-offer-info .x-offer-header:before,
.x-offer-info .x-offer-header:after {
  content: ' ';
  display: table;
}

.x-offer-info .x-offer-header:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-offer-info .x-offer-header h2 {
  float: left;
  font-size: 18px;
  line-height: normal;
  color: #0067b2;
}

.x-offer-info .x-offer-header .act {
  float: right;
  margin-top: 5px;
  font-size: 14px;
  color: #408ed6;
}

.x-offer-info .x-offer-header .act a:link,
.x-offer-info .x-offer-header .act a:visited {
  color: #408ed6;
  text-decoration: none;
}

.x-offer-info .x-offer-header .act a:hover,
.x-offer-info .x-offer-header .act a:active {
  color: #408ed6;
  text-decoration: underline;
}

.x-offer-info .x-offer-table {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 20px;
  font-size: 14px;
}

.x-offer-info .x-offer-table table {
  width: 100%;
  *width: auto;
  table-layout: fixed;
}

.x-offer-info .x-offer-table td {
  padding: 5px 10px;
}

.x-offer-info .x-offer-view {
  padding: 30px;
  font-size: 14px;
}

.x-offer-info .x-offer-view h3 {
  margin-top: 20px;
  color: #408ed6;
}

.x-offer-info .x-offer-view h3:first-child {
  margin-top: 0;
}

.x-offer-info .x-offer-view ul,
.x-offer-info .x-offer-view ol {
  margin-top: 20px;
}

.x-offer-info .x-offer-view ol li {
  margin: 5px 0;
}

.x-offer-info .x-offer-view ul li {
  margin: 12px 0;
}

.x-offer-info .x-offer-tools {
  padding: 20px 20px 50px;
  text-align: center;
}

.x-offer-info .x-offer-tools .x-offer-submit,
.x-offer-info .x-offer-tools .x-offer-back {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 133px;
  height: 39px;
  font-size: 14px;
  line-height: 39px;
  background: url(../images/x-offer-tools.png) no-repeat;
  cursor: pointer;
}

.x-offer-info .x-offer-tools .x-offer-submit {
  color: #014982;
  background-position: left top;
}

.x-offer-info .x-offer-tools .x-offer-back {
  color: #676767;
  background-position: left bottom;
}

.panel-body .data-pages {
  margin-bottom: 50px;
}

.x-offer-tips {
  position: relative;
  z-index: 1;
  width: 992px;
  height: 340px;
  margin: -15px -20px 0 -20px;
  padding-top: 110px;
  text-align: center;
  background: url(../images/x-offer-tips.png) no-repeat center top;
}

.x-live {
  position: relative;
  height: 1000px;
  overflow: hidden;
}

.bg-live {
  position: absolute;
  left: 50%;
  width: 1920px;
  height: 100%;
  margin-left: -960px;
  background: url(../images/bg-live.jpg) no-repeat center top;
}

.live-body {
  position: absolute;
  left: 50%;
  width: 1172px;
  height: 100%;
  margin-left: -586px;
}

.live-video {
  position: relative;
  top: 280px;
  width: 86%;
  height: 560px;
  margin: 0 auto;
  background-color: #000;
}

.x-live-text {
  position: absolute;
  width: 425px;
  height: 120px;
  background: url(../images/banner/x-live-text.png) no-repeat;
}

.slide .x-live-text {
  top: 60px;
  left: 30px;
  -webkit-animation: moveText 0.3s ease 1s forwards;
  animation: moveText 0.3s ease 1s forwards;
  opacity: 0;
  filter: alpha(opacity=100);
}

.live-body .x-live-text {
  top: 72px;
}

@-webkit-keyframes moveText {
  0% {
    opacity: 0;
    top: 0;
  }

  100% {
    opacity: 1;
    top: 60px;
  }
}

@keyframes moveText {
  0% {
    opacity: 0;
    top: 0;
  }

  100% {
    opacity: 1;
    top: 60px;
  }
}

.x-live-button {
  display: block;
  position: absolute;
  top: 200px;
  left: 50px;
  width: 104px;
  height: 32px;
  background: url(../images/banner/x-live-button.png) no-repeat;
  cursor: pointer;
  -webkit-animation: moveButton 0.3s ease 1.3s forwards;
  animation: moveButton 0.3s ease 1.3s forwards;
  opacity: 0;
  filter: alpha(opacity=100);
}

@-webkit-keyframes moveButton {
  0% {
    opacity: 0;
    left: 0;
  }

  100% {
    opacity: 1;
    left: 50px;
  }
}

@keyframes moveButton {
  0% {
    opacity: 0;
    left: 0;
  }

  100% {
    opacity: 1;
    left: 50px;
  }
}

.data-select label,
.data-select select {
  vertical-align: middle;
}

.panel {
  margin-top: 20px;
}

.panel .panel-header {
  zoom: 1;
}

.panel .panel-header:before,
.panel .panel-header:after {
  content: ' ';
  display: table;
}

.panel .panel-header:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.panel .panel-header:before,
.panel .panel-header:after {
  content: ' ';
  display: table;
}

.panel .panel-header:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.panel .panel-header h2 {
  float: left;
  font-size: 16px;
  padding-left: 16px;
  font-weight: 400;
  line-height: normal;
  background: url(../images/dot.gif) no-repeat left center;
}

.panel .panel-header .act,
.panel .panel-header .data-select {
  float: right;
  margin-top: 3px;
}

.panel .panel-header .data-select select {
  margin-top: -5px;
  padding: 3px;
  border: 1px solid #cdcdcd;
  font-size: 14px;
}

.panel .panel-body {
  margin-top: 12px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.code-weixin {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 100%;
  z-index: 10000;
  width: 121px;
  height: 129px;
  margin-left: -60px;
  background: url(../images/code-weixin.png) no-repeat;
}

.ico-share-weixin:hover .code-weixin,
.ico-weixin:hover .code-weixin {
  display: block;
}

.item {
  padding: 20px;
  border-top: 1px solid #e6e6e6;
  zoom: 1;
}

.item:first-child {
  border-top: 0;
}

.item:before,
.item:after {
  content: ' ';
  display: table;
}

.item:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.item:before,
.item:after {
  content: ' ';
  display: table;
}

.item:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.item .only-pic {
  float: left;
  width: 155px;
}

.item .info {
  float: right;
  width: 552px;
}

.item .info h3 {
  font-size: 14px;
  color: #000;
}

.item .info .item-desc {
  margin-top: 8px;
  color: #333;
}

.item .item-tools {
  margin-top: 8px;
  text-align: right;
}

.item .item-tools .item-date {
  display: inline-block;
  color: #b1b1b1;
  vertical-align: middle;
}

.item .item-tools .item-share {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 22px;
  height: 18px;
  margin-left: 5px;
  font-size: 0;
  vertical-align: middle;
  background: url(../images/ico-share.png) no-repeat center center;
  cursor: pointer;
}

.item .item-tools .item-share .label-panel {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 22px;
  margin-left: -11px;
  padding-bottom: 3px;
}

.item .item-tools .item-share:hover .label-panel {
  display: block;
}

.item .item-tools .item-share .ico-share {
  display: block;
  width: 22px;
  margin-bottom: 5px;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: left top;
  cursor: pointer;
}

.item .item-tools .item-share .ico-share.ico-share-weixin {
  position: relative;
  height: 17px;
  background-image: url(../images/ico-weixin.png);
}

.item .item-tools .item-share .ico-share.ico-share-sina {
  height: 18px;
  background-image: url(../images/ico-sina.png);
}

.area {
  padding: 12px;
  zoom: 1;
}

.area:before,
.area:after {
  content: ' ';
  display: table;
}

.area:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.area:before,
.area:after {
  content: ' ';
  display: table;
}

.area:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.area .only-pic {
  float: left;
  width: 275px;
  margin-right: 20px;
}

.area .only-pic p {
  overflow: hidden;
}

.area .only-pic img {
  width: 100%;
}

.area .only-pic .text {
  display: block;
  height: 36px;
  border-top: 1px solid #fff;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  background-color: #7f7f7f;
}

.area .only-pic .text a {
  color: #fff;
}

.area .only-pic .text a:hover {
  color: #6ac5ff;
}

.area .area-list {
  overflow: hidden;
  zoom: 1;
}

.area .area-list ul {
  margin: -5px 0;
}

.area .area-list li {
  padding: 12px 0;
  font-weight: 700;
  font-size: 14px;
  border-top: 1px solid #e6e6e6;
}

.area .area-list li:first-child {
  border-top: 0;
}

.area .area-list li .date {
  float: right;
  font-weight: 400;
  color: #9f9f9f;
}

.store-wrap .store-tools-wrap {
  position: relative;
  height: 38px;
  margin: 20px 100px;
  border-bottom: 1px solid #e9e8e8;
}

.store-wrap .store-tools-wrap .store-tools {
  position: absolute;
  left: -80px;
  right: -80px;
}

.store-wrap .store-tools-wrap .store-tools table {
  width: 100%;
  *width: auto;
  table-layout: fixed;
}

.store-wrap .store-tools-wrap .store-tools td {
  text-align: center;
}

.store-wrap .store-tools-wrap .store-tools .tool-desc {
  display: block;
  height: 30px;
  font-size: 14px;
  color: #b1b1b1;
}

.store-wrap .store-tools-wrap .store-tools .tool-arrow {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: top;
  overflow: hidden;
  background: url(../images/tool-arrow.gif) no-repeat left -16px;
  cursor: pointer;
}

.store-wrap .store-tools-wrap .store-tools td:hover .tool-desc,
.store-wrap .store-tools-wrap .store-tools .hover .tool-desc {
  color: #278bcb;
}

.store-wrap .store-tools-wrap .store-tools td:hover .tool-arrow,
.store-wrap .store-tools-wrap .store-tools .hover .tool-arrow {
  background-position: left top;
}

.store-wrap .store-body {
  position: relative;
  width: 1108px;
  height: 600px;
  margin: 50px auto 30px;
  overflow: hidden;
}

.store-wrap .store-body .disabled {
  display: none;
  visibility: hidden;
}

.store-wrap .store-demo {
  width: 1108px;
  height: 600px;
}

.store-wrap .store-demo .store-slider {
  float: left;
  width: 1108px;
  height: 600px;
}

.store-wrap .store-arrow {
  position: absolute;
  bottom: 112px;
  z-index: 10000;
  width: 54px;
  height: 54px;
  background: url(../images/store-arrow.png) no-repeat;
  _background-image: url(../images/store-arrow.gif);
  cursor: pointer;
}

.store-wrap .store-prev {
  left: 24px;
  background-position: left top;
}

.store-wrap .store-next {
  right: 24px;
  background-position: left -54px;
}

.data-area {
  margin-left: -50px;
}

.data-area .area-label {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 378px;
  margin: 20px 0 0 80px;
  text-align: center;
  vertical-align: top;
}

.data-area .area-label .only-pic img {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.data-area .area-label .area-title {
  padding: 15px 0;
  font-size: 18px;
  border-bottom: 1px solid #d1d1d1;
  line-height: normal;
}

.data-area .area-label .area-info {
  margin-top: 20px;
  font-size: 14px;
  color: #595959;
}

.data-area .area-label .area-tools {
  margin-top: 20px;
}

.data-area .area-label .area-tools .arrow {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 35px;
  height: 35px;
  background: url(../images/area-arrow.png) no-repeat;
  cursor: pointer;
}

.history {
  min-height: 480px;
}

.culture {
  height: 675px;
  background: url(../images/culture.jpg) no-repeat center top;
}

.org {
  margin-left: -48px;
}

.imgs {
  margin-top: 12px;
}

.imgs ul {
  margin-left: -22px;
  font-size: 0;
}

.imgs li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 22px;
  text-align: center;
}

.imgs li .img {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 10px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.imgs li .img img {
  width: 154px;
}

.imgs li .ico-player {
  position: absolute;
  left: 12px;
  bottom: 12px;
  width: 39px;
  height: 39px;
  background: url(../images/ico-player.png) no-repeat;
  cursor: pointer;
}

.aside .imgs {
  padding-top: 15px;
  border-top: 1px solid #e6e6e6;
}

.aside .imgs ul {
  margin: -18px -8px 0;
}

.aside .imgs li {
  width: 50%;
  margin: 18px 0 0;
}

.aside .imgs li .img img {
  width: 157px;
}

.data-imgs {
  width: 860px;
}

.data-imgs .panel {
  margin-top: 30px;
}

.data-imgs .panel:first-child {
  margin-top: 0;
}

.data-imgs .imgs {
  border-top: 1px solid #e6e6e6;
}

.data-imgs .imgs ul {
  margin-left: -42px;
}

.data-imgs .imgs li {
  margin: 20px 0 0 48px;
}

.ads {
  margin-top: 20px;
  font-size: 0;
  zoom: 1;
}

.ads:before,
.ads:after {
  content: ' ';
  display: table;
}

.ads:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.ads:before,
.ads:after {
  content: ' ';
  display: table;
}

.ads:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.ads .ad {
  width: 50%;
  float: left;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  vertical-align: middle;
}

.ads img {
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.ads ul {
  margin-left: -20px;
  padding: 10px 0;
}

.ads li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 20px;
}

.x-ads {
  margin-top: 20px;
  font-size: 0;
  zoom: 1;
}

.x-ads:before,
.x-ads:after {
  content: ' ';
  display: table;
}

.x-ads:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-ads:before,
.x-ads:after {
  content: ' ';
  display: table;
}

.x-ads:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-ads img {
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.x-ads li {
  margin-top: 12px;
}

.x-ads li:first-child {
  margin-top: 0;
}

.links {
  position: relative;
  min-height: 36px;
  padding: 20px 50px;
}

.links .slide-up,
.links .slide-down,
.links .slide-prev,
.links .slide-next {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 40px;
  margin-top: -20px;
  background-color: #b1cce4;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.links .slide-up.disabled,
.links .slide-down.disabled,
.links .slide-prev.disabled,
.links .slide-next.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: default;
}

.links .slide-up,
.links .slide-prev {
  left: 15px;
  background-image: url(../images/slide-up.png);
}

.links .slide-down,
.links .slide-next {
  right: 15px;
  background-image: url(../images/slide-down.png);
}

.links .links-list {
  width: 666px;
  white-space: nowrap;
  zoom: 1;
  font-size: 0;
  overflow: hidden;
}

.links .links-list:before,
.links .links-list:after {
  content: ' ';
  display: table;
}

.links .links-list:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.links .links-list:before,
.links .links-list:after {
  content: ' ';
  display: table;
}

.links .links-list:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.links .links-list .link {
  width: 666px;
  height: 88px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.links .links-list .link ul {
  text-align: center;
}

.links .links-list .link ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 5px;
  vertical-align: middle;
}

.stock {
  margin: 20px 20px 0;
}

.stock .color-red {
  color: #ff3d3d;
}

.stock .color-green {
  color: #0cff00;
}

.stock .stock-header {
  position: relative;
  display: flex;
  align-items: center;
  zoom: 1;
}

.stock .stock-header:before,
.stock .stock-header:after {
  content: ' ';
  display: table;
}

.stock .stock-header:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.stock .stock-header:before,
.stock .stock-header:after {
  content: ' ';
  display: table;
}

.stock .stock-header:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.stock .stock-header .stock-arrow {
  position: absolute;
  top: 50%;
  left: 52%;
  width: 1px;
  height: 60px;
  margin-top: -30px;
  background-color: #a4c2e1;
}

.stock .stock-header .stock-title {
  float: left;
  width: 52%;
  text-align: center;
  color: #333333;
}

.stock .stock-header .stock-title .stock-key,
.stock .stock-header .stock-title .stock-value {
  display: block;
}

.stock .stock-header .stock-title .stock-key {
  font-size: 20px;
  line-height: normal;
}

.stock .stock-header .stock-title .stock-value {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  font-size: 20px;
}

.stock .stock-header .stock-tips {
  float: right;
  width: 48%;
}

.stock .stock-header .stock-tips .stock-number {
  font-size: 36px;
  line-height: normal;
  text-align: center;
}

.stock .stock-header .stock-tips .stock-plus {
  padding: 0 10px;
  font-size: 14px;
  zoom: 1;
}

.stock .stock-header .stock-tips .stock-plus:before,
.stock .stock-header .stock-tips .stock-plus:after {
  content: ' ';
  display: table;
}

.stock .stock-header .stock-tips .stock-plus:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.stock .stock-header .stock-tips .stock-plus:before,
.stock .stock-header .stock-tips .stock-plus:after {
  content: ' ';
  display: table;
}

.stock .stock-header .stock-tips .stock-plus:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.stock .stock-header .stock-tips .stock-plus .stock-growth,
.stock .stock-header .stock-tips .stock-plus .stock-percentage {
  float: left;
  width: 50%;
  text-align: center;
}

.stock .stock-daily {
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #8db3d9;
  border-bottom: 1px solid #8db3d9;
  font-size: 14px;
  text-align: center;
  line-height: normal;
  /* color: #fff; */
}

.stock .stock-daily .stock-time {
  margin-left: 20px;
}

.stock .stock-info {
  margin-top: 12px;
  padding-left: 20px;
  /* color: #fff; */
  zoom: 1;
}

.stock .stock-info:before,
.stock .stock-info:after {
  content: ' ';
  display: table;
}

.stock .stock-info:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.stock .stock-info:before,
.stock .stock-info:after {
  content: ' ';
  display: table;
}

.stock .stock-info:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.stock .stock-info li {
  float: left;
  width: 50%;
  margin: 5px 0;
  font-size: 14px;
}

.list li,
.data-list li {
  margin: 1px 0 -1px 0;
  padding: 15px;
  border-bottom: 1px solid #e6e6e6;
}

.list li .date,
.data-list li .date {
  float: right;
  color: #9f9f9f;
}

.data-list {
  font-size: 14px;
}

.grid {
  padding: 1px;
}

.grid table {
  width: 100%;
  *width: auto;
  table-layout: fixed;
}

.grid table th,
.grid table td {
  padding: 10px 15px;
  text-align: center;
}

.grid table thead td,
.grid table thead th {
  background-color: #e8e8e8;
}

.grid table td {
  border-top: 1px solid #efefef;
  color: #999;
}

.grid table tbody .name {
  text-align: left;
  color: #333;
}

.grid table tbody tr:first-child td {
  border-top: 0;
}

.post {
  padding: 20px 0;
  font-size: 14px;
}

.post .post-header {
  text-align: center;
}

.post .post-header h1 {
  font-size: 24px;
  font-weight: 400;
}

.post .post-header h3 {
  font-size: 18px;
  font-weight: 400;
}

.post .post-header .post-date {
  margin-top: 12px;
}

.post .post-body {
  line-height: 24px;
  font-size: 14px;
  color: #595959;
}

.post .post-body p {
  margin: 30px 0;
  text-indent: 24px;
}

.post .post-body .post-media {
  text-indent: 0;
  text-align: center;
}

.post .post-footer {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
  text-align: right;
}

.post .post-footer .go-print,
.post .post-footer .go-back {
  margin-left: 20px;
  padding-left: 25px;
  color: #888;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: left center;
}

.post .post-footer .go-print {
  background-image: url(../images/ico-print.gif);
}

.post .post-footer .go-back {
  background-image: url(../images/ico-back.gif);
}

.data-info {
  padding: 0 30px;
}

.data-post {
  font-size: 14px;
  line-height: 1.8;
}

.data-post h4,
.data-post h5 {
  font-size: 14px;
  font-weight: 400;
  color: #278bcb;
}

.data-post h4 {
  margin-bottom: 10px;
}

.data-post h5 {
  margin: 10px 0;
}

.data-post p,
.data-post dl {
  margin-bottom: 20px;
  text-indent: 24px;
}

.data-post .data-media {
  margin-bottom: 30px;
  text-indent: 0;
  text-align: center;
}

.data-fixed {
  height: 520px;
  padding: 0 20px;
  overflow-y: auto;
}

.data-logos {
  text-align: center;
}

.data-logos img {
  margin: 10px 5px 0;
  vertical-align: middle;
}

.data-logo {
  margin: 20px 20px 0;
  height: 100px;
  zoom: 1;
}

.data-logo:before,
.data-logo:after {
  content: ' ';
  display: table;
}

.data-logo:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.data-logo:before,
.data-logo:after {
  content: ' ';
  display: table;
}

.data-logo:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.flex-container {
  display: flex;
  align-items: center;
  /* 垂直居中 */
  height: 100%;
  /* 使flex容器占据.data-logo的全部高度 */
}

.data-logo .only-pic {
  float: left;
  width: 150px;
}

.data-logo .data-post {
  /*overflow:hidden;*/

  zoom: 1;
}

.table-header,
.table-footer {
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  color: #127ab5;
}

.table-header {
  text-align: center;
}

.table-footer {
  text-align: right;
}

.table {
  width: 100%;
  *width: auto;
  *table-layout: fixed;
  border-collapse: collapse;
}

.table th,
.table td {
  padding: 10px;
  font-size: 14px;
  border-bottom: 1px solid #e9e9e9;
}

.table th {
  font-weight: 700;
  border-right: 1px solid #fff;
  color: #fff;
  background-color: #88bcda;
}

.table th:last-child {
  border-right: 0;
}

.table tr:hover td {
  background-color: #f4f4f4;
}

.table td {
  padding: 10px 15px;
  text-align: center;
}

.tab-slider li {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  font-size: 0;
  line-height: 14px;
  background: url(../images/slide-arrow.png) no-repeat left top;
  cursor: pointer;
}

.tab-slider li.active {
  background-position: left -14px;
}

.data-tab {
  margin-top: 20px;
  zoom: 1;
}

.data-tab:before,
.data-tab:after {
  content: ' ';
  display: table;
}

.data-tab:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.data-tab:before,
.data-tab:after {
  content: ' ';
  display: table;
}

.data-tab:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.data-tab .tab-panel {
  float: left;
  width: 905px;
}

.data-tab .tab-panel .panel {
  margin-top: 0;
}

.data-tab .tab-slider {
  float: right;
  width: 15px;
  margin-top: 48px;
}

.data-tab .tab-slider li {
  margin-top: 10px;
}

.portal {
  margin-top: 20px;
  zoom: 1;
}

.portal:before,
.portal:after {
  content: ' ';
  display: table;
}

.portal:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.portal:before,
.portal:after {
  content: ' ';
  display: table;
}

.portal:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.portal .only-pic {
  float: left;
  width: 358px;
  margin-right: 36px;
}

.portal .only-pic img {
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.portal .panel {
  margin-top: 0;
  overflow: hidden;
  zoom: 1;
}

.portal .panel .tab-panel h2 {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: normal;
  color: #fff;
  background-color: #88bcda;
}

.portal .panel .tab-panel .data-list li {
  padding: 10px 15px;
}

.portal .panel .tab-slider {
  padding: 15px 0;
  text-align: center;
}

.portal .panel .tab-slider ul {
  font-size: 0;
}

.portal .panel .tab-slider li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 5px;
  vertical-align: top;
}

.problem,
.data-problem {
  padding: 36px 0;
}

.problem .problem-title,
.data-problem .problem-title {
  text-align: center;
  padding-bottom: 64px;
  background: url(../images/bg-dot.png) no-repeat center bottom;
}

.problem .problem-title h2,
.data-problem .problem-title h2 {
  font-size: 24px;
  font-weight: 400;
  color: #000;
}

.problem .problem-title p,
.data-problem .problem-title p {
  margin-top: 5px;
}

.problem .problem-panel,
.data-problem .problem-panel {
  margin-top: 30px;
  margin-left: -50px;
}

.problem .problem-panel h5,
.data-problem .problem-panel h5 {
  min-height: 42px;
  font-size: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d5d5;
}

.problem .problem-panel h5 em,
.data-problem .problem-panel h5 em {
  display: inline-block;
  font-style: normal;
  vertical-align: bottom;
}

.problem .problem-panel .problem-item,
.data-problem .problem-panel .problem-item {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 480px;
  margin-left: 100px;
}

.problem .problem-panel .problem-item .problem-label,
.data-problem .problem-panel .problem-item .problem-label {
  margin-top: 12px;
  line-height: 1.8;
}

.problem .problem-panel .problem-item .problem-label p,
.data-problem .problem-panel .problem-item .problem-label p {
  margin-bottom: 20px;
}

.data-problem {
  padding: 10px 0;
  font-size: 14px;
}

.data-problem .problem-panel h5 {
  min-height: 0;
}

.data-problem .problem-label p {
  text-indent: 24px;
}

.data-problem .problem-label p.post-media {
  text-indent: 0;
  text-align: center;
}

.data-problem .label-panel {
  margin-top: 120px;
}

.banner {
  height: 318px;
  background-repeat: no-repeat;
  background-position: center top;
}

.banner.investor {
  background-image: url(../images/banner/investor.jpg);
}

.banner.board {
  background-image: url(../images/banner/board.jpg);
}

.banner.supervisor {
  background-image: url(../images/banner/supervisor.jpg);
}

.banner.manager {
  background-image: url(../images/banner/manager.jpg);
}

.banner.rule {
  background-image: url(../images/banner/rule.jpg);
}

.banner.related-data {
  height: 127px;
  background-image: url(../images/banner/related-data.jpg);
}

.data-rule {
  padding: 30px 0;
  font-size: 0;
}

.data-rule li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 300px;
  margin-left: 52px;
  padding: 10px;
  font-size: 14px;
  border-bottom: 1px solid #e9e9e9;
}

.data-social .social-title,
.data-social .social-desc {
  text-align: center;
}

.data-social .social-title {
  margin-top: 20px;
  font-size: 16px;
}

.data-social .social-title h2 {
  font-weight: 400;
  color: #000;
}

.data-social .social-desc {
  margin-top: 12px;
}

.data-social .social-desc p {
  margin-bottom: 5px;
}

.data-social .social-items {
  margin-top: 42px;
  margin-left: 5px;
  padding: 12px 0 30px;
  font-size: 0;
  background: url(../images/bg-dot.png) no-repeat center top;
}

.data-social .social-items .only-pic {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 315px;
  margin: 42px 0 0 56px;
}

.data-social .social-items .only-pic img {
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.intro {
  overflow: hidden;
}

.intro ul {
  margin: 1px 0 -1px 0;
  margin-left: -90px;
  padding: 30px 0;
  border-bottom: 1px solid #dfe2e4;
  font-size: 0;
}

.intro ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 330px;
  margin-left: 90px;
  vertical-align: top;
}

.intro ul li .intro-title {
  font-size: 14px;
  font-weight: 700;
}

.intro ul li .intro-name {
  margin-right: 20px;
}

.intro ul li .intro-body {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.8;
}

.data-dir {
  padding: 30px 0;
  zoom: 1;
}

.data-dir:before,
.data-dir:after {
  content: ' ';
  display: table;
}

.data-dir:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.data-dir:before,
.data-dir:after {
  content: ' ';
  display: table;
}

.data-dir:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.data-dir .only-pic {
  float: left;
  width: 448px;
  height: 738px;
}

.data-dir .data-panel {
  position: relative;
  float: left;
  width: 651px;
  height: auto !important;
  min-height: 676px;
  height: 676px;
  padding: 30px;
  border: 1px solid #e8e8e8;
  border-left: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  background: url(../images/bg-dir.gif) repeat-y left top;
}

.data-dir .dir-panel {
  margin: -10px 0 0 -20px;
  font-size: 0;
}

.data-dir .dir-panel .dir-item {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 280px;
  margin: 20px 0 0 30px;
  padding: 0 10px;
  font-size: 12px;
  vertical-align: top;
}

.data-dir .dir-panel .dir-item h3 {
  font-size: 14px;
}

.data-dir .dir-panel .dir-item .dir-item-info {
  margin-top: 10px;
  line-height: 1.8;
}

.data-dir .dir-panel .dir-item .dir-item-info p {
  margin: 3px 0;
}

.data-pages {
  margin-top: 30px;
  text-align: center;
}

.data-pages .v-hover,
.data-pages .v-page,
.data-pages a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 24px;
  padding: 0 8px;
  border: 1px solid #b1b1b1;
  line-height: 24px;
  vertical-align: top;
  overflow: hidden;
  color: #6f6f6f;
}

.data-pages .v-page,
.data-pages .v-hover,
.data-pages .v-dot {
  /* font-family:arial; */
  font-family: 'SourceHanSansCN-Normal';
  font-size: 12px;
}

.data-pages .v-dot {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.data-pages a:hover,
.data-pages .v-hover {
  color: #fff;
  border: 1px solid #5d5d5d;
  background-color: #5d5d5d;
}

.data-pages a:link,
.data-pages a:visited {
  color: #6f6f6f;
  text-decoration: none;
}

.data-pages a:hover,
.data-pages a:active {
  color: #fff;
  text-decoration: none;
}

.data-view .data-pages {
  display: none;
}

.weixin-lay {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 50px;
  z-index: 10000;
  width: 121px;
  height: 129px;
  margin-left: -60px;
  background: url(../images/code-weixin.png) no-repeat;
}

.item-panel,
.item-list {
  width: 330px;
  padding: 20px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.item-panel .item-box h3,
.item-list .item-box h3 {
  font-size: 14px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d9d9d9;
}

.item-panel .item-box h3 em,
.item-list .item-box h3 em {
  display: block;
  font-style: normal;
}

.item-panel .item-box .only-pic,
.item-list .item-box .only-pic {
  margin-top: 10px;
  text-align: center;
}

.item-panel .item-box .only-pic img,
.item-list .item-box .only-pic img {
  width: 311px;
  height: 206px;
}

.item-panel .item-box .abstract,
.item-list .item-box .abstract {
  margin-top: 12px;
  line-height: 1.8;
  color: #706f6f;
}

.item-panel .item-box .abstract a:link,
.item-list .item-box .abstract a:link,
.item-panel .item-box .abstract a:visited,
.item-list .item-box .abstract a:visited {
  color: #706f6f;
  text-decoration: none;
}

.item-panel .item-box .abstract a:hover,
.item-list .item-box .abstract a:hover,
.item-panel .item-box .abstract a:active,
.item-list .item-box .abstract a:active {
  color: #706f6f;
  text-decoration: underline;
}

.item-panel .intera,
.item-list .intera {
  height: 24px;
  margin-top: 10px;
  color: #b1b1b1;
  zoom: 1;
}

.item-panel .intera:before,
.item-list .intera:before,
.item-panel .intera:after,
.item-list .intera:after {
  content: ' ';
  display: table;
}

.item-panel .intera:after,
.item-list .intera:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.item-panel .intera:before,
.item-list .intera:before,
.item-panel .intera:after,
.item-list .intera:after {
  content: ' ';
  display: table;
}

.item-panel .intera:after,
.item-list .intera:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.item-panel .intera .date,
.item-list .intera .date,
.item-panel .intera .btn-share,
.item-list .intera .btn-share {
  float: left;
}

.item-panel .intera .date,
.item-list .intera .date {
  margin-top: 4px;
}

.btn-share .btn-card,
.btn-share .lnk-share {
  float: left;
  margin-left: 10px;
  background: url(../images/share.png) no-repeat;
  cursor: pointer;
}

.btn-share .btn-card {
  width: 16px;
  height: 19px;
  margin-top: 2px;
  background-position: -3px -2px;
}

.btn-share .btn-over {
  display: none;
  padding-left: 5px;
}

.btn-share .lnk-share {
  width: 28px;
  height: 24px;
}

.btn-share .lnk-share-weixin {
  position: relative;
  background-position: -25px 0;
}

.btn-share .lnk-share-weixin:hover .weixin-lay {
  display: block;
  bottom: 25px;
}

.btn-share .lnk-share-sina {
  background-position: -60px 0;
}

.btn-share .lnk-share-qq {
  background-position: -91px 0;
}

.share-hover .btn-over,
.btn-share:hover .btn-over {
  display: inline-block;
  vertical-align: top;
}

.share-hover .btn-card,
.btn-share:hover .btn-card,
.share-hover .lnk-share,
.btn-share .lnk-share:hover {
  background-image: url(../images/share-hover.png);
}

.item-list ul {
  margin-top: -15px;
}

.item-list li {
  padding: 15px 0;
  border-bottom: 1px solid #dfdfdf;
}

.item-list li h5 {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.item-list li h5 em {
  display: block;
  font-style: normal;
}

.item-list li .date {
  color: #b1b1b1;
}

.item-list .list-more {
  margin-top: 20px;
  font-size: 14px;
  text-align: right;
  color: gray;
}

.item-list .list-more a:link,
.item-list .list-more a:visited {
  color: gray;
  text-decoration: none;
}

.item-list .list-more a:hover,
.item-list .list-more a:active {
  color: gray;
  text-decoration: underline;
}

.panel-layout {
  margin-top: 12px;
  margin-left: -22px;
  zoom: 1;
}

.panel-layout:before,
.panel-layout:after {
  content: ' ';
  display: table;
}

.panel-layout:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.panel-layout:before,
.panel-layout:after {
  content: ' ';
  display: table;
}

.panel-layout:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.panel-layout .item-panel,
.panel-layout .item-list {
  float: left;
  margin-left: 25px;
}

.panel-layout .item-box {
  height: auto !important;
  min-height: 352px;
  height: 352px;
}

.panel-layout .item-box h3 {
  height: 36px;
  overflow: hidden;
}

.panel-layout .item-box .abstract {
  height: 65px;
  overflow: hidden;
}

.panel-layout .item-list {
  height: auto !important;
  min-height: 386px;
  height: 386px;
}

.panel-layout .item-list li h5 {
  height: 48px;
  overflow: hidden;
}

.data-items {
  position: relative;
  margin: -20px 0 0 -20px;
  padding-bottom: 86px;
  zoom: 1;
}

.data-items:before,
.data-items:after {
  content: ' ';
  display: table;
}

.data-items:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.data-items:before,
.data-items:after {
  content: ' ';
  display: table;
}

.data-items:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.data-items .item-panel {
  float: left;
  margin: 20px 0 0 20px;
}

.data-items .data-loading {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top: 42px;
  font-size: 14px;
  text-align: center;
  background: #fff url(../images/loading.gif) no-repeat center top;
}

.data-model {
  width: 1042px;
  margin: -20px auto 0;
}

.data-model .item-model {
  margin-top: 50px;
}

.data-model .item-model h2 {
  font-size: 24px;
  font-weight: 400;
  color: #000;
}

.data-model .item-model .data-label {
  margin-top: 20px;
  font-size: 14px;
}

.data-model .item-model .data-label p {
  margin-top: 20px;
}

.data-model .item-model .model-labels {
  margin-left: -36px;
}

.data-model .item-model .model-labels .info-label {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 320px;
  margin: 30px 0 0 36px;
  font-size: 0;
  vertical-align: top;
}

.data-model .item-model .model-labels .info-label h5 {
  height: 72px;
  padding-bottom: 20px;
  text-align: center;
  border-bottom: 1px solid #d1d1d1;
  line-height: 72px;
}

.data-model .item-model .model-labels .info-label h5 img {
  vertical-align: middle;
}

.data-model .item-model .model-labels .info-label p {
  margin-top: 20px;
  font-size: 12px;
  text-indent: 24px;
  line-height: 1.8;
}

.data-model .item-model .data-post {
  margin-top: 20px;
}

.data-model .video-model {
  float: right;
  margin: 0 0 30px 50px;
  *margin-top: 50px;
  position: relative;
}

.data-model .video-model img {
  border: 1px solid #ebebeb;
}

.data-model .video-model .ico-player {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 57px;
  height: 57px;
  margin: -29px 0 0 -29px;
  background: url(../images/arrow-player.png) no-repeat;
}

.data-model .map-model {
  float: right;
  margin: 30px 0 0 50px;
}

.data-model .pic-model {
  float: right;
  margin: -30px 0 0 50px;
}

.h-wrap {
  min-width: 0;
}

.h-body {
  width: 890px;
  height: 550px;
  padding: 0 15px;
  color: #404040;
  overflow-y: auto;
}

.h-body h1 {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}

.h-post {
  line-height: 2;
}

.h-post p {
  margin: 20px 0;
}

.h-post .data-media {
  margin: 30px 0;
  text-indent: 0;
  text-align: center;
}

.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  position: relative;
  background: url(../images/scroll-bar.gif) repeat-y center top;
}

.jspDrag {
  position: relative;
  top: 0;
  left: 2px;
  width: 10px;
  border: 1px solid #c1c1c1;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: 0;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

* html .jspCorner {
  margin: 0 -3px 0 0;
}

.scroll-pane {
  width: 100%;
  height: 200px;
  overflow: auto;
}

.jspCap {
  display: block;
}

.jspVerticalBar .jspCap {
  height: 10px;
}

.jspHorizontalBar .jspCap {
  width: 50px;
  height: 100%;
}

.data-hidden {
  display: none;
  visibility: hidden;
}

.data-footer {
  text-align: right;
}

.data-footer label {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 20px;
  font-size: 14px;
  font-weight: 700;
  vertical-align: middle;
}

.view-label {
  margin-left: -40px;
  padding: 20px 0;
  zoom: 1;
}

.view-label:before,
.view-label:after {
  content: ' ';
  display: table;
}

.view-label:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.view-label:before,
.view-label:after {
  content: ' ';
  display: table;
}

.view-label:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.view-label .item-label {
  float: left;
  width: 352px;
  min-height: 560px;
  margin-left: 40px;
}

.view-label .item-label .only-pic {
  text-align: center;
}

.view-label .item-label .only-pic img {
  border: 1px solid #dcdcdc;
}

.view-label .item-label .label-info {
  margin-top: 12px;
}

.view-label .item-label .label-info h3 {
  padding-bottom: 12px;
  font-size: 18px;
  font-weight: 400;
  border-bottom: 1px solid #d1d1d1;
  text-align: center;
}

.view-label .item-label .label-info .info-post {
  margin-bottom: -20px;
  padding-top: 20px;
  line-height: 1.8;
  color: #595959;
  overflow: hidden;
}

.view-label .item-label .label-info .info-post h5,
.view-label .item-label .label-info .info-post ul,
.view-label .item-label .label-info .info-post p {
  text-indent: 24px;
}

.view-label .item-label .label-info .info-post h5 {
  font-size: 12px;
}

.view-label .item-label .label-info .info-post ul,
.view-label .item-label .label-info .info-post p {
  margin-bottom: 20px;
}

.view-label .item-label .label-info .info-post a:link,
.view-label .item-label .label-info .info-post a:visited {
  color: #0061c4;
  text-decoration: none;
}

.view-label .item-label .label-info .info-post a:hover,
.view-label .item-label .label-info .info-post a:active {
  color: #0061c4;
  text-decoration: underline;
}

.view-label .item-label .label-info .info-contact {
  margin-left: 24px;
  font-size: 0;
}

.view-label .item-label .label-info .info-contact a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 5px 56px 0 0;
  font-size: 12px;
  white-space: nowrap;
}

.view-label .item-label .label-info .info-tools {
  margin-top: 20px;
  text-align: center;
}

.view-label .item-label .label-info .info-tools .arrow {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 35px;
  height: 35px;
  background: url(../images/area-arrow.png) no-repeat;
  cursor: pointer;
}

.view-label .item-label .label-info .info-map {
  margin: 0 -20px;
  zoom: 1;
}

.view-label .item-label .label-info .info-map:before,
.view-label .item-label .label-info .info-map:after {
  content: ' ';
  display: table;
}

.view-label .item-label .label-info .info-map:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.view-label .item-label .label-info .info-map:before,
.view-label .item-label .label-info .info-map:after {
  content: ' ';
  display: table;
}

.view-label .item-label .label-info .info-map:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.view-label .item-label .label-info .info-map .item-map {
  float: left;
  width: 110px;
  margin: 20px 0 0 20px;
}

.view-label .item-label .label-info .info-map .item-map h5 {
  font-size: 14px;
  color: #0061c4;
}

.view-label .item-label .label-info .info-map .item-map h5 a:link,
.view-label .item-label .label-info .info-map .item-map h5 a:visited {
  color: #0061c4;
  text-decoration: none;
}

.view-label .item-label .label-info .info-map .item-map h5 a:hover,
.view-label .item-label .label-info .info-map .item-map h5 a:active {
  color: #0061c4;
  text-decoration: underline;
}

.view-label .item-label .label-info .info-map .item-map .item-menu dl {
  margin-top: 10px;
}

.view-label .item-label .label-info .info-map .item-map .item-menu dl dt {
  font-weight: 700;
}

.view-label .item-label .label-info .info-map .item-map .item-menu dl dd {
  margin-top: 3px;
}

.data-offer {
  width: 1170px;
  margin: 20px auto;
  background-color: #2986c9;
}

.data-offer .offer-tab {
  height: 56px;
  font-size: 0;
  background: url(../images/offer-tab.gif) repeat-x;
}

.data-offer .offer-tab li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 50%;
  font-size: 18px;
  line-height: 56px;
  text-align: center;
  color: #fff;
  background-color: #94c3e4;
}

.data-offer .offer-tab li a {
  display: block;
  height: 100%;
  color: #fff;
}

.data-offer .offer-tab li.active {
  background: 0 0;
}

.data-offer .offer-items {
  margin-top: -30px;
  margin-left: -100px;
  padding: 0 20px;
}

.data-offer .offer-items .offer-item {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 480px;
  margin-top: 50px;
  margin-left: 100px;
  vertical-align: top;
  color: #fff;
}

.data-offer .offer-items .offer-item h3 {
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  border-bottom: 1px solid #d1d1d1;
}

.data-offer .offer-items .offer-item dl {
  margin-top: 20px;
}

.data-offer .offer-items .offer-item dl dt,
.data-offer .offer-items .offer-item dl dd {
  margin-top: 5px;
}

.data-offer .offer-items .offer-item dl dt {
  font-weight: 700;
  font-size: 14px;
}

.data-offer .offer-items .offer-item .offer-tools {
  margin-top: 20px;
  font-size: 0;
}

.data-offer .offer-items .offer-item .offer-tools a {
  color: #014982;
  text-decoration: none;
}

.data-offer .offer-items .offer-item .offer-button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 133px;
  height: 39px;
  font-size: 14px;
  text-align: center;
  line-height: 39px;
  color: #014982;
  background: url(../images/offer-button.png) no-repeat;
  cursor: pointer;
}

.data-offer .offer-header {
  height: 510px;
  background: url(../images/offer-header.jpg) no-repeat;
}

.data-offer .offer-body {
  padding: 20px 30px;
}

.data-offer .offer-body .table-header,
.data-offer .offer-body .table {
  background-color: #fff;
}

.data-offer .offer-body .post {
  color: #fff;
}

.data-offer .offer-body .post .post-header h1 {
  font-size: 18px;
}

.data-offer .offer-body .post .post-body {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}

.data-offer .offer-body .post .post-body p {
  margin: 20px 0;
}

.data-offer .offer-footer {
  height: 142px;
  background: url(../images/offer-footer.jpg) no-repeat;
}

.data-videos ul {
  margin-top: -30px;
  zoom: 1;
}

.data-videos ul:before,
.data-videos ul:after {
  content: ' ';
  display: table;
}

.data-videos ul:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.data-videos ul:before,
.data-videos ul:after {
  content: ' ';
  display: table;
}

.data-videos ul:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.data-videos li {
  float: left;
  width: 50%;
  margin-top: 30px;
  text-align: center;
}

.data-videos li .video {
  display: block;
  width: 382px;
}

.data-videos li .video .only-pic {
  position: relative;
  padding: 15px;
  border: 1px solid #e9e9e9;
}

.data-videos li .video .only-pic img {
  border: 1px solid #f2f2f2;
}

.data-videos li .video .only-pic .ico-player {
  position: absolute;
  left: 25px;
  bottom: 25px;
  width: 57px;
  height: 57px;
  background: url(../images/arrow-player.png) no-repeat;
}

.data-videos li .video .video-text2 {
  margin-top: 10px;
  font-size: 14px;
  height: 50px;
}

.data-videos li .video .video-text {
  margin-top: 10px;
  font-size: 14px;
  height: 20px;
}

.footer {
  padding: 20px 0;
  background-color: #dededf;
}

.footer .footer-nav {
  float: left;
  line-height: 32px;
  color: #5e5d5b;
}

.footer .footer-nav a:link,
.footer .footer-nav a:visited {
  color: #5e5d5b;
  text-decoration: none;
}

.footer .footer-nav a:hover,
.footer .footer-nav a:active {
  color: #5e5d5b;
  text-decoration: underline;
}

.footer .footer-nav .sep {
  margin: 0 10px;
}

.footer .footer-nav .copyright {
  margin-left: 50px;
}

.footer .footer-icp {
  float: right;
}

.footer .footer-icp * {
  vertical-align: middle;
}

.footer .footer-icp img,
.footer .footer-icp .icp {
  margin: 0 10px;
}

.footer .footer-icp .icp {
  display: inline-block;
}

.slide {
  position: relative;
  height: 325px;
  overflow: hidden;
}

.slide .slide-prev,
.slide .slide-next {
  position: absolute;
  top: 50%;
  width: 42px;
  height: 72px;
  z-index: 10;
  margin-top: -36px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.slide .slide-prev.disabled,
.slide .slide-next.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: default;
}

.slide .slide-prev {
  left: 30px;
  background-image: url(../images/slide-prev.png);
}

.slide .slide-next {
  right: 30px;
  background-image: url(../images/slide-next.png);
}

.slide .slide-body {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1920px;
  height: 325px;
  margin-left: -960px;
}

.slide .slide-label {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1001;
  width: 1200px;
  height: 325px;
  margin-left: -600px;
}

.slide .slide-panel {
  width: 100%;
  height: 100%;
}

.slide .slide-trigger {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 100;
  width: 1200px;
  height: 40px;
  margin-left: -600px;
}

.slide .slide-trigger .slide-nav {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.slide .slide-trigger .slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.slide .slide-trigger .slide-main {
  position: relative;
  padding: 0 15px;
  z-index: 1;
  zoom: 1;
}

.slide .slide-trigger .slide-main:before,
.slide .slide-trigger .slide-main:after {
  content: ' ';
  display: table;
}

.slide .slide-trigger .slide-main:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.slide .slide-trigger .slide-main:before,
.slide .slide-trigger .slide-main:after {
  content: ' ';
  display: table;
}

.slide .slide-trigger .slide-main:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.slide .slide-trigger .slide-main .slide-info {
  position: relative;
  float: left;
  width: 80%;
  height: 40px;
  color: #fff;
  overflow: hidden;
}

.slide .slide-trigger .slide-main .slide-info li {
  font-size: 14px;

  line-height: 40px;
}

.slide .slide-trigger .slide-main .slide-info li a:link,
.slide .slide-trigger .slide-main .slide-info li a:visited {
  color: #ffffff;
  font-size: 14px;
  line-height: 40px;
}

.slide .slide-trigger .slide-main .slide-info li a:hover {
  color: #126ba4;
  font-size: 14px;
  line-height: 40px;
}

.slide .slide-trigger .slide-main .slide-thumb {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -7px;
  font-size: 0;
}

.slide .slide-trigger .slide-main .slide-thumb li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  background: url(../images/slide-arrow.png) no-repeat;
  cursor: pointer;
}

.slide .slide-trigger .slide-main .slide-thumb li.active {
  background-position: left -14px;
}

.y-slide {
  position: relative;
  width: 380px;
  height: 470px;
  margin-top: 30px;
}

.y-slide .y-slide-panel {
  width: 380px;
  height: 470px;
  overflow: hidden;
}

.y-slide .y-slide-prev,
.y-slide .y-slide-next {
  position: absolute;
  top: 50%;
  width: 22px;
  height: 44px;
  z-index: 10;
  margin-top: -22px;
  background: url(../images/y-slide-arrow.png) no-repeat;
  cursor: pointer;
}

.y-slide .y-slide-prev.disabled,
.y-slide .y-slide-next.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: default;
}

.y-slide .y-slide-prev {
  left: -48px;
  background-position: left top;
}

.y-slide .y-slide-next {
  right: -48px;
  background-position: right top;
}

.y-slide .y-slide-nav {
  position: absolute;
  bottom: -30px;
  width: 100%;
  font-size: 0;
  text-align: center;
}

.y-slide .y-slide-nav li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  vertical-align: top;
  background: url(../images/slide-arrow.png) no-repeat;
  cursor: pointer;
}

.y-slide .y-slide-nav li.active {
  background-position: left -14px;
}

.w {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10001;
  overflow: auto;
}

.w .w-wrap {
  position: relative;
  z-index: 10;
  width: 690px;
  margin: 7% auto;
  border-radius: 5px;
  border: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.w .w-wrap {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.w.show .w-wrap {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.w.w-dialog .w-wrap {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
}

.w.w-dialog.show .w-wrap {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.w .w-header {
  padding: 0 25px;
  zoom: 1;
}

.w .w-header:before,
.w .w-header:after {
  content: ' ';
  display: table;
}

.w .w-header:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.w .w-header:before,
.w .w-header:after {
  content: ' ';
  display: table;
}

.w .w-header:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.w .w-header h2 {
  float: left;
  margin-top: 25px;
  font-size: 18px;
  font-weight: 400;
  color: #278bcb;
}

.w .w-header .w-act {
  float: right;
  margin: 20px -10px 0 0;
}

.w .w-header .w-act .ico {
  display: block;
}

.w.w-area .w-wrap {
  border: 0;
  background: 0 0;
  box-shadow: none;
}

.w.w-area .w-wrap .w-body {
  padding: 20px;
}

.w.w-area .w-header h2 {
  font-size: 20px;
}

.w.w-area .w-header .w-act {
  margin-right: -5px;
}

.w.w-area .w-header .w-act .ico {
  background-image: url(../images/close.gif);
}

.w.w-area iframe {
  width: 100%;
  height: 550px;
}

.w .w-body {
  margin-top: -10px;
  padding: 30px;
  padding-bottom: 40px;
}

.w .w-message {
  padding: 0 20px;
  font-size: 14px;
  color: #444;
}

.w .w-panel {
  margin: 0 -20px;
}

.w .w-tools {
  display: none;
  margin-top: 20px;
  text-align: right;
}

.w .w-tools .w-button {
  margin-left: 20px;
}

.w .w-act .ico {
  width: 24px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.w .w-act .ico-delete {
  background-image: url(../images/delete.png);
}

.w-layout .w-form {
  width: auto;
  padding: 0;
}

.w-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background-color: #e9e9e9;
  opacity: 0.95;
  filter: alpha(opacity=95);
}

.hide,
.w-hide {
  display: none;
}

.x-hide {
  position: absolute;
  top: -10000em;
  left: -10000em;
  visibility: hidden;
}

.w-dialog .w-wrap {
  margin: 0 auto;
}

.mod-hidden,
.mod-hidden body {
  overflow: hidden;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url(../images/fancybox/fancybox_sprite.png);
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(../images/fancybox/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(../images/fancybox/blank.gif);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(../images/fancybox/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

.fancybox-title {
  visibility: hidden;
  font: 400 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #fff;
  font-weight: 700;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url(../images/fancybox/fancybox_sprite@2x.png);
    background-size: 44px 152px;
  }

  #fancybox-loading div {
    background-image: url(../images/fancybox/fancybox_loading@2x.gif);
    background-size: 24px 24px;
  }
}

.vjs-default-skin {
  color: #ccc;
}

@font-face {
  font-family: VideoJS;
  src: url(../video-js/font/vjs.eot);
  src: url(../video-js/font/vjs.eot?#iefix) format('embedded-opentype'), url(../video-js/font/vjs.woff) format('woff'), url(../video-js/font/vjs.ttf) format('truetype'), url(../video-js/font/vjs.svg#icomoon) format('svg');
  font-weight: 400;
  font-style: normal;
}

.vjs-default-skin .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.9);
}

.vjs-default-skin .vjs-slider:focus {
  box-shadow: 0 0 2em #fff;
}

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  left: 0;
  top: 0;
}

.vjs-default-skin .vjs-slider-handle:before {
  content: '\e009';
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.vjs-default-skin .vjs-control-bar {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
}

.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}

.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none;
}

.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: '';
  }
}

.vjs-default-skin .vjs-control {
  outline: 0;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3em;
  width: 4em;
}

.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff;
}

.vjs-default-skin .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}

.vjs-default-skin .vjs-play-control:before {
  content: '\e001';
}

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: '\e002';
}

.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none;
}

.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: '\e006';
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: '\e003';
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: '\e004';
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: '\e005';
}

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}

.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  width: 100%;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  left: 4.5em;
}

.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  height: 0;
  width: 0;
}

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
  border-top-color: rgba(7, 40, 50, 0.5);
}

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 10em;
}

.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  top: -1em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-default-skin:hover .vjs-progress-control {
  font-size: 0.9em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}

.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}

.vjs-default-skin .vjs-play-progress {
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}

.vjs-default-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, 0.2);
}

.vjs-default-skin .vjs-load-progress div {
  background: #787878;
  background: rgba(255, 255, 255, 0.1);
}

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em;
}

.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-default-skin.vjs-live .vjs-live-display {
  display: block;
}

.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em;
}

.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  line-height: 3em;
}

.vjs-default-skin .vjs-current-time {
  float: left;
}

.vjs-default-skin .vjs-duration {
  float: left;
}

.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}

.vjs-time-divider {
  float: left;
  line-height: 3em;
}

.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}

.vjs-default-skin .vjs-fullscreen-control:before {
  content: '\e000';
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: '\e00b';
}

.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  border-radius: 0.8em;
  box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  left: 50%;
  margin-left: -2.1em;
  top: 50%;
  margin-top: -1.4em;
}

.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}

.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}

.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  box-shadow: 0 0 3em #fff;
  -webkit-transition: all 0s;
  transition: all 0s;
}

.vjs-default-skin .vjs-big-play-button:before {
  content: '\e001';
  font-family: VideoJS;
  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-error-display {
  display: none;
}

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.vjs-error .vjs-error-display:before {
  content: 'X';
  /* font-family:Arial; */
  font-family: 'SourceHanSansCN-Normal';
  font-size: 4em;
  color: #666;
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
}

.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
}

.vjs-error-display a,
.vjs-error-display a:visited {
  color: #f4a460;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
}

.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  -webkit-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}

.vjs-error .vjs-loading-spinner {
  display: none;
  -webkit-animation: none;
  animation: none;
}

.vjs-default-skin .vjs-loading-spinner:before {
  content: '\e01e';
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0 0 0.1em #000;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000;
  border-top-color: rgba(7, 40, 50, 0.5);
}

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  max-height: 15em;
  overflow: auto;
  left: -5em;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}

.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block;
}

.vjs-default-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu {
  display: none;
}

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: 0 0 1em #fff;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em;
  font-weight: 700;
  cursor: default;
}

.vjs-default-skin .vjs-subtitles-button:before {
  content: '\e00c';
}

.vjs-default-skin .vjs-captions-button:before {
  content: '\e008';
}

.vjs-default-skin .vjs-chapters-button:before {
  content: '\e00c';
}

.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em;
}

.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  box-shadow: 0 0 1em #fff;
}

.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  font-weight: 400;
  font-style: normal;
  /* font-family:Arial, sans-serif; */
  font-family: 'SourceHanSansCN-Normal';
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js:-moz-full-screen {
  position: absolute;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

.video-js.vjs-has-started .vjs-poster {
  display: none;
}

.video-js.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.video-js.vjs-controls-disabled .vjs-poster {
  display: none;
}

.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-text-track-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 3em;
  right: 0;
  pointer-events: none;
}

.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #000;
  opacity: 0.75;
  color: #fff;
  margin: 0 auto;
  padding: 0.5em;
  height: 15em;
  /* font-family:Arial, Helvetica, sans-serif; */
  font-family: 'SourceHanSansCN-Normal';
  font-size: 12px;
  width: 40em;
}

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto;
}

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left;
}

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both;
}

.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px;
}

.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px;
}

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px;
}

.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px;
}

.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0;
}

.vjs-caption-settings label > input {
  margin-right: 10px;
}

.vjs-caption-settings input[type='button'] {
  width: 40px;
  height: 40px;
}

.vjs-hidden {
  display: none !important;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 2em;
  color: #ccc;
  background-color: #333;
  font-size: 1.8em;
  /* font-family:Arial, sans-serif; */
  font-family: 'SourceHanSansCN-Normal';
  text-align: center;
  width: 30em;
  height: 15em;
  margin: 0 auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #f4a460;
}

body {
  min-width: 1200px;
  /* font-family:"Microsoft YaHei", "微软雅黑" */
  font-family: 'Gotham-Light', 'SourceHanSansCN-Normal';
  -webkit-text-size-adjust: none;
}

.cycle-carousel-wrap {
  width: 9999em;
}

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
}

.vjs-default-skin.vjs-has-started.vjs-paused.vjs-paused .vjs-big-play-button {
  display: block;
}

.vjs-default-skin .vjs-big-play-button {
  top: 50%;
  left: 50%;
  width: 4em;
  height: 2.6em;
  margin: -1.3em 0 0 -2em;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.vjs-default-skin:hover .vjs-big-play-button {
  box-shadow: none;
}

.x-nodes {
  margin-left: -120px;
  padding: 20px 30px;
  zoom: 1;
}

.x-node {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 490px;
  margin-top: 30px;
  margin-left: 120px;
  vertical-align: top;
}

.x-node-header {
  padding-bottom: 12px;
  zoom: 1;
  border-bottom: 1px solid #d7d5d5;
}

.x-node-header:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-node-header h2 {
  float: left;
  font-size: 16px;
  padding-left: 20px;
  line-height: normal;
  background: url(../images/dot.gif) no-repeat left center;
}

.x-node-body {
  padding: 7px 0;
  font-size: 14px;
}

.x-node-body ul {
  zoom: 1;
}

.x-node-body ul:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.x-node-body li {
  float: left;
  margin-top: 7px;
  width: 33.33%;
  white-space: nowrap;
}

.windowBox {
  width: 500px;
}

.mid-tanBox {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  background: #fff;
  border: 1px solid red;
  display: none;
}

/* 2024718 */
.newwid {
  width: 1042px;
  margin: 0 auto;
}

.kjdbox {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #b2b2b2;
  font-size: 24px;
  color: #00002a;
  padding: 30px 0;
}

.kjdbox p {
  line-height: 180%;
}

.kjmenubox {
  width: 1042px;
  margin: 0 auto;
}

.kjmenubox h1 {
  font-size: 24px;
  color: #00002a;
  text-align: center;
  margin-bottom: 30px;
}

.kjmenubox h1::after {
  display: block;
  content: '';
  width: 100px;
  height: 3px;
  background: #3268af;
  margin: 3px auto;
}

.kjmenu01 {
  padding: 50px 0;
}

.kjmenu01 p {
  font-size: 14px;
  text-indent: 2em;
  line-height: 180%;
}

.kjmenu01 img {
  display: block;
  margin: 20px auto;
  width: 100%;
}

.sixbox {
  width: 100%;
  height: 574px;
  background: url(../images/keji/kv02.jpg) no-repeat top center;
  position: relative;
  overflow: hidden;
}

.threesix {
  width: 71%;
  height: 574px;
  position: absolute;
  top: 0;
  left: 29%;
  z-index: 3;
  padding: 50px 0;
}

.sixbox li {
  list-style: none;
  height: 115px;
  position: relative;
}

.sixbox li .stxtbox {
  z-index: -1;
  transition: all 0.3s;
}

.thimg {
  float: left;
}

.sixbox li p {
  font-size: 24px;
  color: #fff;
  line-height: 120%;
  text-align: center;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.sixbox li:first-child {
  padding-left: 1%;
}

.sixbox li:nth-child(2) {
  padding-left: 11.5%;
  margin: 9% 0;
}

.sixbox li:nth-child(3) {
  padding-left: 22%;
}

.sixbox li:first-child .stxtbox {
  position: absolute;
  top: 25px;
  left: 13%;
}

.sixbox li:nth-child(2) .stxtbox {
  position: absolute;
  top: 25px;
  left: 24%;
}

.sixbox li:nth-child(3) .stxtbox {
  position: absolute;
  top: 25px;
  left: 34.5%;
}

.sixbox li:first-child:hover .stxtbox {
  left: 15%;
}

.sixbox li:nth-child(2):hover .stxtbox {
  left: 26%;
}

.sixbox li:nth-child(3):hover .stxtbox {
  left: 37%;
}

.guang {
  position: absolute;
  top: 13%;
  right: 4%;
  animation: alphaer 1.5s linear infinite;
}

@keyframes alphaer {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.5);
    transform: scale(0.2);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(2);
  }
}

.blackhua {
  width: 569px;
  height: 574px;
  background: url(../images/keji/draw.png);
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.jieshao {
  width: 52%;
  position: absolute;
  left: 50px;
  bottom: 70px;
  font-size: 17px;
  text-indent: 2em;
  line-height: 170%;
  text-align: justify;
}

.guang img {
  display: block;
}

.kjmenu03,
.kjmenu04 {
  width: 100%;
  overflow: hidden;
  margin-top: 70px;
}

.kjmenu03 h2,
.kjmenu04 h2 {
  font-size: 24px;
  line-height: 150%;
  text-align: left;
}

.kjmenu03 h2:nth-child(2),
.kjmenu04 h2:nth-child(2) {
  margin-bottom: 30px;
}

.kjmenu03 p {
  font-size: 14px;
  line-height: 180%;
  text-indent: 2em;
  float: left;
  width: 46%;
}

.zhihui {
  overflow: hidden;
}

.zhihui:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.kjmenu03 .mask {
  border: 1px solid #f0f0f0;
  float: right;
  overflow: hidden;
}

.kjmenu03 img {
  display: block;
  transition: all 0.3s;
}

.kjmenu04 ul {
  overflow: hidden;
  margin: 0 -8px;
}

.kjmenu04 ul li {
  float: left;
  width: 33.3333%;
}

.kjmenu04 ul li .list {
  margin: 0 10px;
}

.kjmenu04 ul li .list .mask {
  overflow: hidden;
  border: 1px solid #f0f0f0;
}

.kjmenu04 ul li .list:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.kjmenu04 ul li .list .mask img {
  display: block;
  width: 100%;
  transition: all 0.3s;
}

.kjmenu04 ul li .list p {
  font-size: 14px;
  line-height: 180%;
  text-indent: 2em;
  width: 96%;
  margin: 0 auto;
  margin-top: 30px;
  text-align: justify;
}

/* 2024718 -END*/

/* 2024718 
.newwid{width: 1042px; margin: 0 auto}
.kjdbox{width: 100%; text-align: center; border-bottom: 1px solid #B2B2B2; font-size: 24px; color: #00002A; padding: 30px 0;}
.kjdbox p{line-height: 180%}
.kjmenubox{width: 1042px; margin: 0 auto;}
.kjmenubox h1{font-size: 24px; color: #00002A; text-align: center; margin-bottom: 30px;}
.kjmenubox h1::after{display: block; content: ''; width:100px; height: 3px; background: #3268AF; margin: 3px auto;}
.kjmenu01{padding: 50px 0;}
.kjmenu01 p{font-size: 14px;  text-indent: 2em; line-height: 180%;}
.kjmenu01 img{display: block; margin: 20px auto; width: 100%}
.sixbox{width: 100%; height:574px; background: url(../images/keji/kv02.jpg) no-repeat top center; position: relative; }
.threesix{width: 520px;height: 574px; position:absolute; top: 0; left: 28%; z-index:3}
.sixbox li{background: url(../images/keji/six.png); width:129px; height: 118px; list-style: none;position: absolute; }
.sixbox li p{font-size: 24px; color: #fff;line-height: 120%; text-align: center; width: 50%;position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.sixbox li:first-child{ top: 16%; left:0%;}
.sixbox li:nth-child(2){ top: 41%; left:34%;}
.sixbox li:nth-child(3){ top: 65%; left:67%;}
.guang{position: absolute; top: 20%; right: 12%;animation: alphaer 1.5s linear infinite;}
@keyframes alphaer {
    
  0%{opacity:1;-webkit-transform: scale(.5);transform: scale(.2);}
  100%{opacity:0;-webkit-transform: scale(.5);transform: scale(2);}
  }


.blackhua{width: 100%; height: 574px; background:url(../images/keji/draw.png); background-size: cover; position: absolute; top: 0; left: 0; z-index: 2}
.jieshao{width: 35%; color: #fff; position: absolute; left: 60px; bottom: 80px; font-size: 16px; text-indent: 2em; line-height: 170%; text-align: justify;}
.guang img{display: block;}



.kjmenu03,.kjmenu04{width: 100%; overflow: hidden;  margin-top: 70px}
.kjmenu03 h2,.kjmenu04 h2{font-size:24px; line-height: 150%; text-align: left; }
.kjmenu03 h2:nth-child(2),.kjmenu04 h2:nth-child(2){margin-bottom: 30px;}
.kjmenu03 p{font-size: 14px; line-height: 180%; text-indent: 2em; float: left; width: 46%}

.zhihui{overflow: hidden;}
.zhihui:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.kjmenu03 .mask{border: 1px solid #F0F0F0; float: right; overflow: hidden;}
.kjmenu03 img{display: block; transition: all .3s}

.kjmenu04 ul{overflow: hidden; margin: 0 -8px;}
.kjmenu04 ul li{float: left; width: 33.3333%;}
.kjmenu04 ul li .list{margin: 0 10px;}
.kjmenu04 ul li .list .mask{overflow: hidden; border: 1px solid #F0F0F0;}
.kjmenu04 ul li .list:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.kjmenu04 ul li .list .mask img{display: block;  width: 100%;transition: all .3s;}
.kjmenu04 ul li .list p{font-size: 14px; line-height: 180%; text-indent: 2em; width: 96%; margin: 0 auto; margin-top: 30px; text-align: justify;}
/* 2024718 -END*/
/* 20250401-START*/
.x-contact .panel-body {
  /* padding: 19px; */
  padding: 13px;
}

.x-us {
  display: flex;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid #ececec;
}

.x-us .x-us-img {
  width: 46px;
  height: 46px;
  margin-right: 12px;
}

.x-us .x-us-t {
  margin-bottom: 10px;
}

.x-us .x-us-img-e {
  width: 46px;
  height: 46px;
  margin-right: 12px;
}
.x-us-content div {
  font-size: 14px;
  line-height: 14px;
}

/* 20250401-END*/