.swiper-container {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiper-slide {
  overflow: hidden;
  transform-origin: 0 0;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  z-index: 99;
  right: 1%;
}

/* banner */
.banner {
  position: relative;
  perspective: 1000px;
}

.banner img {
  width: 100%;
}

.banner-layer {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 5vw;
  width: 100%;
}

.banner-layer .ch {
  position: relative;
  z-index: 5;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  text-align: center;
}

.banner-layer .en {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  font-weight: bold;

  color: #fff;
  text-align: center;
}

@media (min-width: 1200px) {
  .banner-layer .ch {
    font-size: 54px;
    line-height: 1.2;
    letter-spacing: 5px;
  }

  .banner-layer .en {
    margin-top: -85px;
    font-size: 120px;
    line-height: 1;
    color: rgba(255, 255, 255, 0);
    text-align: center;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.25);
  }
}

/*  */
article {
  background: #f5f5f5;
}

.my-container {
  position: relative;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .my-container {
    width: 84vw;
  }
}

.com-top {
  padding: 15px;
  background: #eeeeee;
}

.com-auto {
  padding-left: 5px;
}

.welcom {
  position: relative;
  width: 50%;
  height: 30px;
  overflow: hidden;
  font-size: 14px;
  line-height: 30px;
  color: #ea5532;
}

.welcom span {
  position: absolute;
  left: 0;
  top: 0;
  animation: rightToLeft 8s linear infinite;
}

@keyframes rightToLeft {
  0% {
    transform: translate3d(150%, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

.com-bread {
  display: none;
}

@media (min-width: 1200px) {
  .com-top {
    padding: 0;
  }

  .com-top .my-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .com-auto {
    padding-left: 15px;
  }

  .welcom {
    position: relative;
    width: 30vw;
    height: 64px;
    font-size: 14px;
    line-height: 64px;
  }

  .com-bread {
    display: block;
    flex-shrink: 0;
    width: 300px;
    margin-left: 15px;
    font-size: 14px;
    line-height: 24px;
    color: #353535;
    text-align: right;
  }

  .com-bread a {
    padding: 0 6px;
    color: #353535;
  }
}

/* com-main */
.com-main {
  position: relative;
  padding: 15px;
}

.title {
  padding: 0 0 0 10px;
  font-weight: bold;
  font-size: 18px;
  line-height: 36px;
  color: #fff;
  background: url(../images/line_w.png) no-repeat 0 center/4px 16px;
}

.com-box {
  flex-grow: 1;
}

.com-box-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 5px;
  padding: 0 5px;
  background: #ea5532;
}

.com-box-time {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-align: right;
}

.com-box-text {
  margin: 0 0 15px;
  padding: 15px;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  background: #fff;
}

.message-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 15px;
  padding: 0 5px;
  background: #ea5532;
}

/* 列表 */
.message-list {
  background: #fff;
}

.message-list ul li {
  padding: 0 15px;
  border-bottom: 2px solid #ea5532;
}

.item-ask {
  padding: 15px 0 15px 45px;
  color: #333333;
  background: url(../images/ask.png) no-repeat 0 20px;
}

.item-answer {
  padding: 15px 0 15px 45px;
  color: #fe0000;
  border-top: 1px solid #c9c9c9;
  background: url(../images/answer.png) no-repeat 0 20px;
}

.item-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
}

.item-name,
.item-from,
.item-date {
  padding-right: 15px;
}

.item-fooler {
  padding-left: 35px;
  background: url(../images/floor.png) no-repeat 0 center;
}

.item-content {
  padding: 5px 0 0;
  font-size: 14px;
  line-height: 24px;
}

@media (min-width: 1200px) {
  .com-main {
    position: relative;
    padding: 50px 320px 5vw 0;
  }

  .com-box {
    flex-grow: 1;
  }

  .com-box-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 15px;
    padding: 0 15px;
    background: #ea5532;
  }

  .title {
    font-size: 16px;
    line-height: 42px;
  }

  .com-box-time {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
  }

  .com-box-text {
    margin: 0 0 15px;
    padding: 15px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    background: #fff;
  }

  .message-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 15px;
    padding: 0 15px;
    background: #ea5532;
  }

  /* 列表 */
  .message-list {
    background: #fff;
  }

  .message-list ul li {
    padding: 0 15px;
    border-bottom: 4px solid #ea5532;
  }

  .item-ask {
    padding: 15px 0 15px 45px;
    color: #333333;
    background: url(../images/ask.png) no-repeat 0 20px;
  }

  .item-answer {
    padding: 15px 0 15px 45px;
    color: #fe0000;
    border-top: 2px solid #c9c9c9;
    background: url(../images/answer.png) no-repeat 0 20px;
  }

  .item-info {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 30px;
  }

  .item-name,
  .item-from,
  .item-date {
    padding-right: 15px;
  }

  .item-fooler {
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 35px;
    background: url(../images/floor.png) no-repeat 0 center;
  }

  .item-content {
    padding: 5px 0 0;
    font-size: 14px;
    line-height: 24px;
  }
}

