body {
    height: 100vh;
    width: 100vw;
    margin: 0;
    overflow-x: hidden;
    background:#fff;
        font-family: PingFangSC, "Microsoft Yahei", Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", STXihei, STHeiti, Heiti, SimSun, sans-serif !important;
}
/* @media screen and (min-width: 900px) and (max-width: 1200px){
    .a{
        color: purple;
        font-size: 26px;
    }
} */
section {
width: 100%;
background:#fff;
}
.centerWidth {
    width: 15.6rem;
    max-width: 1560px;
        margin: 0 auto;
}

/* 底图 */
bg2-all {
    position: absolute;
    z-index: 0;
    
}
.main{
   
    background-color: #fff;
    /* height: 360px; */
   
}
/* 第一部分 */
.header {
   /* height: 0.7rem; */
   /* padding:  0.24rem 1rem 0 1rem; */
   box-sizing: border-box;
   max-width: 1560px;
   margin: 0 auto;
   padding-top: 0.1rem;
   width: 15.6rem;

   
}
.header-buttons {
    align-items: center;
}
.free-button {
background-image:linear-gradient(-90deg, #4aa8ee 0%, #004792  100%);
border-radius:4px;
width:1.5rem;
height:0.4rem;
margin-right: 0.4rem; 
font-size:0.2rem;
color:#ffffff;
letter-spacing:0;
text-align:left;
}
.login-button{
    background:#ffffff;
border-radius:4px;
width:1.5rem;
height:0.4rem;
border:1px solid #004792;
font-size:0.2rem;
color:#004792;
letter-spacing:0;
text-align:left;
box-sizing: border-box;
}
#section1{
    height: 12.58rem;
    width:19.2rem ;
  
}
.bg-first{
    background-image: url("images/bg-first.png");
    background-size: cover;
    background-color: #fff;
   
}
.bg2-first {
       width: 17.3rem;
    background-image: url(images/004792/bg2-first.png);
    background-size: calc(100%);
    background-repeat: no-repeat;
    height: 9.38rem;
    /* margin: 0 1rem; */
    max-width: 1730px;
    margin: 0 auto;
}
.section-first-left-top{
font-size:0.86rem;
/*color:linear-gradient(-90deg, #004792 0%, #4AA8EE 100%);;*/
letter-spacing:1px;
text-align:left;
padding: 2.47rem 0 0 0;
box-sizing: border-box;
 background-image: -webkit-gradient(linear, left 50, right 0, from(#004792), to(#4AA8EE));
    -webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */
    -webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */
}
.section-first-left-middle{
font-size:0.44rem;
color:#999999;
letter-spacing:1px;
text-align:left;

}
.section-first-left-buttom{
  
    margin-top: 0.5rem;
}
/* 第二部分 */
.bg-second{
     background-image: url(images/bg-second.png);
    background-size: contain;
    background-color: #fff;
    height: 11rem;
    width: 11rem;
    min-width: 8rem;
    position: relative;
    background-repeat: no-repeat;
}
.bg2-second{
     background-image: url(images/004792/bg2-second.png);
    background-size: contain;
    height: 4.1rem;
    position: absolute;
    width: 5rem;
    background-repeat: no-repeat;
    transform: translate(-50%,-0%);
    left: 50%;
    top: 50%;
    
}
.bg2-second-top{
     top: 710px;
}


.animate-bg2second {
     animation: moveBg2 5s linear 1;
}
@keyframes moveBg2 {
           0%{
               top: 710px;
           }
           50%{
               top: 355px;
           }
           100%{
               top: 210px;
           }
       }
.bg2-square{
          background: #87b1f4;
    border: 3px solid #ffffff;
    border-radius: 0.18rem;
    width: 0.5rem;
    height: 0.5rem;
    font-family: MicrosoftYaHei;
    font-size: 0.14rem;
    color: #ffffff;
    letter-spacing: 0.02rem;
    text-align: left;
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    opacity: 0;
}
/* 第二部分 位置 */
.bg2-square-position1{
    top: 0.26rem;
    left: 2.28rem;
}
.bg2-square-position2{
top: 0.43rem;
    left: 3.74rem;
}
.bg2-square-position3{
        top: 1.8rem;
    left: 3.76rem;
}
.bg2-square-position4{
        top: 3.11rem;
    left: 3.01rem;
}
.bg2-square-position5{
    top: 3.32rem;
    left: 1.68rem;
}
.bg2-square-position6{
    top: 3.09rem;
    left: 0.22rem;
}
.bg2-square-position7{
    top: 1.63rem;
    left: 0.22rem;
}
.bg2-square-position8{
    top: 0.36rem;
    left: 0.85rem;
}
.bg2-line12{
   height: 0px;
    width: 1.01rem;
    border-top: 2px dashed #dbeefc;
    transform: rotate(
10deg
);
    position: absolute;
    top: 0.6rem;
    right: 1.2rem;
}
.bg2-line23{
height: 0.82rem;
    width: 1px;
    border-left: 1px dashed  #dbeefc;
    position: absolute;
        top: 0.95rem;
    right: 0.99rem;
}
.bg2-line34-1{

height: 0.82rem;
    width: 1px;
    border-left: 1px dashed  #dbeefc;
    position: absolute;
        top: 2.33rem;
    right: 0.99rem;
}
.bg2-line34-2{
       transform: rotate( 
161deg
 );
    width: 0.49rem;
    border-top: 1px dashed #dbeefc;
    position: absolute;
    top: 3.28rem;
    right: 0.97rem;
    height: 1px;
}
.bg2-line45{
 transform: rotate(170deg);
    width: 0.8rem;
    border-top: 1px dashed  #dbeefc;
    position: absolute;
    top: 3.5rem;
    right: 2rem;
    height: 1px;
}
.bg2-line56{
height: 0px;
    width: 0.93rem;
    border-top: 1px dashed  #dbeefc;
    transform: rotate(
-170deg
);
    position: absolute;
    top: 3.51rem;
    right: 3.35rem;
}
.bg2-line67{
     transform: rotate( 
180deg
 );
    height: 1rem;
    border-left: 1px dashed #dbeefc;
    position: absolute;
    top: 2.1rem;
    right: 4.49rem;
}
.bg2-line78-1{
    height: 0.75rem;
    width: 1px;
    border-left: 1px dashed  #dbeefc;
    position: absolute;
    top: 0.89rem;
    right: 4.49rem;
     transform: rotate(
180deg
);
}
.bg2-line78-2{
transform: rotate( 340deg
 );
    width: 0.48rem;
    border-top: 1px dashed  #dbeefc;
    position: absolute;
    top: 0.78rem;
    right: 4.04rem;
    height: 1px;

}
.bg2-line-1{
    width: 0%;
    border-top: 3px dashed #fff;
    height: 1px;
}
.bg2-line-2{
width: 1px;
    border-left: 3px dashed #fff;
    height: 0%;
}
.bg2-line-3{
    width: 1px;
    border-left: 3px dashed #fff;
    height: 0%;
}
.bg2-line-4{
    width: 0%;
    border-top: 3px dashed #fff;
    height: 1px;
}
.bg2-line-5{
    width: 0%;
    border-top: 3px dashed #fff;
    height: 1px;
}
.bg2-line-6{
    width: 0%;
    border-top: 3px dashed #fff;
    height: 1px;
}
.bg2-line-7{
   width: 1px;
    border-left: 3px dashed #fff;
    height: 0%;
}
.bg2-line-8{
   width: 1px;
    border-left: 3px dashed #fff;
    height: 0%;
}
.bg2-line-9{
    width: 0%;
    border-top: 3px dashed #fff;
    height: 1px;
}
/* .animate-bg2-line12{
animation: movebg2line12 3s ease-in-out 2s 1 normal forwards;
} */

@keyframes movebgline12 {
         /*   0%{
               width: 0px;
           }
           10%{
               width: 8px;
           }
           20%{
               width: 16px;
           }
           30%{
               width: 24px;
           }
           40%{
               width: 32px;
           }
           50%{
               width: 40px;
           }
           60%{
               width: 48px;
           }
           70%{
               width: 56px;
           }
           80%{
               width: 64px;
           }
           90%{
               width: 72px;
           }

           100%{
               width: 85px;
           } */
            from {
    width: 0px;
  }
  to {
    width: 100%;
  }
       }

.section2-right{
    flex: 1;
}
.section3-right{
    flex:1;
}
.title-first {
font-family:PingFangSC-Regular;
font-size:0.35rem;
color:#004792;
letter-spacing:1px;
text-align:left;
font-weight: 600;
margin-bottom: 0.35rem;
}
.title-second {
    font-family:PingFangSC-Regular;
font-size:0.35rem;
color:#004792;
letter-spacing:1px;

text-align:left;
margin-bottom: 0.18rem;
}
/* 第三部分 */
.bg-third{
     background-image: url(images/bg-third1.png);
    background-size: contain;
    background-color: #fff;
    height: 9rem;
    width: 11rem;
    min-width: 8rem;
    position: relative;
    background-repeat: no-repeat;
}
.bg2-third{
     background-image: url(images/004792/bg2-third.png);
    background-size: contain;
    height: 6.1rem;
    position: absolute;
    width: 6.75rem;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-0%);
}
.bg2-third-top{
    bottom: 1.5rem;
}
.warningImg{
    width: 0.1rem;
    position: absolute;
    top: 2.48rem;
    left: 2.14rem;
    opacity: 0;
  animation: warningFlash 3s linear;
    animation-iteration-count: infinite;
    
}
.animate-warningImg{
     animation: warningFlash 3s linear;
   
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
}
@keyframes warningFlash {
    0%   {opacity:1}
    25%{opacity:0}
	50%  {opacity:1}
    75%  {opacity:0}
	100% {opacity:1}
	
}
@-webkit-keyframes warningFlash /* Safari 和 Chrome */
{
	  0%   {opacity:1}
    25%{opacity:0}
	50%  {opacity:1}
    75%  {opacity:0}
	100% {opacity:1}
}
.point{
        width: 0.08rem;
    height: 0.08rem;
    border-radius: 0.08rem;
    background-color: #004792;
   margin: 0.05rem 0.03rem;
}
.inputBg{
           background-color: #fff;
    border-radius: 0.04rem;
    width: 2.8rem;
    height: 0.21rem;
    font-size: 0.12rem;
    top: 4.12rem;
    position: absolute;
    left: 2.44rem;
    color: #004792;
    display: flex;
    align-items: center;
}
.zhezhao{
    width: 100%;
    height: 99%;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    right: 0px;
    top: 0;
    box-sizing: border-box;
}
.saomiao {
width: 0.23rem;
    height: 0.02rem;
    background-color: #fff;
    position: absolute;
    top: 2.86rem;
    right: 0.42rem;
    animation: scrollTop 3s linear;
    animation-iteration-count: infinite;
   
}
@keyframes scrollTop {
 0%   {top:2.86rem}
	25%  {top:2.96rem}
	50%  {top:3.08rem}
	75%  {top:2.96rem;}
	100% {top:2.86rem;}
}
@-webkit-keyframes scrollTop /* Safari 和 Chrome */
{
	0%   {top:2.86rem}
	25%  {top:2.96rem}
	50%  {top:3.08rem}
	75%  {top:2.96rem;}
	100% {top:2.86rem;}
}
/* 第四部分 */
.bg-fourth{
     background-image: url(images/bg-fourth.png);
    background-size: contain;
    background-color: #fff;
    height: 9.2rem;
    width: 11rem;
    min-width: 8rem;
    position: relative;
    background-repeat: no-repeat;
}
.bg2-fourth{
     background-image: url(images/bg2-fourth.png);
    background-size: contain;
    height: 5rem;
    position: absolute;
    width: 5.75rem;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-0%);
    
}

