.swiper-container {
    width: 100vw;

    height: 100vh;
  }

  .swiper-slide {
    text-align: center;
    /* padding-top:0.rem; */
  }

  .swiper-container-vertical>.swiper-pagination-bullets {
    top: 60%;
    left: 90%;
  }

  .swiper-pagination-bullet-active {
    background: #fff;
  }

  .swiper-pagination-bullet {
    margin: 3px 8px !important;
    width: 10px;
    height: 10px;
  }

  .swiper-slide img {
    display: block;
    margin: 0 auto;
  }

  .two,
  .three,
  .four {
    height: 100%;
  }

  .two img,
  .three img {
    width: 80%;
    margin:0 auto;
  }

  .three img {
    margin-bottom: 0.2rem;
  }

  .two img:nth-child(2) {
    width: 50%;
    margin-top: 0.15rem;
    margin-bottom: 0.15rem;
  }
.slide1{
    background: url(../images/xzx/zxbg.png) no-repeat ;
}

 
.slide1 img:nth-child(1){
    width: 75%;
    height: 30%;

}
.slide1 img:nth-child(2){
  width: 80%;
  height:30%;
   
} 
.slide1 img:nth-child(3){
  width: 100%;
  height: 1.85rem;
  margin-top:1rem;
} 

.slide{
    background: url(../images/xzx/zxBg2.png)no-repeat;
}

.slide1.swiper-slide-active img{
    -webkit-animation:tada 1s  linear ;
            animation:tada 1s  linear ;
}
.slide2.swiper-slide-active img:nth-child(1){
    -webkit-animation:bounce 1s  linear;
            animation:bounce 1s  linear;
}
.slide2.swiper-slide-active img:nth-of-type(2){
    -webkit-animation: lightSpeedIn 1s  linear;
            animation: lightSpeedIn 1s  linear;
}
.slide2.swiper-slide-active img:nth-child(3){
    -webkit-animation: lightSpeedIn 1.1s  linear;
            animation: lightSpeedIn 1.1s  linear;
}
.slide2.swiper-slide-active img:nth-child(4){
    -webkit-animation: lightSpeedIn 1.2s  linear;
            animation: lightSpeedIn 1.2s  linear;
}

.slide3.swiper-slide-active img:nth-child(1){
    -webkit-animation:bounce 1s  linear;
            animation:bounce 1s  linear;
}
.slide3.swiper-slide-active img:nth-child(2){
    -webkit-animation: fadeInUp 1s  linear;
            animation: fadeInUp 1s  linear;
}
.slide3.swiper-slide-active img:nth-child(3){
    -webkit-animation: fadeInUp 1s  linear;
            animation: fadeInUp 1s  linear;
}
.slide3.swiper-slide-active img:nth-child(4){
    -webkit-animation: fadeInUp 1s  linear;
            animation: fadeInUp 1s  linear;
}

.slide4.swiper-slide-active img:nth-child(1){
    -webkit-animation: bounce 1s  linear;
            animation: bounce 1s  linear;
}
.slide4.swiper-slide-active img:nth-child(2){
    -webkit-animation: lightSpeedIn 1s  linear;
            animation: lightSpeedIn 1s  linear;
}
.slide4.swiper-slide-active img:nth-child(3){
    -webkit-animation: lightSpeedIn 1s  linear;
            animation: lightSpeedIn 1s  linear;
}

.slide5.swiper-slide-active img:nth-child(1){
    -webkit-animation: bounce 1s  linear;
            animation: bounce 1s  linear;
}
.slide5.swiper-slide-active img:nth-child(2){
    -webkit-animation: fadeInDownBig 1s  linear;
            animation: fadeInDownBig 1s  linear;
}
.slide6.swiper-slide-active img:nth-child(1){
    -webkit-animation: fadeInDown 1s  linear;
            animation: fadeInDown 1s  linear;
}
.slide6.swiper-slide-active img:nth-child(2){
    -webkit-animation: fadeInUp 1s  linear;
            animation: fadeInUp 1s  linear;
}
.slide6.swiper-slide-active img:nth-child(3){
    -webkit-animation: fadeInUp 1s  linear;
            animation: fadeInUp 1s  linear;
}
.slide9.swiper-slide-active input[type='submit']{
    -webkit-animation: tada 2s  linear;
            animation: tada 2s  linear;
}

