@charset "UTF-8";
* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

body {
  font-size: 0.2rem;
  -webkit-perspective: 800px;
     -moz-perspective: 800px;
          perspective: 800px;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.t-1 {
  font-family: "AlibabaPuHuiTi-Heavy";
}

.t-2, [class*=content] > .banner .item, [class^=title],
[class$=title] {
  font-family: "Alibaba-PuHui-Bold";
}

.t-3 {
  font-family: "Alibaba-PuHui-Light";
}

.t-4, body {
  font-family: "Alibaba-PuHui-Regular";
}

.t-n {
  font-family: "AlibabaPuHuiTi";
}

.t-EN {
  font-family: Arial, Helvetica, sans-serif;
}

iframe {
  z-index: 100;
  display: block;
}

textarea,
input {
  color: inherit;
  font-size: inherit;
  min-width: 1rem;
  min-height: 0.2rem;
  outline: none;
  display: block;
  font-family: "Microsoft YaHei-Regular", "微软雅黑";
}

body,
p,
ul,
li,
h1,
h2,
h3,
h4 {
  padding: 0;
  margin: 0;
}

button {
  color: inherit;
  background: inherit;
  border: 0.01rem solid #9F9F9F;
  border-radius: 0.1rem;
  display: inline-block;
}

.btn, #lianxi .form-box .submit, .btn-h,
.btn-d,
.button {
  cursor: pointer;
}

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

img {
  -webkit-user-drag: none;
}

i,
em {
  font-style: normal;
}

ul,
li {
  list-style: none;
}

.c555 {
  color: #555;
}

.c-w {
  color: #EFEFEF;
}

.c-b {
  color: #565656;
}

.c-t {
  color: #093D77;
}

.c2f {
  color: #2f2f2f;
}

.ce6, [class*=content] > .header .r {
  color: #E6E6E6;
}

.cf5 {
  color: #F5F5F5;
}

.cfb {
  color: #fbfbfb;
}

.cn {
  color: #fff;
  text-shadow: -0.01rem 0 #000, 0 -0.01rem #000, 0.01rem 0 #000, 0 0.01rem #000;
}

.fb, [class*=content] > .banner .item, .page-title {
  font-weight: bold;
}

.f12 {
  font-size: 0.12rem;
}

.f14 {
  font-size: 0.14rem;
}

.f18 {
  font-size: 0.18rem;
}

.f16 {
  font-size: 0.16rem;
}

.f20 {
  font-size: 0.2rem;
}

.f32 {
  font-size: 0.32rem;
}

.tl {
  text-align: left;
}

.tc, [class*=content] .btm, [class*=content] .footer .index .btn, [class*=content] .footer .index #lianxi .form-box .submit, #lianxi .form-box [class*=content] .footer .index .submit, [class*=content] .footer .index .btn-h,
[class*=content] .footer .index .btn-d, [class*=content] > .header .info-list .item {
  text-align: center;
}

.tr {
  text-align: right;
}

.w_100 {
  width: 100vw;
}

.w-100 {
  width: 100%;
}

.w50 {
  width: 0.5rem;
}

.w350 {
  width: 3.5rem;
}

.h50 {
  height: 0.5rem;
}

.flex, #lianxi .form-box .list > .item, #lianxi .form-box .list, [class*=content] .footer .index, .cont-c, .flexc, .message-box, #lianxi > .banner .item, .aline-c {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.f1 {
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.aline-c, .flexc, .message-box, #lianxi > .banner .item {
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cont-c, .flexc, .message-box, #lianxi > .banner .item {
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p30, .row-content {
  padding: 0.3rem;
}

.bg {
  background-color: #e2e3e4;
}

.bg-f {
  background-color: #fff;
}

.bg-b {
  background-color: #000;
}

.ohide {
  overflow: hidden;
}

.br, .row-content {
  border-radius: 0.06rem;
}

.bs5, .row-content {
  box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.5);
}

.mr30 {
  margin-right: 0.3rem;
}

.mr40 {
  margin-right: 0.4rem;
}

.mb10 {
  margin-bottom: 0.1rem;
}

.mb14 {
  margin-bottom: 0.14rem;
}

.mb30, .row-content, .page-title {
  margin-bottom: 0.3rem;
}

.mb70 {
  margin-bottom: 0.7rem;
}

.mc {
  margin-left: auto;
  margin-right: auto;
}

.rel, #lianxi > .banner .title, #lianxi [class$=title], [class*=content] > .header .info-list .item, [class*=content] > .header, iframe {
  position: relative;
}

