@charset "UTF-8";
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

p {
  margin: 0;
  padding: 0; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

body {
  background: #f4f6f8; }

ul {
  padding: 0;
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0; }

@font-face {
  font-family: 'MicrosoftYaHei-Bold';
  src: url("../img/微软vista雅黑Bold.ttf"); }
* {
  box-sizing: border-box; }

.zb .animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }
.zb .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40%, 0);
    transform: translate3d(0, 40%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.zb .banner {
  width: 100%;
  position: relative;
  height: 2.5rem;
  overflow: hidden; }
  .zb .banner > img {
    position: absolute;
    width: 110%;
    display: block;
    /* height: 105%; */
    left: 50%;
    top: 50%;
    transform: translate(-54%, -50%) matrix(1, 0, 0, 1, 0, 0);
    animation: tran 5s forwards; }
@keyframes tran {
  0% {
    transform: translate(-54%, -50%) matrix(1, 0, 0, 1, 0, 0); }
  100% {
    transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0); } }
.zb .contentBox {
  width: 12rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 0.13rem 0px rgba(151, 165, 183, 0.35);
  border-radius: .04rem;
  margin: 0 auto;
  margin-top: -.79rem;
  z-index: 100;
  position: relative;
  padding: 0 .19rem;
  padding-bottom: .16rem;
  min-height: 7.81rem; }
  .zb .contentBox > p {
    font-size: .20rem;
    color: #111111;
    text-align: center;
    line-height: .2rem;
    padding-top: .45rem;
    padding-bottom: .17rem;
    border-bottom: .01rem solid #dddddd; }
  .zb .contentBox .inpnt {
    padding-top: .11rem;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .zb .contentBox .inpnt .item {
      margin-top: .3rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 6rem; }
      .zb .contentBox .inpnt .item .left {
        color: #333333;
        font-size: .14rem;
        width: 1rem; }
        .zb .contentBox .inpnt .item .left > span {
          color: #e30d0d; }
      .zb .contentBox .inpnt .item .right {
        width: 5rem;
        height: .30rem;
        border: solid 1px #dcdfe6;
        display: flex;
        justify-content: space-between; }
        .zb .contentBox .inpnt .item .right > input {
          width: 100%;
          height: 100%;
          border: none;
          color: #333333;
          font-size: .14rem;
          display: block;
          padding-left: .18rem; }
      .zb .contentBox .inpnt .item .phone {
        border: none; }
        .zb .contentBox .inpnt .item .phone .phone1 {
          height: .3rem;
          width: 3.40rem;
          border: solid 1px #dcdfe6; }
          .zb .contentBox .inpnt .item .phone .phone1 > input {
            width: 100%;
            height: 100%;
            border: none;
            color: #333333;
            font-size: .14rem;
            display: block;
            padding-left: .18rem;
            outline: none; }
      .zb .contentBox .inpnt .item .yzm {
        width: 1.35rem;
        height: .30rem;
        background-color: #4eba7c;
        color: #fff;
        font-size: .14rem;
        text-align: center;
        line-height: .3rem;
        cursor: pointer; }
      .zb .contentBox .inpnt .item .fe {
        display: flex;
        align-items: center; }
        .zb .contentBox .inpnt .item .fe .right {
          width: 1.60rem; }
  .zb .contentBox .buts {
    width: 3.45rem;
    height: .60rem;
    background-color: #0072bb;
    border-radius: .04rem;
    margin: auto;
    margin-top: .69rem;
    cursor: pointer;
    font-size: .20rem;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center; }

@media (max-width: 1400px) {
  .zb .banner {
    height: 1.4rem; } }
@media (max-width: 1200px) {
  .zb .banner {
    height: 1.3rem; }

  .zb .contentBox {
    width: 99%;
    margin-top: 0rem; }

  .zb .contentBox .content {
    width: 100%; }

  .zb .contentBox .nav .link {
    display: none !important; }

  .zb .contentBox .nav > .selectlist {
    width: 100%; }

  .zb .contentBox .nav > .selectlist > a {
    width: 14.28%;
    text-align: center;
    font-size: .12rem; }

  .zb .contentBox .contentList .text {
    font-size: .12rem;
    width: 100%; }

  .zb .contentBox .contentList .text > div {
    display: block;
    padding: .5rem 0; }

  .zb .contentBox .contentList .text > div > .left {
    display: block;
    margin: 0 auto; }

  .zb .contentBox .contentList .text > div .right {
    width: 99%; } }

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