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

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




.













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: 0.5;
  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: #41aa8d;
}

.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: #41aa8d;
  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: #41aa8d;
}

@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: #41aa8d;
  color: #fff;
}

.r-h {
  width: 100%;
}

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

.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: #41aa8d;
  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: #41aa8d;
  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: #41aa8d;
}

.r-item.show .r-l:after {
  content: '-';
  color: #41aa8d;
  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: #41aa8d;
  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: #41aa8d;
}

.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: #41aa8d;
}

.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: #41aa8d;
}

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

.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: #41aa8d;
  border: solid 1px #41aa8d;
  background-image: url(../images/94.png);
}

.t-q:hover {
  background-color: #41aa8d;
  border: solid 1px #41aa8d;
  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: #41aa8d;
  border: solid 1px #41aa8d;
  background-image: url(../images/94.png);
}

.w-q:hover {
  background-color: #41aa8d;
  border: solid 1px #41aa8d;
  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: #41aa8d;
  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: #41aa8d;
  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: #41aa8d;
  position: absolute;
  left: 0;
  bottom: 0;
}

.c-title:hover {
  color: #41aa8d;
}

.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: #41aa8d;
}

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

@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: #41aa8d;
}

.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: #41aa8d;
}

.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: #41aa8d;
}

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

@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: #41aa8d;
}

.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: #41aa8d;
  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: #41aa8d;
  color: white !important;
}

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

.j-b2-c: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: #41aa8d;
}

.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: #41aa8d;
}

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

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

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

@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: #41aa8d;
}

.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: #41aa8d;
  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 {
  width: 100%;
  padding-top: .6rem;
  padding-bottom: .7rem;
  background-color: #fafafa;
}

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

.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: #41aa8d;
}

.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: #41aa8d;
}

.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: #41aa8d;
  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-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: #41aa8d;
  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: #41aa8d;
  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: #41aa8d;
    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: #41aa8d;
}

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

@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;
  }
}


.b-z{ margin-bottom:30px}
.ma-a {
  width: 100%; margin-top:-50px;


}

.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: #41aa8d;
  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 #41aa8d;
}

@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 {

  margin: 0 auto;
  position: relative;
}

.mb-b {
  width: 95%;
  height: 8.2rem;
  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: #41aa8d;
}

.mb-next:hover {
  background-image: url(../images/14.png);
  background-color: #41aa8d;
}

.mb-year {
  font-size: 3.125vw;
  color: #41aa8d;
  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: 6%;
  font-size: 12.5px;
  line-height: 24px;
  overflow: auto;
}
.mb-text p{ line-height:24px;  color:#555}
.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-box {

    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: #41aa8d;
}

.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: #41aa8d;
  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 #41aa8d;
}

@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: #41aa8d;
}

.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: #41aa8d;
}

.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 #41aa8d;
  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 #41aa8d;
}

@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: #41aa8d;
  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: #41aa8d;
  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: #41aa8d;
}

.xmh-jitem:hover .xmh-n {
  color: #41aa8d;
}

@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 #41aa8d;
  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: #41aa8d;
  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: #41aa8d;
}

@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: #41aa8d;
  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: #41aa8d;
  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: #41aa8d;
  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: #41aa8d;
  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: #41aa8d;
  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: #41aa8d;
}

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: #41aa8d;
  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: #41aa8d;
}

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: #41aa8d;
}

main .main-party-building .party-building-list-container .party-building-list-wrap .item:hover .item-content .content-title {
  color: #41aa8d;
}

@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;
  }
}