@charset "utf-8";
/* 此文件作为总入口，引入所有less文件，之后会编译为all.css */
/*CSS Document*/
/*init BEGIN*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
  outline: none;
}
/*清除内外边距*/
/*a:focus{-moz-outline-style:none;}!*IE不支持*!*/
a:focus {
  outline: none;
}
/*很多网站都会加的属性*/
body,
button,
input,
select,
textarea {
  /*for ie*/
  /*font:12px/1 Tahoma,Helvetica,Arial,"宋体",sans-serif;*/
  font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
  /*用 ascii 字符表示，使得在任何编码下都无问题*/
}
/*设置默认字体*/
address,
cite,
dfn,
em,
var {
  font-style: normal;
}
/*将斜体扶正*/
code,
kbd,
pre,
samp,
tt {
  font-family: "Courier New", Courier, monospace;
}
/*统一等宽字体*/
small {
  font-size: 12px;
}
/*小于 12px 的中文很难阅读，让 small 正常化*/
ul,
ol {
  list-style: none;
}
/*重置列表元素*/
a {
  text-decoration: none;
}
/*重置文本格式元素*/
abbr[title],
acronym[title] {
  /*注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果*/
  border-bottom: 1px dotted;
  cursor: help;
}
q:before,
q:after {
  content: '';
}
/*重置表单元素*/
legend {
  color: #000;
}
/*for ie6*/
fieldset,
img {
  border: none;
}
/*img 搭车：让链接里的 img 无边框*/
/*注：optgroup 无法扶正*/
button,
input,
select,
textarea {
  font-size: 100%;
  /*使得表单元素在 ie 下能继承字体大小*/
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*重置表格元素*/
hr {
  border: none;
  height: 1px;
}
/*重置 hr*/
img {
  max-width: 100%;
  vertical-align: middle;
}
i {
  font-style: normal;
}
/*让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁*/
input {
  background: none;
  font-family: 微软雅黑;
  border: none;
}
/*重置input标签属性*/
textarea {
  background: none;
  font-family: 微软雅黑;
  border: none;
}
/*重置textarea标签属性*/
/*init END*/
/*此文件放置共用函数、变量等*/
/* 字体设置 */
/* 定位属性 */
/* 遮罩层定位 */
/* 截字符 */
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
/* 公用类 */
body {
  font-size: 12px;
  color: #333;
  line-height: 1.8;
  font-family: "微软雅黑";
  overflow-x: hidden;
}
/* 清楚浮动 */
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
input {
  background: none;
  font-family: 微软雅黑;
  border: none;
}
textarea {
  background: none;
  font-family: 微软雅黑;
  border: none;
}
a[transition] {
  -webkit-transition: .4s 0s;
  -o-transition: .4s 0s;
  -moz-transition: .4s 0s;
  transition: .4s 0s;
}
.wrap {
  max-width: 1200px;
  margin: 0 auto;
}
svg {
  vertical-align: middle;
}
.mCSB_1_scrollbar {
  z-index: 100;
}
.mCSB_scrollTools {
  margin: 0 !important;
  width: 4px !important;
}
@media screen and (max-width: 1200px) {
  .wrap {
    width: 100%;
    padding: 0 14px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.wow {
  visibility: hidden;
}
.scroll--view {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
*:focus {
  outline: none;
}
.list--container {
  padding: 0 0 40px 0;
}
.list--content {
  padding: 0 0 40px 0;
  max-width: 1200px;
  margin: 0 auto;
  zoom: 1;
}
.list--content:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.editor--content {
  font-size: 14px;
  color: #6a6a6a;
  line-height: 2;
}
.float-right {
  float: right;
}
.fp-responsive .fp-section.fp-table {
  display: block;
  padding: 30px 0;
  height: auto !important;
}
.fp-responsive .fp-section.fp-table.page1 {
  padding-top: 0;
}
.fp-responsive .fp-section.fp-table.page7 {
  padding-bottom: 0;
}
.fp-responsive .fp-tableCell {
  height: auto !important;
  display: block;
}
.fp-responsive .wrapper {
  height: auto;
}
@media screen and (max-width: 700px) {
  .float-right {
    float: none;
  }
}
@media screen and (max-width: 450px) {
  .fp-responsive .fp-section.fp-table {
    padding: 15px 0;
  }
}
.footer1 {
  padding: 30px 0;
  background: #222222;
  border-top: 14px solid #c91e1a;
}
.footer1 > div {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.footer1 .tel em {
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  background: url(../images/icon02.png) no-repeat center;
}
.footer1 .tel span {
  display: block;
  padding: 20px 0 0 0;
  margin: 0 auto;
  text-align: center;
  font-size: 36px;
  line-height: 50px;
  color: #a60517;
  font-weight: bold;
}
.footer1 .qr {
  padding: 15px 0 25px 0;
  text-align: center;
}
.footer1 .qr .cell {
  display: inline-block;
  vertical-align: middle;
  width: 88px;
}
.footer1 .qr .cell span {
  display: block;
  padding: 9px;
  background: #1d2222;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.footer1 .qr .cell span img {
  display: block;
  width: 100%;
}
.footer1 .qr .cell em {
  display: block;
  padding: 5px 0 0 0;
  text-align: center;
  font-size: 14px;
  color: #bebebe;
  line-height: 30px;
}
.footer1 .qr .cell:hover span {
  background: #191919;
}
.footer1 .links {
  font-size: 12px;
  color: #676767;
}
.footer1 .links a {
  color: #676767;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.footer1 .links a:hover {
  color: #fff;
}
.footer2 {
  padding: 15px 15px;
  font-size: 14px;
  color: #999;
  text-align: center;
  line-height: 30px;
  background: #000;
}
.footer2 a {
  color: #999;
}
.footer2 img {
  vertical-align: middle;
}
.footer2 > div {
  font-size: 12px;
  color: #525252;
}
.footer2 > div a {
  color: #525252;
}
.pc .footer2 a {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.pc .footer2 a:hover {
  color: #fff;
}
.pc .footer2 > div a:hover {
  color: #fff;
}
.home .footer--pc {
  display: none;
}
.footer--pc {
  position: fixed;
  bottom: 100px;
  right: 10px;
  z-index: 9999;
  display: block;
}
.footer--pc a {
  display: block;
  width: 36px;
  height: 36px;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
  margin: 10px 0;
}
.footer--pc a:nth-child(1) {
  background: url(../images/icon51.png) no-repeat center;
}
.footer--pc a:nth-child(1):hover {
  background-image: url(../images/icon54.png);
}
.footer--pc a:nth-child(2) {
  background: url(../images/icon52.png) no-repeat center;
}
.footer--pc a:nth-child(2):hover {
  background-image: url(../images/icon55.png);
}
.footer--pc a:nth-child(3) {
  display: none;
  background: url(../images/icon53.png) no-repeat center;
}
.footer--pc a:nth-child(3):hover {
  background-image: url(../images/icon56.png);
}
#index_swiper {
  height: 100vh;
}
.page--container {
  position: relative;
  overflow: hidden;
  height: 100vh;
}
.page--container.autoheight {
  height: auto;
}
#index_banner_swiper .banner--item {
  display: block;
  width: 100%;
  height: 100vh;
  background: no-repeat center;
}
#index_banner_swiper .swiper-button-prev,
#index_banner_swiper .swiper-button-next {
  width: 71px;
  height: 100px;
}
#index_banner_swiper .swiper-button-prev {
  left: 85px;
  background: url(../images/icon00.png) no-repeat center;
}
#index_banner_swiper .swiper-button-next {
  right: 85px;
  background: url(../images/icon01.png) no-repeat center;
}
#index_banner_swiper .swiper-pagination {
  bottom: 50px;
}
#index_banner_swiper .swiper-pagination .swiper-pagination-bullet {
  width: 24px;
  height: 5px;
  background: #fff;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  opacity: 1;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
#index_banner_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 35px;
  background: #b8141b;
}
#index_product_swiper1 {
  height: 100vh;
}
#index_product_swiper1 .index--product_img {
  display: block;
  width: 100%;
  height: 100vh;
  background: no-repeat center / cover;
}
#index_product_swiper1 .swiper-pagination {
  position: absolute;
  width: auto;
  left: 50%;
  bottom: 20px;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
