body {
  max-width: 640px;
  margin: 0 auto; }

.logo {
  width: 60%;
  margin: 10px auto; }
  .logo img {
    display: block;
    width: 100%; }

.zt-banner img {
  display: block;
  width: 100%; }

.zt-container > h1 {
  font-size: 23px;
  text-align: center;
  margin: 15px 0;
  color: #18b4bb; }
  .zt-container > h1 strong {
    color: #f59331; }

.price ul {
  overflow: hidden; }
  .price ul li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 10px; }
    .price ul li .item {
      overflow: hidden;
      border-radius: 5px; }
    .price ul li .side-text {
      width: 27px;
      font-size: 14px;
      float: left;
      background: #18b4bb;
      color: #fff;
      text-align: center;
      padding: 5px;
      border-radius: 5px 0 0 5px; }
    .price ul li .text {
      overflow: hidden;
      font-size: 14px;
      line-height: 1.5;
      text-align: center;
      border: 1px dashed #18b4bb;
      border-left: none; }
      .price ul li .text strong {
        font-size: 23px;
        color: #f39800; }
      .price ul li .text strong.ex {
        font-size: 22px; }
      .price ul li .text p:first-child {
        padding-top: 9px; }
.price .zt-zx {
  text-align: center;
  margin: 10px 0;
  font-size: 16px; }
  .price .zt-zx a {
    padding: 5px 20px;
    background: #1ab3ce;
    color: #fff;
    border-radius: 10px;
    font-size: 14px; }

.type .type-title {
  background: url("../images/bg.jpg") no-repeat center;
  background-size: 100% 100%;
  padding: 40px 0 20px; }
.type h1 {
  font-size: 26px;
  text-align: center;
  margin: 15px 0;
  color: #fff; }
.type .h-subtitle {
  font-size: 18px;
  padding: 5px;
  text-align: center; }
  .type .h-subtitle span {
    padding: 5px 10px;
    background: #fff;
    border-radius: 20px; }
.type .type-items {
  padding: 10px;
  background: #18b4bb; }
  .type .type-items .item {
    overflow: hidden;
    position: relative;
    padding: 5px;
    margin: 10px 0;
    background: #fff; }
    .type .type-items .item .type-image {
      width: 38%;
      float: left;
      margin-right: 2%; }
      .type .type-items .item .type-image img {
        display: block;
        width: 100%; }
    .type .type-items .item .type-info {
      float: left;
      width: 60%;
      box-sizing: border-box; }
      .type .type-items .item .type-info .title {
        text-align: center;
        padding: 8px 0;
        font-size: 15px;
        color: #3c90cc; }
      .type .type-items .item .type-info .cont {
        font-size: 14px;
        position: relative;
        line-height: 1.4;
        background: #71b4e3;
        padding-bottom: 35px; }
        .type .type-items .item .type-info .cont p {
          text-align: justify;
          padding: 5px;
          color: #fff; }
        .type .type-items .item .type-info .cont .ys {
          font-size: 12px;
          color: #fff;
          padding-left: 5px; }
          .type .type-items .item .type-info .cont .ys ul {
            position: relative;
            left: 32px;
            bottom: 16px; }
            .type .type-items .item .type-info .cont .ys ul li {
              float: left;
              width: 40%; }
      .type .type-items .item .type-info .img img {
        display: block;
        width: 100%; }
  .type .type-items .rev .type-image {
    margin-left: 5px;
    margin-right: 0; }
.type .zt-zx {
  font-size: 16px;
  text-align: center;
  margin: 0 0 10px;
  background: url("../images/bg-2.jpg") no-repeat center;
  background-size: 100% 100%;
  padding-bottom: 60px;
  padding-top: 10px; }
  .type .zt-zx img {
    width: 30%;
    vertical-align: middle;
    display: inline; }
  .type .zt-zx a {
    color: #fff;
    text-decoration: underline; }

.zj h1 {
  font-size: 23px;
  text-align: center;
  margin: 15px 0;
  color: #18b4bb; }
  .zj h1 strong {
    color: #f59331; }
.zj .h-subtitle {
  font-size: 18px;
  padding: 5px;
  text-align: center; }
  .zj .h-subtitle span {
    padding: 5px 10px;
    background: #3c90cc;
    border-radius: 20px;
    color: #fff; }
.zj .img img {
  display: block;
  width: 100%;
  margin-top: 20px; }
.zj .zt-zx {
  text-align: center;
  font-size: 16px; }
  .zj .zt-zx a {
    padding: 5px 10px;
    background: #13b1cb;
    color: #fff;
    border-radius: 20px;
    font-size: 16px; }

.doc .doc-title {
  background: url(../images/bg.jpg) no-repeat center;
  background-size: 100% 100%;
  padding: 40px 0 20px; }
.doc h1 {
  font-size: 23px;
  text-align: center;
  margin: 15px 0;
  color: #fff; }
  .doc h1 strong {
    color: #f59331; }
.doc .h-subtitle {
  font-size: 18px;
  padding: 5px;
  text-align: center; }
  .doc .h-subtitle span {
    padding: 5px 10px;
    background: #fff;
    border-radius: 20px; }
.doc .doc-slide img {
  display: block;
  width: 100%; }
.doc .doc-slide {
  background: #18b4bb; }
  .doc .doc-slide .swiper-container {
    padding-left: 38px; }
    .doc .doc-slide .swiper-container .swiper-button-prev {
      background: url("../images/prev.png") no-repeat center;
      background-size: 100% 100%;
      width: 16px; }
.doc .img img {
  display: block;
  width: 100%; }

.ques {
  overflow: hidden; }
  .ques h1 {
    font-size: 23px;
    text-align: center;
    color: #008bcd;
    padding: 10px 0; }
  .ques ul li {
    float: left;
    width: 50%;
    padding: 5px;
    box-sizing: border-box; }
    .ques ul li a {
      display: block;
      height: 100%;
      background: #3cb9cf;
      color: #fff;
      font-size: 12px;
      padding: 5px; }
  .ques ul li.ex a {
    background: #3c90cc; }

footer {
  font-size: 12px;
  text-align: center;
  margin-top: 20px; }
  footer a {
    color: #000; }
  footer p {
    line-height: 1.5; }
  footer .nav {
    text-align: center;
    padding: 10px 0; }
  footer .nav ul {
    display: inline-block; }
  footer .nav ul li {
    float: left; }
  footer .nav ul li a {
    padding: 0 5px;
    font-size: 13px; }

@media screen and (min-width: 640px) {
  .type .type-items .item {
    padding: 27px 0px 38px 20px; }
    .type .type-items .item .type-info .title {
      font-size: 30px; }
    .type .type-items .item .type-info .cont {
      font-size: 20px; }
      .type .type-items .item .type-info .cont .ys {
        font-size: 18px;
        padding-left: 10px; }
        .type .type-items .item .type-info .cont .ys ul {
          left: 50px;
          bottom: 25px; }
      .type .type-items .item .type-info .cont p {
        padding: 10px; }
    .type .type-items .item .type-image {
      width: 33%; }

  .ques ul li a {
    font-size: 24px; }
  .ques h1 {
    font-size: 36px; } }

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