.anima, [class*=content] .footer .index .item {
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  transition: 500ms;
}

.abs, #lianxi .form-box .bg-img, #lianxi > .banner .item, #lianxi [class$=title] > .lt, [class*=content] > .header .info-list::before, [class*=content] > .header .info-list .item .msg, [class*=content] > .header .info-list, [class*=content] > .header .logo, .posc {
  position: absolute;
  z-index: 10;
}

.posc {
  -webkit-transform: translate3d(-50%, -50%, 0);
     -moz-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  left: 50%;
  top: 50%;
}

.fl, .float > * {
  float: left;
}

.fr, [class*=content] .footer .top .r {
  float: right;
}

.float::after {
  content: "";
  clear: both;
  display: block;
}

img.img {
  width: 100%;
  height: 100%;
  display: block;
}

.page-title {
  font-size: 0.2rem;
}

.left-move-in {
  -webkit-animation: left-move-in 500ms linear forwards;
     -moz-animation: left-move-in 500ms linear forwards;
       -o-animation: left-move-in 500ms linear forwards;
          animation: left-move-in 500ms linear forwards;
}

.left-move-out {
  -webkit-animation: left-move-out 500ms linear forwards;
     -moz-animation: left-move-out 500ms linear forwards;
       -o-animation: left-move-out 500ms linear forwards;
          animation: left-move-out 500ms linear forwards;
}

.right-move-in {
  -webkit-animation: right-move-in 500ms linear forwards;
     -moz-animation: right-move-in 500ms linear forwards;
       -o-animation: right-move-in 500ms linear forwards;
          animation: right-move-in 500ms linear forwards;
}

.right-move-out {
  -webkit-animation: right-move-out 500ms linear forwards;
     -moz-animation: right-move-out 500ms linear forwards;
       -o-animation: right-move-out 500ms linear forwards;
          animation: right-move-out 500ms linear forwards;
}

.top-move-in {
  -webkit-animation: top-move-in 500ms linear forwards;
     -moz-animation: top-move-in 500ms linear forwards;
       -o-animation: top-move-in 500ms linear forwards;
          animation: top-move-in 500ms linear forwards;
}

.top-move-out {
  -webkit-animation: top-move-out 500ms linear forwards;
     -moz-animation: top-move-out 500ms linear forwards;
       -o-animation: top-move-out 500ms linear forwards;
          animation: top-move-out 500ms linear forwards;
}

.bottom-move-in {
  -webkit-animation: bottom-move-in 500ms linear forwards;
     -moz-animation: bottom-move-in 500ms linear forwards;
       -o-animation: bottom-move-in 500ms linear forwards;
          animation: bottom-move-in 500ms linear forwards;
}

.bottom-move-out {
  -webkit-animation: bottom-move-out 500ms linear forwards;
     -moz-animation: bottom-move-out 500ms linear forwards;
       -o-animation: bottom-move-out 500ms linear forwards;
          animation: bottom-move-out 500ms linear forwards;
}

.fade-in {
  -webkit-animation: fade-in 500ms linear forwards;
     -moz-animation: fade-in 500ms linear forwards;
       -o-animation: fade-in 500ms linear forwards;
          animation: fade-in 500ms linear forwards;
}

.fade-out {
  -webkit-animation: fade-out 500ms linear forwards;
     -moz-animation: fade-out 500ms linear forwards;
       -o-animation: fade-out 500ms linear forwards;
          animation: fade-out 500ms linear forwards;
}

.scale-in {
  -webkit-animation: scale-in 500ms linear forwards;
     -moz-animation: scale-in 500ms linear forwards;
       -o-animation: scale-in 500ms linear forwards;
          animation: scale-in 500ms linear forwards;
}

.scale-out {
  -webkit-animation: scale-out 500ms linear forwards;
     -moz-animation: scale-out 500ms linear forwards;
       -o-animation: scale-out 500ms linear forwards;
          animation: scale-out 500ms linear forwards;
}

.scale-magnify {
  -webkit-animation: scale-magnify 500ms linear forwards;
     -moz-animation: scale-magnify 500ms linear forwards;
       -o-animation: scale-magnify 500ms linear forwards;
          animation: scale-magnify 500ms linear forwards;
}

.scale {
  cursor: pointer;
  -webkit-transition: 500ms linear;
  -o-transition: 500ms linear;
  -moz-transition: 500ms linear;
  transition: 500ms linear;
}
.scale:hover {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}

.circle-in {
  -webkit-animation: circle-in 500ms linear forwards;
     -moz-animation: circle-in 500ms linear forwards;
       -o-animation: circle-in 500ms linear forwards;
          animation: circle-in 500ms linear forwards;
}