.slide7.swiper-slide-active img:nth-child(1){
    -webkit-animation:fadeInDown 1s  linear;
            animation:fadeInDown 1s  linear;
}
.slide7.swiper-slide-active img:nth-child(2){
    -webkit-animation:jello 3s  linear infinite;
            animation:jello 3s  linear infinite;
}
.slide7.swiper-slide-active img:nth-child(3){
    -webkit-animation:fadeInUp 1s  linear;
            animation:fadeInUp 1s  linear;
}

.slide8.swiper-slide-active img:nth-child(1){
    -webkit-animation:fadeInDown 1s  linear;
            animation:fadeInDown 1s  linear;
}
.slide8.swiper-slide-active img:nth-child(2){
    -webkit-animation:pulse 3s  linear infinite;
            animation:pulse 3s  linear infinite;
}
.slide8.swiper-slide-active img:nth-child(3){
    -webkit-animation:fadeInUp 1s  linear ;
            animation:fadeInUp 1s  linear ;
}
.slide8.swiper-slide-active img:nth-child(4){
    -webkit-animation:fadeInUp 1s  linear ;
            animation:fadeInUp 1s  linear ;
}
.slide9.swiper-slide-active .nine img:nth-child(1){
    -webkit-animation:fadeInDown 1s  linear;
            animation:fadeInDown 1s  linear;
}
.slide9.swiper-slide-active .nine img:nth-child(2){
    -webkit-animation:fadeInDown 1s  linear;
            animation:fadeInDown 1s  linear;
}
.slide9.swiper-slide-active .contact img:nth-child(1){
    -webkit-animation:fadeInDown 1s  linear;
            animation:fadeInDown 1s  linear;
}
.slide9.swiper-slide-active .contact img:nth-child(2){
    -webkit-animation:fadeInDown 1s  linear;
            animation:fadeInDown 1s  linear;
}
.slide9.swiper-slide-active .contact img:nth-child(3){
    -webkit-animation:fadeInDown 1s  linear;
            animation:fadeInDown 1s  linear;
}
.slide9.swiper-slide-active .contact img:nth-child(4){
    -webkit-animation:fadeInDown 1s  linear;
            animation:fadeInDown 1s  linear;
}
.slide10.swiper-slide-active img:nth-child(1){
    -webkit-animation:fadeInDown 1s  linear;
            animation:fadeInDown 1s  linear;
}
.slide10.swiper-slide-active img:nth-child(2){
    -webkit-animation:rollIn 1s  linear;
            animation:rollIn 1s  linear;
}
.slide10.swiper-slide-active img:nth-child(3){
    -webkit-animation:rotateIn 1s  linear;
            animation:rotateIn 1s  linear;
}
.slide11.swiper-slide-active .three .imgZX{
    -webkit-animation:fadeInDown 1s  linear;
            animation:fadeInDown 1s  linear;
}
.slide11.swiper-slide-active .three img:nth-child(2){
    -webkit-animation:rotateIn 1s  linear;
            animation:rotateIn 1s  linear;
}
.slide11.swiper-slide-active .aniQuote{
    -webkit-animation:fadeInUp 1s  linear;
            animation:fadeInUp 1s  linear;
}
.aniQuote{
    padding:0 8%;
    height: 72%;
}
.xzxQuote{
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0px 3px 6px 0px 
		rgba(0, 0, 0, 0.46);
            box-shadow: 0px 3px 6px 0px 
		rgba(0, 0, 0, 0.46);
    border: solid 1px #277bf5;
    padding:0.5rem 0.3rem;
}
.xzxQuote .inputBox{
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.26rem;
  margin-bottom:0.2rem;
}
.xzxQuote .inputBox label {
    width: 28%;
    letter-spacing: 2px;
    float: left;
}
.xzxQuote .inputBox input{
    width: 70%;
    border: solid 1px #cccccc;
    outline: none;
    padding-left:0.2rem;;
    float: right;
    height: 0.5rem;
}
.xzxQuote .inputBox .selectBox{
    width: 70%;
    height: 0.5rem;
    line-height: 0.5rem;
    float: right;

}
.xzxQuote .inputBox .selectBox select{
    height: 100%;
    width: 32%;
    outline: none;
    border-color:#ccc;
    background: #fff;
    float: left;
}
.xzxQuote .inputBox .selectBox select option{
    outline: none;
    border-color:#ccc;
}
.pTxt{
    color: #173775;
    font-size: 0.16rem;
    width: 100%;
}
.zxBtn{
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    margin:0 auto;
    cursor: pointer;
}
.zxBtn img{
    width: 1.8rem;
    height: 1.8rem;
}