.animate-bg2-fourth {
     animation: goUp 0.5s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
}
@keyframes goUp {
    0%   {transform: translate(-50%,-10%);}
	25%  {transform: translate(-50%,-20%);}
	50%  {transform: translate(-50%,-30%);}
	75%  {transform: translate(-50%,-40%);}
	100% {transform: translate(-50%,-50%);}
}
@-webkit-keyframes goUp /* Safari 和 Chrome */
{
	0%   {transform: translate(-50%,-10%);}
	25%  {transform: translate(-50%,-20%);}
	50%  {transform: translate(-50%,-30%);}
	75%  {transform: translate(-50%,-40%);}
	100% {transform: translate(-50%,-50%);}
}
.iconFourth {
        width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}
.shadows{
       
    position: absolute;
    border-radius: 100%;
    /* border: 4px solid; */
    z-index: 1;
    
}
.shadow1{
    /* background: #f1cbfd; */
    width: 1.3rem;
    height: 1.3rem;
    left: -0.2rem;
    top: -0.2rem;
    background-image: url(images/bg3-fourth-1-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0;

}
.animate-shadow {
    animation: flash 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
}

@keyframes flash {
    0%   {opacity: 1;}
	
	100% {opacity: 0;}
}
@-webkit-keyframes flash
{
	0%   {opacity: 1;}
	
	100% {opacity: 0;}
}
.shadow2{
    width: 1.3rem;
    height: 1.3rem;
    left: -0.2rem;
    top: -0.2rem;
    background-image: url(images/bg3-fourth-2-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0;
}
.shadow3{
    width: 1.3rem;
    height: 1.2rem;
    left: -0.2rem;
    top: -0.2rem;
    background-image: url(images/bg3-fourth-3-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0;
}
.shadow4{
    width: 1.2rem;
    height: 1.2rem;
    left: -0.2rem;
    top: -0.2rem;
    background-image: url(images/bg3-fourth-4-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0;
}
.bg2-fourth-square1 {
width: 0.90rem;
    height: 0.90rem;
    /* background-image: url(images/bg3-fourth-1.png); */
    background-repeat: no-repeat;
    position: absolute;
    transform: rotate( -45deg);
    background-size: contain;
    top: 2.31rem;
    right: -0.4rem;
    /* opacity: 0; */
    display:inline-block;
        z-index: 1;
}
.bg2-fourth-square2{
   width: 0.9rem;;
    height: 0.9rem;
    /* background-image: url(images/bg3-fourth-2.png); */
    background-repeat: no-repeat;
    position: absolute;
    transform: rotate( -45deg);
    background-size: contain;
    top: 4.11rem;
    right: 1.31rem;
     /* opacity: 0; */
         z-index: 1;
}
.bg2-fourth-square3{
  width: 0.9rem;;
    height: 0.8rem;;
    /* background-image: url(images/bg3-fourth-3.png); */
    background-repeat: no-repeat;
    position: absolute;
    transform: rotate( -45deg);
    background-size: contain;
    top: 4.15rem;
    right: 3.46rem;
     /* opacity: 0; */
         z-index: 1;
}
.bg2-fourth-square4{
  width: 0.8rem;
    height: 0.8rem;;
    /* background-image: url(images/bg3-fourth-4.png); */
    background-repeat: no-repeat;
    position: absolute;
   transform: rotate( -45deg);
    background-size: contain;
   top: 2.37rem;
    right: 5.29rem;
    /* display: none; */
    /* opacity: 0; */
        z-index: 1;
}
.bg3-fourth-1{
    opacity: 0;
}
.bg3-fourth-2{
    opacity: 0;
}
.bg3-fourth-3{
    opacity: 0;
}
.bg3-fourth-4{
    opacity: 0;
}
.animate-bg2-fourth-square4{
    animation: xuanzhuan 1s;
    animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
animation-delay:1s;
-webkit-animation-delay:1s;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
}
.animate-bg2-fourth-square3{
    animation: xuanzhuan 1s;
    animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
animation-delay:2s;
-webkit-animation-delay:2s;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
}
.animate-bg2-fourth-square2{
    animation: xuanzhuan 1s;
    animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
animation-delay:3s;
-webkit-animation-delay:3s;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
}
.animate-bg2-fourth-square1{
    animation: xuanzhuan 1s;
    animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
animation-delay:4s;
-webkit-animation-delay:4s;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
}
@keyframes xuanzhuan {
    0%   {transform: rotate( -40deg)}
	25%  {transform: rotate( -30deg)}
	50% {transform: rotate( -20deg)}
	75%  {transform: rotate( -10deg)}
	100% {transform: rotate( 0deg)}
}
@-webkit-keyframes xuanzhuan /* Safari 和 Chrome */
{
	     0%   {transform: rotate( -40deg)}
	25%  {transform: rotate( -30deg)}
	50% {transform: rotate( -20deg)}
	75%  {transform: rotate( -10deg)}
	100% {transform: rotate( 0deg)}
}
.animate-bg2-fourth-square4-img {
   
         animation: iconShow 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
animation-delay:1s;
-webkit-animation-delay:1s;
}
.animate-bg2-fourth-square3-img  {
  
         animation: iconShow 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
animation-delay:2s;
-webkit-animation-delay:2s;
}
.animate-bg2-fourth-square2-img  {
   
         animation: iconShow 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
animation-delay:3s;
-webkit-animation-delay:3s;
}
.animate-bg2-fourth-square1-img  {
    
         animation: iconShow 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
animation-delay:4s;
-webkit-animation-delay:4s;
}
@keyframes iconShow {
    0%   {opacity: 1;transform: rotate( -30deg);transform: scale(0.6);}
	25%  {opacity: 1;transform: rotate( -24deg);transform: scale(0.7);}
	50%  {opacity: 1;transform: rotate( -16deg);transform: scale(0.8);}
	75%  {opacity: 1;transform: rotate( -8deg);transform: scale(0.9);}
	100% {opacity: 1;transform: rotate( 0deg);transform: scale(1);}
}
@-webkit-keyframes iconShow /* Safari 和 Chrome */
{
	  0%   {opacity: 1;transform: rotate( -30deg);transform: scale(0.6);}
	25%  {opacity: 1;transform: rotate( -24deg);transform: scale(0.7);}
	50%  {opacity: 1;transform: rotate( -16deg);transform: scale(0.8);}
	75%  {opacity: 1;transform: rotate( -8deg);transform: scale(0.9);}
	100% {opacity: 1;transform: rotate( 0deg);transform: scale(1);}
}

.bg3-line{
position: absolute;
    bottom: -0.11rem;
    left: 0.41rem;
    width: 3.96rem;
    height: 2.82rem;
    border-radius: 50%;
    border-left: 0.03rem dashed #000;
    border-right: 0.03rem dashed #000;
    border-bottom: 0.03rem dashed #000;
    border-top: 0.03rem dashed transparent;
    border-radius: 51%/54%;
    background: #d9d7d7;
    opacity: 0.5;
    transform: rotateX(
-59deg
);
animation: lineShow 3s;
animation-iteration-count: infinite;
}
@keyframes lineShow {
    0%   {border-top:3px dashed  #fff;border-right:3px dashed  #f1cbfd; border-bottom:3px dashed  #fee280;border-right:3px dashed  blue;}
	50%  {border-top:3px dashed  blue;border-right:3px dashed  #fff; border-bottom:3px dashed  #f1cbfd;border-right:3px dashed  #fee280;}
	100%  {border-top:3px dashed  #fee280;border-right:3px dashed  blue; border-bottom:3px dashed  #fff;border-right:3px dashed  #f1cbfd;}
	
	
}
@-webkit-keyframes iconShow /* Safari 和 Chrome */
{
 0%   {border-top:3px dashed  #fff;border-right:3px dashed  #f1cbfd; border-bottom:3px dashed  #fee280;border-right:3px dashed  blue;}
	50%  {border-top:3px dashed  blue;border-right:3px dashed  #fff; border-bottom:3px dashed  #f1cbfd;border-right:3px dashed  #fee280;}
	100%  {border-top:3px dashed  #fee280;border-right:3px dashed  blue; border-bottom:3px dashed  #fff;border-right:3px dashed  #f1cbfd;}
}
.bg3-in-line{
position: absolute;
    bottom: -0.11rem;
    left: 0.41rem;
    width: 0%;
    height: 0%;
    border-radius: 50%;
    border-left: 0.03rem dashed #000;
    border-right: 0.03rem dashed #000;
    border-bottom: 0.03rem dashed #000;
    border-top: 0.03rem dashed transparent;
    border-radius: 51%/54%;
   
    transform: rotateX(
-59deg
);

}
.bg3-line-to-right{
    position: absolute;
    bottom: -0.11rem;
    left: 0.41rem;
    width: 3.96rem;
    height: 2.82rem;
    border-radius: 50%;
    border-left: 0.03rem dashed #000;
    border-right: 0.03rem dashed #000;
    border-bottom: 0.03rem dashed #000;
    border-top: 0.03rem dashed transparent;
    border-radius: 51%/54%;
    background: #d9d7d7;
    opacity: 0.5;
    transform: rotateX(
-59deg
);
}
.bg3-line-left-bottom {
  position: absolute;
    bottom: -0.11rem;
    left: 0.41rem;
    width: 3.96rem;
    height: 2.82rem;
    border-radius: 50%;
    border-left: 0.03rem dashed #000;
    border-right: 0.03rem dashed #000;
    border-bottom: 0.03rem dashed #000;
    border-top: 0.03rem dashed transparent;
    border-radius: 51%/54%;
    background: #d9d7d7;
    opacity: 0.5;
    transform: rotateX(
-59deg
); 
}
.section-fourth-line1{
    width: 0.8rem;
    height: 1px;
    /* border-top: 3px dashed #004792; */
    position: absolute;
    top: 2.74rem;
    right: 0.48rem;
}
.section-fourth-line2{
    width: 1px;
    height: 1.38rem;
    /* border-left: 3px dashed #9fa3a7; */
    position: absolute;
    top: 3.22rem;
    right: 0.05rem;
}

.section-fourth-line3{
   width: 1.2rem;
    /* border-top: 3px dashed #004792; */
    position: absolute;
    top: 4.60rem;
    right: 0.09rem;
    height: 1px;
    transform: rotate(
180deg
);
}
.section-fourth-line3-1{
   width: 1.20rem;
    /* border-top: 3px dashed #004792; */
    position: absolute;
    top: 4.60rem;
    right: 0.09rem;
    height: 1px;
 
}
.section-fourth-line4{
    width: 1.19rem;
    /* border-top: 3px dashed #004792; */
    position: absolute;
    top: 4.57rem;
    right: 2.24rem;
    height: 1px;
    transform: rotate(
180deg
);
}
.section-fourth-line4-1{
    width: 1.19rem;
    /* border-top: 3px dashed #004792; */
    position: absolute;
    top: 4.57rem;
    right: 2.24rem;
    height: 1px;
 
}
.section-fourth-line5{
        width: 1.43rem;
    /* border-top: 3px dashed #004792; */
    position: absolute;
    top: 4.56rem;
    right: 4.24rem;
    height: 1px;
    transform: rotate(
180deg
);
}
.section-fourth-line5-1{
        width: 1.43rem;
    /* border-top: 3px dashed #004792; */
    position: absolute;
    top: 4.56rem;
    right: 4.24rem;
    height: 1px;
  
}
.section-fourth-line6{
       height: 1.31rem;
    /* border-left: 2px dashed #004792; */
    position: absolute;
    top: 3.20rem;
    right: 5.66rem;
    width: 1px;
    transform: rotate(
-180deg
);
}
.section-fourth-line6-1{
       height: 1.31rem;
    /* border-left: 2px dashed #004792; */
    position: absolute;
    top: 3.20rem;
    right: 5.66rem;
    width: 1px;
   

}
.section-fourth-line7{
       width: 0.68rem;
    /* border-top: 3px dashed #004792; */
    position: absolute;
    top: 2.75rem;
    right: 4.59rem;
    height: 1px;
   
}
.section-fourth-line7-1{
       width: 0.68rem;
    /* border-top: 3px dashed #004792; */
    position: absolute;
    top: 2.75rem;
    right: 4.59rem;
    height: 1px;
        transform: rotate(
180deg
);
   
}

.section-fourth-line1-in{
    width: 0%;
    height: 1px;
    border-top: 0.03rem dashed #004792;
    position: absolute;
}
.section-fourth-line2-in{
    height: 0%;
    width: 1px;
    border-left: 0.03rem dashed #004792;
    position: absolute;
}
.section-fourth-line3-in{
    width: 0%;
    height: 1px;
    border-top: 0.03rem dashed #004792;
    position: absolute;
}
.section-fourth-line4-in{
    width: 0%;
    height: 1px;
    border-top: 0.03rem dashed #004792;
    position: absolute;
}
.section-fourth-line5-in{
    width: 0%;
    height: 1px;
    border-top: 0.03rem dashed #004792;
    position: absolute;
}
.section-fourth-line6-in{
    height: 0%;
    width: 1px;
    border-left: 0.03rem dashed #004792;
    position: absolute;
}
.section-fourth-line7-in{
    width: 0%;
    height: 1px;
    border-top: 0.03rem dashed #004792;
    position: absolute;
}


/* 线段第二层 */
.section-fourth-line1-in1{
    width: 100%;
    height: 1px;
    border-top: 0.03rem dashed #004792;
    z-index: 1;
    opacity: 0;
        position: absolute;
    right: 0;
}
.section-fourth-line2-in1{
    height: 100%;
    width: 1px;
    border-left: 0.03rem dashed #004792;
    z-index: 1;
     opacity: 0;
      position: absolute;
      bottom: 0;
}
.section-fourth-line3-in1{
    width: 100%;
    height: 1px;
    border-top: 0.03rem dashed #004792;
    z-index: 1;
     opacity: 0;
      position: absolute;
      top: -0.02rem;
}
.section-fourth-line4-in1{
    width: 100%;
    height: 1px;
    border-top: 0.03rem dashed #004792;
     opacity: 0;
      position: absolute;
      top: -0.02rem;
}
.section-fourth-line5-in1{
    width: 100%;
    height: 1px;
    border-top: 0.03rem dashed #004792;
     opacity: 0;
      position: absolute;
      top: -0.02rem;
}
.section-fourth-line6-in1{
    height: 100%;
    width: 1px;
    border-left: 0.03rem dashed #004792;
     opacity: 0;
      position: absolute;
      left: -0.02rem;
}
.section-fourth-line7-in1{
    width: 100%;
    height: 1px;
    border-top: 0.03rem dashed #004792;
     opacity: 0;
      position: absolute;
          top: -0.02rem;
}
.ren {
         width: 4.25rem;
    height: 3.01rem;
    position: absolute;
    top: 1.58rem;
    background-image: url(images/ren.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: 1.37rem;
    opacity: 0;

}
.animate-ren{
animation: renShow 2s linear;
    animation-iteration-count: 1;
    /* 延迟 */
animation-delay:3s;
-webkit-animation-delay:3s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
}

@keyframes renShow {
    0%   {opacity:0.3}
	50%  {opacity:0.6}
	100% {opacity:1}
	
}
@-webkit-keyframes renShow /* Safari 和 Chrome */
{
	  0%   {opacity:0.3}
	50%  {opacity:0.6}
	100% {opacity:1}
}
.imgLoop{

}
.blue{
    background-image: url(images/blue.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.enter{
   
width:100%;
height:1.25rem;
}
.tip{
    font-family:PingFangSC-Regular;
font-size:0.2rem;
color:#ffffff;
letter-spacing:0;
text-align:left;
}
.bottomButton {
    background:#ffffff;
border-radius:4px;

width:1.8rem;
height:0.47rem;
font-family:PingFangSC-Regular;
font-size:0.2rem;
color:#333333;
letter-spacing:0;
text-align:left;
}
.footer{
background:#5c5c5d;
width:100%;


padding-top: 30px;
box-sizing: border-box;
padding-bottom: 27px;
}
.qc {
    width: 100px;
    height: 100px;
}
.qc img{
    width: 100%;
    height:100%;
}
.imgLoop{
   background: #f6f9fc;
    width: 100%;
   
    padding: 0.5rem 1rem;
    box-sizing: border-box;


}
.main {
    background-color: #fff;
    /* height: 360px; */
   
}
.footer-first{
    height: 100px;
    width: 15.6rem;
    max-width: 1560px;
    margin: 0 auto;
    
}
.aboutMe{
    font-family:MicrosoftYaHei;
font-size:0.14rem;
color:#ffffff;
letter-spacing:2.01px;
text-align:left;

}
.banquan {
    font-family:MicrosoftYaHei;
font-size:12px;
color:#999999;
letter-spacing:0.27px;
text-align:center;
}
.weixin-font {
    font-family:MicrosoftYaHei;
font-size:12px;
color:#999999;
letter-spacing:0;
text-align:left;
}
@media screen and (min-width: 768px){
.carousel-indicators {
    bottom: -5px;
}
}
.qc_line {
    position: absolute;
    width: 0;
    height: 105px;
    border-left: 1px solid #999999;
    right: 0;
    top: 18px;
}
/* 第一部分 */
/* 第一个动画，线段反向展示 */
.bg2-line-1-in{
       width: 100%;
    border-top: 3px dashed #fff;
    height: 1px;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.bg2-line-2-in{
width: 1px;
    border-left: 3px dashed #fff;
    height: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
}
.bg2-line-3-in{
    width: 1px;
    border-left: 3px dashed #fff;
    height: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
}
.bg2-line-4-in{
    width: 100%;
    border-top: 3px dashed #fff;
    height: 1px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}
.bg2-line-5-in{
    width: 100%;
    border-top: 3px dashed #fff;
    height: 1px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}
.bg2-line-6-in{
    width: 100%;
    border-top: 3px dashed #fff;
    height: 1px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}
.bg2-line-7-in{
   width: 1px;
    border-left: 3px dashed #fff;
    height: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
}
.bg2-line-8-in{
   width: 1px;
    border-left: 3px dashed #fff;
    height: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
}
.bg2-line-9-in{
    width: 100%;
    border-top: 3px dashed #fff;
    height: 1px;
    top: 0;
    right: 0;
    position: absolute;
    opacity: 0;
}
/* 第一个部分 第一个动画*/
@keyframes iconShowFirst {
    0%   {opacity: 0.2;transform: scale(0.6);}
	25%  {opacity: 0.4;transform: scale(0.7);}
	50%  {opacity: 0.6;transform: scale(0.8);}
	75%  {opacity: 0.8;transform: scale(0.9);}
	100% {opacity: 1;transform: scale(1);}
}
@-webkit-keyframes iconShowFirst /* Safari 和 Chrome */
{
	  0%   {opacity: 0.2;transform: scale(0.6);}
	25%  {opacity: 0.4;transform: scale(0.7);}
	50%  {opacity: 0.6;transform: scale(0.8);}
	75%  {opacity: 0.8;transform: scale(0.9);}
	100% {opacity: 1;transform: scale(1);}
}
@keyframes iconHideFirst {
	0% {opacity: 1;transform: scale(1);}
	25%  {opacity: 0.7;transform: scale(0.9);}
	50%  {opacity: 0.5;transform: scale(0.8);}
	75%  {opacity: 0.3;transform: scale(0.7);}
    100%   {opacity: 0;transform: scale(0.6);}
}
@-webkit-keyframes iconHideFirst /* Safari 和 Chrome */
{
	  0% {opacity: 1;transform: scale(1);}
	25%  {opacity: 0.7;transform: scale(0.9);}
	50%  {opacity: 0.5;transform: scale(0.8);}
	75%  {opacity: 0.3;transform: scale(0.7);}
    100%   {opacity: 0;transform: scale(0.6);}
}
/* 第一部分第二个动画 */
@keyframes lineWidthFirst {
    0%   {opacity: 1;width: 0%;}
    20%   {opacity: 1;width: 20%;}
	40%   {opacity: 1;width: 40%;}
	60%   {opacity: 1;width: 60%;}
	80%   {opacity: 1;width: 80%;}
	100%  {opacity: 1;width: 100%;}
}
@-webkit-keyframes lineWidthFirst /* Safari 和 Chrome */
{
	  0%   {opacity: 1;width: 0%;}
    20%   {opacity: 1;width: 20%;}
	40%   {opacity: 1;width: 40%;}
	60%   {opacity: 1;width: 60%;}
	80%   {opacity: 1;width: 80%;}
	100%  {opacity: 1;width: 100%;}
}
/* width reverse 线段反向*/
@keyframes lineWidthFirst-reverse {
    0%   {opacity: 1;width: 100%;}
    20%   {opacity: 1;width: 80%;}
	40%   {opacity: 1;width: 60%;}
	60%   {opacity: 1;width: 40%;}
	80%   {opacity: 1;width: 20%;}
	100%  {opacity: 1;width: 0%;}
}
@-webkit-keyframes lineWidthFirst-reverse /* Safari 和 Chrome */
{
	  0%   {opacity: 1;width: 100%;}
    20%   {opacity: 1;width: 80%;}
	40%   {opacity: 1;width: 60%;}
	60%   {opacity: 1;width: 40%;}
	80%   {opacity: 1;width: 20%;}
	100%  {opacity: 1;width: 0%;}
}
@keyframes lineHeightFirst {
    0%   {opacity: 1;height: 0%;}
    20%   {opacity: 1;height: 20%;}
	40%   {opacity: 1;height: 40%;}
	60%   {opacity: 1;height: 60%;}
	80%   {opacity: 1;height: 80%;}
	100%  {opacity: 1;height: 100%;}
}
@-webkit-keyframes lineHeightFirst /* Safari 和 Chrome */
{
	  0%   {opacity: 1;height: 0%;}
    20%   {opacity: 1;height: 20%;}
	40%   {opacity: 1;height: 40%;}
	60%   {opacity: 1;height: 60%;}
	80%   {opacity: 1;height: 80%;}
	100%  {opacity: 1;height: 100%;}
}
/* height reverse 线段反向*/
@keyframes lineHeightFirst-reverse {
    0%   {opacity: 1;height: 100%;}
    20%   {opacity: 1;height: 80%;}
	40%   {opacity: 1;height: 60%;}
	60%   {opacity: 1;height: 40%;}
	80%   {opacity: 1;height: 20%;}
	100%  {opacity: 1;height: 0%;}
}
@-webkit-keyframes lineHeightFirst-reverse /* Safari 和 Chrome */
{
	  0%   {opacity: 1;height: 100%;}
    20%   {opacity: 1;height: 80%;}
	40%   {opacity: 1;height: 60%;}
	60%   {opacity: 1;height: 40%;}
	80%   {opacity: 1;height: 20%;}
	100%  {opacity: 1;height: 0%;}
}
.animate-first-step1 {
  animation: iconShowFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:0s;
-webkit-animation-delay:0s;
}
.animate-first-step2 {
animation: lineWidthFirst 2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:1s;
-webkit-animation-delay:1s;
}
.animate-first-step3 {
  animation: iconShowFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:3s;
-webkit-animation-delay:3s;
}
.animate-first-step4 {
animation: lineHeightFirst 2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:4s;
-webkit-animation-delay:4s;
}
.animate-first-step5 {
  animation: iconShowFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:6s;
-webkit-animation-delay:6s;
}
.animate-first-step6 {
animation: lineHeightFirst 2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:7s;
-webkit-animation-delay:7s;
}
.animate-first-step7 {
animation: lineWidthFirst 2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:9s;
-webkit-animation-delay:9s;
}
.animate-first-step8 {
  animation: iconShowFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:11s;
-webkit-animation-delay:11s;
}
.animate-first-step9 {
  animation: lineWidthFirst 2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:12s;
-webkit-animation-delay:12s;
}
/* 监考 */
.animate-first-step10 {
  animation: iconShowFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:14s;
-webkit-animation-delay:14s;
}
.animate-first-step11 {
  animation: lineWidthFirst 2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:15s;
-webkit-animation-delay:15s;
}
/* 阅卷 */
.animate-first-step12 {
  animation: iconShowFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:17s;
-webkit-animation-delay:17s;
}
.animate-first-step13 {
animation: lineHeightFirst 2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:18s;
-webkit-animation-delay:18s;
}
/* 成绩 */

.animate-first-step14 {
  animation: iconShowFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:20s;
-webkit-animation-delay:20s;
}
.animate-first-step15 {
animation: lineHeightFirst 2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:21s;
-webkit-animation-delay:21s;
}
.animate-first-step16 {
  animation: lineWidthFirst 2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:23s;
-webkit-animation-delay:23s;
}
/* 考情 */

.animate-first-step17 {
  animation: iconShowFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:25s;
-webkit-animation-delay:25s;
}
/* 一圈完成，再来一圈 */
.animate-first-step18 {
  animation: iconHideFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:0s;
-webkit-animation-delay:0s;
}
.animate-first-step19 {
  animation: lineWidthFirst-reverse  2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:1s;
-webkit-animation-delay:1s;
}
.animate-first-step20 {
  animation: iconHideFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:3s;
-webkit-animation-delay:3s;
}
.animate-first-step21 {
  animation: lineHeightFirst-reverse  2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:4s;
-webkit-animation-delay:4s;
}
.animate-first-step22 {
  animation: iconHideFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:6s;
-webkit-animation-delay:6s;
}
.animate-first-step23 {
  animation: lineHeightFirst-reverse  2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:7s;
-webkit-animation-delay:7s;
}
.animate-first-step24 {
  animation: lineWidthFirst-reverse  2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:9s;
-webkit-animation-delay:9s;
}
.animate-first-step25 {
  animation: iconHideFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:11s;
-webkit-animation-delay:11s;
}
.animate-first-step26 {
  animation: lineWidthFirst-reverse  2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:12s;
-webkit-animation-delay:12s;
}
.animate-first-step27 {
  animation: iconHideFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:14s;
-webkit-animation-delay:14s;
}
.animate-first-step28 {
  animation: lineWidthFirst-reverse  2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:15s;
-webkit-animation-delay:15s;
}
/* 阅卷 */
.animate-first-step29 {
  animation: iconHideFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:17s;
-webkit-animation-delay:17s;
}
.animate-first-step30 {
  animation: lineHeightFirst-reverse  2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:18s;
-webkit-animation-delay:18s;
}
.animate-first-step31 {
  animation: iconHideFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:20s;
-webkit-animation-delay:20s;
}
.animate-first-step32 {
  animation: lineHeightFirst-reverse  2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:21s;
-webkit-animation-delay:21s;
}
.animate-first-step33 {
  animation: lineWidthFirst-reverse  2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:23s;
-webkit-animation-delay:23s;
}
.animate-first-step34 {
  animation: iconHideFirst 1s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:25s;
-webkit-animation-delay:25s;
}
/* 第二部分 动画关于文字遮罩 */
@keyframes zhezhaoWidth {
	0%  {width: 100%;}
	20%   {width: 80%;}
	40%   {width: 60%;}
	60%   {width: 40%;}
    80%   {width: 20%;}
    100%   {width: 0%;}
}
@-webkit-keyframes zhezhaoWidth /* Safari 和 Chrome */
{
	 0%  {width: 100%;}
	20%   {width: 80%;}
	40%   {width: 60%;}
	60%   {width: 40%;}
    80%   {width: 20%;}
    100%   {width: 0%;}
}
.animate-zhezhaoWidth {
  animation: zhezhaoWidth 3s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:0s;
-webkit-animation-delay:0s;
}

/*第三部分动画，线段循环 图形闪烁*/

.animate-third-line-step1 {
  animation: lineWidthFirst  2s ;
     animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
/* 播放次数 */
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
/* 当动画完成后，保持最后一个属性值 */
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:5s;
-webkit-animation-delay:5s;
}
.animate-third-line-step2 {
  animation: flash 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:7s;
-webkit-animation-delay:7s;
}
.animate-third-line-step3 {
  animation: lineHeightFirst 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:8s;
-webkit-animation-delay:8s;
}
.animate-third-line-step4 {
  animation: lineWidthFirst 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:10s;
-webkit-animation-delay:10s;
}
.animate-third-line-step5 {
  animation: flash 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:12s;
-webkit-animation-delay:12s;
}
.animate-third-line-step6 {
  animation: lineWidthFirst 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:13s;
-webkit-animation-delay:13s;
}
.animate-third-line-step7 {
  animation: flash 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:15s;
-webkit-animation-delay:15s;
}
.animate-third-line-step8 {
  animation: lineWidthFirst 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:16s;
-webkit-animation-delay:16s;
}
.animate-third-line-step9 {
  animation: lineHeightFirst 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:18s;
-webkit-animation-delay:18s;
}
.animate-third-line-step10 {
  animation: flash 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:20s;
-webkit-animation-delay:20s;
}
.animate-third-line-step11 {
  animation: lineWidthFirst 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:21s;
-webkit-animation-delay:21s;
}
.animate-third-line-step12 {
  animation: lineWidthFirst-reverse 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:1s;
-webkit-animation-delay:1s;
}
.animate-third-line-step13 {
  animation: flash 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:3s;
-webkit-animation-delay:3s;
}
.animate-third-line-step14 {
  animation: lineHeightFirst-reverse 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:4s;
-webkit-animation-delay:4s;
}
.animate-third-line-step15 {
  animation: lineWidthFirst-reverse 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:6s;
-webkit-animation-delay:6s;
}
.animate-third-line-step16 {
  animation: flash 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:8s;
-webkit-animation-delay:8s;
}
.animate-third-line-step17 {
  animation: lineWidthFirst-reverse 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:9s;
-webkit-animation-delay:9s;
}
.animate-third-line-step18 {
  animation: flash 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:11s;
-webkit-animation-delay:11s;
}
.animate-third-line-step19 {
  animation: lineWidthFirst-reverse 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:12s;
-webkit-animation-delay:12s;
}
.animate-third-line-step20 {
  animation: lineHeightFirst-reverse 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:14s;
-webkit-animation-delay:14s;
}
.animate-third-line-step21 {
  animation: flash 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:16s;
-webkit-animation-delay:16s;
}
.animate-third-line-step22 {
  animation: lineWidthFirst-reverse 2s;
         animation-timing-function:linear;
-webkit-animation-timing-function:linear; 
animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards; 
/* 延迟 */
animation-delay:17s;
-webkit-animation-delay:17s;
}