#index_product_swiper1 .swiper-pagination:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  background: #fff;
}
#index_product_swiper1 .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 10px;
  opacity: 1;
  background: none;
}
#index_product_swiper1 .swiper-pagination .swiper-pagination-bullet:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  content: '';
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background: #fff;
}
#index_product_swiper1 .swiper-pagination .swiper-pagination-bullet:after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  content: '';
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background: #b2100b;
}
#index_product_swiper1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  width: 20px;
  height: 20px;
}
.pc #index_product_swiper1 .swiper-pagination {
  position: absolute;
  right: 10px;
  top: 50%;
  left: initial;
  bottom: initial;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.pc #index_product_swiper1 .swiper-pagination:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: -webkit-calc(100% - 70px);
  height: -moz-calc(100% - 70px);
  height: calc(100% - 70px);
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  background: #fff;
}
.pc #index_product_swiper1 .swiper-pagination .swiper-pagination-bullet {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 25px 0;
  opacity: 1;
  background: none;
}
.pc #index_product_swiper1 .swiper-pagination .swiper-pagination-bullet:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  content: '';
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background: #fff;
}
.pc #index_product_swiper1 .swiper-pagination .swiper-pagination-bullet:after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  content: '';
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background: #b2100b;
}
.pc #index_product_swiper1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  width: 20px;
  height: 20px;
}
.index--product_textcontainer {
  position: absolute;
  bottom: 60px;
  left: 50%;
  z-index: 2;
  width: 96%;
  max-width: 795px;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.index--product_textcontainer .index-product-swiper2-prev {
  display: none;
  left: -110px;
  width: 67px;
  height: 67px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  background: url(../images/btn00.png) no-repeat center;
}
.index--product_textcontainer .index-product-swiper2-prev:hover {
  background: url(../images/btn02.png) no-repeat center;
}
.index--product_textcontainer .index-product-swiper2-next {
  display: none;
  right: -110px;
  width: 67px;
  height: 67px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  background: url(../images/btn01.png) no-repeat center;
}
.index--product_textcontainer .index-product-swiper2-next:hover {
  background: url(../images/btn03.png) no-repeat center;
}
.pc .index--product_textcontainer .index-product-swiper2-prev,
.pc .index--product_textcontainer .index-product-swiper2-next {
  display: block;
}
.index--product_more {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 1200px;
}
.index--product_more a {
  position: absolute;
  top: 0;
  left: 105px;
  width: 50px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.index--product_more a:hover {
  opacity: 0.7;
}
.index--product_more a img {
  display: block;
  width: 100%;
}
#index_product_swiper2 .index--product_text {
  padding: 20px 45px;
  height: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../images/index_product00.png) no-repeat center / 100% 100%;
}
#index_product_swiper2 .index--product_text h3 {
  line-height: 76px;
  border-bottom: 1px solid #808080;
}
#index_product_swiper2 .index--product_text h3 a {
  font-size: 30px;
  color: #fff;
  font-weight: normal;
}
#index_product_swiper2 .index--product_text > div {
  padding: 20px 0 0 0;
  font-size: 14px;
  color: #afafaf;
  line-height: 28px;
}
.index--news {
  display: table;
  width: 100%;
  height: 100vh;
  max-width: 100%;
  background: url(../images/index_news00.png) no-repeat center / 100% 100%;
}
.index--news > div {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.index--news .head h2 {
  line-height: 44px;
  text-align: center;
}
.index--news .head h2 a {
  font-size: 36px;
  color: #b30c06;
  font-weight: normal;
}
.index--news .head span {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #4f4f4f;
  line-height: 24px;
}
.index--news .body {
  padding: 100px 15px;
  margin: 0 auto;
  max-width: 1200px;
  width: 100vw;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.index--news .body .swiper-slide {
  padding: 25px 0 0 0;
}
.index--news .btn {
  text-align: center;
}
.index--news .btn a {
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
}
.index--news .btn a img {
  display: block;
}
.index--news_cell {
  position: relative;
  padding: 20px;
  background: #fff;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.index--news_cell > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.index--news_cell .img {
  margin: 0;
  overflow: hidden;
}
.index--news_cell .img img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.index--news_cell h3 {
  padding: 20px 10px 15px;
  line-height: 30px;
}
.index--news_cell h3 a {
  font-size: 18px;
  color: #3e3e3e;
  font-weight: normal;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.index--news_cell > span {
  display: block;
  padding: 0 10px 25px;
  font-size: 14px;
  color: #6a6a6a;
  line-height: 30px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.index--news_cell > div {
  margin: 0 0 15px 0;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  background: url(../images/icon03.png) no-repeat right center;
}
.index--news_cell > div span {
  display: block;
  padding: 0 0 0 38px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  font-size: 14px;
  color: #999;
  line-height: 24px;
  background: url(../images/icon05.png) no-repeat 18px center;
}
.pc .index--news_cell:hover {
  -webkit-transform: translate(0, -25px);
     -moz-transform: translate(0, -25px);
      -ms-transform: translate(0, -25px);
       -o-transform: translate(0, -25px);
          transform: translate(0, -25px);
  background: #b30c06;
}
.pc .index--news_cell:hover .img img {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}
.pc .index--news_cell:hover h3 a {
  color: #fff;
}
.pc .index--news_cell:hover > span {
  color: #fff;
}
.pc .index--news_cell:hover > div {
  background-image: url(../images/icon04.png);
}
.pc .index--news_cell:hover > div span {
  color: #fff;
  background-image: url(../images/icon06.png);
}
@media screen and (max-width: 1000px) {
  .index--news .body {
    padding: 0 15px 20px;
  }
}
.index--about {
  height: 100vh;
}
.index--about .block {
  position: relative;
  overflow: hidden;
  height: 33.33%;
  font-size: 14px;
  color: #6d6d6d;
  line-height: 28px;
}
.index--about .menu {
  height: 100%;
}
.index--about .menu .img {
  position: absolute;
  width: 1920px;
  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%);
  z-index: 10;
}
.index--about .menu .img img {
  width: 960px;
}
.index--about .menu .text {
  position: relative;
  z-index: 20;
  margin: 0 auto;
  max-width: 1200px;
  height: 100%;
  width: 100%;
  display: table;
}
.index--about .menu .text > div {
  display: table-cell;
  vertical-align: middle;
  zoom: 1;
}
.index--about .menu .text > div:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.index--about .menu .text > div > div {
  width: 48%;
}
.index--about .video {
  position: relative;
  height: 100%;
}
.index--about .video .img {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1920px;
}
.index--about .video .text {
  position: relative;
  z-index: 20;
  height: 100%;
  width: 100%;
  display: table;
}
.index--about .video .text > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.index--about .video .text .btn {
  margin: 0 0 20px 0;
}
.index--about .video .text .content {
  padding: 0 15px;
}
@media screen and (max-width: 960px) {
  .index--about .menu .img {
    width: 960px;
  }
  .index--about .menu .img img {
    display: block;
    float: none;
    opacity: .3;
  }
  .index--about .menu .text > div > div {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 800px) {
  #index_banner_swiper .swiper-button-prev,
  #index_banner_swiper .swiper-button-next {
    display: none;
  }
}
.index-video--pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: none;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.index-video--pop .video--pop_content {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 800px;
  width: 100%;
  max-height: 100%;
  padding: 50px;
  margin-top: -100px;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.index-video--pop .video--pop_content video {
  display: block;
  width: 100%;
}
.index-video--pop .video--pop_content .close {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 100;
}
.index-video--pop .video--pop_content .close a {
  display: block;
  color: #fff;
  font-size: 30px;
  line-height: 50px;
}
.index-video--pop.show {
  display: block;
}
.index-video--pop.animate {
  opacity: 1;
}
.index-video--pop.animate .video--pop_content {
  margin-top: 0;
}
.pc--header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 500;
  height: 100px;
}
.pc--header .logo {
  position: relative;
  z-index: 10;
  float: left;
  margin: 15px 0 0 30px;
}
.pc--header .logo a {
  display: block;
}
.pc--header .logo a img {
  display: block;
  height: 70px;
}
.pc--header .controlbtn {
  position: relative;
  z-index: 10;
  float: left;
  margin: 20px;
  display: none;
}
.pc--header .controlbtn a {
  width: 60px;
  height: 60px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.pc--header .controlbtn a:hover {
  opacity: .7;
}
.pc--header .controlbtn a img {
  display: block;
  margin: 0 auto;
}
.pc--header .controlbtn a img:nth-child(1) {
  display: none;
}
.pc--header .search--btn_mo {
  display: none;
  float: right;
  margin: 10px 0;
}
.pc--header .search--btn_mo a {
  display: block;
  padding: 9px;
}
.pc--header .search--btn_mo a img {
  display: block;
  width: 22px;
}
.pc--header .nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #191919;
  text-align: center;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.pc--header .nav > div {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.pc--header .nav > div .cell {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
  line-height: 100px;
}
.pc--header .nav > div .cell > a {
  position: relative;
  display: block;
  padding: 0 30px;
  font-size: 14px;
  color: #fff;
}
.pc--header .nav > div .cell > a:after,
.pc--header .nav > div .cell > a:before {
  position: absolute;
  top: 50%;
  width: 12px;
  height: 23px;
  content: '';
  opacity: 0;
  background: no-repeat center;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.pc--header .nav > div .cell > a:before {
  left: 0;
  -webkit-transform: translate(10px, -50%);
     -moz-transform: translate(10px, -50%);
      -ms-transform: translate(10px, -50%);
       -o-transform: translate(10px, -50%);
          transform: translate(10px, -50%);
  background-image: url(../images/icon11.png);
}
.pc--header .nav > div .cell > a:after {
  right: 0;
  -webkit-transform: translate(-10px, -50%);
     -moz-transform: translate(-10px, -50%);
      -ms-transform: translate(-10px, -50%);
       -o-transform: translate(-10px, -50%);
          transform: translate(-10px, -50%);
  background-image: url(../images/icon12.png);
}
.pc--header .nav > div .search--btn {
  position: absolute;
  right: -60px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.pc--header .nav > div .search--btn a {
  display: block;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.pc--header .nav > div .search--btn a:hover {
  opacity: .7;
}
.pc--header .nav > div .search--btn a img {
  display: block;
}
.pc--header .second--nav {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 120px;
  overflow: hidden;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
  opacity: 0;
  visibility: hidden;
  background: rgba(255, 255, 255, 0.9);
}
.pc--header .second--nav .second--cell a {
  position: relative;
  display: block;
  padding: 8px 0;
  font-size: 14px;
  color: #3e3e3e;
  line-height: 24px;
}
.pc--header .second--nav .second--cell a:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  height: 1px;
  width: 0px;
  content: '';
  background: #b30d07;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.header--placeholder {
  height: 100px;
}
.home .header--placeholder {
  display: none;
}
.home .pc--header .nav {
  -webkit-transform: translate(0, -110px);
     -moz-transform: translate(0, -110px);
      -ms-transform: translate(0, -110px);
       -o-transform: translate(0, -110px);
          transform: translate(0, -110px);
  opacity: 0;
}
.home .pc--header .controlbtn {
  display: block;
}
.shownav .pc--header .nav {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}
.shownav .pc--header .controlbtn a img:nth-child(1) {
  display: block;
}
.shownav .pc--header .controlbtn a img:nth-child(2) {
  display: none;
}
.pc .pc--header .nav > div .cell:hover > a:after,
.pc .pc--header .nav > div .cell:hover > a:before {
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  opacity: 1;
}
.pc .pc--header .nav > div .cell:hover > .second--nav {
  visibility: visible;
  opacity: 1;
  padding: 20px 30px;
}
.pc .pc--header .second--nav .second--cell:hover a:after {
  width: 100%;
}
.nav--pop {
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  -webkit-transform: translate3d(100%, 0, 0);
     -moz-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.nav--pop.animate {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.nav--pop.animate .nav--list > ul > li {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.nav--pop.animate .contact {
  opacity: 1;
}
.nav--pop.open {
  visibility: visible;
}
.nav--pop .nav--pop_scroll {
  height: 100%;
  padding: 0 20px;
}
.nav--pop .nav--pop_content {
  max-width: 400px;
  margin: 0 auto;
}
.nav--pop .action {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 40;
  width: 100%;
  height: 60px;
  background: #fff;
  text-align: right;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-box-shadow: 0 0 5px 0 #ddd;
     -moz-box-shadow: 0 0 5px 0 #ddd;
          box-shadow: 0 0 5px 0 #ddd;
}
.nav--pop .action a {
  margin: 15px 20px;
  display: inline-block;
  line-height: 30px;
  font-size: 20px;
  color: #1f2323;
}
.nav--pop .nav--list {
  padding: 70px 0 50px 0;
}
.nav--pop .nav--list > ul > li {
  border-bottom: 1px solid #eee;
  -webkit-transition: all .6s 0s;
  -o-transition: all .6s 0s;
  -moz-transition: all .6s 0s;
  transition: all .6s 0s;
  -webkit-transform: translate3d(100%, 0, 0);
     -moz-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  opacity: 0;
}
.nav--pop .nav--list > ul > li > a {
  position: relative;
  display: block;
  padding: 0 35px 0 15px;
  line-height: 60px;
  font-size: 16px;
  color: #222;
}
.nav--pop .nav--list > ul > li > a > span {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 10;
  font-size: 14px;
  color: #666;
  -webkit-transform: translate(0, -50%) rotate(-90deg);
     -moz-transform: translate(0, -50%) rotate(-90deg);
      -ms-transform: translate(0, -50%) rotate(-90deg);
       -o-transform: translate(0, -50%) rotate(-90deg);
          transform: translate(0, -50%) rotate(-90deg);
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.nav--pop .nav--list > ul > li > a > span img {
  display: block;
  width: 20px;
}
.nav--pop .nav--list > ul > li.selected > a {
  color: #da251c;
}
.nav--pop .nav--list > ul > li.dropdown > a span {
  -webkit-transform: translate(0, -50%) rotate(0deg);
     -moz-transform: translate(0, -50%) rotate(0deg);
      -ms-transform: translate(0, -50%) rotate(0deg);
       -o-transform: translate(0, -50%) rotate(0deg);
          transform: translate(0, -50%) rotate(0deg);
}
.nav--pop .nav--list > ul > li.dropdown.open > a span {
  -webkit-transform: translate(0, -50%) rotate(180deg);
     -moz-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
       -o-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
}
.nav--pop .nav--list > ul > li.dropdown.open .mo-navdropdown {
  height: auto;
}
.nav--pop .nav--list > ul > li.dropdown.open .mo-navdropdown > div {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}
.nav--pop .contact {
  padding: 0 0 20px 0;
  opacity: 0;
  -webkit-transition: all .6s 0s;
  -o-transition: all .6s 0s;
  -moz-transition: all .6s 0s;
  transition: all .6s 0s;
}
.mo-navdropdown {
  height: 0;
  overflow: hidden;
}
.mo-navdropdown > div {
  padding: 0 0 20px 25px;
  -webkit-transform: translate(0, -100px);
     -moz-transform: translate(0, -100px);
      -ms-transform: translate(0, -100px);
       -o-transform: translate(0, -100px);
          transform: translate(0, -100px);
  opacity: 0;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.mo-navdropdown .cell.selected a {
  color: #da251c;
}
.mo-navdropdown .cell a {
  padding: 10px 0;
  display: block;
  font-size: 14px;
  color: #222;
  line-height: 20px;
}
.search--pop {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
  background: rgba(0, 0, 0, 0.4);
}
.search--pop.show {
  display: block;
}
.search--pop .search--box {
  padding: 30px 0;
  background: #fff;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.search--pop .search--box .input {
  position: relative;
  overflow: hidden;
  padding: 5px 0;
  width: 0%;
  float: right;
  -webkit-transition: all .3s .2s;
  -o-transition: all .3s .2s;
  -moz-transition: all .3s .2s;
  transition: all .3s .2s;
}
.search--pop .search--box .input:after,
.search--pop .search--box .input:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
  content: '';
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.search--pop .search--box .input:before {
  width: 0;
  z-index: 10;
  background: #da251c;
}
.search--pop .search--box .input input {
  display: block;
  width: 100%;
  height: 30px;
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.search--pop .search--box .input.focus:before {
  width: 100%;
}
.search--pop .search--box .btn {
  float: right;
  padding: 5px 0;
  opacity: 0;
  -webkit-transition: all .3s .2s;
  -o-transition: all .3s .2s;
  -moz-transition: all .3s .2s;
  transition: all .3s .2s;
}
.search--pop .search--box .btn a {
  display: inline-block;
  line-height: 30px;
  width: 30px;
  margin-left: 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  color: #666;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.search--pop .search--box .btn a:hover {
  color: #000;
}
.search--pop.animate {
  opacity: 1;
}
.search--pop.animate .search--box .input {
  width: 30%;
}
.search--pop.animate .search--box .btn {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .search--pop .search--box {
    padding: 10px 0;
  }
  .search--pop .search--box .input {
    float: none;
    width: auto;
    opacity: 0;
    -webkit-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    transition: all .3s 0s;
  }
  .search--pop .search--box .input:after {
    width: 0;
    -webkit-transition: all .3s .2s;
    -o-transition: all .3s .2s;
    -moz-transition: all .3s .2s;
    transition: all .3s .2s;
  }
  .search--pop.animate .search--box .input {
    opacity: 1;
    width: auto;
  }
  .search--pop.animate .search--box .input:after {
    width: 100%;
  }
  .pc--header {
    height: 60px;
    background: #191919;
  }
  .pc--header .logo {
    margin: 10px 0 0 15px;
  }
  .pc--header .logo a img {
    height: 40px;
  }
  .pc--header .nav {
    display: none;
  }
  .pc--header .controlbtn {
    display: block;
    float: right;
    margin: 10px 15px;
  }
  .pc--header .controlbtn a {
    width: 40px;
    height: 40px;
  }
  .pc--header .search--btn_mo {
    display: block;
  }
  .header--placeholder {
    height: 60px;
  }
  .nav--pop {
    display: block;
  }
}
.subbanner {
  height: 297px;
  background: no-repeat center;
}
.subbanner img {
  display: none;
  width: 100%;
}
.sub--nav {
  height: 58px;
  line-height: 58px;
  border-bottom: 1px solid #d8d8d8;
}
.sub--nav > div {
  margin: 0 auto;
  max-width: 1200px;
  zoom: 1;
}
.sub--nav > div:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.sub--nav > div .crumbs {
  float: right;
  margin: 0 0 0 30px;
  font-size: 14px;
  color: #959595;
}
.sub--nav > div .crumbs a,
.sub--nav > div .crumbs span {
  display: inline-block;
  vertical-align: top;
  line-height: 58px;
}
.sub--nav > div .crumbs span {
  width: 18px;
  text-align: center;
  overflow: hidden;
  text-indent: 9999px;
  background: url(../images/icon09.png) no-repeat center;
}
.sub--nav > div .crumbs span:nth-of-type(1) {
  background: none;
  text-indent: 0;
}
.sub--nav > div .crumbs a {
  color: #959595;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.sub--nav > div .crumbs a:hover {
  color: #c91e1a;
}
.sub--nav > div .nav {
  position: relative;
  overflow: hidden;
}
.sub--nav > div .nav:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 58px;
  width: 1px;
  content: '';
  background: #d8d8d8;
}
.sub--nav > div .nav .cell {
  padding: 0 0 9px 0;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.sub--nav > div .nav .cell:before {
  position: absolute;
  top: 0;
  right: 0;
  height: 58px;
  width: 1px;
  content: '';
  background: #d8d8d8;
}
.sub--nav > div .nav .cell:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  z-index: 10;
  height: 9px;
  width: 0%;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  background: url(../images/icon10.png) no-repeat center top;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.sub--nav > div .nav .cell h2 a {
  display: block;
  min-width: 100px;
  padding: 0 15px;
  font-weight: normal;
  text-align: center;
  font-size: 14px;
  color: #282828;
  line-height: 58px;
}
.sub--nav > div .nav .cell:hover:after,
.sub--nav > div .nav .cell.selected:after {
  width: 60%;
}
@media screen and (max-width: 1200px) {
  .subbanner {
    height: auto;
    background: no-repeat center / 160% auto;
  }
  .subbanner img {
    display: block;
  }
  .sub--nav > div .crumbs {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .sub--nav {
    height: 48px;
    line-height: 48px;
  }
  .sub--nav > div .nav .cell:before {
    height: 48px;
  }
  .sub--nav > div .nav .cell h2 a {
    line-height: 48px;
  }
}
.about--content {
  padding: 0 15px;
  min-height: 400px;
  font-size: 14px;
  color: #6a6a6a;
  line-height: 2;
}
.about--content img {
  max-width: 100%;
}
.about--content > div {
  margin: 60px auto;
  max-width: 1200px;
}
@media screen and (max-width: 700px) {
  .about--content .text1 {
    font-size: 30px !important;
  }
  .about--content .text2 {
    font-size: 18px !important;
  }
}
.video--list {
  padding: 0 15px 45px 15px;
  max-width: 1200px;
  margin: 0 auto;
  zoom: 1;
}
.video--list:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.video--list .cell {
  position: relative;
  float: left;
  width: 32%;
  margin: 40px 2% 0 0;
}
.video--list .cell > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.video--list .cell:nth-child(3n) {
  margin-right: 0;
}
.video--list .cell .img {
  position: relative;
  padding: 0 25px;
}
.video--list .cell .img .bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 94%;
}
.video--list .cell .img .mask {
  position: relative;
  z-index: 2;
  overflow: hidden;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.video--list .cell .img .mask img {
  display: block;
  width: 100%;
}
.video--list .cell .img .mask > div {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  background: rgba(0, 0, 0, 0.6) url(../images/icon16.png) no-repeat center;
}
.video--list .cell .text h3 {
  position: relative;
  padding: 30px 0 0 0;
  text-align: center;
  font-size: 14px;
  color: #000;
  font-weight: normal;
  line-height: 56px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.video--list .cell .text h3:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  height: 1px;
  width: 60px;
  content: '';
  background: #b30d07;
}
.video--list .cell .pop {
  display: none;
}
.video--pop_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(29, 34, 34, 0.95);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.video--pop_mask > a {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 15px;
  background: #7c7c7c;
}
.video--pop_mask > a img {
  display: block;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.video--pop_mask > a:hover img {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.video--pop {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10000;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  margin-top: -100px;
  opacity: 0;
  max-width: 1400px;
  visibility: hidden;
}
.video--pop .video--pop_btn {
  top: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
}
.video--pop .video--pop_btn a {
  position: absolute;
  top: 50%;
  z-index: 15;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 89px;
  height: 89px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.video--pop .video--pop_btn .prev {
  left: 0;
  background: url(../images/icon19.png) no-repeat center;
}
.video--pop .video--pop_btn .prev:hover {
  background: url(../images/icon22.png) no-repeat center;
}
.video--pop .video--pop_btn .next {
  right: 0;
  background: url(../images/icon20.png) no-repeat center;
}
.video--pop .video--pop_btn .next:hover {
  background: url(../images/icon21.png) no-repeat center;
}
.video--pop .video--pop_content {
  position: relative;
  z-index: 10;
  padding: 0 220px;
}
.video--pop .video--pop_content > div {
  padding: 15px;
  background: #fff;
  max-height: 90vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.video--pop .video--pop_content .video {
  position: relative;
  background: #000;
}
.video--pop .video--pop_content .video img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
}
.video--pop .video--pop_content .video video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.video--pop .video--pop_content h3 {
  padding: 5px 0 0 0;
  font-size: 14px;
  color: #525252;
  line-height: 2;
  font-weight: normal;
}
.video--pop .video--pop_content .content {
  padding: 10px 0;
  font-size: 14px;
  color: #333;
  line-height: 2;
}
.show-videopop {
  overflow: hidden;
}
.show-videopop .video--pop_mask {
  opacity: 1;
  visibility: visible;
}
.show-videopop .video--pop {
  margin: 0;
  opacity: 1;
  visibility: visible;
}
.pc .video--list .cell:hover .img .mask > div {
  background-color: rgba(0, 0, 0, 0.33);
}
.pc .video--list .cell:hover .text h3 {
  color: #ba0000;
}
@media screen and (max-width: 1000px) {
  .video--pop .video--pop_content {
    padding: 0 120px;
  }
}
@media screen and (max-width: 750px) {
  .video--list .cell {
    width: 48%;
    margin-right: 4%;
  }
  .video--list .cell:nth-of-type(3n) {
    margin-right: 4%;
  }
  .video--list .cell:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 700px) {
  .video--pop .video--pop_btn {
    display: none;
  }
  .video--pop .video--pop_content {
    padding: 0 0px;
  }
}
@media screen and (max-width: 500px) {
  .video--list .cell {
    width: 100%;
    margin-right: 0%;
  }
  .video--list .cell:nth-of-type(3n) {
    margin-right: 0%;
  }
  .video--list .cell:nth-of-type(2n) {
    margin-right: 0;
  }
}
.team--list {
  margin: 20px auto 40px;
  max-width: 1200px;
  padding: 0 15px;
  zoom: 1;
}
.team--list:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.team--list .cell {
  position: relative;
  float: left;
  width: 32%;
  margin: 25px 2% 0 0;
}
.team--list .cell:nth-of-type(3n) {
  margin-right: 0;
}
.team--list .cell > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.team--list .cell .img img {
  display: block;
  width: 100%;
}
.team--list .cell .pop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(179, 13, 7, 0.9);
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.team--list .cell .pop > div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 20px 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.team--list .cell .pop > div h3 {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  font-weight: normal;
  -webkit-transform: translate(0, -20px);
     -moz-transform: translate(0, -20px);
      -ms-transform: translate(0, -20px);
       -o-transform: translate(0, -20px);
          transform: translate(0, -20px);
  -webkit-transition: all 0.3s 0.05s;
  -o-transition: all 0.3s 0.05s;
  -moz-transition: all 0.3s 0.05s;
  transition: all 0.3s 0.05s;
}
.team--list .cell .pop > div > span {
  display: block;
  padding: 10px 0;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  -webkit-transform: translate(0, -20px);
     -moz-transform: translate(0, -20px);
      -ms-transform: translate(0, -20px);
       -o-transform: translate(0, -20px);
          transform: translate(0, -20px);
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.team--list .cell .pop > div > a {
  display: block;
  -webkit-transform: translate(-20px, 0);
     -moz-transform: translate(-20px, 0);
      -ms-transform: translate(-20px, 0);
       -o-transform: translate(-20px, 0);
          transform: translate(-20px, 0);
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.team--list .cell .pop > div > a img {
  display: block;
}
.team--list .cell .title h3 {
  padding: 5px 0 0 0;
  font-size: 14px;
  color: #333;
  line-height: 30px;
  font-weight: normal;
}
.team--pop_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(29, 34, 34, 0.95);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.team--pop_mask > a {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 15px;
  background: #7c7c7c;
}
.team--pop_mask > a img {
  display: block;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.team--pop_mask > a:hover img {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.team--pop {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10000;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  margin-top: -100px;
  opacity: 0;
  max-width: 1400px;
  visibility: hidden;
}
.team--pop .team--pop_btn {
  top: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
}
.team--pop .team--pop_btn a {
  position: absolute;
  top: 50%;
  z-index: 15;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 71px;
  height: 100px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.team--pop .team--pop_btn a:hover {
  opacity: 0.7;
}
.team--pop .team--pop_btn .prev {
  left: 0;
  background: url(../images/icon23.png) no-repeat center;
}
.team--pop .team--pop_btn .next {
  right: 0;
  background: url(../images/icon24.png) no-repeat center;
}
.team--pop .team--pop_content {
  position: relative;
  z-index: 10;
  padding: 0 220px;
}
.team--pop .team--pop_content > div {
  position: relative;
  background: #fff;
  max-height: 90vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.team--pop .team--pop_content .img {
  position: relative;
  z-index: 10;
}
.team--pop .team--pop_content .img img {
  display: block;
  width: 100%;
}
.team--pop .team--pop_content .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  padding: 15px 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.9);
}
.team--pop .team--pop_content .title h3 {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  line-height: 30px;
}
.team--pop .team--pop_content .title div {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
}
.show-teampop {
  overflow: hidden;
}
.show-teampop .team--pop_mask {
  opacity: 1;
  visibility: visible;
}
.show-teampop .team--pop {
  margin: 0;
  opacity: 1;
  visibility: visible;
}
.pc .team--list .cell .pop {
  display: block;
}
.pc .team--list .cell .title {
  display: none;
}
.pc .team--list .cell:hover .pop {
  opacity: 1;
}
.pc .team--list .cell:hover .pop > div h3 {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.pc .team--list .cell:hover .pop > div > span {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.pc .team--list .cell:hover .pop > div > a {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 1000px) {
  .team--pop .team--pop_content {
    padding: 0 120px;
  }
}
@media screen and (max-width: 900px) {
  .team--list .cell {
    width: 48%;
    margin-right: 4%;
  }
  .team--list .cell:nth-of-type(3n) {
    margin-right: 4%;
  }
  .team--list .cell:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .team--pop .team--pop_content {
    padding: 0 0px;
  }
  .team--pop .team--pop_btn {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .team--list .cell {
    width: 100%;
    margin-right: 0%;
  }
  .team--list .cell:nth-of-type(3n) {
    margin-right: 0%;
  }
  .team--list .cell:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 550px) {
  .team--pop .team--pop_content .title {
    padding: 10px 15px;
  }
  .team--pop .team--pop_content .title h3 {
    font-size: 14px;
    line-height: 24px;
  }
  .team--pop .team--pop_content .title div {
    font-size: 12px;
    line-height: 24px;
  }
}
.product--list {
  margin: 20px auto 40px;
  padding: 0 25px;
  zoom: 1;
}
.product--list:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.product--list .cell {
  position: relative;
  float: left;
  width: 24%;
  margin: 25px 1.33% 0 0;
}
.product--list .cell:nth-of-type(4n) {
  margin-right: 0;
}
.product--list .cell > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.product--list .cell .img img {
  display: block;
  width: 100%;
}
.product--list .cell .title h3 {
  padding: 5px 0 0 0;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  font-weight: normal;
}
.product--list .cell .pop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(179, 13, 7, 0.9);
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.product--list .cell .pop > div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 20px 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.product--list .cell .pop > div h3 {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  font-weight: normal;
  -webkit-transform: translate(0, -20px);
     -moz-transform: translate(0, -20px);
      -ms-transform: translate(0, -20px);
       -o-transform: translate(0, -20px);
          transform: translate(0, -20px);
  -webkit-transition: all 0.3s 0.05s;
  -o-transition: all 0.3s 0.05s;
  -moz-transition: all 0.3s 0.05s;
  transition: all 0.3s 0.05s;
}
.product--list .cell .pop > div > span {
  display: block;
  padding: 10px 0;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  -webkit-transform: translate(0, -20px);
     -moz-transform: translate(0, -20px);
      -ms-transform: translate(0, -20px);
       -o-transform: translate(0, -20px);
          transform: translate(0, -20px);
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.product--list .cell .pop > div > a {
  display: block;
  -webkit-transform: translate(-20px, 0);
     -moz-transform: translate(-20px, 0);
      -ms-transform: translate(-20px, 0);
       -o-transform: translate(-20px, 0);
          transform: translate(-20px, 0);
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.product--list .cell .pop > div > a img {
  display: block;
}
.pc .product--list .cell .pop {
  display: block;
}
.pc .product--list .cell .title {
  display: none;
}
.pc .product--list .cell:hover .pop {
  opacity: 1;
}
.pc .product--list .cell:hover .pop > div h3 {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.pc .product--list .cell:hover .pop > div > span {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.pc .product--list .cell:hover .pop > div > a {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 1300px) {
  .product--list {
    padding: 0 15px;
  }
  .product--list .cell {
    width: 32%;
    margin-right: 2%;
  }
  .product--list .cell:nth-of-type(4n) {
    margin-right: 2%;
  }
  .product--list .cell:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 900px) {
  .product--list .cell {
    width: 48%;
    margin-right: 4%;
  }
  .product--list .cell:nth-of-type(4n) {
    margin-right: 4%;
  }
  .product--list .cell:nth-of-type(3n) {
    margin-right: 4%;
  }
  .product--list .cell:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 550px) {
  .product--list .cell {
    width: 100%;
    margin-right: 0%;
  }
  .product--list .cell:nth-of-type(4n) {
    margin-right: 0%;
  }
  .product--list .cell:nth-of-type(3n) {
    margin-right: 0%;
  }
  .product--list .cell:nth-of-type(2n) {
    margin-right: 0;
  }
}
.product--detail {
  padding: 90px 15px 40px;
  margin: 0 auto;
  max-width: 1200px;
}
.product--detail .content {
  padding: 30px 0;
}
.product--detail .content > .top img {
  display: block;
  width: 100%;
}
.product--detail .content > .center {
  padding: 0 50px;
  min-height: 30px;
  background: url(../images/product01.jpg) repeat-y center top / 100% auto;
}
.product--detail .content > .center .title {
  padding: 15px 10px;
  border-bottom: 1px solid #f38986;
  zoom: 1;
}
.product--detail .content > .center .title:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.product--detail .content > .center .title h1 {
  overflow: hidden;
  font-size: 30px;
  color: #fff;
  line-height: 40px;
  font-weight: normal;
}
.product--detail .content > .center .title > a {
  float: right;
  padding-left: 30px;
  margin-left: 30px;
  font-size: 14px;
  color: #fff;
  line-height: 40px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  background: url(../images/icon25.png) no-repeat left center;
}
.product--detail .content > .center .title > a:hover {
  opacity: 0.7;
}
.product--detail .content > .center .text {
  padding: 10px;
  font-size: 14px;
  color: #fcd8d8;
  line-height: 2;
}
.product--detail .content .bottom img {
  display: block;
  width: 100%;
}
.img--container {
  position: relative;
}
.img--container .prevnext {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
}
.img--container .prevnext a {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 67px;
  height: 67px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.img--container .prevnext .prev {
  left: -110px;
  background: url(../images/icon26.png) no-repeat center;
}
.img--container .prevnext .prev:hover {
  background: url(../images/btn02.png) no-repeat center;
}
.img--container .prevnext .next {
  right: -110px;
  background: url(../images/icon27.png) no-repeat center;
}
.img--container .prevnext .next:hover {
  background: url(../images/btn03.png) no-repeat center;
}
.img--container .previmg {
  position: absolute;
  top: 0;
  left: -webkit-calc(-100% - 25px);
  left: -moz-calc(-100% - 25px);
  left: calc(-100% - 25px);
  z-index: 10;
  height: 100%;
}
.img--container .previmg img {
  display: block;
  height: 100%;
}
.img--container .nextimg {
  position: absolute;
  top: 0;
  right: -webkit-calc(-100% - 25px);
  right: -moz-calc(-100% - 25px);
  right: calc(-100% - 25px);
  z-index: 10;
  height: 100%;
}
.img--container .nextimg img {
  display: block;
  height: 100%;
}
.img--container .img {
  position: relative;
  z-index: 2;
}
.img--container .img img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1475px) {
  .img--container .prevnext {
    position: absolute;
    top: initial;
    bottom: -100px;
    left: 0;
    height: auto;
    width: 100%;
    text-align: center;
  }
  .img--container .prevnext a {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
  }
  .product--detail .content {
    padding: 130px 0 30px;
  }
}
@media screen and (max-width: 1200px) {
  .product--detail {
    padding: 40px 15px;
  }
}
@media screen and (max-width: 650px) {
  .product--detail .content > .center {
    padding: 0 15px;
  }
  .product--detail .content > .center .title h1 {
    font-size: 18px;
    line-height: 30px;
  }
  .product--detail .content > .center .title > a {
    line-height: 30px;
  }
}
.merchant--form {
  margin: 0 auto;
  max-width: 1200px;
}
.merchant--form .head {
  font-size: 14px;
  color: #6a6a6a;
  line-height: 24px;
  text-align: center;
  border-bottom: 1px dashed #c4c4c4;
}
.merchant--form .head .title span {
  position: relative;
  padding: 0 40px;
  display: inline-block;
  vertical-align: middle;
  font-size: 36px;
  color: #010101;
  line-height: 50px;
}
.merchant--form .head .title span:after,
.merchant--form .head .title span:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 27px;
  height: 34px;
  content: '';
}
.merchant--form .head .title span:before {
  left: 0;
  background: url(../images/icon28.png) no-repeat center;
}
.merchant--form .head .title span:after {
  right: 0;
  background: url(../images/icon29.png) no-repeat center;
}
.merchant--form .head .text {
  padding: 20px 15px;
  line-height: 2;
}
.merchant--form .body {
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 15px;
}
.merchant--form .body .left {
  float: left;
  width: 48%;
}
.merchant--form .body .right {
  float: right;
  width: 48%;
}
.merchant--form .body .tips {
  padding-left: 30px;
  margin: 75px 0 0 0;
  font-size: 14px;
  color: #999;
  line-height: 50px;
  background: url(../images/icon30.png) no-repeat left center;
}
.merchant--input {
  margin: 35px 0 0 0;
}
.merchant--input .label {
  padding: 0 0 10px 0;
  font-size: 14px;
  color: #151824;
  line-height: 30px;
}
.merchant--input .input {
  position: relative;
  padding: 0 15px;
  border: 1px solid #d9deea;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.merchant--input .input input {
  display: block;
  padding: 10px 0;
  width: 100%;
  height: 30px;
  font-size: 14px;
  color: #333;
  line-height: 30px;
}
.merchant--input .input textarea {
  display: block;
  width: 100%;
  margin: 10px 0;
  font-size: 14px;
  line-height: 24px;
  height: 96px;
  resize: none;
}
.merchant--input .input img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 10;
}
.merchant--input .input.focus {
  -webkit-box-shadow: 0 0 7px 0 #f8b4b2;
     -moz-box-shadow: 0 0 7px 0 #f8b4b2;
          box-shadow: 0 0 7px 0 #f8b4b2;
  border: 1px solid #f8b4b2;
}
.merchant--btn {
  padding: 40px 0;
}
.merchant--btn a {
  display: block;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  color: #fff;
  font-size: 24px;
  line-height: 60px;
  text-align: center;
  background: #c91e1a;
}
@media screen and (max-width: 600px) {
  .merchant--form .body .right,
  .merchant--form .body .left {
    float: none;
    width: 100%;
  }
  .merchant--form .body .tips {
    margin-top: 10px;
  }
  .merchant--btn {
    padding: 20px 0;
  }
}
.index--news_list {
  padding: 35px 0 60px;
  background: #f9f9f9;
}
.index--news_list > div {
  margin: 0 auto;
  max-width: 1200px;
  zoom: 1;
}
.index--news_list > div:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.index--news_list .swiper-slide {
  padding-top: 25px;
}
.index--news_list .index--news_cell {
  position: relative;
  float: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  max-width: none;
  width: 100%;
}
.index--news_list .index--news_cell > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.news--list {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.news--list .cell {
  position: relative;
  margin: 35px 0 0 0;
  padding: 44px 55px;
  border: 1px solid #f5f5f5;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  zoom: 1;
}
.news--list .cell:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.news--list .cell > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.news--list .cell .time {
  position: relative;
  float: left;
  padding: 0 55px 0 0;
  line-height: 100px;
  zoom: 1;
}
.news--list .cell .time:before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  content: '';
  background: #e9e9e9;
}
.news--list .cell .time:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.news--list .cell .time span {
  float: left;
  font-size: 55px;
  color: #d9312d;
}
.news--list .cell .time strong {
  margin: 48px 10px 0;
  float: left;
  width: 23px;
  height: 2px;
  background: #c5c5c5;
}
.news--list .cell .time em {
  float: left;
  font-size: 14px;
  color: #666;
}
.news--list .cell .content {
  padding: 0 0 0 55px;
  overflow: hidden;
}
.news--list .cell .content h3 a {
  font-size: 18px;
  color: #333;
  line-height: 30px;
  font-weight: normal;
}
.news--list .cell .content > div {
  padding: 10px 0 0 0;
  height: 60px;
  overflow: hidden;
  font-size: 14px;
  color: #999;
  line-height: 30px;
}
.news--list .cell .content .time1 {
  display: none;
  font-size: 12px;
  color: #666;
  line-height: 20px;
}
.news--list .cell .icon {
  float: right;
  margin: 0 25px 0 80px;
  height: 100%;
  width: 86px;
  height: 99px;
  background: url(../images/icon31.png) no-repeat center;
}
.pc .news--list .cell:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(179, 12, 6, 0.2);
     -moz-box-shadow: 0 0 10px 0 rgba(179, 12, 6, 0.2);
          box-shadow: 0 0 10px 0 rgba(179, 12, 6, 0.2);
}
@media screen and (max-width: 1000px) {
  .news--list .cell {
    padding: 20px 15px;
  }
  .news--list .cell .icon {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .news--list .cell .time {
    display: none;
  }
  .news--list .cell .content {
    padding: 0;
  }
  .news--list .cell .content .time1 {
    display: block;
  }
}
.news--detail {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 15px;
  zoom: 1;
}
.news--detail:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.news--detail .wrap {
  position: relative;
  padding: 40px 0 40px 220px;
}
.news--detail .wrap h1 {
  padding: 0 0 30px 0;
  text-align: center;
  font-size: 30px;
  color: #040404;
  line-height: 44px;
  font-weight: normal;
}
.news--detail .wrap .info {
  position: absolute;
  top: 105px;
  left: 0;
  width: 156px;
  border-right: 1px solid #f3f3f3;
  z-index: 10;
}
.news--detail .wrap .info .close {
  text-align: center;
}
.news--detail .wrap .info .close a {
  display: inline-block;
  vertical-align: middle;
}
.news--detail .wrap .info .close a img {
  display: block;
}
.news--detail .wrap .info .date {
  width: 82px;
  margin: 35px auto 0;
}
.news--detail .wrap .info .date > em {
  position: relative;
  display: block;
  text-align: center;
}
.news--detail .wrap .info .date > em span {
  position: relative;
  z-index: 10;
  padding: 0 5px;
  font-size: 14px;
  color: #464646;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
}
.news--detail .wrap .info .date > em:after {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 1px;
  content: '';
  background: #e8e8e8;
}
.news--detail .wrap .info .date > span {
  display: block;
  text-align: center;
  font-size: 24px;
  color: #464646;
  line-height: 30px;
}
.news--detail .wrap .info .fonts {
  margin: 20px 0 0 0;
  padding: 35px 0 0 0;
  background: url(../images/icon34.png) no-repeat center top;
}
.news--detail .wrap .info .fonts a {
  display: block;
  margin: 0 auto 14px;
  width: 37px;
  height: 37px;
}
.news--detail .wrap .info .fonts a img {
  display: block;
}
.news--detail .wrap .content {
  font-size: 14px;
  color: #6a6a6a;
  line-height: 1.8;
  min-height: 700px;
}
.news--detail .nextprev {
  text-align: center;
  font-size: 0;
}
.news--detail .nextprev a {
  display: inline-block;
  vertical-align: middle;
  width: 33.33%;
  font-size: 14px;
  color: #fff;
  background: #787c81;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
  line-height: 72px;
  border-right: 1px solid #a1a4a7;
}
.news--detail .nextprev a span {
  display: block;
}
.news--detail .nextprev a:hover {
  background: #56595e;
}
.news--detail .nextprev a:nth-child(1) {
  text-align: right;
}
.news--detail .nextprev a:nth-child(2) span {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 28px;
  background: url(../images/icon25.png) no-repeat left center;
}
.news--detail .recommend {
  padding: 50px 0 20px;
}
.news--detail .recommend .head {
  padding: 0 0 20px 0;
  font-size: 24px;
  color: #000;
  line-height: 30px;
}
.news--detail .recommend .body .cell {
  padding: 0 0 20px 0;
  border-bottom: 1px solid #d9d9d9;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--detail .recommend .body .cell h3 {
  position: relative;
  padding: 0 0 5px 24px;
}
.news--detail .recommend .body .cell h3:after {
  position: absolute;
  left: 0;
  top: 14px;
  width: 11px;
  height: 2px;
  content: '';
  background: #898989;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--detail .recommend .body .cell h3 a {
  display: block;
  height: 60px;
  font-size: 14px;
  color: #777;
  line-height: 30px;
  overflow: hidden;
  font-weight: normal;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--detail .recommend .body .cell span {
  display: block;
  padding: 0 0 0 50px;
  font-size: 12px;
  color: #a0a0a0;
  line-height: 30px;
  background: url(../images/icon37.png) no-repeat 24px center;
}
.news--detail .recommend .body .cell:hover {
  border-bottom: 1px solid #b30c06;
}
.news--detail .recommend .body .cell:hover h3:after {
  background: #b30c06;
}
.news--detail .recommend .body .cell:hover h3 a {
  color: #b30c06;
}
.news--detail .recommend .body .news-recomment-btn {
  padding: 25px 0;
  font-size: 0;
  text-align: center;
}
.news--detail .recommend .body .news-recomment-btn div {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--detail .recommend .body .news-recomment-btn .news-recomment-prev {
  background: url(../images/icon38.png) no-repeat center;
}
.news--detail .recommend .body .news-recomment-btn .news-recomment-prev:hover {
  background: url(../images/icon41.png) no-repeat center;
}
.news--detail .recommend .body .news-recomment-btn .news-recomment-next {
  background: url(../images/icon39.png) no-repeat center;
}
.news--detail .recommend .body .news-recomment-btn .news-recomment-next:hover {
  background: url(../images/icon40.png) no-repeat center;
}
#bdfx1 a {
  display: block;
  margin: 8px auto 0;
  padding: 0;
  float: none;
  width: 33px;
  height: 33px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
#bdfx1 .bds_weixin {
  background: url(../images/fx00.png) no-repeat center;
}
#bdfx1 .bds_tsina {
  background: url(../images/fx01.png) no-repeat center;
}
#bdfx1 .bds_qzone {
  background: url(../images/fx02.png) no-repeat center;
}
#bdfx1 .bds_douban {
  background: url(../images/fx03.png) no-repeat center;
}
#bdfx1 .bds_tqq {
  background: url(../images/fx04.png) no-repeat center;
}
@media screen and (max-width: 900px) {
  .news--detail .wrap {
    padding: 40px 0;
  }
  .news--detail .wrap h1 {
    padding: 0 0 10px 0;
  }
  .news--detail .wrap .info {
    position: static;
    padding: 0 0 10px 0;
    width: 100%;
    text-align: center;
  }
  .news--detail .wrap .info .close {
    display: none;
  }
  .news--detail .wrap .info .detail--share {
    display: none !important;
  }
  .news--detail .wrap .info .fonts {
    display: none;
  }
  .news--detail .wrap .info .date {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
  }
  .news--detail .wrap .content {
    min-height: 300px;
  }
}
@media screen and (max-width: 600px) {
  .news--detail .nextprev a {
    display: block;
    text-align: left;
    width: 100%;
    margin: 5px 0 0 0;
    line-height: 50px;
  }
  .news--detail .nextprev a:nth-last-child(2) {
    text-align: center;
  }
}
.viewmessage--list {
  margin: 0 auto;
  max-width: 1200px;
  padding: 40px 15px;
  min-height: 400px;
}
.viewmessage--list ul li {
  padding: 0 0 40px 0;
}
.viewmessage--list .message,
.viewmessage--list .apply {
  zoom: 1;
}
.viewmessage--list .message:after,
.viewmessage--list .apply:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.viewmessage--list .message .avatar img,
.viewmessage--list .apply .avatar img {
  display: block;
}
.viewmessage--list .message .content,
.viewmessage--list .apply .content {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.viewmessage--list .message .avatar {
  float: left;
}
.viewmessage--list .message .content {
  position: relative;
  margin-left: 60px;
  padding: 15px 140px 15px 15px;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.viewmessage--list .message .content > .icon {
  position: absolute;
  top: 20px;
  left: -13px;
}
.viewmessage--list .message .content > .icon img {
  display: block;
}
.viewmessage--list .message .content .time {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0 0 0 20px;
  font-size: 14px;
  color: #666;
  background: url(../images/icon44.png) no-repeat left center;
}
.viewmessage--list .apply {
  padding: 40px 0 0 0;
  text-align: left;
}
.viewmessage--list .apply .avatar {
  float: left;
  margin: 0 30px 0 60px;
}
.viewmessage--list .apply .apply-content {
  position: relative;
  overflow: hidden;
  padding-left: 11px;
}
.viewmessage--list .apply .apply-content .icon {
  position: absolute;
  top: 20px;
  left: 0;
}
.viewmessage--list .apply .apply-content .icon img {
  display: block;
}
.viewmessage--list .apply .content {
  padding: 15px;
  text-align: left;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #eee;
  background: #fcfcfc;
}
.careers--list {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 15px 30px;
  zoom: 1;
}
.careers--list:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.careers--list .cell {
  float: left;
  width: 48%;
  margin: 30px 0 0 0;
}
.careers--list .cell:nth-of-type(2n) {
  float: right;
}
.careers--list .cell .block1 {
  padding: 0 25px;
  background: #e9412f;
  line-height: 54px;
  color: #fff;
  zoom: 1;
}
.careers--list .cell .block1:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.careers--list .cell .block1 > span {
  float: left;
  font-size: 14px;
}
.careers--list .cell .block1 > em {
  float: right;
  font-size: 14px;
  font-weight: bold;
}
.careers--list .cell .block2 {
  padding: 30px 30px;
  background: url(../images/career00.jpg) no-repeat center / cover;
  zoom: 1;
}
.careers--list .cell .block2:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.careers--list .cell .block2 .l {
  overflow: hidden;
}
.careers--list .cell .block2 .l h3 {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
}
.careers--list .cell .block2 .l span {
  display: block;
  padding: 5px 0 0 0;
  font-size: 14px;
  color: #ffb7af;
  line-height: 24px;
}
.careers--list .cell .block2 .r {
  float: right;
  margin: 13px 0 0 15px;
}
.careers--list .cell .block2 .r a {
  display: block;
  padding: 0 20px;
  font-size: 18px;
  color: #d71804;
  line-height: 34px;
  -webkit-border-radius: 17px;
     -moz-border-radius: 17px;
          border-radius: 17px;
  background: #fff;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.careers--list .cell .block2 .r a:hover {
  color: #fff;
  background: none;
  border: 1px solid #fff;
}
.careers--list .cell .block3 {
  padding: 20px 30px;
  border: 1px solid #e5e5e5;
}
.careers--list .cell .block3 .content {
  height: 140px;
  font-size: 14px;
  color: #6a6a6a;
  line-height: 2;
  overflow: hidden;
}
.careers--list .cell .block3 .btn {
  padding: 20px 0 0 0;
  display: block;
}
.careers--list .cell .block3 .btn a {
  display: block;
  width: 106px;
  font-size: 16px;
  color: #7d7d7d;
  line-height: 32px;
  text-align: center;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  border: 1px solid #c0c0c0;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.careers--list .cell .block3 .btn a:hover {
  color: #fff;
  background: #e9412f;
  border-color: #e9412f;
}
.careers--list .cell .block4 {
  display: none;
}
@media screen and (max-width: 800px) {
  .careers--list .cell {
    width: 100%;
    margin-right: 0;
  }
}
.careers--pop_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  background: #000;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.careers--pop {
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 10000;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: #fff;
  visibility: hidden;
  opacity: 0;
  margin-top: -100px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.careers--pop > div {
  margin: 0 auto;
  max-width: 1200px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 90vh;
  padding: 0 15px;
}
.careers--pop .head {
  padding: 24px 0 0 0;
  min-height: 55px;
  border-bottom: 1px solid #d4d4d4;
}
.careers--pop .head .title {
  overflow: hidden;
}
.careers--pop .head .title h3 {
  font-size: 24px;
  color: #d71804;
  line-height: 40px;
  font-weight: bold;
}
.careers--pop .head .btn {
  float: right;
}
.careers--pop .head .btn a {
  display: block;
  padding: 11px;
  background: #7c7c7c;
}
.careers--pop .head .btn a img {
  display: block;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.careers--pop .head .btn a:hover img {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.careers--pop .body {
  padding: 0 0 40px 0;
  font-size: 14px;
  color: #4c4c4c;
  line-height: 2;
}
.careers--pop .body .content {
  padding: 30px 0;
}
.careers--pop .body .btn {
  text-align: right;
}
.careers--pop .body .btn a {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
  text-align: center;
  font-size: 18px;
  color: #d71804;
  line-height: 40px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
  border: 1px solid #d81d0a;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.careers--pop .body .btn a:hover {
  color: #fff;
  background: #d81d0a;
}
.show-careerpop {
  overflow: hidden;
}
.show-careerpop .careers--pop_mask {
  opacity: 0.5;
  visibility: visible;
}
.show-careerpop .careers--pop {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}
.careers--form {
  padding: 50px 15px;
}
.careers--form > div {
  max-width: 1000px;
  margin: 0 auto;
  border: 1px solid #e5e5e5;
}
.careers--form .head {
  padding: 20px 15px;
  text-align: center;
  background: url(../images/career01.png) no-repeat center / cover;
}
.careers--form .head span {
  display: block;
  font-size: 30px;
  color: #fff;
  line-height: 40px;
}
.careers--form .head div {
  padding: 15px 0 0 0;
  font-size: 18px;
  color: #ffd9d5;
  line-height: 30px;
}
.careers--form .body {
  padding: 20px 50px;
  background: #fef9f8;
}
.careers--form .split {
  margin: 30px 0;
  height: 1px;
  background: #f9cfc6;
}
.careers--form .label1 {
  padding: 0 15px;
  font-size: 18px;
  color: #2d2d2d;
  font-weight: bold;
  line-height: 40px;
}
.careers--form .label1 span {
  color: #de1803;
}
.careers--form .btn {
  padding: 30px 0;
}
.careers--form .btn a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 60px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background: #c91e1a;
}
.career--input {
  margin: 30px 0 0 0;
  padding: 0 15px;
}
.career--input .label {
  padding: 0 0 10px 0;
  font-size: 14px;
  color: #151824;
  line-height: 30px;
}
.career--input .label span {
  color: #de1803;
}
.career--input .block {
  zoom: 1;
}
.career--input .block:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.career--input .block .input {
  float: left;
  width: 50%;
  border: 1px solid #dadfea;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background: #fff;
}
.career--input .block .input input {
  display: block;
  width: 100%;
  padding: 10px 15px;
  font-size: 14px;
  color: #333;
  line-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.career--input .block .radio {
  float: left;
  width: 50%;
  zoom: 1;
}
.career--input .block .radio:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.career--input .block .radio label {
  float: left;
  margin: 0 35px 0 0;
  font-size: 16px;
  color: #2d2d2d;
  line-height: 30px;
  cursor: pointer;
}
.career--input .block .radio label span {
  display: block;
  padding: 0 0 0 20px;
  background: url(../images/icon46.png) no-repeat left center;
}
.career--input .block .radio input {
  display: none;
}
.career--input .block .radio input:checked + span {
  background: url(../images/icon47.png) no-repeat left center;
}
.career--input .block .radio.nofloat {
  width: 100%;
  float: none;
}
.career--input .block .radio.nofloat label {
  display: block;
  float: none;
  margin: 10px 0 0 0;
}
.career--input .block .tips {
  float: right;
  width: 46%;
}
.career--input .block .tips p {
  padding-left: 20px;
  font-size: 12px;
  color: #de1803;
  line-height: 50px;
  background: url(../images/icon48.png) no-repeat left center;
}
@media screen and (max-width: 650px) {
  .career--input .block .input {
    float: none;
    width: 100%;
  }
  .career--input .block .radio {
    float: none;
    width: 100%;
  }
  .career--input .block .tips {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .careers--form .body {
    padding: 20px 15px;
  }
  .career--input {
    padding: 0;
  }
}
.honor--container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 40px 0; 
}
.honor--container .honor--content {
  position: relative;
  margin: 250px 0;
  height: 190px;
  width: 1200px;
  background: url(../images/honor00.png) no-repeat center;
}
.honor--container .honor--content .cell {
  position: absolute;
  width: 170px;
}
.honor--container .honor--content .cell .time {
    position: absolute;
    left: 0;
    font-size: 24px;
    color: #6cac09;
    line-height: 44px;
    font-weight: bold;
}
.honor--container .honor--content .cell .time:after {
  position: absolute;
  left: 50%;
  width: 27px;
  content: '';
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.honor--container .honor--content .cell .content {
  position: absolute;
  left: 0;
  font-size: 16px;
  line-height: 1.6;
}
.honor--container .honor--content .cell:nth-of-type(odd) .time {
  bottom: 0;
}
.honor--container .honor--content .cell:nth-of-type(odd) .time:after {
  bottom: 0;
}
.honor--container .honor--content .cell:nth-of-type(even) .time {
  top: 0;
}
.honor--container .honor--content .cell:nth-of-type(even) .time:after {
  top: 0;
}
.honor--container .honor--content .cell:nth-of-type(1) {
  left: 10px;
  top: 143px;
}
.honor--container .honor--content .cell:nth-of-type(1) .time {
  bottom: 0;
  padding: 0 0 75px 0;
}
.honor--container .honor--content .cell:nth-of-type(1) .time:after {
  height: 75px;
  background: url(../images/honor01.png) no-repeat center;
}
.honor--container .honor--content .cell:nth-of-type(1) .content {
  bottom: 119px;
}
.honor--container .honor--content .cell:nth-of-type(2) {
  left: 200px;
  top: 100px;
}
.honor--container .honor--content .cell:nth-of-type(2) .time {
  padding: 92px 0 0 0;
}
.honor--container .honor--content .cell:nth-of-type(2) .time:after {
  height: 92px;
  background: url(../images/honor02.png) no-repeat center;
}
.honor--container .honor--content .cell:nth-of-type(2) .content {
  top: 136px;
}
.honor--container .honor--content .cell:nth-of-type(3) {
  left: 335px;
  top: 115px;
}
.honor--container .honor--content .cell:nth-of-type(3) .time {
  padding: 0 0 75px 0;
}
.honor--container .honor--content .cell:nth-of-type(3) .time:after {
  height: 75px;
  background: url(../images/honor03.png) no-repeat center;
}
.honor--container .honor--content .cell:nth-of-type(3) .content {
  bottom: 119px;
}
.honor--container .honor--content .cell:nth-of-type(4) {
  left: 520px;
  top: 41px;
}
.honor--container .honor--content .cell:nth-of-type(4) .time {
  padding: 153px 0 0 0;
}
.honor--container .honor--content .cell:nth-of-type(4) .time:after {
  height: 153px;
  background: url(../images/honor04.png) no-repeat center;
}
.honor--container .honor--content .cell:nth-of-type(4) .content {
  top: 197px;
}
.honor--container .honor--content .cell:nth-of-type(5) {
  left: 725px;
  top: 72px;
}
.honor--container .honor--content .cell:nth-of-type(5) .time {
  padding: 0 0 75px 0;
}
.honor--container .honor--content .cell:nth-of-type(5) .time:after {
  height: 75px;
  background: url(../images/honor03.png) no-repeat center;
}
.honor--container .honor--content .cell:nth-of-type(5) .content {
  bottom: 119px;
}
.honor--container .honor--content .cell:nth-of-type(6) {
  left: 940px;
  top: 36px;
}
.honor--container .honor--content .cell:nth-of-type(6) .time {
  padding: 159px 0 0 0;
}
.honor--container .honor--content .cell:nth-of-type(6) .time:after {
  height: 159px;
  background: url(../images/honor04.png) no-repeat center;
}
.honor--container .honor--content .cell:nth-of-type(6) .content {
  top: 203px;
}
.honor--container .swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  opacity: 1;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  background: #b5b5b5;
}
.honor--container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #b30d07;
}
@media screen and (max-width: 1200px) {
  .honor--container {
    padding: 30px 15px 20px;
  }
  .honor--container .honor--content {
    margin: 0;
    height: auto;
    width: auto;
    background: none;
  }
  .honor--container .honor--content .cell {
    position: static;
    width: 100%;
    margin: 0 0 30px 0;
  }
  .honor--container .honor--content .cell .time {
    position: static;
    padding: 0 !important;
  }
  .honor--container .honor--content .cell .time:after {
    display: none;
  }
  .honor--container .honor--content .cell .content {
    position: static;
  }
  .honor--container .swiper-pagination {
    bottom: 0px !important;
  }
}
.history--container {
  padding: 50px 15px;
}
.history--container .list {
  position: relative;
}
.history--container .list:after {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 1px;
  height: 100%;
  content: '';
  background: #e3e3e3;
}
.history--container .list .icon {
  position: relative;
  z-index: 10;
  text-align: center;
}
.history--container .list .cell {
  position: relative;
  z-index: 10;
  margin: 30px 0 0 0;
  zoom: 1;
}
.history--container .list .cell:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.history--container .list .cell .content {
  position: relative;
  width: 50%;
  min-height: 190px;
}
.history--container .list .cell .content .year {
  position: absolute;
  top: 15px;
  width: 151px;
  height: 147px;
  line-height: 140px;
  text-align: center;
  font-size: 36px;
  color: #d30700;
  background: url(../images/history00.jpg) no-repeat center;
}
.history--container .list .cell .content .ncell {
  zoom: 1;
  margin: 10px 0 0 0;
}
.history--container .list .cell .content .ncell:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.history--container .list .cell .content strong {
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background: #b30d07;
}
.history--container .list .cell .content span {
  position: relative;
  line-height: 28px;
  font-size: 18px;
  color: #0e0e0e;
}
.history--container .list .cell .content span:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  height: 2px;
  width: 7px;
  content: '';
  background: #808080;
}
.history--container .list .cell .content em {
  display: block;
  overflow: hidden;
  font-size: 14px;
  color: #6a6a6a;
  line-height: 28px;
}
.history--container .list .cell:nth-of-type(odd) .content {
  float: right;
  text-align: left;
  zoom: 1;
}
.history--container .list .cell:nth-of-type(odd) .content:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.history--container .list .cell:nth-of-type(odd) .content .year {
  left: -220px;
}
.history--container .list .cell:nth-of-type(odd) .content strong {
  float: left;
  margin: 8px 0 0 -6px;
}
.history--container .list .cell:nth-of-type(odd) .content span {
  float: left;
  padding: 0 20px;
}
.history--container .list .cell:nth-of-type(odd) .content span:after {
  right: 5px;
}
.history--container .list .cell:nth-of-type(even) .content {
  float: left;
  text-align: right;
  zoom: 1;
}
.history--container .list .cell:nth-of-type(even) .content:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.history--container .list .cell:nth-of-type(even) .content .year {
  right: -220px;
}
.history--container .list .cell:nth-of-type(even) .content strong {
  float: right;
  margin: 8px -6px 0 0;
}
.history--container .list .cell:nth-of-type(even) .content span {
  float: right;
  padding: 0 20px;
}
.history--container .list .cell:nth-of-type(even) .content span:after {
  left: 5px;
}
.history--container .btn {
  padding: 50px 0;
  text-align: center;
}
.history--container .btn a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.history--container .btn a img {
  display: block;
}
.history--container .btn a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 700px) {
  .history--container {
    padding: 0 15px 30px;
  }
  .history--container .list .icon {
    display: none;
  }
  .history--container .list:after {
    display: none;
  }
  .history--container .list .cell .content {
    float: none;
    width: 100%;
    min-height: 0;
  }
  .history--container .list .cell .content .year {
    position: static;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    background: none;
    font-size: 24px;
    line-height: 40px;
    text-align: left;
  }
  .history--container .list .cell .content strong {
    float: left !important;
    margin: 8px 0 0 0 !important;
  }
  .history--container .list .cell .content span {
    float: left !important;
  }
  .history--container .list .cell .content span:after {
    left: initial !important;
    right: 5px !important;
  }
  .history--container .list .cell .content em {
    text-align: left !important;
  }
}
.pager {
  padding: 30px 0;
  text-align: center;
  font-size: 0;
}
.pager a,
.pager span {
  display: inline-block;
  margin: 0 3px;
  vertical-align: middle;
  text-align: center;
  width: 36px;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  color: #666;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.pager a:hover,
.pager span:hover {
  color: #fff;
  background: #b30d07;
}
.pager span {
  color: #fff;
  background: #b30d07;
}

/*# sourceMappingURL=all.css.map */