.zxBtn .zxSumbit{
    display: inline-block;
    width: 1.54rem;
    height: 1.54rem;
    background: url(../images/xzx/zxQuanBtn.png) no-repeat center;
    background-size:contain;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-0.78rem;
    margin-left:-0.78rem;

}

.butrotate{
	  position: absolute;
	  top: 0;
	  left: 0;
	  -webkit-animation: zhuan 3s linear infinite;
	  animation: zhuan 3s linear infinite;
	 
  }
  @keyframes zhuan
  {
	  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
	  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
	  }
  @-webkit-keyframes zhuan
  {
	  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
	  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
  }

  .zx-yusuan{
      font-size: 0.4rem;
     color:#333;
      margin-top:0.1rem;

  }
  .zx-yusuan span{
      display: inline-block;
      
      font-weight: 600;
      font-size: 0.55rem;
      color:red;
  }
  .zx-label{
    font-size: 0.28rem;
    margin-top:0.1rem;
  }
  .zx-label em{
      display: block;
      text-align: right;
      font-size: 0.18rem;
      color:#c1c1c1;
      padding-right:0.64rem;
  }
  .zx-labelYzOne,.zx-labelYzTwo,.zx-labelRzOne,.zx-labelRzTwo{
      font-size: 0.38rem;
      color:red;
      padding:0.05rem 0;
      display: inline-block;
      width:1.5rem;
  }
  .zx-fTxt{
      text-align: left;
      padding:0.1rem 0.44rem;
    font-size: 0.16rem;
    color: #666666;
  }
  .zx-fTxt span{
    color: #173775;
  }
  .zxA-Btn{
      display: block;
      width: 60%;
      height:0.8rem;
      margin:0 auto;
      line-height: 0.8rem;
      font-size: 0.28rem;
      font-weight: 900;
      background: #173775;
      color:#fff;
      margin-top:0.7rem;
      -webkit-animation: da 3s linear infinite;
              animation: da 3s linear infinite;
	 
  }
  .zxA-Btn i{
      display: inline-block;
      width: 0.6rem;
      height: 0.6rem;
      background: url(../images/xzx/clickMe.png) no-repeat center;
      background-size: contain;
      vertical-align: middle;
  }

  @-webkit-keyframes da
  {
    0%{
        -webkit-transform: scale(1);
                transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        -webkit-transform: scale(1.1);
                transform: scale(1.1); /*放大1.1倍*/
    }
    50%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    75%{
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}

  @keyframes da
  {
    0%{
        -webkit-transform: scale(1);
                transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        -webkit-transform: scale(1.1);
                transform: scale(1.1); /*放大1.1倍*/
    }
    50%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    75%{
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}
  /* @-webkit-keyframes zhuan
  {
	  0%{transform:rotate(0deg);}
	  100%{transform:rotate(360deg);}
  } */

  .zxFhsy{
      position: fixed;
      left:1%;
      bottom:8%;
      z-index:99999;
      
  }
  .zxFhsy img{
      width: 0.99rem;
      height:1.07rem;
      opacity: 0.8;
  }