@charset "utf-8";

html {
  -webkit-font-smoothing: antialiased;
  height: 100%;
  touch-action: manipulation;
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0
}

header,
hgroup,
nav,
menu,
main,
section,
article,
summary,
details,
aside,
figure,
figcaption,
footer {
  display: block;
  margin: 0;
  padding: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

table,
th,
td {
  border: 1px solid black;
}

fieldset,
img {
  border: 0
}

address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: 400;
}

dl,
ol,
ul {
  list-style-type: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  outline: none;
  blr: expression(this.onFocus=this.blur())
}

sup {
  vertical-align: text-top
}

sub {
  vertical-align: text-bottom
}

textarea {
  resize: none;
  outline: none;
  font-family: Arial, Microsoft Yahei;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

button,
input[type=submit],
input[type=text],
input[type=button] {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  blr: expression(this.onFocus=this.blur())
}

input {
  outline: 0;
}

input::-webkit-input-safebox-button {
  display: none;
  /*去掉搜狗浏览器密码软盘*/
}

body {
  font-size: 14px;
  color: #000;
  font-family: Arial, Microsoft Yahei;
}

body * {
  box-sizing: border-box;
  line-height: 1;
}

#web-ietip {
  width: 526px;
  height: 90px;
  padding: 83px 0 0 84px;
  overflow: hidden;
  background: url(../css/ietip/browser.png) no-repeat center center;
  margin: 200px auto 0;
}

#web-ietip a {
  display: block;
  width: 65px;
  height: 80px;
  float: left;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.eps2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


html {
  font-size: calc(100vw / 1920 * 100);
}

@media(max-width: 900px) {
  html {
    font-size: calc(900px / 1920 * 100);
  }
}

@media(min-width: 1921px) {
  .s0 {
    font-size: 0;
  }

  .s12 {
    font-size: calc(12 * 100vw / 1920);
  }

  .s13 {
    font-size: calc(13 * 100vw / 1920);
  }

  .s14 {
    font-size: calc(14 * 100vw / 1920);
  }

  .s15 {
    font-size: calc(15 * 100vw / 1920);
  }

  .s16 {
    font-size: calc(16 * 100vw / 1920);
  }

  .s17 {
    font-size: calc(17 * 100vw / 1920);
  }

  .s18 {
    font-size: calc(18 * 100vw / 1920);
  }

  .s19 {
    font-size: calc(19 * 100vw / 1920);
  }

  .s20 {
    font-size: calc(20 * 100vw / 1920);
  }

  .s21 {
    font-size: calc(21 * 100vw / 1920);
  }

  .s22 {
    font-size: calc(22 * 100vw / 1920);
  }

  .s23 {
    font-size: calc(23 * 100vw / 1920);
  }

  .s24 {
    font-size: calc(24 * 100vw / 1920);
  }

  .s25 {
    font-size: calc(25 * 100vw / 1920);
  }

  .s26 {
    font-size: calc(26 * 100vw / 1920);
  }

  .s27 {
    font-size: calc(27 * 100vw / 1920);
  }

  .s28 {
    font-size: calc(28 * 100vw / 1920);
  }

  .s29 {
    font-size: calc(29 * 100vw / 1920);
  }

  .s30 {
    font-size: calc(30 * 100vw / 1920);
  }

  .s31 {
    font-size: calc(31 * 100vw / 1920);
  }

  .s32 {
    font-size: calc(32 * 100vw / 1920);
  }

  .s33 {
    font-size: calc(33 * 100vw / 1920);
  }

  .s34 {
    font-size: calc(34 * 100vw / 1920);
  }

  .s35 {
    font-size: calc(35 * 100vw / 1920);
  }

  .s36 {
    font-size: calc(36 * 100vw / 1920);
  }

  .s37 {
    font-size: calc(37 * 100vw / 1920);
  }

  .s38 {
    font-size: calc(38 * 100vw / 1920);
  }

  .s39 {
    font-size: calc(39 * 100vw / 1920);
  }

  .s40 {
    font-size: calc(40 * 100vw / 1920);
  }

  .s41 {
    font-size: calc(41 * 100vw / 1920);
  }

  .s42 {
    font-size: calc(42 * 100vw / 1920);
  }

  .s43 {
    font-size: calc(43 * 100vw / 1920);
  }

  .s44 {
    font-size: calc(44 * 100vw / 1920);
  }

  .s45 {
    font-size: calc(45 * 100vw / 1920);
  }

  .s46 {
    font-size: calc(46 * 100vw / 1920);
  }

  .s47 {
    font-size: calc(47 * 100vw / 1920);
  }

  .s48 {
    font-size: calc(48 * 100vw / 1920);
  }

  .s49 {
    font-size: calc(49 * 100vw / 1920);
  }

  .s50 {
    font-size: calc(50 * 100vw / 1920);
  }

  .s51 {
    font-size: calc(51 * 100vw / 1920);
  }

  .s52 {
    font-size: calc(52 * 100vw / 1920);
  }

  .s53 {
    font-size: calc(53 * 100vw / 1920);
  }

  .s54 {
    font-size: calc(54 * 100vw / 1920);
  }

  .s55 {
    font-size: calc(55 * 100vw / 1920);
  }

  .s56 {
    font-size: calc(56 * 100vw / 1920);
  }

  .s57 {
    font-size: calc(57 * 100vw / 1920);
  }

  .s58 {
    font-size: calc(58 * 100vw / 1920);
  }

  .s59 {
    font-size: calc(59 * 100vw / 1920);
  }

  .s60 {
    font-size: calc(60 * 100vw / 1920);
  }
}

@media(max-width: 1920px) and (min-width: 551px) {
  .s0 {
    font-size: 0;
  }

  .s12 {
    font-size: 12px
  }

  .s13 {
    font-size: calc(12px + 1 * 100vw / 1920);
  }

  .s14 {
    font-size: calc(12px + 2 * 100vw / 1920);
  }

  .s15 {
    font-size: calc(12px + 3 * 100vw / 1920);
  }

  .s16 {
    font-size: calc(12px + 4 * 100vw / 1920);
  }

  .s17 {
    font-size: calc(12px + 5 * 100vw / 1920);
  }

  .s18 {
    font-size: calc(12px + 6 * 100vw / 1920);
  }

  .s19 {
    font-size: calc(12px + 7 * 100vw / 1920);
  }

  .s20 {
    font-size: calc(12px + 8 * 100vw / 1920);
  }

  .s21 {
    font-size: calc(12px + 9 * 100vw / 1920);
  }

  .s22 {
    font-size: calc(12px + 10 * 100vw / 1920);
  }

  .s23 {
    font-size: calc(12px + 11 * 100vw / 1920);
  }

  .s24 {
    font-size: calc(12px + 12 * 100vw / 1920);
  }

  .s25 {
    font-size: calc(12px + 13 * 100vw / 1920);
  }

  .s26 {
    font-size: calc(12px + 14 * 100vw / 1920);
  }

  .s27 {
    font-size: calc(12px + 15 * 100vw / 1920);
  }

  .s28 {
    font-size: calc(12px + 16 * 100vw / 1920);
  }

  .s29 {
    font-size: calc(12px + 17 * 100vw / 1920);
  }

  .s30 {
    font-size: calc(12px + 18 * 100vw / 1920);
  }

  .s31 {
    font-size: calc(12px + 19 * 100vw / 1920);
  }

  .s32 {
    font-size: calc(12px + 20 * 100vw / 1920);
  }

  .s33 {
    font-size: calc(12px + 21 * 100vw / 1920);
  }

  .s34 {
    font-size: calc(12px + 22 * 100vw / 1920);
  }

  .s35 {
    font-size: calc(12px + 23 * 100vw / 1920);
  }

  .s36 {
    font-size: calc(12px + 24 * 100vw / 1920);
  }

  .s37 {
    font-size: calc(12px + 25 * 100vw / 1920);
  }

  .s38 {
    font-size: calc(12px + 26 * 100vw / 1920);
  }

  .s39 {
    font-size: calc(12px + 27 * 100vw / 1920);
  }

  .s40 {
    font-size: calc(12px + 28 * 100vw / 1920);
  }

  .s41 {
    font-size: calc(12px + 29 * 100vw / 1920);
  }

  .s42 {
    font-size: calc(12px + 30 * 100vw / 1920);
  }

  .s43 {
    font-size: calc(12px + 31 * 100vw / 1920);
  }

  .s44 {
    font-size: calc(12px + 32 * 100vw / 1920);
  }

  .s45 {
    font-size: calc(12px + 33 * 100vw / 1920);
  }

  .s46 {
    font-size: calc(12px + 34 * 100vw / 1920);
  }

  .s47 {
    font-size: calc(12px + 35 * 100vw / 1920);
  }

  .s48 {
    font-size: calc(12px + 36 * 100vw / 1920);
  }

  .s49 {
    font-size: calc(12px + 37 * 100vw / 1920);
  }

  .s50 {
    font-size: calc(12px + 38 * 100vw / 1920);
  }

  .s51 {
    font-size: calc(12px + 39 * 100vw / 1920);
  }

  .s52 {
    font-size: calc(12px + 40 * 100vw / 1920);
  }

  .s53 {
    font-size: calc(12px + 41 * 100vw / 1920);
  }

  .s54 {
    font-size: calc(12px + 42 * 100vw / 1920);
  }

  .s55 {
    font-size: calc(12px + 43 * 100vw / 1920);
  }

  .s56 {
    font-size: calc(12px + 44 * 100vw / 1920);
  }

  .s57 {
    font-size: calc(12px + 45 * 100vw / 1920);
  }

  .s58 {
    font-size: calc(12px + 46 * 100vw / 1920);
  }

  .s59 {
    font-size: calc(12px + 47 * 100vw / 1920);
  }

  .s60 {
    font-size: calc(12px + 48 * 100vw / 1920);
  }
}

@media(max-width: 550px) {
  .s0 {
    font-size: 0;
  }

  .s12 {
    font-size: 12px
  }

  .s13 {
    font-size: calc(12px + 1 * 550px / 1920);
  }

  .s14 {
    font-size: calc(12px + 2 * 550px / 1920);
  }

  .s15 {
    font-size: calc(12px + 3 * 550px / 1920);
  }

  .s16 {
    font-size: calc(12px + 4 * 550px / 1920);
  }

  .s17 {
    font-size: calc(12px + 5 * 550px / 1920);
  }

  .s18 {
    font-size: calc(12px + 6 * 550px / 1920);
  }

  .s19 {
    font-size: calc(12px + 7 * 550px / 1920);
  }

  .s20 {
    font-size: calc(12px + 8 * 550px / 1920);
  }

  .s21 {
    font-size: calc(12px + 9 * 550px / 1920);
  }

  .s22 {
    font-size: calc(12px + 10 * 550px / 1920);
  }

  .s23 {
    font-size: calc(12px + 11 * 550px / 1920);
  }

  .s24 {
    font-size: calc(12px + 12 * 550px / 1920);
  }

  .s25 {
    font-size: calc(12px + 13 * 550px / 1920);
  }

  .s26 {
    font-size: calc(12px + 14 * 550px / 1920);
  }

  .s27 {
    font-size: calc(12px + 15 * 550px / 1920);
  }

  .s28 {
    font-size: calc(12px + 16 * 550px / 1920);
  }

  .s29 {
    font-size: calc(12px + 17 * 550px / 1920);
  }

  .s30 {
    font-size: calc(12px + 18 * 550px / 1920);
  }

  .s31 {
    font-size: calc(12px + 19 * 550px / 1920);
  }

  .s32 {
    font-size: calc(12px + 20 * 550px / 1920);
  }

  .s33 {
    font-size: calc(12px + 21 * 550px / 1920);
  }

  .s34 {
    font-size: calc(12px + 22 * 550px / 1920);
  }

  .s35 {
    font-size: calc(12px + 23 * 550px / 1920);
  }

  .s36 {
    font-size: calc(12px + 24 * 550px / 1920);
  }

  .s37 {
    font-size: calc(12px + 25 * 550px / 1920);
  }

  .s38 {
    font-size: calc(12px + 26 * 550px / 1920);
  }

  .s39 {
    font-size: calc(12px + 27 * 550px / 1920);
  }

  .s40 {
    font-size: calc(12px + 28 * 550px / 1920);
  }

  .s41 {
    font-size: calc(12px + 29 * 550px / 1920);
  }

  .s42 {
    font-size: calc(12px + 30 * 550px / 1920);
  }

  .s43 {
    font-size: calc(12px + 31 * 550px / 1920);
  }

  .s44 {
    font-size: calc(12px + 32 * 550px / 1920);
  }

  .s45 {
    font-size: calc(12px + 33 * 550px / 1920);
  }

  .s46 {
    font-size: calc(12px + 34 * 550px / 1920);
  }

  .s47 {
    font-size: calc(12px + 35 * 550px / 1920);
  }

  .s48 {
    font-size: calc(12px + 36 * 550px / 1920);
  }

  .s49 {
    font-size: calc(12px + 37 * 550px / 1920);
  }

  .s50 {
    font-size: calc(12px + 38 * 550px / 1920);
  }

  .s51 {
    font-size: calc(12px + 39 * 550px / 1920);
  }

  .s52 {
    font-size: calc(12px + 40 * 550px / 1920);
  }

  .s53 {
    font-size: calc(12px + 41 * 550px / 1920);
  }

  .s54 {
    font-size: calc(12px + 42 * 550px / 1920);
  }

  .s55 {
    font-size: calc(12px + 43 * 550px / 1920);
  }

  .s56 {
    font-size: calc(12px + 44 * 550px / 1920);
  }

  .s57 {
    font-size: calc(12px + 45 * 550px / 1920);
  }

  .s58 {
    font-size: calc(12px + 46 * 550px / 1920);
  }

  .s59 {
    font-size: calc(12px + 47 * 550px / 1920);
  }

  .s60 {
    font-size: calc(12px + 48 * 550px / 1920);
  }
}

