@charset "UTF-8";
/*=======reset start=======*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
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 {
  margin: 0;
  padding: 0;
}
body,
button,
input,
select,
textarea {
  font: 12px/1.5 'Microsoft YaHei', '微软雅黑', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body {
  background: #fff;
  font-size: 14px;
  min-width: 1200px;
  color: #333;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  a:active {
    background-color: transparent;
  }
}
small,
cite,
code,
em,
th,
i,
b {
  font-style: normal;
  font-weight: 500;
}
input,
select,
textarea,
button {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
button,
input[type=button],
input[type=submit] {
  cursor: pointer;
  outline: none;
}
button[disabled],
input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0 none;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img,
iframe {
  border: 0 none;
}
img {
  display: inline-block;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
}
iframe {
  display: block;
}
ul,
ol {
  list-style: none;
}
li {
  vertical-align: top;
}
q:before,
q:after {
  content: '';
}
a {
  text-decoration: none;
  color: #666;
}
span,
label,
b,
i,
input,
img,
a,
del {
  vertical-align: middle;
}
input::-ms-clear {
  display: none;
}
/*=======文字超出部分点点点 start======*/
.ellipsis {
  -o-text-overflow: ellipsis;
  /*兼容opera*/
  text-overflow: ellipsis;
  /*这就是省略号喽*/
  overflow: hidden;
  /*设置超过的隐藏*/
  white-space: nowrap;
  /*设置不折行*/
}
/*=======清除浮动简洁版 start======*/
.clearfix:before,
.clearfix:after,
.header-center:before,
.header-center:after,
.subnav:before,
.subnav:after,
.footer-wrap:before,
.footer-wrap:after,
.footer-news ul:before,
.footer-news ul:after {
  content: "";
  display: table;
}
.clearfix:after,
.header-center:after,
.subnav:after,
.footer-wrap:after,
.footer-news ul:after {
  clear: both;
  overflow: hidden;
}
.clearfix,
.header-center,
.subnav,
.footer-wrap,
.footer-news ul {
  zoom: 1;
}
/*=======清除浮动简洁版 end======*/
/*======= 按钮样式 begin========*/
input,
button,
textarea,
select {
  outline: 0;
}
.dn {
  display: none!important;
}
.btn {
  position: relative;
  z-index: 10;
  display: inline-block;
  border-radius: 3px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  outline: none;
}
.btn.btn-default {
  min-width: 80px;
  height: 40px;
  line-height: 40px;
  color: #266FE2;
  background-color: #fff;
  border: 2px solid #266FE2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn.btn-default:hover {
  background-color: #266FE2;
  color: #fff;
}
.btn.btn-default.disabled,
.btn.btn-default[disabled] {
  background-color: #ccc;
}
.btn.btn-default.btn-small {
  height: 30px;
  line-height: 30px;
}
.btn.btn-gray,
.btn.btn-orange {
  min-width: 78px;
  background-color: transparent;
}
.btn.btn-gray {
  height: 38px;
  line-height: 38px;
  border: solid 1px #666;
  color: #666;
}
.btn.btn-gray:hover {
  color: #999;
  border: solid 1px #999;
}
.btn.btn-orange {
  height: 28px;
  line-height: 28px;
  border: solid 1px #fc4f08;
  color: #fc4f08;
}
.btn.btn-orange:hover {
  color: #ff873f;
  border: solid 1px #ff873f;
}
.btn.btn-orange.disabled,
.btn.btn-orange[disabled] {
  border-color: #ccc;
  color: #ccc;
}
.btn.btn-blue {
  height: 28px;
  line-height: 28px;
  color: #fff;
  background-color: #266FE2;
}
@font-face {
  font-family: "iconfont";
  src: url('iconfont.eot?t=1539681224200');
  /* IE9*/
  src: url('iconfont.eot?t=1539681224200#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url('iconfont.ttf?t=1539681224200') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1539681224200#iconfont') format('svg');
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-jiantouarrow483:before {
  content: "\e695";
}
.icon-07jiantouxiangyou:before {
  content: "\e616";
}
.icon-shanchuguanbiquxiaowubiankuang:before {
  content: "\e80a";
}
.icon-jiantou:before {
  content: "\e61f";
}
.icon-yiwen:before {
  content: "\e666";
}
.icon-fangjiadazhe:before {
  content: "\e7c4";
}
.icon-canyindazhe:before {
  content: "\e7c5";
}
.icon-yanchituifang:before {
  content: "\e7c9";
}
.icon-arrow-copy:before {
  content: "\e7ca";
}
.icon-jiantou-copy-copy:before {
  content: "\e7cc";
}
.icon-ic_more:before {
  content: "\e61e";
}
.icon-yuanduopiaomore-:before {
  content: "\e621";
}
.icon-ic_arrow:before {
  content: "\e626";
}
.icon-ic_arrow-copy:before {
  content: "\e80b";
}
.icon-arrow-copy-copy:before {
  content: "\e80c";
}
.icon-shouyedibiao:before {
  content: "\e661";
}
.icon {
  display: inline-block;
}
.icon.icon-technical {
  width: 80px;
  height: 90px;
  background: url("/images/technical.png");
}
.icon.icon-intelligenthotel {
  width: 80px;
  height: 90px;
  background: url("/images/intelligenthotel.png");
}
.icon.icon-financial {
  width: 80px;
  height: 90px;
  background: url("/images/financial.png");
}
.brand-box .brand-logo:before,
.brand-box .brand-logo:after {
  background-size: 80px 80px;
}
.brand-logo {
  float: left;
  display: block;
  position: relative;
  width: 80px;
  height: 100px;
}
.brand-logo span {
  width: 90px;
  text-align: center;
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 80px;
  margin-left: -5px;
  font-size: 12px;
  color: #707070;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.brand-logo:before {
  position: absolute;
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 2;
  opacity: 1;
}
.brand-logo:after {
  position: absolute;
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 1;
  opacity: 0;
}
.brand-logo:hover span {
  color: #333;
}
.brand-logo:hover:before {
  opacity: 0;
}
.brand-logo:hover:after {
  opacity: 1;
}
.brand-logo.wait span:after {
  position: absolute;
  content: '敬请期待';
  z-index: 3;
  display: block;
  right: -35px;
  top: -95px;
  padding: 3px 4px;
  border-radius: 2px;
  background: #000;
  color: #fff;
  opacity: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-size: 12px;
}
.brand-logo.wait:hover span:after {
  opacity: .6;
}
.brand-logo.viennahotel:before {
  background-image: url('/images/cms/logo/lg_viennahotel_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_viennahotel_default.png') 1x, url('/images/cms/logo/lg_viennahotel_defaultx2.png') 2x);
}
.brand-logo.viennahotel:after {
  background-image: url('/images/cms/logo/lg_viennahotel_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_viennahotel_hover.png') 1x, url('/images/cms/logo/lg_viennahotel_hoverx2.png') 2x);
}
.brand-logo.xana:before {
  background-image: url('/images/cms/logo/lg_xana_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_xana_default.png') 1x, url('/images/cms/logo/lg_xana_defaultx2.png') 2x);
}
.brand-logo.xana:after {
  background-image: url('/images/cms/logo/lg_xana_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_xana_hover.png') 1x, url('/images/cms/logo/lg_xana_hoverx2.png') 2x);
}
.brand-logo.yan:before {
  background-image: url('/images/cms/logo/lg_yan_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_yan_default.png') 1x, url('/images/cms/logo/lg_yan_defaultx2.png') 2x);
}
.brand-logo.yan:after {
  background-image: url('/images/cms/logo/lg_yan_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_yan_hover.png') 1x, url('/images/cms/logo/lg_yan_hoverx2.png') 2x);
}
.brand-logo.youpin:before {
  background-image: url('/images/cms/logo/lg_youpin_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_youpin_default.png') 1x, url('/images/cms/logo/lg_youpin_defaultx2.png') 2x);
}
.brand-logo.youpin:after {
  background-image: url('/images/cms/logo/lg_youpin_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_youpin_hover.png') 1x, url('/images/cms/logo/lg_youpin_hoverx2.png') 2x);
}
.brand-logo.zmax:before {
  background-image: url('/images/cms/logo/lg_zmax_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_zmax_default.png') 1x, url('/images/cms/logo/lg_zmax_defaultx2.png') 2x);
}
.brand-logo.zmax:after {
  background-image: url('/images/cms/logo/lg_zmax_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_zmax_hover.png') 1x, url('/images/cms/logo/lg_zmax_hoverx2.png') 2x);
}
.brand-logo.zmaxhotels:before {
  background-image: url('/images/cms/logo/lg_zmaxhotels_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_zmaxhotels_default.png') 1x, url('/images/cms/logo/lg_zmaxhotels_defaultx2.png') 2x);
}
.brand-logo.zmaxhotels:after {
  background-image: url('/images/cms/logo/lg_zmaxhotels_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_zmaxhotels_hover.png') 1x, url('/images/cms/logo/lg_zmaxhotels_hoverx2.png') 2x);
}
.brand-logo.ameron:before {
  background-image: url('/images/cms/logo/lg_ameron_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_ameron_default.png') 1x, url('/images/cms/logo/lg_ameron_defaultx2.png') 2x);
}
.brand-logo.ameron:after {
  background-image: url('/images/cms/logo/lg_ameron_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_ameron_hover.png') 1x, url('/images/cms/logo/lg_ameron_hoverx2.png') 2x);
}
.brand-logo.barcelo:before {
  background-image: url('/images/cms/logo/lg_barcelo_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_barcelo_default.png') 1x, url('/images/cms/logo/lg_barcelo_defaultx2.png') 2x);
}
.brand-logo.barcelo:after {
  background-image: url('/images/cms/logo/lg_barcelo_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_barcelo_hover.png') 1x, url('/images/cms/logo/lg_barcelo_hoverx2.png') 2x);
}
.brand-logo.best:before {
  background-image: url('/images/cms/logo/lg_best_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_best_default.png') 1x, url('/images/cms/logo/lg_best_defaultx2.png') 2x);
}
.brand-logo.best:after {
  background-image: url('/images/cms/logo/lg_best_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_best_hover.png') 1x, url('/images/cms/logo/lg_best_hoverx2.png') 2x);
}
.brand-logo.vienna:before {
  background-image: url('/images/cms/logo/lg_vienna_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_vienna_default.png') 1x, url('/images/cms/logo/lg_vienna_defaultx2.png') 2x);
}
.brand-logo.vienna:after {
  background-image: url('/images/cms/logo/lg_vienna_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_vienna_hover.png') 1x, url('/images/cms/logo/lg_vienna_hoverx2.png') 2x);
}
.brand-logo.campanile:before {
  background-image: url('/images/cms/logo/lg_campanile_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_campanile_default.png') 1x, url('/images/cms/logo/lg_campanile_defaultx2.png') 2x);
}
.brand-logo.campanile:after {
  background-image: url('/images/cms/logo/lg_campanile_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_campanile_hover.png') 1x, url('/images/cms/logo/lg_campanile_hoverx2.png') 2x);
}
.brand-logo.chonpines:before {
  background-image: url('/images/cms/logo/lg_chonpines_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_chonpines_default.png') 1x, url('/images/cms/logo/lg_chonpines_defaultx2.png') 2x);
}
.brand-logo.chonpines:after {
  background-image: url('/images/cms/logo/lg_chonpines_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_chonpines_hover.png') 1x, url('/images/cms/logo/lg_chonpines_hoverx2.png') 2x);
}
.brand-logo.classic:before {
  background-image: url('/images/cms/logo/lg_classic_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_classic_default.png') 1x, url('/images/cms/logo/lg_classic_defaultx2.png') 2x);
}
.brand-logo.classic:after {
  background-image: url('/images/cms/logo/lg_classic_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_classic_hover.png') 1x, url('/images/cms/logo/lg_classic_hoverx2.png') 2x);
}
.brand-logo.express:before {
  background-image: url('/images/cms/logo/lg_express_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_express_default.png') 1x, url('/images/cms/logo/lg_express_defaultx2.png') 2x);
}
.brand-logo.express:after {
  background-image: url('/images/cms/logo/lg_express_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_express_hover.png') 1x, url('/images/cms/logo/lg_express_hoverx2.png') 2x);
}
.brand-logo.fino:before {
  background-image: url('/images/cms/logo/lg_fino_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_fino_default.png') 1x, url('/images/cms/logo/lg_fino_defaultx2.png') 2x);
}
.brand-logo.fino:after {
  background-image: url('/images/cms/logo/lg_fino_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_fino_hover.png') 1x, url('/images/cms/logo/lg_fino_hoverx2.png') 2x);
}
.brand-logo.golden:before {
  background-image: url('/images/cms/logo/lg_golden_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_golden_default.png') 1x, url('/images/cms/logo/lg_golden_defaultx2.png') 2x);
}
.brand-logo.golden:after {
  background-image: url('/images/cms/logo/lg_golden_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_golden_hover.png') 1x, url('/images/cms/logo/lg_golden_hoverx2.png') 2x);
}
.brand-logo.goldmet:before {
  background-image: url('/images/cms/logo/lg_goldmet_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_goldmet_default.png') 1x, url('/images/cms/logo/lg_goldmet_defaultx2.png') 2x);
}
.brand-logo.goldmet:after {
  background-image: url('/images/cms/logo/lg_goldmet_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_goldmet_hover.png') 1x, url('/images/cms/logo/lg_goldmet_hoverx2.png') 2x);
}
.brand-logo.venus:before {
  background-image: url('/images/cms/logo/lg_venus_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_venus_default.png') 1x, url('/images/cms/logo/lg_venus_defaultx2.png') 2x);
}
.brand-logo.venus:after {
  background-image: url('/images/cms/logo/lg_venus_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_venus_hover.png') 1x, url('/images/cms/logo/lg_venus_hoverx2.png') 2x);
}
.brand-logo.h12:before {
  background-image: url('/images/cms/logo/lg_h12_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_h12_default.png') 1x, url('/images/cms/logo/lg_h12_defaultx2.png') 2x);
}
.brand-logo.h12:after {
  background-image: url('/images/cms/logo/lg_h12_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_h12_hover.png') 1x, url('/images/cms/logo/lg_h12_hoverx2.png') 2x);
}
.brand-logo.hilton:before {
  background-image: url('/images/cms/logo/lg_hilton_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_hilton_default.png') 1x, url('/images/cms/logo/lg_hilton_defaultx2.png') 2x);
}
.brand-logo.hilton:after {
  background-image: url('/images/cms/logo/lg_hilton_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_hilton_hover.png') 1x, url('/images/cms/logo/lg_hilton_hoverx2.png') 2x);
}
.brand-logo.inn:before {
  background-image: url('/images/cms/logo/lg_inn_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_inn_default.png') 1x, url('/images/cms/logo/lg_inn_defaultx2.png') 2x);
}
.brand-logo.inn:after {
  background-image: url('/images/cms/logo/lg_inn_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_inn_hover.png') 1x, url('/images/cms/logo/lg_inn_hoverx2.png') 2x);
}
.brand-logo.iu:before {
  background-image: url('/images/cms/logo/lg_iu_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_iu_default.png') 1x, url('/images/cms/logo/lg_iu_defaultx2.png') 2x);
}
.brand-logo.iu:after {
  background-image: url('/images/cms/logo/lg_iu_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_iu_hover.png') 1x, url('/images/cms/logo/lg_iu_hoverx2.png') 2x);
}
.brand-logo.j:before {
  background-image: url('/images/cms/logo/lg_j_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_j_default.png') 1x, url('/images/cms/logo/lg_j_defaultx2.png') 2x);
}
.brand-logo.j:after {
  background-image: url('/images/cms/logo/lg_j_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_j_hover.png') 1x, url('/images/cms/logo/lg_j_hoverx2.png') 2x);
}
.brand-logo.james:before {
  background-image: url('/images/cms/logo/lg_james_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_james_default.png') 1x, url('/images/cms/logo/lg_james_defaultx2.png') 2x);
}
.brand-logo.james:after {
  background-image: url('/images/cms/logo/lg_james_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_james_hover.png') 1x, url('/images/cms/logo/lg_james_hoverx2.png') 2x);
}
.brand-logo.kyriad:before {
  background-image: url('/images/cms/logo/lg_kyriad_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_kyriad_default.png') 1x, url('/images/cms/logo/lg_kyriad_defaultx2.png') 2x);
}
.brand-logo.kyriad:after {
  background-image: url('/images/cms/logo/lg_kyriad_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_kyriad_hover.png') 1x, url('/images/cms/logo/lg_kyriad_hoverx2.png') 2x);
}
.brand-logo.l:before {
  background-image: url('/images/cms/logo/lg_l_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_l_default.png') 1x, url('/images/cms/logo/lg_l_defaultx2.png') 2x);
}
.brand-logo.l:after {
  background-image: url('/images/cms/logo/lg_l_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_l_hover.png') 1x, url('/images/cms/logo/lg_l_hoverx2.png') 2x);
}
.brand-logo.style:before {
  background-image: url('/images/cms/logo/lg_style_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_style_default.png') 1x, url('/images/cms/logo/lg_style_defaultx2.png') 2x);
}
.brand-logo.style:after {
  background-image: url('/images/cms/logo/lg_style_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_style_hover.png') 1x, url('/images/cms/logo/lg_style_hoverx2.png') 2x);
}
.brand-logo.magnotel:before {
  background-image: url('/images/cms/logo/lg_magnotel_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_magnotel_default.png') 1x, url('/images/cms/logo/lg_magnotel_defaultx2.png') 2x);
}
.brand-logo.magnotel:after {
  background-image: url('/images/cms/logo/lg_magnotel_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_magnotel_hover.png') 1x, url('/images/cms/logo/lg_magnotel_hoverx2.png') 2x);
}
.brand-logo.maison:before {
  background-image: url('/images/cms/logo/lg_maison_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_maison_default.png') 1x, url('/images/cms/logo/lg_maison_defaultx2.png') 2x);
}
.brand-logo.maison:after {
  background-image: url('/images/cms/logo/lg_maison_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_maison_hover.png') 1x, url('/images/cms/logo/lg_maison_hoverx2.png') 2x);
}
.brand-logo.metropolo:before {
  background-image: url('/images/cms/logo/lg_metropolo_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_metropolo_default.png') 1x, url('/images/cms/logo/lg_metropolo_defaultx2.png') 2x);
}
.brand-logo.metropolo:after {
  background-image: url('/images/cms/logo/lg_metropolo_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_metropolo_hover.png') 1x, url('/images/cms/logo/lg_metropolo_hoverx2.png') 2x);
}
.brand-logo.pai:before {
  background-image: url('/images/cms/logo/lg_pai_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_pai_default.png') 1x, url('/images/cms/logo/lg_pai_defaultx2.png') 2x);
}
.brand-logo.pai:after {
  background-image: url('/images/cms/logo/lg_pai_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_pai_hover.png') 1x, url('/images/cms/logo/lg_pai_hoverx2.png') 2x);
}
.brand-logo.woqu:before {
  background-image: url('/images/cms/logo/lg_woqu_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_woqu_default.png') 1x, url('/images/cms/logo/lg_woqu_defaultx2.png') 2x);
}
.brand-logo.woqu:after {
  background-image: url('/images/cms/logo/lg_woqu_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_woqu_hover.png') 1x, url('/images/cms/logo/lg_woqu_hoverx2.png') 2x);
}
.brand-logo.woqufw:before {
  background-image: url('/images/cms/logo/lg_woqufw_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_woqufw_default.png') 1x, url('/images/cms/logo/lg_woqufw_defaultx2.png') 2x);
}
.brand-logo.woqufw:after {
  background-image: url('/images/cms/logo/lg_woqufw_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_woqufw_hover.png') 1x, url('/images/cms/logo/lg_woqufw_hoverx2.png') 2x);
}
.brand-logo.royal:before {
  background-image: url('/images/cms/logo/lg_royal_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_royal_default.png') 1x, url('/images/cms/logo/lg_royal_defaultx2.png') 2x);
}
.brand-logo.royal:after {
  background-image: url('/images/cms/logo/lg_royal_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_royal_hover.png') 1x, url('/images/cms/logo/lg_royal_hoverx2.png') 2x);
}
.brand-logo.premiere:before {
  background-image: url('/images/cms/logo/lg_premiere_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_premiere_default.png') 1x, url('/images/cms/logo/lg_premiere_defaultx2.png') 2x);
}
.brand-logo.premiere:after {
  background-image: url('/images/cms/logo/lg_premiere_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_premiere_hover.png') 1x, url('/images/cms/logo/lg_premiere_hoverx2.png') 2x);
}
.brand-logo.select:before {
  background-image: url('/images/cms/logo/lg_select_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_select_default.png') 1x, url('/images/cms/logo/lg_select_defaultx2.png') 2x);
}
.brand-logo.select:after {
  background-image: url('/images/cms/logo/lg_select_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_select_hover.png') 1x, url('/images/cms/logo/lg_select_hoverx2.png') 2x);
}
.brand-logo.seven:before {
  background-image: url('/images/cms/logo/lg_seven_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_seven_default.png') 1x, url('/images/cms/logo/lg_seven_defaultx2.png') 2x);
}
.brand-logo.seven:after {
  background-image: url('/images/cms/logo/lg_seven_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_seven_hover.png') 1x, url('/images/cms/logo/lg_seven_hoverx2.png') 2x);
}
.brand-logo.tulip:before {
  background-image: url('/images/cms/logo/lg_tulip_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_tulip_default.png') 1x, url('/images/cms/logo/lg_tulip_defaultx2.png') 2x);
}
.brand-logo.tulip:after {
  background-image: url('/images/cms/logo/lg_tulip_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_tulip_hover.png') 1x, url('/images/cms/logo/lg_tulip_hoverx2.png') 2x);
}
.brand-logo.jj:before {
  background-image: url('/images/cms/logo/lg_jj_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_jj_default.png') 1x, url('/images/cms/logo/lg_jj_defaultx2.png') 2x);
}
.brand-logo.jj:after {
  background-image: url('/images/cms/logo/lg_jj_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_jj_hover.png') 1x, url('/images/cms/logo/lg_jj_hoverx2.png') 2x);
}
.brand-logo.k:before {
  background-image: url('/images/cms/logo/lg_k_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_k_default.png') 1x, url('/images/cms/logo/lg_k_defaultx2.png') 2x);
}
.brand-logo.k:after {
  background-image: url('/images/cms/logo/lg_k_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_k_hover.png') 1x, url('/images/cms/logo/lg_k_hoverx2.png') 2x);
}
.brand-logo.jinjiang:before {
  background-image: url('/images/cms/logo/lg_jinjiang_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_jinjiang_default.png') 1x, url('/images/cms/logo/lg_jinjiang_defaultx2.png') 2x);
  background-size: 80px 75px;
}
.brand-logo.jinjiang:after {
  background-image: url('/images/cms/logo/lg_jinjiang_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_jinjiang_hover.png') 1x, url('/images/cms/logo/lg_jinjiang_hoverx2.png') 2x);
  background-size: 80px 75px;
}
.brand-logo.louvre {
  width: 100px;
}
.brand-logo.louvre:before {
  width: 100px;
  background-image: url('/images/cms/logo/lg_louvre_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_louvre_default.png') 1x, url('/images/cms/logo/lg_louvre_defaultx2.png') 2x);
  background-size: 100px 75px;
}
.brand-logo.louvre:after {
  width: 100px;
  background-image: url('/images/cms/logo/lg_louvre_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_louvre_hover.png') 1x, url('/images/cms/logo/lg_louvre_hoverx2.png') 2x);
  background-size: 100px 75px;
}
.brand-logo.botao {
  width: 140px;
}
.brand-logo.botao:before {
  width: 140px;
  background-image: url('/images/cms/logo/lg_botao_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_botao_default.png') 1x, url('/images/cms/logo/lg_botao_defaultx2.png') 2x);
  background-size: 140px 75px;
}
.brand-logo.botao:after {
  width: 140px;
  background-image: url('/images/cms/logo/lg_botao_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_botao_hover.png') 1x, url('/images/cms/logo/lg_botao_hoverx2.png') 2x);
  background-size: 140px 75px;
}
.brand-logo.group {
  width: 192px;
}
.brand-logo.group:before {
  width: 192px;
  background-image: url('/images/cms/logo/lg_group_default.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_group_default.png') 1x, url('/images/cms/logo/lg_group_defaultx2.png') 2x);
  background-size: 196px 75px;
}
.brand-logo.group:after {
  width: 192px;
  background-image: url('/images/cms/logo/lg_group_hover.png');
  background-image: -webkit-image-set(url('/images/cms/logo/lg_group_hover.png') 1x, url('/images/cms/logo/lg_group_hoverx2.png') 2x);
  background-size: 196px 75px;
}
.logo-box2 .brand-logo:before {
  display: none;
}
.logo-box2 .brand-logo:after {
  opacity: 1;
}
.form-inline .form-group {
  display: inline-block;
}
.form-group {
  position: relative;
}
.form-control {
  display: block;
  padding: 8px 10px;
  width: 100%;
  height: 40px;
  line-height: 1;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-control:focus {
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(201, 201, 201, 0.6), 0 0 8px rgba(201, 201, 201, 0.6);
  box-shadow: inset 0 1px 1px rgba(201, 201, 201, 0.6), 0 0 8px rgba(201, 201, 201, 0.6);
}
.form-inline {
  position: relative;
  font-size: 0;
}
.form-inline .form-control {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.form-warning {
  border-color: #f6000c;
}
label {
  font-size: 12px;
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
  vertical-align: middle;
  display: none;
}
.radio-inline input[type=radio] {
  display: none;
}
.icon-blue-radio {
  display: inline-block;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  vertical-align: text-bottom;
  background: url("/images/radio.png");
}
.icon-blue-radio.checked {
  background: url("/images/blueradio.png");
}
.checkbox-inline,
.radio-inline {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  font-size: 12px;
  vertical-align: text-bottom;
  cursor: pointer;
}
.checkbox-inline.disabled,
.radio-inline.disabled {
  cursor: not-allowed;
}
.icon-check-box {
  display: inline-block;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  vertical-align: text-bottom;
  background: url("/images/radio.png");
}
.icon-check-box.checked {
  background: url("/images/blueradio.png");
}
textarea.form-control {
  height: auto;
  padding: 12px 10px;
}
.send-vcode {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  color: #59626a;
  text-decoration: none;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 10px;
}
.send-vcode:hover {
  color: #266FE2;
}
.send-vcode.disabled {
  background-color: #e4e4e4;
  color: #999;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
  cursor: not-allowed;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 98px;
  min-width: 1200px;
  z-index: 11;
}
.header-container {
  width: 100%;
  height: 98px;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
}
.header-center {
  margin: 0 197px 0 43px;
  padding: 28px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header-logo {
  float: left;
  width: 192px;
  /*width: 135px;*/
  height: 50px;
  background-image: url(../../static/images/logo.png);
  /*background-image: -webkit-image-set(url(../../static/images/logo.png) 1x, url(../../static/images/logox2.png) 2x);*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 43px;
  transform: translateY(-50%);
}
.header-logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.header-nav {
  float: right;
}
.header-nav > .header-nav-item {
  float: left;
  text-align: center;
  margin-left: 44px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 70px;
}
.header-nav > .header-nav-item > a {
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header-nav > .header-nav-item.active > a {
  border-bottom: 2px solid #fff;
  padding-bottom: 12px;
}
.slide-submeu {
  position: absolute;
  top: 98px;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 250px;
  padding: 40px 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#99000000", endColorstr="#99000000");
  background-color: #fff;
  overflow: hidden;
  z-index: 111;
}
.slide-submeu .slide-submeu-left {
  float: left;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0E1444;
  line-height: 20px;
}
.slide-submeu .slide-submeu-left p:nth-of-type(1) {
  height: 25px;
  font-size: 18px;
  font-weight: 400;
  color: #0E1444;
  line-height: 25px;
  margin-bottom: 40px;
}
.slide-submeu .slide-submeu-left p:nth-of-type(2) {
  margin-bottom: 5px;
}
.slide-submeu .slide-submeu-left p:nth-of-type(4) {
  font-size: 16px;
  font-weight: 400;
  color: #4C8DF4;
  line-height: 20px;
  margin-top: 40px;
}
.slide-submeu ul {
  position: absolute;
  left: 50%;
  margin-left: 93px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.slide-submeu li {
  text-align: left;
  margin-bottom: 15px;
}
.slide-submeu li:last-child a {
  border: none;
}
.slide-submeu li.active a {
  color: #4C8DF4;
}
.slide-submeu li a {
  display: block;
  padding: 0 20px;
  line-height: 20px;
  font-size: 14px;
  color: #0E1444;
}
.slide-submeu li a:hover {
  color: #4C8DF4;
}
.test-tag {
  float: left;
  padding: 0 20px;
  line-height: 50px;
  color: red;
  font-size: 20px;
}
#preview-pin {
  display: none;
  font-size: 16px;
  position: fixed;
  right: -60px;
  top: 50px;
  z-index: 10;
  line-height: 30px;
  color: #f6f7f8;
  text-align: center;
  width: 250px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(45deg);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  font-weight: 700;
  text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 1px 3px rgba(54, 54, 68, 0.8), inset 0 -1px 3px rgba(246, 247, 248, 0.5);
  -moz-box-shadow: 0 1px 3px rgba(54, 54, 68, 0.8), inset 0 -1px 3px rgba(246, 247, 248, 0.5);
  -ms-box-shadow: 0 1px 3px rgba(54, 54, 68, 0.8), inset 0 -1px 3px rgba(246, 247, 248, 0.5);
  -o-box-shadow: 0 1px 3px rgba(54, 54, 68, 0.8), inset 0 -1px 3px rgba(246, 247, 248, 0.5);
  box-shadow: 0 1px 3px rgba(54, 54, 68, 0.8), inset 0 -1px 3px rgba(246, 247, 248, 0.5);
  border-collapse: separate;
  border: 1px solid #fff;
  background-color: #3636ff;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#4c5b63), to(#363644));
  background-image: -webkit-radial-gradient(circle, #4c5bff, #363644);
  background-image: -moz-radial-gradient(circle, #4c5bff, #363644);
  background-image: -ms-radial-gradient(circle, #4c5bff, #363644);
  background-image: -o-radial-gradient(circle, #4c5bff, #363644);
  background-repeat: no-repeat;
  z-index: 9999;
}
#preview-pin:hover {
  color: #ff6;
  background-image: -webkit-radial-gradient(circle, red, #363644);
  background-image: -moz-radial-gradient(circle, red, #363644);
  background-image: -ms-radial-gradient(circle, red, #363644);
  background-image: -o-radial-gradient(circle, red, #363644);
  border: 1px solid #ff0;
}
.header-tips {
  display: none;
  background-color: #fff9e8;
  color: #F6000C;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
}
.header-tips i.icon_tongzhi {
  display: inline-block;
  width: 20px;
  height: 17px;
  background: url("/images/icon_tongzhi@2x.png") no-repeat 100%;
  background-size: 20px;
  vertical-align: text-bottom;
  margin-right: 5px;
}
.header-tips p {
  text-align: left;
  width: 1170px;
  padding-left: 30px;
  margin: 0 auto;
}
.footer-wrap {
  width: 100%;
  height: 130px;
  position: absolute;
  left: 0;
  bottom: 0;
  /*background: #0E1444;*/
  background: #333333;
}
.footer-content {
  padding: 50px 0 30px;
  width: 1190px;
  margin: 0 auto;
  overflow: hidden;
}
.footer-wrap .footer-left {
  float: left;
  line-height: 36px;
  color: #000;
  overflow: hidden;
}
.footer-wrap .footer-left ul {
  float: left;
  height: auto;
  width: 180px;
}
.footer-wrap .footer-left ul li {
  font-size: 12px;
}
.footer-wrap .footer-left ul li.li-title {
  font-size: 14px;
  font-weight: bold;
}
.footer-wrap .footer-left ul li.li-title a {
  color: #333;
  text-decoration: none;
}
.footer-wrap .footer-left ul li.li-title a:hover {
  color: #333;
}
.footer-wrap .footer-left ul li a {
  color: #000;
}
.footer-wrap .footer-left ul li a:hover {
  color: #266FE2;
}
.footer-bei {
  width: 1200px;
  font-size: 14px;
  text-align: center;
  margin: 42px auto;
  height: 46px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-bei p {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 22px;
  padding: 0 5px;
}
.footer-bei p a {
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.footer-bei p a:hover {
  text-decoration: underline;
}
.footer-news {
  width: 1200px;
  margin: 0 auto;
}
.footer-news li {
  float: left;
  margin-right: 10px;
}
.footer-news li a {
  display: inline-block;
  height: 22px;
  background: url("/images/footer_news1.png");
  vertical-align: middle;
  font-size: 12px;
}
.footer-news .gongshang_icon {
  width: 20px;
}
.footer-news .net_policeman {
  width: 41px;
  background-position: -35px 0;
}
.footer-news .collect_credit {
  width: 49px;
  background-position: -90px 0;
}
.footer-news .verify_success {
  width: 45px;
  background-position: -153px 0;
}
.footer-news .police {
  background: none;
  width: auto;
}
.footer-news .police img {
  margin-right: 5px;
}
.footer-news .police span {
  vertical-align: middle;
  color: #999;
}
.hanging {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 111;
}
.hanging .btn {
  position: relative;
  width: 80px;
}
.hanging .btn .backtop,
.hanging .btn .joinus {
  width: 80px;
  height: 80px;
  opacity: 0.8;
  background: #333333;
  border-radius: 4px;
  margin-bottom: 10px;
  cursor: pointer;
  box-sizing: border-box;
  padding-top: 15px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.hanging .btn .backtop:hover,
.hanging .btn .joinus:hover {
  opacity: 1;
}
.hanging .btn .backtop p,
.hanging .btn .joinus p {
  color: #fff;
  text-align: center;
  padding-top: 10px;
  font-size: 12px;
}
.hanging .btn .backtop img,
.hanging .btn .joinus img {
  display: block;
  width: 25px;
  margin: 0 auto;
}
.hanging .btn .backtop img {
  margin: 5px auto;
}
.hanging .btn .qrcode {
  position: absolute;
  z-index: -1;
  opacity: 0;
  right: 100px;
  bottom: 10px;
  width: 350px;
  height: 240px;
  background: #fff;
  border: 1px solid #DDDDDD;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  transition: opacity .3s ease;
  pointer-events: none;
}
.hanging .btn .qrcode.show {
  z-index: 2;
  opacity: 1;
}
.hanging .btn .qrcode p {
  float: left;
  width: 100%;
  font-size: 16px;
  text-align: center;
  padding: 20px 0 10px 0;
  font-weight: bold;
}
.hanging .btn .qrcode .jcode,
.hanging .btn .qrcode .bcode {
  float: left;
  width: 140px;
  height: 180px;
  text-align: center;
  box-sizing: border-box;
  color: #666;
  font-size: 14px;
}
.hanging .btn .qrcode .jcode img,
.hanging .btn .qrcode .bcode img {
  width: 100%;
}
.hanging .btn .qrcode .jcode {
  margin: 0 20px 0 24px;
}
.hanging .btn .qrcode i {
  position: absolute;
  width: 13px;
  height: 18px;
  right: -13px;
  bottom: 27px;
  background: url("/images/code-arrow.png");
  background-size: 100%;
}
/*color start*/
.orange {
  color: #fc4f08!important;
}
/*color end*/
/*margin padding start*/
.ml-10 {
  margin-left: 10px;
}
/*margin padding end*/
input::-ms-clear {
  display: none;
}
.container {
  position: relative;
  height: auto;
  width: 100%;
  background-color: #fff;
}
.container .banner {
  min-width: 1200px;
  height: 540px;
  margin: 0 auto;
  background-size: cover !important;
}
.container .banner .letter {
  position: absolute;
  z-index: 5;
  top: 279px;
  width: 100%;
  text-align: center;
  font-size: 42px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 22px;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}
.container .banner .letter.special {
  top: 238px;
  letter-spacing: 8px;
}
.container .banner .letter.first {
  top: 230px;
}
.container .banner .letter span {
  letter-spacing: 6px;
}
.container .banner .letter b {
  letter-spacing: 4px;
  display: inline-block;
  font-size: 65px;
  vertical-align: sub;
}
.container .banner .letter-shadow {
  position: absolute;
  z-index: 4;
  top: 279px;
  width: 100%;
  text-align: center;
  font-size: 42px;
  color: #666;
  letter-spacing: 22px;
  filter: progid:DXImageTransform.Microsoft.MotionBlur(strength=5, direction=145);
}
.container .banner .letter-shadow.special {
  top: 238px;
  letter-spacing: 8px;
}
.container .banner .letter-shadow.first {
  top: 195px;
}
.container .banner .letter-shadow span {
  letter-spacing: 6px;
}
.container .banner .letter-shadow b {
  letter-spacing: 4px;
  display: inline-block;
  vertical-align: sub;
  font-size: 65px;
}
.container .content {
  width: 1200px;
  margin: 0 auto;
}
.js-drop {
  position: relative;
  display: inline-block;
  color: #666;
}
.js-drop .form-control {
  position: relative;
  color: #666;
  cursor: default;
}
.js-dropdown {
  display: none;
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 100;
  overflow: auto;
  font-size: 14px;
  border: 1px solid #c9c9c9;
  border-bottom: none;
  border-top: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.js-dropdown li {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  border-bottom: 1px solid #c9c9c9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: default;
}
.js-dropdown li:hover {
  background-color: #266FE2;
  color: #fff;
}
.is-active ul {
  display: block;
}
.select-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  z-index: 1;
}
.hide {
  display: none;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.cover {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.cover.show {
  opacity: .9;
  z-index: 11;
}
.video-window {
  position: fixed;
  z-index: -1;
  width: 1000px;
  height: 562px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.video-window.show {
  opacity: 1;
  z-index: 12;
}
.cxslide {
  position: relative;
}
.cxslide-y {
  overflow: hidden;
  position: relative;
}
.cxslide-y .box {
  position: relative;
  overflow: hidden;
}
.cxslide-y .list {
  overflow: hidden;
  height: 9999px;
}
.cxslide-y .list li {
  position: relative;
}
textarea::-webkit-input-placeholder {
  color: #ccc;
}
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
}
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
}
textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
}
.about .banner {
  position: relative;
  width: 100%;
  height: 560px;
  overflow: hidden;
  display: flex;
  background: url('../images/about-us/banner.png') center no-repeat;
  align-items: center;
  justify-content: center;
}
.about .banner .banner-con {
  width: 430px;
}
.about .banner .banner-con .text1 {
  width: 100%;
  height: 87px;
  font-size: 62px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 87px;
  letter-spacing: 22px;
  margin-bottom: 17px;
  text-align: center;
}
.about .banner .banner-con .text2 {
  width: 100%;
  height: 42px;
  top: 250px;
  font-size: 30px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  line-height: 42px;
  letter-spacing: 17px;
}
.about .content {
  position: relative;
  bottom: 131px;
  width: 100%;
  background-color: #f0f2f5;
  display: flex;
  padding-bottom: 100px;
}
.about .content .left-con {
  width: 200px;
  height: 1019px;
  background: #F7F7F7;
}
.about .content .left-con li {
  width: 100%;
  height: 81px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #060033;
  line-height: 81px;
  text-align: center;
  cursor: pointer;
}
.about .content .left-con .active-item {
  color: #fff;
  background-color: #0E1444;
}
.about .content .right-con {
  flex: 1;
  padding: 0 60px;
}
.about .content .right-con .con-warp {
  display: none;
}
.about .content .right-con .con-warp .right-title {
  width: 100%;
  font-size: 28px;
  margin: 76px 0;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 500;
  color: #060033;
  text-align: center;
}
.about .content .right-con .con-warp .right-itemlist {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about .content .right-con .con-warp .right-itemlist li {
  width: 48%;
  background: #fff;
  margin-top: 20px;
  cursor: pointer;
}
.about .content .right-con .con-warp .right-itemlist li img {
  display: inline-block;
  border: none;
  width: 100%;
  height: auto;
}
.about .content .right-con .con-warp .right-itemlist li .itemcon-warp {
  padding: 20px;
}
.about .content .right-con .con-warp .right-itemlist li .itemcon-warp .item-title {
  font-size: 22px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.about .content .right-con .con-warp .right-itemlist li .itemcon-warp .item-con {
  font-size: 14px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #999999;
  line-height: 25px;
  margin: 10px 0;
}
.about .content .right-con .con-warp .right-itemlist li .itemcon-warp .look-more {
  color: #3E83F1;
  font-size: 16px;
}
.about .content .right-con .con-show {
  display: block;
}
html {
  height: 100%;
}
.wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
.wrapper .bg-img {
  /*animation: 0.3s scaleIn ease-in-out;*/
  transform-origin: 50% 50%;
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 50%;*/
  /*width: 1920px;*/
  width: 100%;
  min-height: 800px;
  /*height: 100%;*/
  /*min-width: 100%;*/
  /*min-height: 100%;*/
  /*transform: translate(-50%, -50%);*/
  /*object-fit: cover;*/
}
.wrapper .wrapper-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99;
  visibility: hidden;
}
.wrapper .wrapper-hover .content-hover {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}
.wrapper .wrapper-hover .content-hover .left {
  display: flex;
}
.wrapper .wrapper-hover .content-hover .left .hover-img {
  margin-right: 50px;
}
.wrapper .wrapper-hover .content-hover .left .hover-img img {
  width: 180px;
}
.wrapper .wrapper-hover .content-hover .left .hover-img p {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 22px;
  text-align: center;
  margin-top: 17px;
}
.wrapper .wrapper-hover .content-hover .left .hover-img .text2 {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
  margin-top: 6px;
}
.wrapper .wrapper-hover .content-hover .left .hover-img:last-child {
  margin-right: 0;
}
.wrapper .wrapper-hover .content-hover .right {
  width: 524px;
  height: 180px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 22px;
  margin-left: 30px;
  position: relative;
  letter-spacing: 2px;
}
.wrapper .wrapper-hover .content-hover .right p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.wrapper .text-bar {
  position: absolute;
  color: #fff;
  animation: 0.5s slideUp ease-in-out;
  top: 50%;
  transform: translateY(-50%);
  left: 70px;
  cursor: pointer;
  z-index: 999;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.22);
}
.wrapper .title {
  font-size: 37px;
  line-height: 38px;
  height: 38px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 600;
}
.wrapper .desc {
  /*font-size: 29px;*/
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  height: 30px;
  margin-top: 30px;
  font-family: PingFangSC-Regular, PingFang SC;
}
.wrapper .desc .arrow-right {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-top: 2px;
  background-image: url(../../static/images/arrow-right.png);
  background-size: 100%;
}
.wrapper .figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: top right;
  background-size: auto 100%;
}
.wrapper .sucai {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: top right;
  background-size: auto 100%;
  animation: 0.9s scaleIn2 cubic-bezier(0, 0.34, 0, 1.39);
  transform-origin: 100% 50%;
}
.wrapper .btn {
  font-size: 29px;
  line-height: 30px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}
.wrapper .btn:hover {
  color: #fff;
  transform: translateY(-10px);
}
.wrapper .btn:after {
  content: '';
  width: 15px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
}
.wrapper-1 {
  background: #1e1e52;
}
.wrapper-1 .icon-play {
  position: absolute;
  width: 90px;
  height: 90px;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 155px;
  margin-top: 14vh;
  background: url(../static/images/index/icon_play.png);
  display: none;
  cursor: pointer;
}
.wrapper-1 .bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  background: url(../static/images/index/v_back.jpg);
  background-size: cover;
}
.wrapper-1 .bg-video:after {
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
}
.wrapper-1 .video {
  position: absolute;
  top: 0;
  left: 0;
}
.wrapper-1 .dash-bar {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 480px;
  margin-top: 44vh;
  text-align: center;
}
.wrapper-1 .dash {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  margin: 0 10px;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}
.wrapper-1 .dash:last-child {
  width: 36px;
  background-color: #fff;
}
.wrapper-video .icon-play {
  display: block;
}
.wrapper-video .bg-video {
  display: block;
}
.wrapper-video .dash:last-child {
  width: 10px;
  background-color: rgba(255, 255, 255, 0.3);
}
.wrapper-video .dash:first-child {
  width: 36px;
  background-color: #fff;
}
.wrapper-2 {
  background: #0d1549;
}
.wrapper-3 {
  background: #0d1549;
}
.wrapper-4 {
  background: #5944b5;
}
.wrapper-5 {
  background: #0d1549;
}
.wrapper-6 {
  background-color: #181845;
}
.wrapper-6 .news-list {
  width: 1420px;
  margin: -155px auto 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.wrapper-6 .item {
  text-align: left;
  width: 430px;
  display: inline-block;
  margin-right: 60px;
  background-color: #7254ba;
  padding-bottom: 20px;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.wrapper-6 .item:last-child {
  margin-right: 0;
}
.wrapper-6 .item:nth-child(2) .item-title {
  padding-left: 22px;
}
.wrapper-6 .item:hover {
  transform: translateY(-10px);
}
.wrapper-6 .img {
  display: block;
  width: 430px;
  height: 200px;
}
.wrapper-6 .item-title {
  padding: 0 30px;
  line-height: 50px;
  margin-top: 10px;
  color: #fff;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wrapper-6 .date {
  line-height: 40px;
  padding-left: 30px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.4);
}
.wrapper-6 .link {
  display: block;
}
.wrapper-6 .footer-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(../static/images/index/footer_bg.png);
}
.wrapper-6 .footer-box {
  width: 1420px;
}
.dot-bar {
  position: fixed;
  width: 25px;
  top: 50%;
  right: 102px;
  transform: translateY(-50%);
  color: #fff;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.dot-bar .dot {
  width: 24px;
  height: 24px;
  display: block;
  margin-bottom: 22px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.41);
  position: relative;
}
.dot-bar .dot:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: currentColor;
  width: 12px;
  height: 12px;
  border: 6px solid #4C8DF4;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.video-pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: none;
}
.video-pop .inner {
  width: 1233px;
  height: 694px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.video-pop .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-pop .close {
  position: absolute;
  height: 28px;
  top: 0;
  right: -80px;
  width: 30px;
  cursor: pointer;
}
.video-pop .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 4px;
  border-radius: 2px;
  transform-origin: 50% 50%;
  transition: all 0.3s ease-in-out;
}
.video-pop .line-1 {
  background-color: #fff;
  transform: translateY(12px) rotate(45deg);
}
.video-pop .line-2 {
  background-color: rgba(255, 255, 255, 0.6);
  top: 12px;
  transform: rotate(-45deg);
}
.menu-slide .nav-bar {
  transform: translateX(100%);
  opacity: 0;
}
.menu-slide .menu-icon:hover .line-2 {
  width: 35px;
}
.menu-slide .menu-icon:hover .line-3 {
  width: 25px;
}
.menu-slide .line-1 {
  transform: translateY(0) rotate(0);
}
.menu-slide .line-2 {
  transform: rotate(0);
}
.menu-slide .line-3 {
  opacity: 1;
}
.active-1 .menu-icon {
  display: none;
}
.active-1 .nav-bar {
  transform: translateX(0);
  opacity: 1;
}
.active-1 .main-header {
  padding-right: 100px;
}
.active-6 .dot-bar {
  margin-top: -155px;
}
.active-1 .dot:nth-child(1):after {
  opacity: 1;
}
.active-2 .dot:nth-child(2):after {
  opacity: 1;
}
.active-3 .dot:nth-child(3):after {
  opacity: 1;
}
.active-4 .dot:nth-child(4):after {
  opacity: 1;
}
.active-5 .dot:nth-child(5):after {
  opacity: 1;
}
.active-6 .dot:nth-child(6):after {
  opacity: 1;
}
@keyframes slideUp {
  0% {
    opacity: 0;
    margin-top: 100px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes scaleIn {
  0% {
    transform: scale(1.05) translate(-50%, -50%);
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes scaleIn2 {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scaleInDot {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes wrapperRotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(5deg);
  }
}
html {
  height: 100%;
}
.food .wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
.food .wrapper .bg-img {
  animation: 0.3s scaleIn ease-in-out;
  transform-origin: 50% 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1920px;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.food .wrapper .title {
  font-size: 40px;
}
.food .wrapper .text-bar {
  position: absolute;
  color: #fff;
  animation: 0.5s slideUp ease-in-out;
  top: 50%;
  transform: translateY(-50%);
  left: 110px;
  right: 110px;
}
.food .wrapper .desc {
  opacity: .5;
  font-size: 18px;
  line-height: 2;
  margin-top: 50px;
}
.food .wrapper .figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: top right;
  background-size: auto 100%;
}
.food .wrapper .sucai {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: top right;
  background-size: auto 100%;
  animation: 0.9s scaleIn2 cubic-bezier(0, 0.34, 0, 1.39);
  transform-origin: 100% 50%;
}
.food .wrapper .btn-bar {
  margin-top: 150px;
  font-size: 30px;
  line-height: 1;
}
.food .wrapper .btn {
  color: rgba(255, 255, 255, 0.8);
  position: relative;
  padding-right: 35px;
  margin-right: 70px;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}
.food .wrapper .btn:hover {
  color: #fff;
  transform: translateY(-10px);
}
.food .wrapper .btn:after {
  content: '';
  width: 15px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../static/images/index/arrow.png);
}
.food .wrapper-1 {
  background: #1e1e52;
}
.food .wrapper-1 .title {
  width: 724px;
  height: 203px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: translateY(-30px);
}
.food .wrapper-1 .text-bar {
  top: 0;
  bottom: 0;
  text-align: center;
  transform: none !important;
}
.food .wrapper-1 .icon-play {
  position: absolute;
  width: 90px;
  height: 90px;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 155px;
  margin-top: 14vh;
  background: url(../static/images/index/icon_play.png);
  display: none;
  cursor: pointer;
}
.food .wrapper-1 .desc {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 342px;
  margin-top: 28vh;
  opacity: 0.65;
}
.food .wrapper-1 .bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  background: url(../static/images/index/v_back.jpg);
  background-size: cover;
}
.food .wrapper-1 .bg-video:after {
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
}
.food .wrapper-1 .video {
  position: absolute;
  top: 0;
  left: 0;
}
.food .wrapper-1 .dash-bar {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 480px;
  margin-top: 44vh;
  text-align: center;
}
.food .wrapper-1 .dash {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  margin: 0 10px;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}
.food .wrapper-1 .dash:last-child {
  width: 36px;
  background-color: #fff;
}
.food .wrapper-video .desc {
  display: none;
}
.food .wrapper-video .icon-play {
  display: block;
}
.food .wrapper-video .bg-video {
  display: block;
}
.food .wrapper-video .dash:last-child {
  width: 10px;
  background-color: rgba(255, 255, 255, 0.3);
}
.food .wrapper-video .dash:first-child {
  width: 36px;
  background-color: #fff;
}
.food .wrapper-2 {
  width: 100%;
  height: 100%;
  background-image: url(/images/food/food-bg.png);
}
.food .wrapper-2 .title {
  width: 537px;
  height: 259px;
}
.food .wrapper-2 ul {
  width: 80%;
  height: 80%;
  margin: 10% auto;
  display: flex;
}
.food .wrapper-2 ul li {
  width: 30%;
  float: left;
  margin-right: 6%;
}
.food .wrapper-2 ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.food .wrapper-2 ul li a img {
  width: 100%;
}
.food .wrapper-2 ul li:last-child {
  margin-right: 0;
}
.food .wrapper-3 {
  background: #0d1549;
}
.food .wrapper-3 .title {
  width: 510px;
  height: 259px;
}
.food .wrapper-3 .desc {
  opacity: 0.65;
}
.food .wrapper-4 {
  background: #5944b5;
}
.food .wrapper-4 .title {
  width: 648px;
  height: 174px;
}
.food .wrapper-5 {
  background: #0d1549;
}
.food .wrapper-5 .title {
  width: 672px;
  height: 259px;
}
.food .wrapper-6 {
  background-color: #181845;
}
.food .wrapper-6 .news-list {
  width: 1420px;
  margin: -155px auto 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.food .wrapper-6 .item {
  text-align: left;
  width: 430px;
  display: inline-block;
  margin-right: 60px;
  background-color: #7254ba;
  padding-bottom: 20px;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.food .wrapper-6 .item:last-child {
  margin-right: 0;
}
.food .wrapper-6 .item:nth-child(2) .item-title {
  padding-left: 22px;
}
.food .wrapper-6 .item:hover {
  transform: translateY(-10px);
}
.food .wrapper-6 .img {
  display: block;
  width: 430px;
  height: 200px;
}
.food .wrapper-6 .item-title {
  padding: 0 30px;
  line-height: 50px;
  margin-top: 10px;
  color: #fff;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.food .wrapper-6 .date {
  line-height: 40px;
  padding-left: 30px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.4);
}
.food .wrapper-6 .link {
  display: block;
}
.food .wrapper-6 .footer-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(../static/images/index/footer_bg.png);
}
.food .wrapper-6 .footer-box {
  width: 1420px;
}
.food .dot-bar {
  position: fixed;
  width: 24px;
  top: 50%;
  right: 100px;
  transform: translateY(-50%);
  color: #fff;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.food .dot-bar .dot {
  width: 10px;
  height: 10px;
  display: block;
  margin-bottom: 40px;
  border-radius: 100%;
  background-color: #fff;
  position: relative;
}
.food .dot-bar .dot:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: currentColor;
  transform-origin: 50% 50%;
  width: 8px;
  height: 8px;
  border: 1px solid currentColor;
  border-radius: 100%;
  transform: scale(3);
  opacity: 0;
}
.food .video-pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: none;
}
.food .video-pop .inner {
  width: 1233px;
  height: 694px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.food .video-pop .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.food .video-pop .close {
  position: absolute;
  height: 28px;
  top: 0;
  right: -80px;
  width: 30px;
  cursor: pointer;
}
.food .video-pop .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 4px;
  border-radius: 2px;
  transform-origin: 50% 50%;
  transition: all 0.3s ease-in-out;
}
.food .video-pop .line-1 {
  background-color: #fff;
  transform: translateY(12px) rotate(45deg);
}
.food .video-pop .line-2 {
  background-color: rgba(255, 255, 255, 0.6);
  top: 12px;
  transform: rotate(-45deg);
}
.food .menu-slide .nav-bar {
  transform: translateX(100%);
  opacity: 0;
}
.food .menu-slide .menu-icon:hover .line-2 {
  width: 35px;
}
.food .menu-slide .menu-icon:hover .line-3 {
  width: 25px;
}
.food .menu-slide .line-1 {
  transform: translateY(0) rotate(0);
}
.food .menu-slide .line-2 {
  transform: rotate(0);
}
.food .menu-slide .line-3 {
  opacity: 1;
}
.food .active-1 .menu-icon {
  display: none;
}
.food .active-1 .nav-bar {
  transform: translateX(0);
  opacity: 1;
}
.food .active-1 .main-header {
  padding-right: 100px;
}
.food .active-6 .dot-bar {
  margin-top: -155px;
}
.food .wrapper-1 .title {
  background-image: url(../static/images/index/title_1.png);
}
.food .wrapper-1 .figure {
  background-image: url(../static/images/index/figure_1.png);
}
.food .wrapper-1 .sucai {
  background-image: url(../static/images/index/index/picture_1.png);
}
.food .active-1 .dot:nth-child(1):after {
  opacity: 1;
  animation: scaleInDot 0.3s ease-in-out;
  background: transparent;
}
.food .active-2 .dot:nth-child(2):after {
  opacity: 1;
  animation: scaleInDot 0.3s ease-in-out;
  background: transparent;
}
.food .wrapper-3 .title {
  background-image: url(../static/images/index/title_3.png);
}
.food .wrapper-3 .figure {
  background-image: url(../static/images/index/figure_3.png);
}
.food .wrapper-3 .sucai {
  background-image: url(../static/images/index/picture_3.png);
}
.food .active-3 .dot:nth-child(3):after {
  opacity: 1;
  animation: scaleInDot 0.3s ease-in-out;
  background: transparent;
}
.food .wrapper-4 .title {
  background-image: url(../static/images/index/title_4.png);
}
.food .wrapper-4 .figure {
  background-image: url(../static/images/index/figure_4.png);
}
.food .wrapper-4 .sucai {
  background-image: url(../static/images/index/picture_4.png);
}
.food .active-4 .dot:nth-child(4):after {
  opacity: 1;
  animation: scaleInDot 0.3s ease-in-out;
  background: transparent;
}
.food .wrapper-5 .title {
  background-image: url(../static/images/index/title_5.png);
}
.food .wrapper-5 .figure {
  background-image: url(../static/images/index/figure_5.png);
}
.food .wrapper-5 .sucai {
  background-image: url(../static/images/index/picture_5.png);
}
.food .active-5 .dot:nth-child(5):after {
  opacity: 1;
  animation: scaleInDot 0.3s ease-in-out;
  background: transparent;
}
.food .wrapper-6 .title {
  background-image: url(../static/images/index/index/title_6.png);
}
.food .wrapper-6 .figure {
  background-image: url(../static/images/index/figure_6.png);
}
.food .wrapper-6 .sucai {
  background-image: url(../static/images/index/index/picture_6.png);
}
.food .active-6 .dot:nth-child(6):after {
  opacity: 1;
  animation: scaleInDot 0.3s ease-in-out;
  background: transparent;
}
@media (max-height: 870px) {
  .food .wrapper .text-bar {
    transform: translate(0, -50%) scale(0.8);
  }
}
@keyframes slideUp {
  0% {
    opacity: 0;
    margin-top: 100px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes scaleIn {
  0% {
    transform: scale(1.05) translate(-50%, -50%);
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes scaleIn2 {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scaleInDot {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(3);
  }
}
@keyframes wrapperRotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(5deg);
  }
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}
pre {
  white-space: inherit;
}
ul,
menu,
dir,
li {
  list-style: none;
}
body {
  position: relative;
  margin: 0 auto;
  font: 12px/1.5 Helvetica, Arial, sans-serif;
}
a {
  text-decoration: none;
}
a,
img,
div,
span,
nav,
li {
  -webkit-tap-highlight-color: transparent;
}
legend {
  color: #000;
}
fieldset,
img {
  border: none;
}
button,
input,
select,
textarea {
  font-size: 100%;
}
input,
button,
select,
textarea {
  outline: none;
  border: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.main-header {
  padding: 10px 160px 0 360px;
  height: 90px;
  line-height: 80px;
  font-size: 16px;
  text-align: right;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  min-width: 1000px;
  z-index: 1000;
}
.main-header .logo-link {
  position: absolute;
  left: 110px;
  top: 10px;
}
.main-header .logo {
  display: block;
  width: 161px;
  height: 80px;
}
.main-header .logo-r {
  display: none;
  width: 100px;
  height: 100px;
  background: url(../images/logos.png);
  background-position: 0 -100px;
  margin-top: -20px;
}
.main-header .nav-box {
  overflow: hidden;
  position: relative;
  height: 80px;
}
.main-header .nav {
  display: inline-block;
  margin: 0 24px;
  color: #fff;
  position: relative;
  opacity: 0.7;
}
.main-header .nav:hover {
  opacity: 1;
}
.main-header .nav-bar {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(0);
  opacity: 1;
  transition: all 0.5s ease-in-out;
  width: 520px;
}
.main-header .menu-icon {
  position: absolute;
  height: 28px;
  top: 35px;
  right: 110px;
  width: 30px;
  cursor: pointer;
}
.main-header .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 4px;
  border-radius: 2px;
  transform-origin: 50% 50%;
  transition: all 0.3s ease-in-out;
}
.main-header .line-1 {
  background-color: #fff;
  transform: translateY(12px) rotate(45deg);
}
.main-header .line-2 {
  background-color: rgba(255, 255, 255, 0.6);
  top: 12px;
  transform: rotate(-45deg);
}
.main-header .line-3 {
  background-color: rgba(255, 255, 255, 0.3);
  top: 24px;
  opacity: 0;
}
@font-face {
  font-family: 'Tencent Games EN';
  src: url("../fonts/TencentGamesEN-BlackOblique.eot");
  src: url("../fonts/TencentGamesEN-BlackOblique.eot#iefix") format("embedded-opentype"), url("../fonts/TencentGamesEN-BlackOblique.woff2") format("woff2"), url("../fonts/TencentGamesEN-BlackOblique.woff") format("woff"), url("../images/TencentGamesEN-BlackOblique.svg#../fonts/TencentGamesEN-BlackOblique") format("svg");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Tencent Games EN';
  src: url("../fonts/TencentGamesEN-Black.eot");
  src: url("../fonts/TencentGamesEN-Black.eot#iefix") format("embedded-opentype"), url("../fonts/TencentGamesEN-Black.woff2") format("woff2"), url("../fonts/TencentGamesEN-Black.woff") format("woff"), url("../images/TencentGamesEN-Black.svg#../fonts/TencentGamesEN-Black") format("svg");
  font-weight: 900;
  font-style: normal;
}
#qb_collection_img_mask {
  display: none !important;
}
.footer-bg {
  position: relative;
  background: url(../images/footer-bg.png) no-repeat;
  background-position: center top;
  z-index: 88;
}
.footer-main {
  width: 100%;
  min-width: 1280px;
  position: relative;
  z-index: 2;
  height: 310px;
}
.footer-box {
  width: 1100px;
  margin: 0 auto;
  padding-top: 56px;
  position: relative;
}
.footer-box a:hover {
  text-decoration: none;
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}
.left-tlist {
  width: 100%;
  height: 182px;
}
.left-tlist li {
  width: 164px;
  height: auto;
  float: left;
}
.left-tlist li a {
  display: inline-block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.35);
  line-height: 22px;
  margin-bottom: 12px;
  position: relative;
}
.left-tlist li a:hover {
  color: #fff;
}
.left-tlist li a:hover i {
  opacity: 1;
}
.left-tlist li .li-tit a {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 22px;
  cursor: default;
}
.right-tcgame {
  width: 197px;
  height: 27px;
  position: absolute;
  top: 107px;
  right: 0;
}
.left-tlist li a i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/spr.png) no-repeat;
  vertical-align: top;
  margin-right: 6px;
  opacity: 0.35;
}
.left-tlist li a i.i-wx {
  background-position: -4px -66px;
}
.left-tlist li a i.i-xlwb {
  background-position: -4px -100px;
}
.tc-gzh {
  display: inline-block;
  width: 130px;
  height: 130px;
  position: absolute;
  top: -142px;
  left: -35px;
  display: none;
}
.left-tlist li a:hover .tc-gzh {
  display: block;
}
.tc-gzh img {
  display: inline-block;
  width: 130px;
  height: 130px;
}
.copy-left {
  display: inline-block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
  line-height: 22px;
}
.copy-left a {
  display: inline-block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
  line-height: 22px;
}
.copy-left i {
  display: inline-block;
  font-style: normal;
  margin: 0 6px;
  opacity: 0.4;
}
.copy-left .copy-text {
  display: inline-block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
  line-height: 22px;
}
.copy-tips {
  display: inline-block;
  color: rgba(255, 255, 255, 0.35);
  font-size: 12px;
  line-height: 22px;
  float: right;
}
.copy-tips a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.35);
  font-size: 12px;
  line-height: 22px;
}
.top-nav-box {
  width: 100%;
  min-width: 1100px;
  height: 90px;
  padding-top: 10px;
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: url(../images/top-nav-box.png) no-repeat 50% 0;
  transition: all 0.5s;
}
.top-nav-box.on {
  height: 80px;
  padding-top: 0;
}
.top-nav {
  height: 80px;
  margin: 0 auto;
  position: relative;
}
.top-tcgame {
  width: 161px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 110px;
  display: block;
  background: url(../images/logo.png) no-repeat;
  background-size: 100%;
}
.nav-link-list {
  width: 650px;
  text-align: right;
  float: right;
  padding: 29px 110px 0 0;
}
.nav-link-list a {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  margin-left: 55px;
  line-height: 22px;
  opacity: 0.6;
}
.nav-link-list a.on {
  opacity: 1;
}
.nav-link-list a.no {
  display: none;
}
.nav-link-list a:hover {
  opacity: 1;
}