.circle-out {
  -webkit-animation: circle-in 500ms linear forwards;
     -moz-animation: circle-in 500ms linear forwards;
       -o-animation: circle-in 500ms linear forwards;
          animation: circle-in 500ms linear forwards;
}

.font-strong {
  cursor: pointer;
  -webkit-transition: 500ms linear;
  -o-transition: 500ms linear;
  -moz-transition: 500ms linear;
  transition: 500ms linear;
}
.font-strong:hover {
  font-size: 1.5em;
}

.link:hover {
  color: #c4c260;
}

/* element 替换样式 */
.el-carousel__indicators .el-carousel__indicator .el-carousel__button {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.el-month-table,
.el-year-table,
.el-date-picker__header-label {
  font-size: inherit;
}

.el-button {
  padding: 0 !important;
  font-size: inherit;
}
.el-button.is-round {
  border-radius: 0.5rem;
}
.el-button.el-button--primary {
  color: #fff;
  background-color: #093D77;
  border-color: #093D77;
}
.el-button:hover {
  background-color: #368;
  border-color: #368;
}

.text-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.38rem;
}
.text-title + * + .msg, .text-title + .msg {
  font-size: 0.14rem;
  line-height: 0.23rem;
  letter-spacing: 0.005rem;
}

.open3d {
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 800px;
     -moz-perspective: 800px;
          perspective: 800px;
}

.btn-h,
.btn-d {
  color: #093D77;
  border: 0.01rem solid #093D77;
  padding: 0.1rem 0.2rem;
  border-radius: 0.5rem;
}
.btn-h:hover,
.btn-h .btn-d,
.btn-d:hover,
.btn-d .btn-d {
  color: #EFEFEF !important;
  background-color: #093D77;
}

.m-content {
  min-width: 19.2rem;
  min-height: 9rem;
  position: absolute;
}

[class*=content] > .header {
  border-bottom: 0.01rem solid rgba(212, 212, 212, 0.26);
  height: 1.2rem;
}
[class*=content] > .header .logo {
  width: 1.27rem;
  left: 0.96rem;
  top: 0.36rem;
}
[class*=content] > .header > .navigation {
  color: #E6E6E6;
  font-size: 0.2rem;
  height: 100%;
}
[class*=content] > .header > .navigation > .item {
  height: 100%;
  margin-right: 0.96rem;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  line-height: 1.2rem;
}
[class*=content] > .header > .navigation > .item:last-of-type {
  margin-right: 0;
}
[class*=content] > .header > .navigation > .item.is-active {
  font-size: 0.24rem;
  border-bottom: 0.03rem solid #D4D4D4;
}
[class*=content] > .header .r {
  font-size: 0.18rem;
  right: 0.72rem;
}
[class*=content] > .header .r > .item {
  cursor: pointer;
  margin-left: 0.42rem;
}
[class*=content] > .header .info-list {
  display: none;
  width: 0.92rem;
  padding-top: 0.25rem;
  background-color: rgba(148, 148, 148, 0.51);
  top: 0.9rem;
  right: 0.4rem;
  border-radius: 0.05rem;
}
[class*=content] > .header .info-list .item {
  font-size: 0.25rem;
  cursor: pointer;
  color: #D7D7D7;
  line-height: 0.58rem;
  width: 100%;
  height: 0.6rem;
  padding: 0 0.2rem;
}
[class*=content] > .header .info-list .item .msg {
  letter-spacing: 0.015rem;
  white-space: nowrap;
  font-size: 0.18rem;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  height: 100%;
  padding: 0 0.2rem;
  background-color: rgba(148, 148, 148, 0.51);
  border-radius: 0.2rem 0 0 0.2rem;
  right: 100%;
  top: 0;
}
[class*=content] > .header .info-list .item::after {
  width: 100%;
  height: 0.01rem;
  content: "";
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
[class*=content] > .header .info-list .item:last-child {
  border-bottom: 0;
}
[class*=content] > .header .info-list .item:last-child::after {
  content: none;
  display: none;
}
[class*=content] > .header .info-list .item img {
  width: 100%;
  height: 100%;
  display: block;
}
[class*=content] > .header .info-list::before {
  width: 0.29rem;
  height: 0.07rem;
  content: "";
  display: block;
  background-color: inherit;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
          clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  bottom: 100%;
  left: 0.33rem;
}
[class*=content] > .banner {
  margin-top: -1.2rem;
}
[class*=content] .footer {
  color: #E6E6E6;
  font-size: 0.24rem;
  padding-top: 1.8rem;
  background-color: #093E77;
  height: 9rem;
}
[class*=content] .footer .top {
  height: 4.25rem;
  padding: 0 2.54rem 0 3.45rem;
  line-height: 0.84rem;
}
[class*=content] .footer .top .r {
  padding-top: 0.4rem;
}
[class*=content] .footer .top .r .img {
  width: 1.51rem;
}
[class*=content] .footer .index {
  line-height: 0.68rem;
  padding: 0 3.45rem 0.8rem;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[class*=content] .footer .index .item {
  cursor: pointer;
}
[class*=content] .footer .index .item:hover {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}
[class*=content] .footer .index .btn, [class*=content] .footer .index #lianxi .form-box .submit, #lianxi .form-box [class*=content] .footer .index .submit, [class*=content] .footer .index .btn-h,
[class*=content] .footer .index .btn-d {
  cursor: pointer;
  width: 2.16rem;
  line-height: 0.74rem;
  display: inline-block;
  border: 0.01rem solid #EFEFEF;
  border-radius: 0.16rem;
}
[class*=content] .btm {
  font-size: 0.2rem;
  border-top: 0.01rem solid #EAEAEA;
  line-height: 1.28rem;
}

@-webkit-keyframes left-move-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@-moz-keyframes left-move-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
         transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
         transform: translateX(0%);
  }
}