@media(max-width: 750px) {
  .z1 {
    max-width: 500px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    display: block !important;
  }

  .z2,
  .z3,
  .z4,
  .z5 {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin: 0 2% 2% 0 !important;
  }

  .z2 {
    width: 49% !important;
  }

  .z3 {
    width: 32% !important;
  }

  .z4 {
    width: 23.5% !important;
  }

  .z5 {
    width: 18.4% !important;
  }

  .z2:nth-child(2n),
  .z3:nth-child(3n),
  .z4:nth-child(4n),
  .z5:nth-child(5n) {
    margin-right: 0 !important;
  }

  .l1 {
    padding-left: 10px !important;
  }

  .r1 {
    padding-right: 10px !important;
  }

  .t1 {
    padding-top: 10px !important;
  }

  .b1 {
    padding-bottom: 10px !important;
  }

  .l2 {
    padding-left: 20px !important;
  }

  .r2 {
    padding-right: 20px !important;
  }

  .t2 {
    padding-top: 20px !important;
  }

  .b2 {
    padding-bottom: 20px !important;
  }

  .l3 {
    padding-left: 30px !important;
  }

  .r3 {
    padding-right: 30px !important;
  }

  .t3 {
    padding-top: 30px !important;
  }

  .b3 {
    padding-bottom: 30px !important;
  }
}


div.pswp {
  z-index: 12345678;
}

.teaser {
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}

.teaser.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.lefter {
  opacity: 0;
  transform: translate3d(-35%, 35%, 0);
  transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}

.lefter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.righter {
  opacity: 0;
  transform: translate3d(35%, 35%, 0);
  transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}

.righter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.downer {
  opacity: 0;
  transform: translate3d(0, -35%, 0);
  transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}

.downer.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.lter {
  opacity: 0;
  transform: translate3d(-35%, 0, 0);
  transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}

.lter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.rter {
  opacity: 0;
  transform: translate3d(35%, 0, 0);
  transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}

.rter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.a-a {
  width: 100%;
}

.a-b {
  width: 100%;
}

.a-c {
  position: relative;
}

.a-d {
  display: block;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center center;
}

.a-b .swiper-pagination-bullet {
  width: .16rem;
  height: .16rem;
  background-color: #fff;
  opacity: 0.5;
  vertical-align: middle;
}

.a-b .swiper-pagination-bullet-active {
  opacity: 1;
}

.a-b.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 .1rem;
}

.a-b.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: .3rem;
  font-size: 0;
  display: none;
}

.a-inner {
  position: absolute;
  left: 50%;
  margin-left: -7rem;
  top: 50%;
  transform: translate(0, -50%);
}

.a-e {
  color: #fff;
  font-size: 3.64vw;
  font-weight: bold;
  line-height: 1.285;
  margin-bottom: .7rem;
}

.a-more {
  display: inline-block;
  width: 11.42em;
  height: 3.42em;
  line-height: 3.42;
  text-align: center;
  background-color: #df2b36;
  color: #fff;
  cursor: pointer;
  padding: 0 1.357em;
}

.a-more:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 2em;
  height: .714em;
  background-image: url(../images/5.png);
  background-size: 100% 100%;
  margin-left: .38rem;
}

.a-mouse {
  width: .27rem;
  height: .4rem;
  background-image: url(../images/6.png);
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  margin-left: -.135rem;
  bottom: .27rem;
}

@media(max-width: 750px) {
  .a-inner {
    left: 0;
    margin-left: 0;
    padding-left: 10px;
  }

  .a-e {
    font-size: 20px;
  }

  .a-d {
    padding-top: 48%;
    height: 0;
  }
}



header {
  width: 100%;
  height: .71rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 123456;
  transition: all .3s;
  background-color: #00000073;
}

.h-a {
  width: 14rem;
  margin: 0 auto;
}

.h-b {
    width: 2rem;
    float: left;
    margin-top: .18rem;
}

.h-c {
  width: 100%;
}

.h-c2 {
  display: none;
}

.h-right {
  float: right;
  font-size: 0;
}

.h-nav {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  transition: all .3s;
  padding-right: .72rem;
}

