@charset "UTF-8";
/* CSS Document */


/*logo动画*/
.st2{fill:none;stroke:#ffffff;}
.st3{fill:none; stroke:#E5002D;}
.st4{fill:#ffffff;}
.st5{fill:#E5002D;}
.logo_f1,.logo_f2,.logo_i1,.logo_i2,.logo_i3,.logo_j,.logo_l,.logo_m,.logo_u{
    animation: offset6 2s linear forwards;
}

@keyframes offset6 {
    to {
        stroke-dashoffset: 0px;
    }
}
.logo_f1{
    stroke-dasharray: 157px;
    stroke-dashoffset: 157px;
}
.logo_f2{
    stroke-dasharray: 167px;
    stroke-dashoffset: 167px;
}
.logo_i1{
    stroke-dasharray: 56px;
    stroke-dashoffset: 56px;
}
.logo_i2{
    stroke-dasharray: 55px;
    stroke-dashoffset: 55px;
}
.logo_i3{
    stroke-dasharray: 96px;
    stroke-dashoffset: 96px;
}
.logo_j{
    stroke-dasharray: 119px;
    stroke-dashoffset: 119px;
}
.logo_l{
    stroke-dasharray: 120px;
    stroke-dashoffset: 120px;
}
.logo_m{
    stroke-dasharray: 313px;
    stroke-dashoffset: 313px;
}
.logo_u{
    stroke-dasharray: 203px;
    stroke-dashoffset: 203px;
}
/*动画*/
.u-arrow1 { 
	-webkit-animation: start 1.5s infinite ease-in-out;
	        animation: start 1.5s infinite ease-in-out;
}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}

.fudong{
    animation: myfirst 4s linear infinite;
    -webkit-animation: myfirst 4s linear infinite;
}
@keyframes myfirst{
     0%  { top: 20%;}
     25%   { top: 19.5%;}
     50%   { top: 20%;}
     75% { top: 19.5%;}
     100% { top: 20%;}
 }
@-webkit-keyframes myfirst{
     0%  { top: 20%;}
     25%   { top: 19.5%;}
     50%   { top: 20%;}
     75% { top: 19.5%;}
     100% { top: 20%;}
 }

.jianbian{
    animation: myfirst1 3s linear infinite;
    -webkit-animation: myfirst1 3s linear infinite;
}
@keyframes myfirst1{
     0%  { opacity: 1; -webkit-transform: scale(1);}
     50%   { opacity: 0.5;-webkit-transform: scale(0.95);}
     100% { opacity: 1;-webkit-transform: scale(1);}
 }
@-webkit-keyframes myfirst1{
     0%  { opacity: 1;-webkit-transform: scale(1);}
     50%   { opacity: 0.5;-webkit-transform: scale(0.95);}
     100% { opacity: 1;-webkit-transform: scale(1);}
 }

.doudong{
    animation: myfirst2 1s linear infinite;
    -webkit-animation: myfirst2 1s linear infinite;
}
@keyframes myfirst2{
     0%  { -webkit-transform: scale(1);}
     20%   { -webkit-transform: scale(1.2);}
     40% {-webkit-transform: scale(1);}
     60%   { -webkit-transform: scale(1.2);}
     80%,100% {-webkit-transform: scale(1);}
 }
@-webkit-keyframes myfirst2{
     0%  { -webkit-transform: scale(1);}
     20%   { -webkit-transform: scale(1.2);}
     40% {-webkit-transform: scale(1);}
     60%   { -webkit-transform: scale(1.2);}
     80%,100% {-webkit-transform: scale(1);}
 }


/*弹框CSS*/
.pop_div {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 999998;
    opacity: 0.9; 
    display: none;
}
.tc {
    position: fixed;
    width: 100%;
    left: 0%;
    top: 15%;
    z-index: 999999;
    display: none;
}
.tc_close{
    width: 25%; position: absolute; left: 37.5%; top:83%;
}


/*svg动画*/
.st0{fill:none;stroke:#73BD58;stroke-miterlimit:10;}

.xian1{
    stroke-dasharray: 145px;
    stroke-dashoffset: 145px;
    animation: offset 2s linear forwards;
}

@keyframes offset {
    to {
        stroke-dashoffset: 0px;
    }
}

.xian2{
    stroke-dasharray: 92px;
    stroke-dashoffset: 92px;
    animation: offset1 2s linear forwards;
}

@keyframes offset1 {
    to {
        stroke-dashoffset: 0px;
    }
}

.xian3{
    stroke-dasharray: 60px;
    stroke-dashoffset: 60px;
    animation: offset2 2s linear forwards;
}

@keyframes offset2 {
    to {
        stroke-dashoffset: 0px;
    }
}

.xian4{
    stroke-dasharray: 124px;
    stroke-dashoffset: 124px;
    animation: offset3 2s linear forwards;
}

@keyframes offset3 {
    to {
        stroke-dashoffset: 0px;
    }
}

.xian5{
    stroke-dasharray: 12px;
    stroke-dashoffset: 12px;
    animation: offset4 1s linear forwards;
}
@keyframes offset4 {
    to {
        stroke-dashoffset: 0px;
    }
}

.xian6{
    stroke-dasharray: 50px;
    stroke-dashoffset: 50px;
    animation: offset5 2s linear forwards;
    animation-delay: 1s;
}

@keyframes offset5 {
    to {
        stroke-dashoffset: 0px;
    }
}