@-o-keyframes left-move-in {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%);
       transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
}

@keyframes left-move-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
       -moz-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes left-move-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-moz-keyframes left-move-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0%);
         transform: translateX(0%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateX(-50%);
         transform: translateX(-50%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-100%);
         transform: translateX(-100%);
  }
}
@-o-keyframes left-move-out {
  0% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
  50% {
    opacity: 0;
    -o-transform: translateX(-50%);
       transform: translateX(-50%);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-100%);
       transform: translateX(-100%);
  }
}
@keyframes left-move-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
       -moz-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes right-move-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-moz-keyframes right-move-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
         transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
         transform: translateX(0%);
  }
}
@-o-keyframes right-move-in {
  0% {
    opacity: 0;
    -o-transform: translateX(100%);
       transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
}
@keyframes right-move-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
       -moz-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes right-move-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@-moz-keyframes right-move-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0%);
         transform: translateX(0%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(-50%);
         transform: translateY(-50%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%);
         transform: translateX(100%);
  }
}
@-o-keyframes right-move-out {
  0% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
  50% {
    opacity: 0;
    -o-transform: translateY(-50%);
       transform: translateY(-50%);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(100%);
       transform: translateX(100%);
  }
}
@keyframes right-move-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
       -moz-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@-webkit-keyframes top-move-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-moz-keyframes top-move-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
         transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0%);
         transform: translateY(0%);
  }
}
@-o-keyframes top-move-in {
  0% {
    opacity: 0;
    -o-transform: translateY(-100%);
       transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0%);
       transform: translateY(0%);
  }
}
@keyframes top-move-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes top-move-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-moz-keyframes top-move-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0%);
         transform: translateY(0%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(50%);
         transform: translateY(50%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-100%);
         transform: translateY(-100%);
  }
}
@-o-keyframes top-move-out {
  0% {
    opacity: 1;
    -o-transform: translateY(0%);
       transform: translateY(0%);
  }
  50% {
    opacity: 0;
    -o-transform: translateY(50%);
       transform: translateY(50%);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-100%);
       transform: translateY(-100%);
  }
}
@keyframes top-move-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
         -o-transform: translateY(50%);
            transform: translateY(50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-webkit-keyframes bottom-move-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-moz-keyframes bottom-move-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(100%);
         transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0%);
         transform: translateY(0%);
  }
}
@-o-keyframes bottom-move-in {
  0% {
    opacity: 0;
    -o-transform: translateY(100%);
       transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0%);
       transform: translateY(0%);
  }
}
@keyframes bottom-move-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes bottom-move-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@-moz-keyframes bottom-move-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0%);
         transform: translateY(0%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(50%);
         transform: translateY(50%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
         transform: translateY(100%);
  }
}
@-o-keyframes bottom-move-out {
  0% {
    opacity: 1;
    -o-transform: translateY(0%);
       transform: translateY(0%);
  }
  50% {
    opacity: 0;
    -o-transform: translateY(50%);
       transform: translateY(50%);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(100%);
       transform: translateY(100%);
  }
}
@keyframes bottom-move-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
         -o-transform: translateY(50%);
            transform: translateY(50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fade-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fade-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes scale-in {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-moz-keyframes scale-in {
  0% {
    -moz-transform: scale(0);
         transform: scale(0);
  }
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}
@-o-keyframes scale-in {
  0% {
    -o-transform: scale(0);
       transform: scale(0);
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}
@keyframes scale-in {
  0% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes scale-out {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-moz-keyframes scale-out {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  100% {
    -moz-transform: scale(0);
         transform: scale(0);
  }
}
@-o-keyframes scale-out {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }
  100% {
    -o-transform: scale(0);
       transform: scale(0);
  }
}
@keyframes scale-out {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes scale-magnify {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@-moz-keyframes scale-magnify {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  100% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
}
@-o-keyframes scale-magnify {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }
  100% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }
}
@keyframes scale-magnify {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@-webkit-keyframes circle-in {
  0% {
    border-radius: 2%;
  }
  100% {
    border-radius: 50%;
  }
}
@-moz-keyframes circle-in {
  0% {
    border-radius: 2%;
  }
  100% {
    border-radius: 50%;
  }
}
@-o-keyframes circle-in {
  0% {
    border-radius: 2%;
  }
  100% {
    border-radius: 50%;
  }
}
@keyframes circle-in {
  0% {
    border-radius: 2%;
  }
  100% {
    border-radius: 50%;
  }
}
@-webkit-keyframes circle-out {
  0% {
    border-radius: 2%;
  }
  100% {
    border-radius: 50%;
  }
}
@-moz-keyframes circle-out {
  0% {
    border-radius: 2%;
  }
  100% {
    border-radius: 50%;
  }
}
@-o-keyframes circle-out {
  0% {
    border-radius: 2%;
  }
  100% {
    border-radius: 50%;
  }
}
@keyframes circle-out {
  0% {
    border-radius: 2%;
  }
  100% {
    border-radius: 50%;
  }
}
#lianxi [class$=title] > .lt {
  line-height: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
#lianxi > .banner {
  font-size: 0.48rem;
}
#lianxi > .banner .item {
  width: 100%;
  height: 100%;
  top: 0;
}
#lianxi > .banner .title {
  color: #EEEEEE;
}
#lianxi > .banner .title .lt {
  line-height: 0.78rem;
  color: rgba(254, 254, 254, 0.5);
}
#lianxi .form-box {
  padding: 0.8rem 3.6rem;
}
#lianxi .form-box .title {
  color: #656565;
  font-size: 0.36rem;
  line-height: 0.38rem;
  margin-bottom: 0.78rem;
}
#lianxi .form-box .list {
  color: #484848;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.3rem;
}
#lianxi .form-box .list > .item {
  font-size: 0.18rem;
  line-height: 0.6rem;
  width: 5.5rem;
  min-height: 0.6rem;
  padding: 0 0.2rem;
  border: 0.01rem solid #737373;
  border-radius: 0.05rem;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  margin-bottom: 0.43rem;
}
#lianxi .form-box .list > .item [class^=icon] {
  color: #515151;
  font-size: 0.26rem;
  margin-left: 0.1rem;
}
#lianxi .form-box .list > .item .label {
  width: 0.6rem;
}
#lianxi .form-box .list > .item .label::after {
  content: ":";
}
#lianxi .form-box .list > .item.textarea {
  width: 100%;
  padding: 0.2rem;
  line-height: 0.38rem;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#lianxi .form-box .list > .item.textarea .label {
  width: 1rem;
}
#lianxi .form-box .list > .item .input-box {
  width: 100%;
}
#lianxi .form-box .list > .item input,
#lianxi .form-box .list > .item textarea {
  font-size: 0.18rem;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
}
#lianxi .form-box .list > .item textarea {
  resize: vertical;
  line-height: 2;
  min-height: 2.88rem;
}
#lianxi .form-box .submit {
  color: #EAEAEA;
  width: 1.58rem;
  height: 0.55rem;
  font-size: 0.2rem;
  background-color: #093D77;
}
#lianxi .form-box .submit [class^=icon] {
  font-size: 0.16rem;
  margin-left: 0.12rem;
}
#lianxi .form-box .bg-img {
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.message-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(177, 177, 177, 0.6);
}
.message-box .message {
  font-size: 0.2rem;
  color: #9C9C9C;
  width: 2.9rem;
  line-height: 0.7rem;
  background-color: #fff;
  border-radius: 0.2rem;
}
.message-box .message .text {
  color: #606060;
}
.message-box .message .text [class^=icon] {
  color: #707070;
  margin-right: 0.23rem;
  font-size: 0.26rem;
}