.h-d {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.h-e {
  display: block;
  height: .71rem;
  line-height: .71rem;
  margin: 0 .28rem;
  color: #fff;
  position: relative;
}

.h-search {
  display: inline-block;
  vertical-align: top;
  margin-top: calc(.36rem - 15px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  cursor: pointer;
  width: 28px;
  height: 28px;
  line-height: 26px;
  background-image: url(../images/2.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.h-lang {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-left: 15px;
  margin-top: calc(.36rem - 15px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  cursor: pointer;
  width: 28px;
  height: 28px;
  line-height: 26px;
}

.h-d.active .h-e {
  border-bottom: 2px solid #fff;
}

.h-opa {
  left: -100vw;
  opacity: 0;
  transition: opacity .3s;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 122;
}

.h-sch {
  display: none;
  width: 260px;
  height: 80px;
  padding: 25px;
  position: fixed;
  right: 50%;
  margin-right: -7rem;
  top: .71rem;
  z-index: 127;
  background-color: #fff;
}

.h-form {
  width: 100%;
  font-size: 0;
}

.h-m {
  width: 180px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
  vertical-align: top;
  background-color: transparent;
  font-size: 14px;
  color: #333;
  padding: 0 10px;
}

.h-n {
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  background-size: 16px 16px;
  background-color: transparent;
  border-left: none;
  background-image: url(../images/123.png);
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 0;
  cursor: pointer;
}

.h-sub {
  display: none;
  width: 180px;
  background-color: #0000007a;
  position: absolute;
  left: 50%;
  margin-left: -90px;
  top: .71rem;
  z-index: 1000;
  padding: 5px 0;
}

.h-sub>li>a {
  display: block;
  width: 100%;
  line-height: 1.5;
  text-align: center;
  font-size: 14px;
  color: #fff;
  transition: background-color .3s;
  padding: 10px 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

header.show-search .h-sch {
  display: block;
}

header.show-search .h-opa {
  left: 0;
  opacity: 1;
}

@media(min-width: 1201px) {
  .h-sub>li>a:hover {
    color: #df2b36;
  }

  header.white {
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  }

  header.white .h-c1 {
    display: none;
  }

  header.white .h-c2 {
    display: inline-block;
  }

  header.white .h-e {
    color: #666;
  }

  header.white .h-d.active .h-e {
    border-bottom-color: #666;
  }

  header.white .h-search {
    border-color: #666;
    background-image: url(../images/121.png);
  }

  header.white .h-lang {
    border-color: #666;
    color: #666;
  }
}

@media(max-width: 1200px) {
  body {
    padding-top: 40px;
  }

  header {
    height: 40px;
    padding-left: 10px;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  }

  .h-a {
    width: 100%;
    padding-left: 0;
  }

  .h-b {
    width: 100px;
    margin-top: 11px;
  }

  .h-c1 {
    display: none;
  }

  .h-c2 {
    display: inline-block;
  }

  .h-menu {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background-size: 30px 30px;
    background-image: url(../images/122.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
  }

  .h-search {
    width: 40px;
    height: 40px;
    border: none;
    margin-top: 0;
    position: absolute;
    right: 40px;
    top: 0;
    background-size: 19px 19px;
    background-color: transparent;
    background-image: url(../images/123.png);
  }

  .h-nav {
    width: 260px;
    height: 100vh;
    overflow: auto;
    padding-right: 0;
    position: fixed;
    right: -260px;
    top: 0;
    background-color: #fff;
    z-index: 125;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  header.show-menu .h-opa {
    left: 0;
    opacity: 1;
  }

  header.show-menu .h-nav {
    right: 0;
  }

  .h-d {
    display: block;
    width: 100%;
  }

  .h-e {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    margin: 0;
  }

  .h-d:first-child .h-e {
    padding-left: 20px;
  }

  .h-sch {
    margin-right: -130px;
    top: 40px;
    right: 50%;
  }

  .h-d.active .h-e:after {
    display: none;
  }

  header.show-lang .h-opa {
    left: 0;
    opacity: 1;
  }

  header.show-lang .h-box {
    display: block;
  }

  .h-lang {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #666;
    margin-left: 0;
    position: absolute;
    top: 0;
    right: 80px;
    margin-top: 0;
    border: none;
  }

  .h-d.has-nav:after {
    content: "+";
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    color: #666;
  }

  .h-d.has-nav.show:after {
    content: "-";
  }

  .h-d.has-nav.active:after {
    color: #fff;
  }

  .h-sub {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    margin-left: 0;
  }

  .h-sub>li>a {
    text-align: left;
    padding-left: 40px;
  }
}

footer {
  width: 100%;
  background-color: #222;
  padding-top: .6rem;
}

.f-a {
  width: 14rem;
  margin: 0 auto;
  padding-bottom: .8rem;
}

.f-b {
  float: left;
  width: 2rem;
}

.f-c {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  margin-bottom: .36rem;
}

.f-d {
  width: 100%;
}

.f-e {
  width: 100%;
  margin-bottom: .16rem;
}

.f-e:last-child {
  margin-bottom: 0;
}

.f-f {
  color: #fff;
  opacity: 0.4;
  line-height: 1.43;
}

.f-f:hover {
  opacity: 1;
}

.f-right {
  float: right;
  text-align: center;
}

.f-item {
  text-align: center;
  margin-bottom: .27rem;
}

.f-item:last-child {
  margin-bottom: 0;
}

.f-code {
  width: 1rem;
  margin-bottom: .1rem;
}

.f-name {
  color: #fff;
  opacity: 0.4;
}

.f-g {
  width: 14rem;
  margin: 0 auto;
  padding-bottom: 17px;
  font-size: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.f-h {
  width: 60px;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
}

.f-i {
  width: calc(100% - 60px);
  font-size: 0;
  color: #fff;
  display: inline-block;
  vertical-align: top;
}

.f-j {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  opacity: 0.4;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  position: relative;
}

.f-j:hover {
  opacity: 1;
}

.f-j:hover:after {
  opacity: 0.4;
}

.f-j:after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 4px;
}

.f-j:last-child:after {
  display: none;
}

.f-k {
  width: 14rem;
  margin: 0 auto;
  padding: 16px 0;
}

.f-l {
  float: left;
  max-width: 550px;
}

.f-m {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 4px;
}

.f-m * {
  color: #fff;
  line-height: 20px;
  opacity: 0.4;
}

.f-m:last-child {
  margin-bottom: 0;
}

.f-copy {
  padding-left: 10px;
  padding-right: 10px;
}

.f-n {
  padding-right: 10px;
  display: inline-block;
  vertical-align: top;
}

.f-o {
  float: right;
  font-size: 0;
  
}

.f-p {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  opacity: .4;
  padding: 0 7px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.f-p:after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 4px;
}

.f-p:last-child {
  padding-right: 0;
}

.f-p:first-child {
  padding-left: 0;
}

.f-p:last-child:after {
  display: none;
}

@media(min-width: 1201px) {
  .f-p:hover {
    opacity: 1;
  }

  .f-p:hover:after {
    opacity: .4;
  }
}

@media(max-width: 1200px) {
  .f-a {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .f-b {
    width: calc(16% - 14px);
  }

  .f-code {
    width: 80px;
  }

  .f-f {
    font-size: 12px;
  }

  .f-name {
    font-size: 12px;
  }

  .f-g {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .f-k {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media(max-width: 900px) {
  .f-l {
    float: none;
    width: 100%;
    text-align: center;
    max-width: none;
    margin-bottom: 10px;
  }

  .f-o {
    float: none;
    width: 100%;
    text-align: center;
    max-width: none;
  }
}

@media(max-width: 750px) {
  .f-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
  }

  .f-code {
    margin-bottom: 10px;
  }

  .f-a {
    padding-bottom: 10px;
    overflow: hidden;
  }

  .f-c {
    margin-bottom: 10px;
  }

  .f-d {
    font-size: 0;
    width: calc(100% + 20px);
  }

  .f-e {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-right: 20px;
  }
}

.g-a {
  width: 100%;
  background-color: #000228;
  position: relative;
}

.g-bg {
  width: 100%;
  padding-top: 29.17%;
  background-size: cover;
  background-position: center center;
  opacity: 1;
  position: relative;
  z-index: 1
}

.g-title {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}

.g-zh {
  padding-bottom: .32rem;
  position: relative;
  width: 100%;
  margin-bottom: .26rem;
  color: #fff;
}

.g-zh:after {
  content: "";
  display: block;
  width: .4rem;
  height: 0.02rem;
  background-color: #fff;
  position: absolute;
  left: 50%;
  margin-left: -0.2rem;
  bottom: 0;
}

.g-in {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.625;
}

@media(max-width: 750px) {
  .g-zh {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 8px;
  }

  .g-in {
    font-size: 14px;
  }
}

.o-a {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: .6rem;
}

.o-b {
  width: 12rem;
  margin: 0 auto;
}

.o-c {
  color: #333333;
  font-weight: bold;
  text-align: center;
  margin-bottom: .2rem;
}

.o-d {
  color: #999999;
  line-height: 1.3;
  text-align: center;
  margin-bottom: .45rem;
}

.o-e {
  color: #666666;
  line-height: 2;
}

.o-e * {
  color: #666666;
  line-height: 2;
}

.o-f {
  width: 100%;
  font-size: 0;
}

.o-f img {
  width: calc(50% - .13rem);
  margin-right: .26rem;
  margin-bottom: .2rem;
}

.o-f img:nth-child(2n) {
  margin-right: 0;
}

@media(max-width: 750px) {
  .o-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

.p-a {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: .6rem;
}

.p-b {
  width: 12rem;
  margin: 0 auto;
}

.p-c {
  color: #333333;
  font-weight: bold;
  text-align: center;
  margin-bottom: .2rem;
}

.p-d {
  color: #999999;
  line-height: 1.3;
  text-align: center;
  margin-bottom: .5rem;
}

.p-e {
  width: 100%;
}

.p-cont {
  width: 100%;
  padding-bottom: .15rem;
}

.p-item {
  display: block;
  cursor: pointer;
  font-size: 0;
  background-color: #f3f5fa;
  margin-bottom: .3rem;
  transition: all .3s;
}

.p-f {
  display: inline-block;
  vertical-align: middle;
  width: 6rem;
}

.p-f img {
  width: 100%;
}

.p-g {
  display: inline-block;
  vertical-align: middle;
  width: 6rem;
  padding: 0 .4rem;
}

.p-h {
  color: #333333;
  padding-bottom: .3rem;
  margin-bottom: .25rem;
  position: relative;
}

.p-h:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: .4rem;
  height: .03rem;
  background-color: #df2b36;
}

.p-i {
  color: #666666;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.p-move {
  margin-top: .8rem;
  display: inline-block;
  min-width: .16rem;
  padding: .18rem .15rem;
  text-align: center;
  background-color: #df2b36;
  color: #fff;
}

.p-move:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: .38rem;
  width: 2em;
  height: .714em;
  background-image: url(../images/5.png);
  background-size: 2em .714em;
  background-position: center center;
  background-repeat: no-repeat;
}

.p-item:hover {
  background-color: #fff;
  box-shadow: 0px 0px .2rem 0px rgba(0, 0, 0, 0.1);
}

.p-item:hover .p-h {
  color: #df2b36;
}

@media(max-width:1200px) {
  .p-move {
    margin-top: .3rem;
  }
}

@media(max-width: 750px) {
  .p-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .p-f {
    width: 100%;
  }

  .p-g {
    width: 100%;
    padding: .3rem .2rem;
  }

  .p-move:after {
    margin-left: .2rem;
  }
}

.q-a {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: .6rem;
}

.q-b {
  width: 12rem;
  margin: 0 auto;
}

.q-c {
  color: #333333;
  font-weight: bold;
  text-align: center;
  margin-bottom: .2rem;
}

.q-d {
  color: #999999;
  line-height: 1.3;
  text-align: center;
  margin-bottom: .5rem;
}

.q-e {
  width: 100%;
}

.q-cont {
  width: 100%;
  padding-bottom: .2rem;
}

.q-item {
  display: block;
  width: 100%;
  font-size: 0;
  background-color: #f3f5fa;
  margin-bottom: .2rem;
  cursor: pointer;
  transition: all .3s;
}

.q-f {
  display: inline-block;
  vertical-align: middle;
  width: 3.8rem;
}

.q-f img {
  width: 100%;
}

.q-g {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 3.8rem);
  padding: 0 .4rem;
}

.q-h {
  color: #333333;
  line-height: 2;
  margin-bottom: .2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.q-i {
  color: #666666;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.q-j {
  color: #999999;
  margin-top: .5rem;
  line-height: 13px;
}

.q-j img {
  width: 13px;
  margin-right: 5px;
}

.q-item:hover {
  background-color: #fff;
  box-shadow: 0px 0px .2rem 0px rgba(0, 0, 0, 0.1);
}

@media(max-width:1400px) {
  .q-j {
    margin-top: .3rem;
  }
}

@media(max-width:1200px) {
  .q-h {
    margin-bottom: .05rem;
  }

  .q-j {
    margin-top: .2rem;
  }
}

@media(max-width: 750px) {
  .q-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .q-f {
    width: 100%;
  }

  .q-g {
    width: 100%;
    padding: .3rem .2rem;
  }

  .q-j {
    margin-top: .3rem;
  }
}


.r-a {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: .8rem;
}

.r-b {
  width: 12rem;
  margin: 0 auto;
}

.r-c {
  color: #333333;
  font-weight: bold;
  text-align: center;
  margin-bottom: .2rem;
}

.r-d {
  color: #999999;
  line-height: 1.3;
  text-align: center;
  margin-bottom: .5rem;
}

.r-e {
  width: 100%;
}

.r-cont {
  width: 100%;
  padding-bottom: .45rem;
}

.r-f {
  width: 100%;
}

.r-form {
  width: 100%;
  font-size: 0;
}

.r-g {
  display: inline-block;
  vertical-align: top;
}

.r-g .select-w {
  width: 2rem;
  margin-right: .3rem;
  margin-bottom: .3rem;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  height: 40px;
  background-color: #fff;
  border: solid 1px #dddddd;
  position: relative;
  padding-right: .35rem;
  padding-left: .2rem;
  white-space: nowrap
}

.r-g .select-w .cur {
  width: 100%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.r-g .select-w select {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-left: 12px;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}

.r-g .select-w:after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: .2rem;
  width: .14rem;
  height: .08rem;
  margin-top: -0.04rem;
  background-image: url('../images/107.png');
  background-size: .14rem .08rem;
  background-repeat: no-repeat;
}

.r-input {
  margin-bottom: .3rem;
  display: inline-block;
  vertical-align: top;
  width: 3.9rem;
  margin-right: .2rem;
  height: 40px;
  background-color: #fff;
  border: solid 1px #dddddd;
  color: #999999;
  padding-left: .2rem;
  font-size: 14px;
}

.r-button {
  margin-bottom: .3rem;
  border: none;
  outline-style: none;
  cursor: pointer;
  width: 1rem;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  background-color: #df2b36;
  color: #fff;
}

.r-h {
  width: 100%;
}

.r-i {
  width: 100%;
  font-size: 0;
  padding: 0 .5rem;
  background-color: #df2b36;
}

.r-j {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.3;
  padding: .2rem 0;
  color: #fff;
  text-align: center;
}

.r-j:nth-child(1) {
  width: 18%;
  text-align: left;
}

.r-j:nth-child(2) {
  width: 20%;
}

.r-j:nth-child(3) {
  width: 14%;
}

.r-j:nth-child(4) {
  width: 25%;
}

.r-j:nth-child(5) {
  width: 22%;
}

.r-k {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}

.r-item {
  width: 100%;
}

.r-l {
  width: 100%;
  font-size: 0;
  padding: 0 .5rem;
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  position: relative;
  cursor: pointer;
}

.r-m {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.3;
  padding: .24rem 0;
  color: #333333;
  text-align: center;
}

.r-m:nth-child(1) {
  width: 18%;
  text-align: left;
}

.r-m:nth-child(2) {
  width: 20%;
}

.r-m:nth-child(3) {
  width: 14%;
}

.r-m:nth-child(4) {
  width: 25%;
}

.r-m:nth-child(5) {
  width: 22%;
}

.r-l:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: .3rem;
  transform: translate(0, -50%);
  font-size: 20px;
  color: #bbbbbb;
}

.r-n {
  display: none;
  width: 100%;
  background-color: #f3f5fa;
  padding: .5rem;
}

.r-o {
  width: 100%;
  margin-bottom: .3rem;
}

.r-p {
  width: 100%;
  color: #df2b36;
  margin-bottom: .2rem;
}

.r-q {
  width: 100%;
  color: #666666;
  line-height: 2;
}

.r-q * {
  width: 100%;
  color: #666666;
  line-height: 2;
}

.r-r {
  cursor: pointer;
  display: inline-block;
  min-width: .16rem;
  padding: .18rem .15rem;
  text-align: center;
  background-color: #df2b36;
  color: #fff;
}

.r-r:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: .38rem;
  width: 2em;
  height: .714em;
  background-image: url(../images/5.png);
  background-size: 2em .714em;
  background-position: center center;
  background-repeat: no-repeat;
}

.r-s {
  display: inline-block;
  font-weight: bold;
  width: 100%;
  color: #666666;
  line-height: 1.3;
  margin-top: .2rem;
}


.r-item.show .r-l {
  background-color: rgba(48, 51, 132, .15);
}

.r-item.show .r-m {
  color: #df2b36;
}

.r-item.show .r-l:after {
  content: '-';
  color: #df2b36;
  font-size: 25px;
}

@media(max-width:1200px) {
  .r-g .select-w .cur {
    font-size: 12px;
  }

  .r-input {
    font-size: 12px;
  }

  .r-button {
    font-size: 12px;
  }

  .r-r:after {
    margin-left: .2rem;
  }
}


@media(max-width: 750px) {
  .r-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .r-g .select-w {
    width: calc(33.33% - .1rem);
    margin-right: .15rem;
  }

  .r-g {
    width: 100%;
    font-size: 0;
  }

  .r-g .select-w:nth-child(3n) {
    margin-right: 0;
  }

  .r-input {
    width: 70%;
  }

  .r-button {
    width: calc(30% - .2rem);
  }

  .r-i {
    padding-left: .2rem;
  }

  .r-j {
    font-size: 12px;
    padding: .2rem 0;
  }

  .r-l {
    padding-left: .2rem;
  }

  .r-m {
    font-size: 12px;
  }

  .r-l:after {
    right: .1rem;
  }

  .r-n {
    padding: .3rem .2rem;
  }
}

.s-a {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: .6rem;
}

.s-b {
  width: 10rem;
  margin: 0 auto;
}

.s-c {
  color: #333333;
  font-weight: bold;
  text-align: center;
  margin-bottom: .2rem;
  line-height: 1.3;
}

.s-d {
  color: #999999;
  line-height: 1.3;
  text-align: center;
  margin-bottom: .45rem;
}

.s-cont {
  width: 100%;
}

.s-e {
  color: #666666;
  line-height: 2;
}

.s-e * {
  color: #666666;
  line-height: 2;
}

.s-e img {
  display: block;
  margin: 0 auto;
}

.s-f {
  width: 100%;
  text-align: right;
  margin-top: .3rem;
}

.s-g {
  cursor: pointer;
  display: inline-block;
  min-width: .16rem;
  padding: .18rem .15rem;
  text-align: center;
  background-color: #df2b36;
  color: #fff;
  transition: all .3s;
}

.s-g:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: .38rem;
  width: 2em;
  height: .714em;
  background-image: url(../images/5.png);
  background-size: 2em .714em;
  background-position: center center;
  background-repeat: no-repeat;
}

@media(min-width: 1201px) {
  .s-g:hover {
    transform: translate(0, -6px);
  }
}

@media(max-width: 750px) {
  .s-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .s-g:after {
    margin-left: .2rem;
  }
}

.t-a {
  width: 100%;
  background-color: #f3f5fa;
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.t-b {
  width: 12rem;
  margin: 0 auto;
}

.t-c {
  width: 100%;
  position: relative;
  margin-bottom: .4rem;
}

.t-d {
  color: #333333;
}

.t-e {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: #df2b36;
}

.t-f {
  width: 100%;
  position: relative;
}

.t-g {
  width: 100%;
}

.t-i {
  display: block;
  width: 5.9rem;
  font-size: 0;
  background-color: #fff;
  margin-right: .2rem;
  cursor: pointer;
}

.t-j {
  display: inline-block;
  vertical-align: middle;
  width: 2.95rem;
}

.t-j img {
  width: 100%;
}

.t-k {
  display: inline-block;
  vertical-align: middle;
  width: 2.95rem;
  padding: 0 .3rem;
}

.t-l {
  color: #333333;
  position: relative;
  padding-bottom: .15rem;
  margin-bottom: .1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 1px;
}

.t-l:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: .25rem;
  height: .03rem;
  background-color: #df2b36;
}

.t-m {
  color: #666666;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.t-n {
  color: #999999;
  line-height: 1;
  margin-top: .1rem;
}

.t-i:hover {
  box-shadow: 0px 0px .2rem 0px rgba(0, 0, 0, 0.1);
}

.t-i:hover .t-l {
  color: #df2b36;
}

.t-i:hover .t-n {
  color: #df2b36;
}

.t-p {
  left: calc(-30px - .3rem);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-top: -15px;
  background-color: #fff;
  border: solid 1px #e5e5e5;
  background-image: url(../images/92.png);
  background-size: 6px 10px;
  background-position: center center;
  background-repeat: no-repeat;
}

.t-q {
  right: calc(-30px - .3rem);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-top: -15px;
  background-color: #fff;
  border: solid 1px #e5e5e5;
  background-image: url(../images/93.png);
  background-size: 6px 10px;
  background-position: center center;
  background-repeat: no-repeat;
}

.t-p:hover {
  background-color: #df2b36;
  border: solid 1px #df2b36;
  background-image: url(../images/94.png);
}

.t-q:hover {
  background-color: #df2b36;
  border: solid 1px #df2b36;
  background-image: url(../images/95.png);
}

@media(max-width: 1400px) {
  .t-m {
    line-height: 1.5;
  }

  .t-n {
    line-height: 1.5;
    margin-top: .05rem;
  }
}

@media(max-width: 1200px) {
  .t-l {
    font-size: 14px;
  }

  .t-m {
    font-size: 12px;
  }

  .t-n {
    font-size: 12px;
    line-height: 1;
  }
}

@media(max-width: 750px) {
  .t-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .t-j {
    width: 100%;
  }

  .t-i {
    width: 100%;
  }

  .t-f {
    padding: 0 40px;
  }

  .t-p {
    left: 0;
  }

  .t-q {
    right: 0;
  }

  .t-k {
    width: 100%;
    padding: .2rem;
  }

  .t-m {
    line-height: 1.8;
  }

  .t-n {
    /* line-height: 1.8; */
    margin-top: .15rem;
  }
}


.w-a {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: .6rem;
}

.w-b {
  width: 12rem;
  margin: 0 auto;
}

.w-c {
  color: #333333;
  font-weight: bold;
  text-align: center;
  margin-bottom: .2rem;
}

.w-d {
  color: #999999;
  line-height: 1.3;
  text-align: center;
  margin-bottom: .45rem;
}

.w-cont {
  width: 100%;
}

.w-e {
  width: 100%;
  color: #666666;
  line-height: 2;
}

.w-e * {
  color: #666666;
  line-height: 2;
}

.w-f {
  width: 100%;
  position: relative;
  margin-top: .5rem;
  margin-bottom: .7rem;
}

.w-g {
  width: 100%;
}

.w-i {
  cursor: pointer;
  width: 1.75rem;
  margin-right: .3rem;
}

.w-j {
  width: 100%;
  height: .9rem;
  text-align: center;
  line-height: .9rem;
  background-color: #e6e7e8;
}

.w-j img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}

.w-p {
  left: calc(-30px - .3rem);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-top: -15px;
  background-color: #fff;
  border: solid 1px #e5e5e5;
  background-image: url(../images/92.png);
  background-size: 6px 10px;
  background-position: center center;
  background-repeat: no-repeat;
}

.w-q {
  right: calc(-30px - .3rem);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-top: -15px;
  background-color: #fff;
  border: solid 1px #e5e5e5;
  background-image: url(../images/93.png);
  background-size: 6px 10px;
  background-position: center center;
  background-repeat: no-repeat;
}

.w-p:hover {
  background-color: #df2b36;
  border: solid 1px #df2b36;
  background-image: url(../images/94.png);
}

.w-q:hover {
  background-color: #df2b36;
  border: solid 1px #df2b36;
  background-image: url(../images/95.png);
}

.w-r {
  width: 100%;
  text-align: center;
}

.w-s {
  cursor: pointer;
  display: inline-block;
  min-width: .16rem;
  padding: .18rem .15rem;
  text-align: center;
  background-color: #df2b36;
  color: #fff;
  transition: all .3s;
}

.w-s:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: .38rem;
  width: 2em;
  height: .714em;
  background-image: url(../images/5.png);
  background-size: 2em .714em;
  background-position: center center;
  background-repeat: no-repeat;
}

@media(min-width: 1201px) {
  .w-s:hover {
    transform: translate(0, -6px);
  }
}

@media(max-width: 750px) {
  .w-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .w-f {
    padding: 0 40px;
  }

  .w-p {
    left: 0;
  }

  .w-q {
    right: 0;
  }
}

.b-x {
  text-align: center;
  width: 100%;
}

.b-y {
  color: #333;
  margin-bottom: .2rem;
}

.b-z {
  color: #999;
  font-weight: normal;
  text-transform: uppercase;
}

.b-a {
  width: 100%;
  padding-top: .78rem;
}

.b-inner {
  width: 100%;
  margin-top: .5rem;
  background-image: url(../images/10.jpg);
  background-size: cover;
  background-position: center center;
}

.b-b {
  width: 12rem;
  margin: 0 auto;
  padding-top: .6rem;
  padding-bottom: .6rem;
  overflow: hidden;
}

.b-tabs {
  width: 2rem;
  float: left;
}

.b-tab {
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: .29rem 0;
  cursor: pointer;
}

.b-name {
  display: block;
  width: 100%;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.92);
  text-align: center;
}

.b-icon {
  width: 1.08rem;
  margin: 0 auto .04rem;
  background-size: 100% 100%;
  height: 0;
  transition: all .3s;
}

.b-tab.active {
  background-image: url(../images/125.png);
  background-size: 100% 100%;
}

.b-tab.active .b-icon {
  height: 1.08rem;
}

.b-conts {
  width: 8.95rem;
  float: right;
}

.b-cont {
  width: 100%;
  display: none !important;
  padding-top: 1.17rem;
}

.b-cont.show {
  display: block !important;
}

.b-text {
  width: 5.2rem;
  float: left;
}

.b-title {
  width: 100%;
  height: .73rem;
  position: relative;
  color: #fff;
  margin-bottom: .32rem;
}

.b-title:after {
  content: "";
  display: block;
  width: .4rem;
  height: .03rem;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  bottom: 0;
}

.b-intro {
  width: 100%;
  color: #fff;
  line-height: 2;
  height: 8em;
  margin-bottom: .92rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.b-more {
  display: block;
  width: 11.42em;
  height: 3.42em;
  line-height: 3.42;
  background-color: #df2b36;
  color: #fff;
  cursor: pointer;
  text-align: center;
  transition: all .3s;
}

.b-more:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 2em;
  height: .714em;
  background-image: url(../images/5.png);
  background-size: 100% 100%;
  margin-left: 2.71em;
}

.b-more.center {
  margin: 0 auto;
}

.b-img {
  width: 3.7rem;
  height: 3.7rem;
  float: right;
  position: relative;
}

.b-pro {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media(min-width: 1201px) {
  .b-more:hover {
    transform: translate(0, -6px);
  }
}

@media(max-width: 750px) {
  .b-tabs {
    width: 90px;
  }

  .b-conts {
    width: calc(100% - 90px);
  }

  .b-img {
    width: 150px;
    height: 150px;
  }
}


.c-a {
  width: 100%;
  padding-top: .78rem;
}

.c-inner {
  width: 100%;
  padding-top: .5rem;
  overflow: hidden;
}

.c-b {
  width: 100%;
  overflow: visible;
}

.c-c {
  position: relative;
  width: 12.6rem;
}

.c-d {
  width: 12rem;
  margin: 0 auto;
  overflow: hidden;
}

.c-e {
  width: 66.66%;
  height: 5.65rem;
  background-size: cover;
  background-position: center center;
  float: left;
  display: block;
}

.c-f {
  width: 33.34%;
  height: 5.65rem;
  float: right;
  background-color: #f3f5fa;
  padding: .85rem .35rem 0 .35rem;
}

.c-title {
  color: #333;
  margin-bottom: .3rem;
  font-weight: bold;
  height: .73rem;
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.c-title:after {
  content: "";
  display: block;
  width: .4rem;
  height: 0.03rem;
  background-color: #df2b36;
  position: absolute;
  left: 0;
  bottom: 0;
}

.c-title:hover {
  color: #df2b36;
}

.c-intro {
  color: #666;
  line-height: .36rem;
  margin-bottom: .78rem;
  height: 1.44rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.c-b .swiper-button-prev,
.c-b .swiper-button-next {
  width: .5rem;
  height: .5rem;
  margin-top: -0.25rem;
  background-size: 0.08rem 0.14rem;
  background-color: #fff;
  box-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  transition: all .3s;
}

.c-b .swiper-button-prev {
  background-image: url(../images/11.png);
  left: 50%;
  margin-left: -6.85rem;
}

.c-b .swiper-button-next {
  background-image: url(../images/12.png);
  right: 50%;
  margin-right: -6.85rem;
}

.c-b .swiper-button-prev:hover {
  background-image: url(../images/13.png);
  background-color: #df2b36;
}

.c-b .swiper-button-next:hover {
  background-image: url(../images/14.png);
  background-color: #df2b36;
}

@media(max-width: 1200px) {
  .c-intro {
    font-size: 12px;
    height: 72px;
    line-height: 18px;
  }
}

@media(max-width: 750px) {
  .c-intro {
    margin-bottom: 15px;
  }

  .c-d {
    width: 260px;
  }

  .c-e {
    width: 100%;
    padding-top: 70.625%;
    height: 0;
    float: none;
    width: 100%;
  }

  .c-f {
    float: none;
    width: 100%;
    padding: 20px 10px;
    height: auto;
  }

  .c-b .swiper-button-prev {
    left: 10px;
    margin-left: 0;
  }

  .c-b .swiper-button-next {
    right: 10px;
    margin-right: 0;
  }
}

.d-a {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: .8rem;
}

.d-list {
  width: 12.3rem;
  margin: 0 auto;
  font-size: 0;
  padding-top: .5rem;
  padding-bottom: .45rem;
}

.d-item {
  width: 3.83rem;
  margin: 0 auto;
}

.d-s:nth-child(3n+2) {
  transition-delay: .4s;
}

.d-s:nth-child(3n+3) {
  transition-delay: .6s;
}

.d-box {
  width: 100%;
  padding-top: 67.88%;
  display: block;
  background-size: cover;
  background-position: center center;
}

.d-text {
  width: 100%;
  border: 1px solid #e1e6f2;
  padding-left: .25rem;
  padding-right: .25rem;
  padding-bottom: .15rem;
}

.d-title {
  width: 100%;
  color: #333;
  padding-top: .28rem;
  padding-bottom: .18rem;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.d-title:hover {
  color: #df2b36;
}

.d-intro {
  width: 100%;
  line-height: 1.85;
  height: 3.7em;
  margin-bottom: .34rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.d-link {
  width: 100%;
  line-height: 40px;
  color: #999;
  position: relative;
  display: block;
  border-top: 1px solid #e1e6f2;
}

.d-link:after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  background-image: url(../images/98.png);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
}

.d-link:hover {
  color: #df2b36;
}

.d-list .swiper-button-prev,
.d-list .swiper-button-next {
  width: .5rem;
  height: .5rem;
  margin-top: -0.25rem;
  background-size: 0.08rem 0.14rem;
  background-color: #fff;
  box-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  transition: all .3s;
}

.d-list .swiper-button-prev {
  background-image: url(../images/11.png);
  left: 50%;
  margin-left: -6.85rem;
}

.d-list .swiper-button-next {
  background-image: url(../images/12.png);
  right: 50%;
  margin-right: -6.85rem;
}

.d-list .swiper-button-prev:hover {
  background-image: url(../images/13.png);
  background-color: #df2b36;
}

.d-list .swiper-button-next:hover {
  background-image: url(../images/14.png);
  background-color: #df2b36;
}

@media(max-width: 750px) {
  .d-list {
    width: 100%;
  }

  .d-item {
    width: 260px;
  }

  .d-list .swiper-button-prev {
    left: 10px;
    margin-left: 0;
  }

  .d-list .swiper-button-next {
    right: 10px;
    margin-right: 0;
  }
}


.i-a {
  width: 100%;
  border: 1px solid #e5e5e5;
  position: relative;
  overflow: hidden;
}

.i-b {
  width: 12rem;
  margin: 0 auto;
  border-left: 1px solid #e5e5e5;
}

.i-c {
  position: relative;
  border-right: 1px solid #e5e5e5;
  height: auto;
  display: flex;
  align-items: center;
}

.i-d {
  color: #333;
  display: block;
  width: 100%;
  padding: .18rem 0;
  text-align: center;
  line-height: 1.5;
}

.i-arrow {
  display: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #ccc;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  background-size: 6px 10px;
  background-repeat: no-repeat;
  background-position: center center;
}

.i-prev {
  left: 50%;
  margin-left: calc(-6rem - 60px);
  background-image: url(../images/92.png);
}

.i-next {
  right: 50%;
  margin-right: calc(-6rem - 60px);
  background-image: url(../images/93.png);
}

.i-a.show .i-arrow {
  display: block;
}

.i-c.active {
  background-color: #df2b36;
}

.i-c.active .i-d {
  color: #fff;
}

@media(max-width: 750px) {
  .i-a.show {
    padding-left: 33px;
    padding-right: 33px;
  }

  .i-b {
    width: 100%;
  }

  .i-d {
    font-size: 12px;
  }

  .i-prev {
    left: 0;
    margin-left: 0;
  }

  .i-next {
    right: 0;
    margin-right: 0;
  }
}

.j-a {
  width: 100%;
  padding-top: .6rem;
  padding-bottom: .8rem;
  background-color: #f9f9f9;
}

.j-b {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
}

.j-c {
  color: #999999;
  text-align: center;
  margin-top: .22rem;
}

.j-d {
  width: 12rem;
  display: flex;
  margin: 0 auto;
  margin-top: 0.65rem;
}

.j-d-a {
  width: 8rem;
  height: 4.1rem;
  background-size: cover;
  background-position: center center;
}

.j-d-b-a {
  line-height: 1.36;
}

.j-d-b {
  flex: 1;
  color: #df2b36;
  padding: 0.46rem 2vw 0 2vw;
  font-weight: bold;
  box-sizing: border-box;
  background-color: #fff;
  overflow: auto;
  height: 4.1rem;
}

.j-d-b-b {
  line-height: 1.875;
  color: #555555;
  margin-top: 0.26rem;
  margin-bottom: 0.3rem;
  font-weight: normal;
}

.j-d-b-c-a {
  display: flex;
  align-items: center;
  color: #666666;
  margin-top: 0.18rem;
  line-height: 1.375;
  font-weight: normal;
}

.j-d-b-c-a span {
  margin-left: 0.12rem;
  line-height: 1.375;
}

.j-d-b-c-a img {
  width: 0.2rem;
  height: 0.2rem;
}

.j-b2 {
  width: 100%;
  padding-top: .7rem;
  padding-bottom: .8rem;
  background-color: #f9f9f9;
  text-align: center;
}

.j-b-title {
  font-weight: bold;
}

.j-b-title2 {
  color: #999999;
  margin-top: 0.22rem;
}

.j-b-list {
  width: 12rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 0.6rem;
}

.j-b2-c {
  width: 3.8rem;
  padding: 0.4rem 5px 0.4rem 0;
  background-color: white;
  transition: all .3s;
}

.j-b2-c:hover {
  background-color: #df2b36;
  color: white !important;
}

.j-b2-c:hover div {
  color: white !important;
}

.j-b2-c:hover .j-bgi {
  background-image: url('../images/120.png');
}
.j-b2-c-1 {
  width: 3.8rem;
  padding: 0.4rem 5px 0.4rem 0;
  background-color: white;
  transition: all .3s;
}

.j-b2-c-1:hover {
  background-color: #fff;
  color: white !important;
}

.j-b2-c-1:hover div {
  color: white !important;
}

.j-b2-c-1:hover .j-bgi {
  background-image: url('../images/120.png');
}

.j-icon {
  display: flex;
  margin-left: 0.18rem;
}

.j-icon .j-bgi {
  background-image: url('../images/119.png');
  background-repeat: no-repeat;
  width: 0.22rem;
  height: 0.24rem;
  background-size: contain;
}

.j-icon span {
  margin-top: 0.04rem;
  margin-left: 0.12rem;
}

.j-address {
  color: #666666;
  margin-top: 0.2rem;
  margin-left: 0.5rem;
  line-height: 1.875;
  text-align: left;
}

.j-phone {
  color: #666666;
  margin-left: 0.5rem;
  text-align: left;
  display: block;
  line-height: 1.875;
}

@media(max-width: 1400px) {
  .j-d-b-a {
    font-size: 16px;
  }
}

@media(max-width: 750px) {
  .j-d {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .j-d-a {
    width: 100%;
    height: 180px;
  }

  .j-d-b {
    width: 100%;
    padding: 25px 10px 20px;
  }

  .j-b-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 20px;
  }

  .j-b2-c {
    width: 100%;
    margin-top: 10px;
    padding: 25px 10px 20px;
  }

  .j-icon span {
    margin-top: 0;
  }

  .j-b2 {
    padding-top: 0;
  }

  .j-d {
    margin-top: 20px;
  }

  .j-d-b-c-a span {
    line-height: 0.45rem;
    position: relative;
  }
}

.xma-a {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: .7rem;
}

.xma-b {
  width: 12rem;
  margin: 0 auto;
}

.xma-c {
  width: 100%;
  padding-top: .5rem;
}

.xma-d {
  width: 100%;
  font-size: 0;
  padding-bottom: .1rem;
}

.xma-item {
  display: inline-block;
  margin-bottom: .3rem;
  vertical-align: top;
  width: 5.88rem;
  margin-right: .24rem;
  padding: .4rem;
  background-color: #fff;
  box-shadow: 0px .05rem .2rem 0px #e4e7f2;
}

.xma-item:nth-child(2n) {
  margin-right: 0;
}

.xma-e {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1rem);
  padding-right: .1rem;
}

.xma-f {
  color: #333333;
  padding-bottom: .2rem;
  position: relative;
  margin-bottom: .2rem;
}

.xma-f:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: .3rem;
  height: .03rem;
  background-color: #df2b36;
}

.xma-g {
  color: #666666;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.xma-h {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
}

.xma-h img {
  width: 100%;
}

.xma-i {
  color: #666666;
  line-height: 2;
}

.xma-i * {
  color: #666666;
  line-height: 2;
}

@media(max-width: 1200px) {
  .xma-g {
    height: 3em;
    -webkit-line-clamp: 2;
  }
}


@media(max-width: 750px) {
  .xma-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .xma-item {
    width: 100%;
    text-align: center;
  }

  .xma-e {
    width: auto;
    max-width: calc(100% - 1.5rem);
    text-align: left;
    padding-right: .5rem;
  }

  .xma-h {
    width: 1.5rem;
  }
}



.xmb-a {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: .6rem;
}

.xmb-b {
  width: 12rem;
  margin: 0 auto;
}

.xmb-c {
  width: 100%;
  padding-top: .5rem;
  padding-bottom: .45rem;
}

.xmb-item {
  width: 100%;
  display: block;
  padding: .3rem .35rem;
  border-bottom: 1px solid #e1e6f2;
}

.xmb-cont {
  width: 100%;
  position: relative;
  padding-left: 50px;
  padding-right: 70px;
}

.xmb-d {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: .26rem;
  min-width: 20px;
}

.xmb-dimg1 {
  display: block;
  width: 100%;
}

.xmb-dimg2 {
  display: none;
  width: 100%;
}

.xmb-e {
  width: 100%;
  line-height: 1.5;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xmb-f {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  color: #666666;
}

.xmb-f:hover {
  color: #df2b36;
}

.xmb-item:hover .xmb-dimg1 {
  display: none;
}

.xmb-item:hover .xmb-dimg2 {
  display: block;
}

.xmb-item:hover .xmb-e {
  color: #df2b36;
}

@media(max-width: 750px) {
  .xmb-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .xmb-item {
    padding: .3rem .2rem;
  }

  .xmb-cont {
    padding-left: 35px;
    padding-right: 60px;
  }
}


.xmc-a {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: .55rem;
}

.xmc-b {
  width: 12rem;
  margin: 0 auto;
}

.xmc-c {
  width: 100%;
  font-size: 0;
  padding-top: .5rem;
}

.xmc-item {
  display: inline-block;
  vertical-align: top;
  width: 3.83rem;
  cursor: pointer;
  margin-bottom: .25rem;
  margin-right: .25rem;
  border: solid 1px #f3f5fa;
  background-color: #f3f5fa;
  padding: .45rem;
}

.xmc-item:nth-child(3n) {
  margin-right: 0;
}

.xmc-d {
  color: #333333;
  line-height: 1.5;
  height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xmc-e {
  width: 100%;
  padding-right: .4rem;
  position: relative;
  margin-top: .25rem;
}

.xmc-f {
  color: #666666;
  line-height: 1.3;
}

.xmc-g {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  width: .4rem;
}

.xmc-gimg1 {
  display: block;
  width: 100%;
}

.xmc-gimg2 {
  display: none;
  width: 100%;
}

.xmc-item:hover {
  background-color: #fff;
  box-shadow: 0px 0px .2rem 0px rgba(0, 0, 0, 0.1);
  border: solid 1px #e1e6f2;
}

.xmc-item:hover .xmc-d {
  color: #df2b36;
}

.xmc-item:hover .xmc-gimg1 {
  display: none;
}

.xmc-item:hover .xmc-gimg2 {
  display: block;
}

@media(max-width: 750px) {
  .xmc-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .xmc-item {
    width: calc(50% - .15rem);
    margin-right: .3rem;
    padding: .3rem .2rem;
  }

  .xmc-item:nth-child(3n) {
    margin-right: .3rem;
  }

  .xmc-item:nth-child(2n) {
    margin-right: 0;
  }

  .xmc-d {
    font-size: 14px;
  }
}

.xmd-a {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: .6rem;
}

.xmd-b {
  width: 12rem;
  margin: 0 auto;
}

.xmd-c {
  width: 100%;
  font-size: 0;
  padding-top: .5rem;
}

.xmd-d {
  width: 100%;
  margin-bottom: .4rem;
}

.xmd-e {
  display: block;
  width: 100%;
  cursor: pointer;
  position: relative;
}

.xmd-f {
  width: 100%;
  position: relative;
}

.xmd-f:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.xmd-f img {
  width: 100%;
}

.xmd-g {
  position: absolute;
  top: 38.5%;
  left: 0;
  width: 100%;
  z-index: 10;
  text-align: center;
  padding: 0 .2rem;
}

.xmd-h {
  display: inline-block;
  width: 3.1em;
  margin-bottom: .3rem;
}

.xmd-h img {
  width: 100%;
}

.xmd-i {
  color: #fff;
  line-height: 2;
}

.xmd-l {
  width: 100%;
}

.xmd-m {
  width: 100%;
  padding-bottom: .4rem;
}

.xmd-item {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: 3.83rem;
  margin-right: .25rem;
  margin-bottom: .25rem;
  position: relative;
}

.xmd-item:nth-child(3n) {
  margin-right: 0;
}

.xmd-n {
  width: 100%;
}

.xmd-n img {
  width: 100%;
}

.xmd-o {
  position: absolute;
  bottom: .15rem;
  left: 0;
  padding: 0 .2rem;
  width: 100%;
}

.xmd-p {
  display: inline-block;
  width: 3.1em;
  margin-bottom: .15rem;
}

.xmd-p img {
  width: 100%;
}

.xmd-q {
  width: 100%;
  color: #fff;
  line-height: 2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*视频容器样式*/
.xv-a {
  position: fixed;
  left: 0;
  top: 120%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000000;
  transition: top .5s ease-in-out;
}

.xv-a.show {
  top: 0;
}

.xv-a.show .xv-e {
  visibility: visible;
}

.xv-a.show .xv-f {
  display: block;
}

.xv-b {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.xv-c {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #df2b36;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 10000;
}

.xv-d {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 21px;
  text-align: center;
  line-height: 40px;
  color: #fff;
}

.xv-e {
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0px;
  bottom: 0px;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.xv-f {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 800px;
  max-height: calc(100% - 80px);
  transform: translate(-50%, -50%);
}

@media(max-width: 750px) {
  .xmd-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .xmd-item {
    width: calc(50% - .15rem);
    margin-right: .3rem;
  }

  .xmd-item:nth-child(3n) {
    margin-right: .3rem;
  }

  .xmd-item:nth-child(2n) {
    margin-right: 0;
  }

  .xmd-h {
    font-size: 12px;
  }

  .xmd-p {
    font-size: 12px;
  }

  .xmd-q {
    font-size: 14px;
    line-height: 1.5;
  }
}

.xme-a {
	min-width: 8rem;
	flex: 1; 
  padding-top: .6rem;
  padding-bottom: .7rem;
  background-color: #fafafa;
}

.xme-b {
  width:92%; 
  padding: 0 4%;
  margin: 0 auto;
}
.xme-b2 {
    width:8rem; 
  }
.xme-c {
  width: 100%;
  font-size: 0;
  padding-top: .4rem;
}

.xme-form {
  width: 100%;
}

.xme-d {
  width: 100%;
}

.xme-item {
  display: inline-block;
  vertical-align: top;
  width: 5.88rem;
  margin-right: .24rem;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: .1rem;
  margin-bottom: .3rem;
}

.xme-item:nth-child(2n) {
  margin-right: 0;
}

.xme-e {
  display: inline-block;
  border: none;
  outline-style: none;
  background-color: transparent;
  color: #999999;
  line-height: 1.6;
  width: 100%;
}

.xme-g {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.45rem;
}

.xme-h {
  display: inline-block;
  border: none;
  outline-style: none;
  background-color: transparent;
  color: #999999;
  height: 2rem;
  line-height: 1.6;
  width: 100%;
}

.xme-i {
  width: 100%;
  text-align: center;
}

.xme-j {
  position: relative;
  top: 0;
  transition: all .3s;
  display: inline-block;
  border: none;
  min-width: 1.9rem;
  padding: .15rem .2rem;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #df2b36;
}

.xme-j:hover {
  transform: translate(0, -6px);
}

.xme-k {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.55);
  z-index: 123457;
}

.xme-k.show {
  display: block;
}

.xme-l {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6rem;
  padding: .7rem .3rem .6rem;
  background-color: #fff;
}

.xme-m {
  width: 100%;
  text-align: center;
}

.xme-n {
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  line-height: 1.1rem;
  border-radius: 50%;
  margin-bottom: .15rem;
  background-color: #df2b36;
}

.xme-n img {
  max-width: .48rem;
}

.xme-o {
  color: #333333;
  margin-bottom: .35rem;
}

.xme-p {
  color: #999999;
  line-height: 1.3;
  margin-bottom: .1rem;
}

.xme-q {
  color: #df2b36;
  display: block;
}

.xme-close {
  cursor: pointer;
  position: absolute;
  top: .2rem;
  right: .2rem;
  width: 14px;
}

.xme-close img {
  width: 100%;
}


.xme-f {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: .1rem;
  margin-bottom: .3rem;
}

.select-w {
  width: 50%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  position: relative;
  white-space: nowrap
}

.select-w .cur {
  width: 100%;
  display: inline-block;
  color: #333333;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select-w select {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-left: 12px;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* .select-w:after{display: inline-block;content: "";border-left: 5px solid transparent;border-top: 5px solid #666;border-right: 5px solid transparent;position: absolute;right: 13px;top: 20px;z-index: 1;} */

@media(max-width: 750px) {
  .xme-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }
	.xme-b2 {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }
	

  .xme-item {
    width: calc(50% - .1rem);
    margin-right: .2rem;
  }

  .xme-l {
    width: 80%;
    max-width: 500px;
  }

  .select-w {
    width: 100%;
  }
}

.xmf-a {
  width: 100%;
  padding-top: .7rem;
  padding-bottom: .6rem;
}

.xmf-b {
  width: 12rem;
  margin: 0 auto;
}

.xmf-b:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}

.xmf-c {
  float: left;
  width: 3rem;
}

.xmf-d {
  width: 100%;
  background-color: #df2b36;
  padding: .28rem;
  margin-bottom: 10px;
}

.xmf-e {
  color: #fff;
  margin-bottom: .25rem;
}

.xmf-f {
  color: #fff;
  line-height: 1.3;
}

.xmf-g {
  width: 100%;
}

.xmf-h {
  display: block;
  cursor: pointer;
  background-color: #f8f8f8;
  color: #666666;
  position: relative;
  padding: .25rem .3rem .25rem;
  margin-bottom: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.xmf-h.active {
  background-color: #df2b36;
  color: #fff;
}

.xmf-h:after {
  content: "";
  display: block;
  border-left: .05rem solid #999;
  border-top: .05rem solid transparent;
  border-bottom: .05rem solid transparent;
  position: absolute;
  right: .3rem;
  top: 50%;
  margin-top: -0.05rem;
}

.xmf-h.active:after {
  border-left-color: #fff;
}

@media(min-width: 1201px) {
  .xmf-h:hover:after {
    border-left-color: #fff;
  }

  .xmf-h:hover {
    background-color: #df2b36;
    color: #fff;
  }
}

.xmf-i {
  float: right;
  width: 8.6rem;
}

.xmf-j {
  background-color: #f8f8f8;
  padding: .35rem .25rem;
  margin-bottom: .3rem;
}

.xmf-k {
  width: 100%;
  padding-bottom: .1rem;
}

.xmf-k1 {
  color: #333333;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: .15rem;
  margin-right: .25rem;
}

.xmf-k2 {
  display: inline-block;
  vertical-align: middle;
  color: #999999;
  margin-bottom: .15rem;
}

.xmf-l {
  color: #666666;
  line-height: 2;
}

.xmf-l * {
  color: #666666;
  line-height: 2;
}

.xmf-m {
  width: 100%;
  padding-bottom: .4rem;
  font-size: 0;
}

.xmf-item {
  display: block;
  cursor: pointer;
  background-color: #f8f8f8;
  font-size: 0;
  margin-bottom: .3rem;
}

.xmf-n {
  display: inline-block;
  vertical-align: middle;
  width: 2.85rem;
}

.xmf-n img {
  width: 100%;
}

.xmf-o {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 2.85rem);
  padding: 0 .3rem;
}

.xmf-p {
  width: 100%;
  position: relative;
  padding-right: 40px;
  margin-bottom: .2rem;
}

.xmf-q {
  width: 100%;
  color: #333333;
  line-height: 1.5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.xmf-r {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  color: #999999;
}

.xmf-s {
  color: #999999;
  line-height: .3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.xmf-item:hover .xmf-q {
  color: #df2b36;
}

.xmf-item:hover .xmf-r {
  color: #df2b36;
}

@media(max-width:1200px) {
  .xmf-s {
    line-height: 1.5;
    -webkit-line-clamp: 2;
  }
}

@media(max-width: 750px) {
  .xmf-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .xmf-c {
    width: 100%;
  }

  .xmf-g {
    width: 100%;
    text-align: left;
    font-size: 0;
  }

  .xmf-h {
    display: inline-block;
    padding: 10px;
    font-size: 12px;
    margin: 0 .5%;
    min-width: 49%;
    margin-bottom: .2rem;
    text-align: center;
  }

  .xmf-h:after {
    display: none;
  }

  .xmf-i {
    width: 100%;
    margin-top: .3rem;
  }

  .xmf-item {
    width: 100%;
    padding: .2rem;
  }

  .xmf-n {
    width: 100%;
    text-align: center;
    margin-bottom: .3rem;
  }

  .xmf-n img {
    width: 80%;
  }

  .xmf-o {
    width: 100%;
    padding: 0 .2rem;
  }
}



.ma-a {
  width: 100%;
  padding-top: .78rem;
  padding-bottom: .7rem;
}

.ma-b {
  width: 12rem;
  height: 5.15rem;
  margin: 0 auto;
  position: relative;
  margin-top: .48rem;
}

.ma-left {
  width: 7rem;
  height: 4.7rem;
  background-color: #f3f5fa;
  position: absolute;
  left: 0;
  bottom: 0;
  padding-right: 3rem;
}

.ma-d {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-top: .43rem;
  padding-left: .35rem;
  padding-right: .35rem;
  padding-bottom: 10px;
}

.ma-title {
  color: #333;
  font-weight: bold;
  height: .57rem;
  position: relative;
  margin-bottom: .23rem;
}

.ma-title:after {
  display: block;
  content: "";
  width: .3rem;
  height: 0.03rem;
  background-color: #df2b36;
  position: absolute;
  left: 0;
  bottom: 0;
}

.ma-cont {
  line-height: 2;
  color: #666;
}

.ma-cont * {
  line-height: 2;
  color: #666;
}

.ma-right {
  width: 8rem;
  height: 4.7rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 12;
}

.ma-e {
  width: 100%;
  height: 100%;
}

.ma-f {
  background-size: cover;
  background-position: center center;
}

.ma-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.ma-tabs {
  width: 100%;
  position: absolute;
  right: 2.5%;
  bottom: 0;
  margin-bottom: 2.5%;
  font-size: 0;
  z-index: 12;
  text-align: right;
}

.ma-tab {
  display: inline-block;
  vertical-align: top;
  width: 14.875%;
  padding-top: 8.75%;
  margin-left: 1.25%;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}

.ma-tab.active {
  border: 2px solid #df2b36;
}

@media(max-width: 750px) {
  .ma-b {
    height: auto;
  }

  .ma-left {
    position: relative;
    height: auto;
  }

  .ma-right {
    position: relative;
  }

  .ma-d {
    height: auto;
  }

  .ma-right {
    height: auto;
  }

  .ma-e {
    height: auto;
  }

  .ma-f {
    height: auto;
  }

  .ma-img {
    width: 100%;
    padding-top: 58.75%;
  }
}

.ma-a .ma-company-profile {
  width: 12rem;
  margin: 0 auto;
}

.ma-a .ma-company-profile img {
  width: 100%;
}

.mb-a {
  width: 100%;
  background-color: #f3f5fa;
  padding-top: .8rem;
}

.mb-wrap {
  width: 100%;
  background-image: url(../images/48.png);
  background-position: center center;
  background-repeat: repeat-x;
}

.mb-box {
  width: 13.6rem;
  margin: 0 auto;
  position: relative;
}

.mb-b {
  width: 12rem;
  height: 5.7rem;
  margin: 0 auto;
}

.mb-c {
  width: 100%;
  height: 100%;
  position: relative;
}

.mb-arrow {
  width: .5rem;
  height: .5rem;
  background-color: #fff;
  box-shadow: 0 0.05rem .1rem rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  cursor: pointer;
  margin-top: -0.25rem;
  background-size: 8px 14px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all .3s;
}

.mb-arrow.swiper-button-disabled {
  opacity: 0.3;
}

.mb-prev {
  background-image: url(../images/11.png);
  left: 0;
}

.mb-next {
  background-image: url(../images/12.png);
  right: 0;
}

.mb-prev:hover {
  background-image: url(../images/13.png);
  background-color: #df2b36;
}

.mb-next:hover {
  background-image: url(../images/14.png);
  background-color: #df2b36;
}

.mb-year {
  font-size: 3.125vw;
  color: #df2b36;
  position: absolute;
  left: 0;
  top: 50%;
  padding-top: .28rem;
  line-height: 1rem;
}

.mb-text {
  width: 100%;
  height: 0.92rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 1.28rem;
  height: auto;
  box-shadow: 0 0.05rem .2rem rgba(0, 0, 0, 0.1);
  border: 1px solid #e1e6f2;
  background-color: #fff;
  padding: .15rem .22rem;
  font-size: 0.78vw;
  line-height: 2;
  overflow: auto;
}

.mb-c:nth-child(2n) .mb-year {
  top: auto;
  bottom: 50%;
  padding-top: 0;
  padding-bottom: .28rem;
  line-height: 1rem;
}

.mb-c:nth-child(2n) .mb-text {
  top: auto;
  bottom: 50%;
  margin-bottom: 1.28rem;
}

@media(max-width: 1200px) {
  .mb-arrow {
    width: 32px;
    height: 32px;
    margin-top: -16px;
  }
}

@media(max-width: 750px) {
  .mb-b {
    height: 300px;
  }

  .mb-box {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }

  .mb-year {
    font-size: 20px;
  }

  .mb-text {
    font-size: 10px;
  }
}

.mc-a {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: .8rem;
}

.mc-b {
  width: 12rem;
  margin: 0 auto;
  padding-top: .38rem;
}

.mc-left {
  width: 7.8rem;
  float: left;
}

.mc-cont {
  width: 100%;
  line-height: 2;
  color: #666;
}

.mc-cont * {
  width: 100%;
  line-height: 2;
  color: #666;
}

.mc-right {
  width: 3.7rem;
  float: right;
}

.mc-item {
  width: 100%;
  background-color: #fff;
  padding: .29rem;
  position: relative;
  border: 1px solid #dbe1ef;
  margin-bottom: .4rem;
}

.mc-item:last-child {
  margin-bottom: 0;
}

.mc-title {
  color: #333;
  margin-bottom: .2rem;
}

.mc-intro {
  color: #666;
}

.mc-num {
  color: #df2b36;
}

.mc-icon {
  width: 1.9rem;
  height: 1.3rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-size: 100% 100%;
}


.md-a {
  width: 100%;
  padding-top: .78rem;
  padding-bottom: .7rem;
  background-color: #f3f5fa;
}

.md-b {
  width: 12rem;
  height: 5.15rem;
  margin: 0 auto;
  position: relative;
  margin-top: .48rem;
}

.md-left {
  width: 7rem;
  height: 4.7rem;
  background-color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-left: 3rem;
  box-shadow: 0 0.05rem .2rem rgba(0, 0, 0, 0.03);
}

.md-d {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-top: .43rem;
  padding-left: .35rem;
  padding-right: .35rem;
  padding-bottom: 10px;
}

.md-title {
  color: #333;
  font-weight: bold;
  height: .57rem;
  position: relative;
  margin-bottom: .23rem;
}

.md-title:after {
  display: block;
  content: "";
  width: .3rem;
  height: 0.03rem;
  background-color: #df2b36;
  position: absolute;
  left: 0;
  bottom: 0;
}

.md-cont {
  line-height: 2;
  color: #666;
}

.md-cont * {
  line-height: 2;
  color: #666;
}

.md-right {
  width: 8rem;
  height: 4.7rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 12;
}

.md-e {
  width: 100%;
  height: 100%;
}

.md-f {
  background-size: cover;
  background-position: center center;
}

.md-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.md-tabs {
  width: 100%;
  position: absolute;
  right: 2.5%;
  bottom: 0;
  margin-bottom: 2.5%;
  font-size: 0;
  z-index: 12;
  text-align: right;
}

.md-tab {
  display: inline-block;
  vertical-align: top;
  width: 14.875%;
  padding-top: 8.75%;
  margin-left: 1.25%;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}

.md-tab.active {
  border: 2px solid #df2b36;
}

@media(max-width: 750px) {
  .md-b {
    height: auto;
  }

  .md-left {
    position: relative;
    height: auto;
  }

  .md-right {
    position: relative;
  }

  .md-d {
    height: auto;
  }

  .md-right {
    height: auto;
  }

  .md-e {
    height: auto;
  }

  .md-f {
    height: auto;
  }

  .md-img {
    width: 100%;
    padding-top: 58.75%;
  }
}

.me-a {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: 1rem;
}

.me-tabs {
  width: 100%;
  text-align: center;
  font-size: 0;
}

.me-tab {
  display: inline-block;
  vertical-align: top;
  background-color: #f6f6f6;
  width: 2.7rem;
  padding: .23rem 0 .18rem;
  text-align: center;
  cursor: pointer;
}

.me-zh {
  color: #666;
  margin-bottom: .17rem;
  font-weight: bold;
}

.me-en {
  color: #999;
  text-transform: uppercase;
}

.me-tab.active {
  background-color: #df2b36;
}

.me-tab.active .me-zh {
  color: #fff;
}

.me-tab.active .me-en {
  color: #fff;
}

.me-conts {
  width: 12rem;
  margin: 0 auto;
  padding-top: .6rem;
}

.me-cont {
  width: 100%;
  display: none;
  position: relative;
}

.me-cont.show {
  display: block;
}

.me-video {
  width: 100%;
  object-fit: fill;
}

.me-play {
  width: .75rem;
  height: .75rem;
  background-image: url(../images/54.png);
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.me-cont.show2 .me-play {
  display: none;
}


.k-a {
  width: 100%;
  text-align: center;
  font-size: 0;
}

.k-page {
  display: inline-block;
  vertical-align: top;
  width: 3.28em;
  height: 3.28em;
  line-height: 3.28;
  text-align: center;
  background-color: #f2f5fb;
  color: #666;
  margin: 0 .1rem .2rem;
  transition: all .3s;
}

.k-page.active,
.k-page:hover {
  color: #fff;
  background-color: #df2b36;
}

.k-prev,
.k-next {
  background-repeat: no-repeat;
  background-size: .642em 1em;
  background-position: center center;
}

.k-prev {
  background-image: url(../images/128.png);
}

.k-next {
  background-image: url(../images/129.png);
}

.k-prev.disabled {
  background-color: #ababab;
}

.k-prev:hover {
  background-image: url(../images/23.png);
}

.k-next:hover {
  background-image: url(../images/24.png);
}

.xmg-a {
  width: 100%;
  padding-top: .6rem;
}

.xmg-b {
  width: 12rem;
  margin: 0 auto;
}

.xmg-c {
  width: 100%;
  color: #333333;
  font-weight: bold;
  border-left: .04rem solid #df2b36;
  padding-left: .3rem;
  margin-bottom: .48rem;
}

.xmg-cont {
  width: 100%;
}

.xmg-cont:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}

.xmg-d {
  float: left;
  width: 9.4rem;
  margin-bottom: .4rem;
}

.xmg-e {
  width: 100%;
}

.xmg-g {
  width: 100%;
}

.xmg-h {
  width: 100%;
  height: 5.2rem;
  display: block;
  background-size: cover;
  background-position: center center;
}

.xmg-i {
  float: right;
  width: 2.3rem;
  margin-bottom: .4rem;
}

.xmg-j {
  width: 100%;
  height: 5.5rem;
}

.xmg-k {
  width: 100%;
}

.xmg-l {
  width: 100%;
}

.xmg-m {
  display: block;
  width: 100%;
  height: 1.5rem;
  border: solid .02rem #f2f2f2;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}

.xmg-l.swiper-slide-active .xmg-m {
  border: solid .02rem #df2b36;
}

@media(max-width: 750px) {
  .xmg-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .xmg-d {
    float: none;
    width: 100%;
  }

  .xmg-i {
    float: none;
    width: 100%;
  }

  .xmg-j {
    height: auto;
  }

  .xmg-l {
    padding: 0 .1rem;
  }

  .xmg-m {
    height: auto;
    padding-top: 50%;
  }
}

.xmh-a {
  width: 100%;
}

.xmh-b {
  width: 12rem;
  margin: 0 auto;
}

.xmh-item {
  width: 100%;
}

.xmh-titles {
  width: 100%;
  padding: .15rem .2rem;
  background-color: #df2b36;
  color: #fff;
  font-size: 0;
}

.xmh-d {
  padding-left: .15rem;
}

.xmh-e {
  width: 100%;
  color: #666666;
  line-height: 2;
  padding: .2rem 0 .3rem;
}

.xmh-e * {
  color: #666666;
  line-height: 2;
}

.xmh-e img {
  display: block;
  margin: 0 auto;
  margin-bottom: .25rem;
}

.xmh-f {
  width: 100%;
  padding-top: .2rem;
  padding-bottom: .5rem;
}

.xmh-g {
  width: 100%;
  font-size: 0;
  padding-bottom: .15rem;
}

.xmh-h {
  display: inline-block;
  vertical-align: top;
  margin-right: .2rem;
  margin-bottom: .2rem;
  min-width: 1.7rem;
  cursor: pointer;
  color: #333333;
  text-align: center;
  padding: .15rem;
  background-color: #f7f7f7;
}

.xmh-h.active {
  background-color: #df2b36;
  color: #fff;
}

.xmh-i {
  width: 100%;
}

.xmh-j {
  display: none;
  width: 100%;
  font-size: 0;
}

.xmh-j.show {
  display: block;
}

.xmh-jitem {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
  margin-bottom: 10px;
  background-color: #f6f6f6;
  padding: .2rem .3rem;
}

.xmh-jitem:nth-child(3n) {
  margin-right: 0;
}

.xmh-k {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
}

.xmh-kimg1 {
  display: block;
  width: 100%;
}

.xmh-kimg1 img {
  width: 100%;
}

.xmh-kimg2 {
  display: none;
  width: 100%;
}

.xmh-kimg2 img {
  width: 100%;
}

.xmh-l {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 26px);
  padding-left: .3rem;
  padding-right: 60px;
  position: relative;
}

.xmh-m {
  color: #333333;
  line-height: 1.3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.xmh-n {
  color: #666666;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.5em;
}

.xmh-jitem:hover .xmh-kimg1 {
  display: none;
}

.xmh-jitem:hover .xmh-kimg2 {
  display: block;
}

.xmh-jitem:hover .xmh-m {
  color: #df2b36;
}

.xmh-jitem:hover .xmh-n {
  color: #df2b36;
}

@media(max-width: 1200px) {
  .xmh-jitem {
    /* width: calc(50% - .15rem); */
    /* margin-right: .3rem; */
  }

  .xmh-jitem:nth-child(3n) {
    margin-right: .3rem;
  }

  .xmh-jitem:nth-child(2n) {
    margin-right: 0;
  }
}

@media(max-width: 750px) {
  .xmh-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .xmh-jitem {
    width: 100%;
    margin-right: 0 !important;
  }

}

.xmi-a {
  width: 100%;
  background-color: #f6f6f6;
  padding-top: .5rem;
  padding-bottom: .8rem;
}

.xmi-b {
  width: 12rem;
  margin: 0 auto;
}

.xmi-c {
  width: 100%;
  padding-left: .2rem;
  border-left: .03rem solid #df2b36;
  margin-bottom: .4rem;
}

.xmi-d {
  width: 100%;
  position: relative;
}

.xmi-e {
  width: 100%;
}

.xmi-f {
  width: 100%;
}

.xmi-h {
  width: 100%;
  display: block;
  cursor: pointer;
  background-color: #fff;
  width: 3.8rem;
  margin-right: .3rem;
}

.xmi-h:nth-last-child(1) {
  margin-right: 0;
}

.xmi-i {
  width: 100%;
}

.xmi-i img {
  width: 100%;
}

.xmi-j {
  width: 100%;
  line-height: .5rem;
  height: .5rem;
  color: #555555;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.xmi-h:hover {
  background-color: #df2b36;
  color: #fff;
}

.xmi-h:hover .xmi-j {
  color: #fff;
}

.xmi-k {
  position: absolute;
  top: -.52rem;
  margin-top: 0;
  width: 100%;
  text-align: right;
}

.xmi-k .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #bfbfbf;
  margin-left: .18rem;
}

.xmi-k .swiper-pagination-bullet-active {
  background-color: #df2b36;
}

@media(max-width: 750px) {
  .xmi-b {
    width: 100%;
    max-width: 500px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .xmi-h {
    width: calc(50% - .15rem);
    margin-right: .3rem;
  }
}

main .main-news-center {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: .8rem;
}

main .main-news-center .news-center-container {
  width: 12rem;
  margin: 0 auto;
  overflow: hidden;
}

main .main-news-center .news-center-container .title-box {
  width: 100%;
  margin-bottom: .5rem;
}

main .main-news-center .news-center-container .title-box .title {
  width: 100%;
  text-align: center;

  font-weight: bold;
  color: #333333;
  margin-bottom: .2rem;
}

main .main-news-center .news-center-container .title-box .title-text {
  width: 100%;
  text-align: center;
  font-family: Arial;
  color: #999999;
}

main .main-news-center .news-center-container .news-center-wrap {
  width: 100%;
  margin-bottom: .15rem;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + .3rem);
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item {
  width: 3.8rem;
  margin-right: .3rem;
  margin-bottom: .3rem;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item .DereK-item-img {
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  display: block;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item .DereK-item-img img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item .DereK-item-content {
  width: 100%;
  background-color: #ffffff;
  border: solid 1px #e1e6f2;
  padding: .3rem;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item .DereK-item-content .content-title {
  width: 100%;

  color: #333333;
  margin-bottom: .18rem;
  cursor: pointer;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item .DereK-item-content .content-text {
  width: 100%;

  line-height: 1.86;
  color: #666666;
  margin-bottom: .34rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item .DereK-item-content .DereK-see-more {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: .15rem;
  border-top: 1px solid #e1e6f2;
  cursor: pointer;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item .DereK-item-content .DereK-see-more .DereK-see-more-text {

  color: #999999;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item .DereK-item-content .DereK-see-more .DereK-see-more-img {
  width: 28px;
  height: 10px;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item .DereK-item-content .DereK-see-more .DereK-see-more-img img {
  width: 100%;
  height: 100%;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item .DereK-item-content .DereK-see-more .DereK-see-more-img .img-2 {
  display: none;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item:hover .DereK-item-img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item:hover .DereK-item-content .content-title {
  color: #df2b36;
  font-weight: bold;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item:hover .DereK-item-content .DereK-see-more .DereK-see-more-text {
  color: #df2b36;
  font-weight: bold;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item:hover .DereK-item-content .DereK-see-more .DereK-see-more-img .img-1 {
  display: none;
}

main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item:hover .DereK-item-content .DereK-see-more .DereK-see-more-img .img-2 {
  display: inline-block;
}

@media (max-width: 1200px) {
  main .main-news-center .news-center-container {
    width: 100%;
    padding: 0 10px;
  }

  main .main-news-center .news-center-container .news-center-wrap .DereK-wrap {
    width: 102%;
  }

  main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item {
    width: 32%;
    margin-right: 1%;
  }
}

@media (max-width: 700px) {
  main .main-news-center .news-center-container .news-center-wrap .DereK-wrap {
    width: 101%;
  }

  main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item {
    width: 49%;
    margin-right: 1%;
  }
}

@media (max-width: 450px) {
  main .main-news-center .news-center-container .news-center-wrap .DereK-wrap {
    width: 100%;
  }

  main .main-news-center .news-center-container .news-center-wrap .DereK-wrap .DereK-item {
    width: 100%;
    margin-right: 0;
  }
}

main .main-honor {
  width: 100%;
  padding-top: .8rem;
  padding-bottom: .8rem;
}

main .main-honor .honor-container {
  width: 12rem;
  margin: 0 auto;
  overflow: hidden;
}

main .main-honor .honor-container .title-box {
  width: 100%;
  margin-bottom: .5rem;
}

main .main-honor .honor-container .title-box .title {
  width: 100%;
  text-align: center;

  font-weight: bold;
  color: #333333;
  margin-bottom: .2rem;
}

main .main-honor .honor-container .title-box .title-text {
  width: 100%;
  text-align: center;
  font-family: Arial;
  color: #999999;
}

main .main-honor .honor-container .honor-wrap {
  width: 100%;
  margin-bottom: .15rem;
}

main .main-honor .honor-container .honor-wrap .DereK-wrap {
  width: calc(100% + .3rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

main .main-honor .honor-container .honor-wrap .DereK-wrap .DereK-item {
  width: 3.8rem;
  margin-right: .3rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  border: solid 1px #e1e6f2;
  background-color: #fff;
  margin-bottom: .3rem;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  cursor: pointer;
}

main .main-honor .honor-container .honor-wrap .DereK-wrap .DereK-item .DereK-item-img {
  width: 2.5rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: .3rem;
}

main .main-honor .honor-container .honor-wrap .DereK-wrap .DereK-item .DereK-item-img img {
  max-width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
  flex: 1;
}

main .main-honor .honor-container .honor-wrap .DereK-wrap .DereK-item .DereK-item-text {
  width: 100%;
  padding: 0 10px;
  text-align: center;

  color: #333333;
}

main .main-honor .honor-container .honor-wrap .DereK-wrap .DereK-item:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

main .main-honor .honor-container .honor-wrap .DereK-wrap .DereK-item:hover .DereK-item-img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

main .main-honor .honor-container .honor-wrap .DereK-wrap .DereK-item:hover .DereK-item-text {
  color: #df2b36;
  font-weight: bold;
}

@media (max-width: 1200px) {
  main .main-honor .honor-container {
    width: 100%;
    padding: 0 10px;
  }

  main .main-honor .honor-container .honor-wrap .DereK-wrap {
    width: 102%;
  }

  main .main-honor .honor-container .honor-wrap .DereK-wrap .DereK-item {
    width: 32%;
    margin-right: 1%;
  }
}

@media (max-width: 700px) {
  main .main-honor .honor-container .honor-wrap .DereK-wrap {
    width: 101%;
  }

  main .main-honor .honor-container .honor-wrap .DereK-wrap .DereK-item {
    width: 49%;
    margin-right: 1%;
  }
}

@media (max-width: 450px) {
  main .main-honor .honor-container .honor-wrap .DereK-wrap {
    width: 100%;
  }

  main .main-honor .honor-container .honor-wrap .DereK-wrap .DereK-item {
    width: 100%;
    margin-right: 0;
  }
}

main .main-company-culture {
  width: 100%;
}

main .main-company-culture .DereK-company-culture {
  width: 100%;
  background-color: #fff;
  padding-top: .8rem;
  padding-bottom: .7rem;
  overflow: hidden;
}

main .main-company-culture .DereK-company-culture .company-culture-container {
  width: 12rem;
  margin: 0 auto;
}

main .main-company-culture .DereK-company-culture .company-culture-container .title-box {
  width: 100%;
  margin-bottom: .5rem;
}

main .main-company-culture .DereK-company-culture .company-culture-container .title-box .title {
  width: 100%;
  text-align: center;

  font-weight: bold;
  color: #333333;
  margin-bottom: .2rem;
}

main .main-company-culture .DereK-company-culture .company-culture-container .title-box .title-text {
  width: 100%;
  text-align: center;
  font-family: Arial;
  color: #999999;
}

main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap {
  width: 100%;
}

main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap {
  font-size: 0;
  width: calc(100% + .25rem);
}

main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap .DereK-item {
  width: 2.81rem;
  -webkit-box-shadow: 0 .05rem .2rem 0 #e4e7f2;
  box-shadow: 0 .05rem .2rem 0 #e4e7f2;
  padding-top: .4rem;
  padding-bottom: .4rem;
  display: inline-block;
  margin-right: .25rem;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  vertical-align: top;
  cursor: pointer;
}

main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap .DereK-item .DereK-item-img {
  width: .8rem;
  height: .8rem;
  margin: 0 auto;
  -webkit-box-shadow: 0.05rem 0.09rem 0.15rem 0 rgba(15, 17, 83, 0.13);
  box-shadow: 0.05rem 0.09rem 0.15rem 0 rgba(15, 17, 83, 0.13);
  border-radius: 50%;
  margin-bottom: .3rem;
}

main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap .DereK-item .DereK-item-img img {
  width: 100%;
  height: 100%;
}

main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap .DereK-item .DereK-content {
  width: 100%;
  padding: 0 10px;
}

main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap .DereK-item .DereK-content .DereK-content-title {
  width: 100%;
  text-align: center;

  color: #333333;
  font-weight: bold;
  margin-bottom: .2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap .DereK-item .DereK-content .DereK-content-text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  font-size: calc(12px - .12rem + .14rem);
  line-height: 1.7;
  color: #666666;
  text-align: center;
}

main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap .DereK-item:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap .DereK-item:nth-child(2n) {
  margin-top: .5rem;
}

main .main-company-culture .DereK-spirit {
  width: 100%;
  background-color: #f3f5fa;
  padding-top: .8rem;
  padding-bottom: 1.8rem;
}

main .main-company-culture .DereK-spirit .spirit-container {
  width: 12rem;
  margin: 0 auto;
}

main .main-company-culture .DereK-spirit .spirit-container .title-box {
  width: 100%;
  margin-bottom: .5rem;
}

main .main-company-culture .DereK-spirit .spirit-container .title-box .title {
  width: 100%;

  color: #333333;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .main-company-culture .DereK-spirit .spirit-container .title-box .title:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 1em;
  background-color: #df2b36;
  margin-right: .15rem;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-center {
  width: 2.3rem;
  height: 2.3rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 .13rem .3rem 0 #e4e7f2;
  box-shadow: 0 .13rem .3rem 0 #e4e7f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-center .center {
  width: 1.8rem;
  height: 1.8rem;
  background-color: #f3f5fa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 50%;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-center .center .center-img {
  width: .65rem;
  height: .54rem;
  margin-bottom: .2rem;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-center .center .center-img img {
  width: 100%;
  height: 100%;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-center .center .center-text {

  font-weight: bold;
  color: #333333;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item {
  width: 4.45rem;
  padding: .3rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #ffffff;
  padding-left: .4rem;
  padding-right: .4rem;
  margin-bottom: .24rem;
  position: relative;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item .item-img {
  width: .8rem;
  height: .8rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0.05rem 0.09rem 0.15rem 0 rgba(15, 17, 83, 0.13);
  box-shadow: 0.05rem 0.09rem 0.15rem 0 rgba(15, 17, 83, 0.13);
  border-radius: 50%;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item .item-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item .item-content {
  margin-left: .3rem;
  width: calc(100% - 1.1rem);
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item .item-content .content-title {
  width: 100%;

  color: #333333;
  font-weight: bold;
  margin-bottom: .2rem;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item .item-content .content-text {
  width: 100%;

  color: #666666;
  line-height: 1.3;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item:nth-child(1):after {
  content: '';
  display: block;
  width: .18rem;
  height: .3rem;
  position: absolute;
  bottom: 0;
  right: -.18rem;
  background-image: url(../images/66.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item:nth-child(2):after {
  content: '';
  display: block;
  width: .18rem;
  height: .3rem;
  position: absolute;
  bottom: 0;
  left: -.18rem;
  background-image: url(../images/67.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item:nth-child(3):after {
  content: '';
  display: block;
  width: .18rem;
  height: .3rem;
  position: absolute;
  top: 0;
  right: -.18rem;
  background-image: url(../images/68.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item:nth-child(4):after {
  content: '';
  display: block;
  width: .18rem;
  height: .3rem;
  position: absolute;
  top: 0;
  left: -.18rem;
  background-image: url(../images/69.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

main .main-company-culture .DereK-slogan {
  width: 100%;
  background-color: #ffffff;
  padding-top: .8rem;
  padding-bottom: .8rem;
}

main .main-company-culture .DereK-slogan .slogan-container {
  width: 12rem;
  margin: 0 auto;
  position: relative;
}

main .main-company-culture .DereK-slogan .slogan-container .slogan-bg {
  width: 100%;
}

main .main-company-culture .DereK-slogan .slogan-container .slogan-content {
  width: 275px;
  height: 146px;
  background-color: #df2b36;
  position: absolute;
  top: 50%;
  right: .8rem;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 30px;
  padding-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

main .main-company-culture .DereK-slogan .slogan-container .slogan-content .content {
  width: calc(100% - 72px);
}

main .main-company-culture .DereK-slogan .slogan-container .slogan-content .content .content-title {
  width: 100%;

  color: #ffffff;
  margin-bottom: 20px;
  font-size: 20px;
}

main .main-company-culture .DereK-slogan .slogan-container .slogan-content .content .content-text {
  width: 100%;

  color: rgba(255, 255, 255, 0.5);
  line-height: 1.3;
  font-size: 15px;
}

main .main-company-culture .DereK-slogan .slogan-container .slogan-content .content-img {
  width: 42px;
  height: 36px;
}

main .main-company-culture .DereK-slogan .slogan-container .slogan-content .content-img img {
  width: 100%;
  height: 100%;
}

@media (max-width: 900px) {
  main .main-company-culture .DereK-company-culture .company-culture-container {
    width: 100%;
    padding: 0 10px;
  }

  main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap {
    width: 102%;
    text-align: center;
  }

  main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap .DereK-item {
    width: 49%;
    margin-right: 1%;
    margin-bottom: 1%;
  }

  main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap .DereK-item:nth-child(2n) {
    margin-top: 0;
  }

  main .main-company-culture .DereK-spirit .spirit-container {
    width: 100%;
    padding: 0 10px;
  }

  main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
  }

  main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-center {
    margin-bottom: 25px;
  }

  main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around {
    position: static;
  }

  main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item {
    width: 49%;
  }

  main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item:nth-child(1):after {
    display: none;
  }

  main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item:nth-child(2):after {
    display: none;
  }

  main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item:nth-child(3):after {
    display: none;
  }

  main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item:nth-child(4):after {
    display: none;
  }

  main .main-company-culture .DereK-slogan .slogan-container {
    width: 100%;
    padding: 0 10px;
  }

  main .main-company-culture .DereK-slogan .slogan-container .slogan-content {
    width: 240px;
    height: 120px;
    padding: 0 20px;
    right: 20px;
  }

  main .main-company-culture .DereK-slogan .slogan-container .slogan-content .content-img {
    width: 42px;
    height: 36px;
  }
}

@media (max-width: 600px) {
  main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap {
    width: 100%;
    text-align: center;
  }

  main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap .DereK-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1%;
  }

  main .main-company-culture .DereK-company-culture .company-culture-container .company-culture-wrap .DereK-wrap .DereK-item:nth-child(2n) {
    margin-top: 0;
  }
}

@media (max-width: 450px) {
  main .main-company-culture .DereK-spirit .spirit-container .spirit-wrap .spirit-around .item {
    width: 100%;
  }
}

main .main-party-building {
  width: 100%;
}

main .main-party-building .party-building-container {
  width: 100%;
  background-color: #fff;
  padding-top: .8rem;
  padding-bottom: .8rem;
}

main .main-party-building .party-building-container .party-building-wrap {
  width: 12rem;
  margin: 0 auto;
}

main .main-party-building .party-building-container .party-building-wrap .title-box {
  width: 100%;
  margin-bottom: .5rem;
}

main .main-party-building .party-building-container .party-building-wrap .title-box .title {
  width: 100%;
  text-align: center;

  font-weight: bold;
  color: #333333;
  margin-bottom: .2rem;
}

main .main-party-building .party-building-container .party-building-wrap .title-box .title-text {
  width: 100%;
  text-align: center;
  font-family: Arial;
  color: #999999;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap {
  width: 100%;
  position: relative;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper {
  width: 100%;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-img {
  width: 5.75rem;
  display: block;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-img img {
  width: 100%;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content {
  width: 5.75rem;
  padding-top: .1rem;
  display: block;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content:hover .content-title {
  color: #df2b36;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .content-title {
  width: 100%;

  line-height: 1.63;
  color: #333333;
  margin-bottom: .23rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .date-num {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: .2rem;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .date-num .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .date-num .date .date-img {
  width: 16px;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .date-num .date .date-img img {
  width: 100%;
  height: 100%;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .date-num .date .date-text {

  color: #999999;
  margin-left: .14rem;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .date-num .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: .3rem;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .date-num .num .num-img {
  width: 19px;
  height: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .date-num .num .num-img img {
  width: 100%;
  height: 100%;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .date-num .num .num-text {

  color: #999999;
  margin-left: .14rem;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .content {
  width: 100%;

  line-height: 1.7;
  color: #666666;
  margin-bottom: .45rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .more {

  color: #df2b36;
  display: block;
  cursor: pointer;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .swiper-pagination {
  width: auto;
  bottom: 0;
  left: auto;
  right: 0;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #ababab;
  opacity: 1;
  margin-left: .1rem;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #df2b36;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .swiper-button-prev {
  width: .35rem;
  height: .35rem;
  background-color: #ababab;
  background-image: url(../images/13.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: .08rem .14rem;
  margin-top: 0;
  top: auto;
  bottom: 0;
  left: auto;
  right: 5.4rem;
  z-index: 2;
}

main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .swiper-button-next {
  width: .35rem;
  height: .35rem;
  background-color: #ababab;
  background-image: url(../images/14.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: .08rem .14rem;
  margin-top: 0;
  top: auto;
  bottom: 0;
  right: 4.9rem;
  z-index: 2;
}

main .main-party-building .party-building-list-container {
  width: 100%;
  background-color: #f3f5fa;
  padding-top: .35rem;
}

main .main-party-building .party-building-list-container .party-building-list-wrap {
  width: 12.4rem;
  margin: 0 auto;
  padding-bottom: .35rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

main .main-party-building .party-building-list-container .party-building-list-wrap .item {
  width: 6.15rem;
  padding-left: .2rem;
  padding-right: .2rem;
  padding-top: .15rem;
  padding-bottom: .15rem;
  border: 1px solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
}

main .main-party-building .party-building-list-container .party-building-list-wrap .item .item-time {
  width: .8rem;
  height: .8rem;
  background-color: #ababab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

main .main-party-building .party-building-list-container .party-building-list-wrap .item .item-time .date {
  font-family: ReductoCondensedSSiCondensed;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: .15rem;
}

main .main-party-building .party-building-list-container .party-building-list-wrap .item .item-time .year {

  color: #ffffff;
}

main .main-party-building .party-building-list-container .party-building-list-wrap .item .item-content {
  width: calc(100% - 1rem);
}

main .main-party-building .party-building-list-container .party-building-list-wrap .item .item-content .content-title {
  width: 100%;

  color: #333333;
  margin-bottom: .14rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

main .main-party-building .party-building-list-container .party-building-list-wrap .item .item-content .content-text {
  width: 100%;

  line-height: 1.7;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

main .main-party-building .party-building-list-container .party-building-list-wrap .item:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0.05rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.05rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e1e6f2;
}

main .main-party-building .party-building-list-container .party-building-list-wrap .item:hover .item-time {
  background-color: #df2b36;
}

main .main-party-building .party-building-list-container .party-building-list-wrap .item:hover .item-content .content-title {
  color: #df2b36;
}

@media (max-width: 1280px) {
  main .main-party-building .party-building-list-container .party-building-list-wrap {
    width: 100%;
    max-width: 1000px;
  }

  main .main-party-building .party-building-list-container .party-building-list-wrap .item {
    width: 48%;
  }

  main .main-party-building .party-building-list-container .party-building-list-wrap .item .item-time {
    width: 60px;
    height: 60px;
  }

  main .main-party-building .party-building-list-container .party-building-list-wrap .item .item-content {
    width: calc(100% - 70px);
  }
}

@media (max-width: 1200px) {
  main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .content-title {
    font-size: calc(12px - .12rem + .14rem);
  }

  main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .content {
    font-size: calc(12px - .12rem + .12rem);
    margin-bottom: .25rem;
  }
}

@media (max-width: 900px) {
  main .main-party-building .party-building-container .party-building-wrap {
    width: 100%;
    padding: 0 10px;
    max-width: 500px;
  }

  main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px;
  }

  main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-img {
    width: 100%;
    margin-bottom: 20px;
  }

  main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content {
    width: 100%;
  }

  main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .content-title {
    font-size: calc(12px - .12rem + .22rem);
  }

  main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .item .item-content .content {
    font-size: calc(12px - .12rem + .16rem);
    margin-bottom: .25rem;
  }

  main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .swiper-button-prev {
    display: none;
  }

  main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .swiper-button-next {
    display: none;
  }

  main .main-party-building .party-building-container .party-building-wrap .DereK-wrap .pb-swiper .swiper-pagination {
    position: static;
    width: 100%;
  }
}

@media (max-width: 600px) {
  main .main-party-building .party-building-list-container .party-building-list-wrap .item {
    width: 100%;
  }
}

@media(max-width: 900px) {
  main .main-company-culture .DereK-spirit {
    padding-bottom: .56rem;
  }
}