/* 侧边 */
.com-slide {
  padding: 0;
}

.com-slide1,
.com-slide2,
.com-slide3 {
  margin: 0 0 15px;
}

.com-slide-title {
  padding: 0 5px;
  background: #ea5532;
}

.com-slide-cotnent {
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background: #fff;
}

.com-slide3 {
  padding: 0 5px;
  background: url(../images/email_bg.png) no-repeat center center/cover;
}

.com-slide3-title {
  color: #fff;
}

.com-slide3-cotnent {
  /* 有修改间距 */
  padding: 0 5px 15px;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}

@media (min-width: 1200px) {
  .com-slide {
    position: absolute;
    right: 0;
    top: 50px;
    width: 300px;
  }

  .com-slide.fixed {
    position: fixed;
    top: 0;
    right: calc(8vw - 4px);
  }

  .com-slide1,
  .com-slide2,
  .com-slide3 {
    margin: 0 0 15px;
  }

  .com-slide-title {
    padding: 0 15px;
    background: #ea5532;
  }

  .com-slide-cotnent {
    padding: 15px;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    background: #fff;
  }

  .com-slide3 {
    padding: 0 15px;
    background: url(../images/email_bg.png) no-repeat center center/cover;
  }

  .com-slide3-cotnent {
    /* 有修改间距 */
    padding: 0 0 15px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
  }
}

/* 弹出层 */

.pop {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.pop-box {
  width: 90vw;
  margin: 20vh auto;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.pop-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  background: #ea5532;
}

.pop-close {
  cursor: pointer;
}

.pop-form {
  padding: 15px;
}

.pop-form label {
  flex-shrink: 0;
  width: 60px;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}

.pop-form span {
  flex-shrink: 0;
  margin-left: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #ea5532;
}

.pop-form-line {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
}

.pop-form-line input {
  flex-grow: 1;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #a0a0a0;
}

.select {
  position: relative;
  flex-grow: 1;
}

.select-box {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  border: 1px solid #a0a0a0;
  cursor: pointer;
}

.select-list {
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 31px;
  width: 100%;
  border: 1px solid #a0a0a0;
  background: #fff;
}

.select-item {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  cursor: pointer;
}

.select-item:hover {
  background: #c9c9c9;
}

.pop-form-content {
  display: flex;
  margin: 0 0 10px;
}

.pop-form-content textarea {
  flex-grow: 1;
  height: 100px;
  padding: 5px 10px;
}

.captcha-img {
  margin-left: 10px;
}

.captcha-img img {
  height: 32px;
}

.pop-btn {
  display: flex;
  justify-content: center;
  padding: 10px 0 0;
}

.reset-btn,
.submit-btn {
  width: 100px;
  margin: 0 10px;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  background: #ea5532;
  border-radius: 5px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .pop-box {
    width: 50vw;
    margin: 20vh auto;
  }

  .pop-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5vw;
    background: #ea5532;
  }

  .pop-close {
    cursor: pointer;
  }

  .pop-form {
    padding: 2vw;
  }

  .pop-form span {
    margin-left: 1vw;
  }

  .pop-form-flex {
    display: flex;
    justify-content: space-between;
  }

  .pop-form-line {
    margin: 0 0 15px;
  }

  .pop-form-line input {
    flex-grow: 0;
    width: 13.5vw;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 30px;
  }

  .select {
    flex-grow: 0;
    width: 13.5vw;
  }

  .select-box {
    line-height: 30px;
  }

  .select-list {
    top: 41px;
  }

  .select-item {
    font-size: 14px;
    line-height: 24px;
  }

  .pop-form-content {
    margin: 0 0 15px;
  }

  .pop-form-content textarea {
    flex-grow: 1;
    height: 10vw;
    padding: 5px 10px;
  }

  .captcha-img {
    margin-left: 1vw;
  }

  .captcha-img img {
    height: 42px;
  }

  .pop-btn {
    padding: 15px 0 0;
  }

  .reset-btn,
  .submit-btn {
    line-height: 36px;
  }
}

/* license */
.yyzz {
  cursor: pointer;
}

.license {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
}

.license-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.license-img img {
  max-width: 60%;
}