/* home-map */



.home-map {
    position: relative;
    padding: 2.2083vw 0;
    background: #f9faf9;
    overflow: hidden;
}


.nmap{margin-top: 40px;height: 550px;}


.max1465{
    max-width: 1261px;
    margin: 0 auto;width: 96%;
}

.earth-map {
    text-align: center;
    position: relative;
    height: 550px;
    
}

.earth-map > img {
    max-width: 100%;
    height: auto;
}

@keyframes warn{
    0%{transform:scale(.3);-webkit-transform:scale(.3);opacity:0}
    25%{transform:scale(.3);-webkit-transform:scale(.3);opacity:.1}
    50%{transform:scale(.5);-webkit-transform:scale(.5);opacity:.3}
    75%{transform:scale(.8);-webkit-transform:scale(.8);opacity:.6}
    100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}
}


.netbox{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.netbox .hq{
    position: absolute;
    z-index: 99;
    left: 77.100887%;
    top: 40.691751%;
}



.netbox .hq span{
    position: absolute;
    left: -90px;
    top: 0px;
    color: #fff;
    width: 139px;
    height: 66px;
}

.netbox .netli{
    position: absolute;
    z-index: 99;
  
}

.netbox .nt1{
       left: 13.651877%;
     top: 37.626628%;
}


.netbox .nt2{
      left: 43.113617%;
    top: 29.878437%;
}

.netbox .nt3{
   left: 30.692832%;
    top: 71.253256%;
}


.netbox .nt4{
      left: 44.186%;
    top: 34.17945%;
}

.netbox .nt5{
   left: 67.1092%;
    top: 52.06917%;
}


.netbox .nt6{
    left: 50.1092%;
    top: 28.06917%;
}



.netbox .nt7{
     left: 46.1092%;
    top: 38.06917%;
}



.netbox .nt8{
    left: 53.1092%;
    top: 40.06917%;
}



.netbox .nt9{
   left: 57.1092%;
    top: 35.06917%;
}


.netbox .nt10{
    left: 52.1092%;
    top: 77.06917%;
}




.netbox .nt11{
    left: 84.5092%;
    top: 41.06917%;
}





.netbox .netli span{
    font-size: 12px;
    font-family: "gilroy-bold";
    color: #444444;margin: 0 5px;
}
 .netbox .hq{
    /* opacity: 1; */
    transition: all 0.3s;
}

 .netbox .nt1{
     left: 13.651877%;
     top: 37.626628%;
     
}




 .netbox .nt2{
    left: 43.113617%;
    top: 26.878437%;
}




 .netbox .nt3{
    left: 30.692832%;
    top: 71.253256%;

}



 .netbox .nt4{
    left: 44.186%;
    top: 34.17945%;

}

 .netbox .nt5{
    left: 82.1092%;
    top: 90.06917%;
}



 .netbox .nt6{
    left: 50.1092%;
    top: 28.06917%;
 
}


 .netbox .nt7{
    left: 50.1092%;
    top: 35.06917%;
}


 .netbox .nt8{
    left: 48.1092%;
    top: 27.06917%;
}



 .netbox .nt9{
    left: 51.1092%;
    top: 27.06917%;
}


 .netbox .nt9 span{
    margin: -18px 3px 0;
}
 .netbox .nt5 span{
    margin: -18px 3px 0;
}

 .netbox .nt10{
    left: 73.1092%;
    top: 62.06917%;
}



 .netbox .nt11{
    left: 84.5092%;
    top: 34.06917%;
}




 .netbox .nt12{
    left: 49.692832%;
    top: 24.253256%;
}




 .netbox .nt13{
    left: 55.692832%;
    top: 38.253256%;
}


 .netbox .nt14{
    left: 70.692832%;
    top: 17.253256%;
    text-align: center;
    margin: 0 auto;
}
 .netbox .nt14 span{

margin: 1px 5px 0 0px;
}
 .netbox .nt17 span{

margin: 1px 5px 0 0px;
}


 .netbox .nt15{
    left: 45.632%;
    top: 37.253256%;
}




 .netbox .nt16{
    left: 73.692832%;
    top: 57.253256%;
}




 .netbox .nt17{
    left: 78.692832%;
    top: 57.253256%;
}



 .netbox .nt18{
    left: 80.692832%;
    top: 40.253256%;
}

 .netbox .nt18 span{
    margin: -12px 0px 0 6px;
}



.netbox .line{
    opacity: 0;
}
 .netbox .line{
    opacity: 1;
    transition:all 0.3s;
    transition-delay: 3s;
    transition-delay: 0s;display: none;
}
 .netbox .line0{
    opacity: 1;
    transition:all 0.3s;
    transition-delay:3.5s;
    transition-delay:0s;display: none;
}

.netbox .line1-01{
    position: absolute;
    width: 10.9215%;
    height: 9.69609%;
    left:14.3583%;
    top: 28.1435%;
}
.netbox .line1-01 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background-size: auto 100%;
    transition-delay: 1s;
}



.netbox .line1-02{
    position: absolute;
    width: 13.6518%;
    height: 19.2474%;
    left: 12.2866%;
    top: 19.5369%;
    
}
.netbox .line1-02 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/a02.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}

.netbox .line1-03{
    position: absolute;
    width: 1.843003%;
    height: 30.101302%;
    left: 24.1733%;
    top: 7.2358%;
}
.netbox .line1-03 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/a03.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line1-04{
    position: absolute;
    width: 10.2389%;
    height: 33.8639%;
    left: 26.279863%;
    top:3.617945%;
}
.netbox .line1-04 span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/a04.png) no-repeat left bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line1-05{
    position: absolute;
    width: 8.3959%;
    height: 20.98408%;
    left: 26.279863%;
    top: 17.366136%;
}
.netbox .line1-05 span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/a05.png) no-repeat left bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}



/**/
.netbox .line2-01{
    position: absolute;
    width: 10.580204%;
    height: 7.091172%;
    left: 46.075085%;
    top: 23.878437%;
}
.netbox .line2-01 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/b01.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line2-02{
    position: absolute;
    width: 7.71331%;
    height: 3.473227%;
    left: 48.80546%;
    top: 22.431259%;
}
.netbox .line2-02 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/b02.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line2-03{
    position: absolute;
    width: 4.914675%;
    height: 21.562952%;
    left: 51.535836%;
    top: 5.788712%;
}
.netbox .line2-03 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/b03.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line2-04{
    position: absolute;
    width: 6.962457%;
    height: 16.497829%;
    left: 56.313993%;
    top: 10.853835%;
}
.netbox .line2-04 span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/b04.png) no-repeat left bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line2-05{
    position: absolute;
    width: 17.815699%;
    height: 15.195369%;
    left: 56.65529%;
    top: 10.130246%;
}
.netbox .line2-05 span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/b05.png) no-repeat left bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line2-06{
    position: absolute;
    width: 25.870307%;
    height: 8.53835%;
    left: 56.65529%;
    top: 17.366136%;
}
.netbox .line2-06 span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/b06.png) no-repeat left bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}




/**/
.netbox .line3-01{
    position: absolute;
    width: 4.846416%;
    height: 10.274963%;
    left: 27.849829%;
    bottom: 12.301013%;
}
.netbox .line3-01 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/1699056cc8d8553d9abce959efe533e042956670.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}


.netbox .line3-02{
    position: absolute;
    width: 4.095563%;
    height: 3.617945%;
    left: 28.327645%;
    bottom: 23.154848%;
}
.netbox .line3-02 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/c02.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line3-03{
    position: absolute;
    width: 7.167235%;
    height: 9.261939%;
    left: 25.392491%;
    bottom: 21.70767%;
}
.netbox .line3-03 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/c03.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line3-04{
    position: absolute;
    width: 7.030716%;
    height: 15.918958%;
    left: 25.597269%;
    bottom: 23.154848%;
}
.netbox .line3-04 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/c04.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line3-05{
    position: absolute;
    width: 13.378839%;
    height: 37.192474%;
    left: 32.21843%;
    bottom: 22.865412%;
}
.netbox .line3-05 span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/c05.png) no-repeat left bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line3-06{
    position: absolute;
    width: 15.904436%;
    height: 29.377713%;
    left: 32.764505%;
    bottom: 24.746743%;
}
.netbox .line3-06 span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/c06.png) no-repeat left bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line3-07{
    position: absolute;
    width: 22.662116%;
    height: 21.418234%;
    left: 32.764505%;
    bottom: 23.878437%;
}
.netbox .line3-07 span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/c07.png) no-repeat left bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line3-08{
    position: absolute;
    width: 26.552901%;
    height: 16.208393%;
    left: 32.764505%;
    bottom: 23.589001%;
}
.netbox .line3-08 span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/c08.png) no-repeat left bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line3-09{
    position: absolute;
    width: 20.614334%;
    height: 7.091172%;
    left: 32.764505%;
    bottom: 23.154848%;
}
.netbox .line3-09 span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/c09.png) no-repeat left bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}






/**/

.netbox .line4-01{
    position: absolute;
    width: 61.30%;
    height: 33.76%;
    left: 16.969283%;
    top: 10.853835%;
}


.netbox .line4-01 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/4e7424942efd7cd1fd4efa1ddf5184968b546683.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}





.netbox .line4-02{
    position: absolute;
    width: 31.64%;
    height: 20.73%;
    left: 46.723549%;
    top: 23.102749%;
}



.netbox .line4-02 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/b0226ca91dae2dd752b8a5c809f0e238a5dcfc85.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}




.netbox .line4-03{
    position: absolute;
    width: 45.99524187%;
    height: 32.31511253%;
    left: 31.996587%;
    top: 38.338639%;
}

.netbox .line4-03 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/1699056cc8d8553d9abce959efe533e042956670.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}


.netbox .line4-04{
    position: absolute;
    width: 31.16574147501983%;
    height: 14.63022508038585%;
    left: 48.194539%;
    top: 28.114327%;
}


.netbox .line4-04 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/1f7bd6e102e0efb3bdc673cf75d801a0ddb86345.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}



.netbox .line4-05{
    position: absolute;
    width: 8.64393338620143%;
    height:5.94855305466238%;
    left: 68.9624%;
    top: 45.8509%;
}


.netbox .line4-05 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/be01032bf4f079ca81a249ceec0f1bf21f334bf3.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}





.netbox .line4-06{
    position: absolute;
    width: 27.99365582870738%;
    height: 18.0064308681672%;
    left: 52.098976%;
    top: 28.455861%;
}


.netbox .line4-06 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/3b864001dc179458a0ca4c409d8c0d64e2832303.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}

.netbox .line4-07{
    position: absolute;
    width: 28.62807295796987%;
    height: 11.41479099678457%;
    left: 50.836177%;
    top: 35.073806%;
}



.netbox .line4-07 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/ac3d6dde66d155234af6d5d91a0c899dccbcb5f0.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 0s;
}




.netbox .line4-08{
    position: absolute;
    width: 25.61459159397304%;
    height: 7.07395498392283%;
    left: 54.31058%;
    top: 38.257597%;
}


.netbox .line4-08 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/77e1c221a684ab8fe25175c6fe79bf2c886064e3.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}



.netbox .line4-09{
    position: absolute;
    width: 19.98413957176844%;
    height: 9.48553054662379%;
    left: 58.750853%;
    top: 33.138929%;
}


.netbox .line4-09 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/b0dd46d852c5d9c049358927bd0b9006b0f9e8cb.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}






.netbox .line4-10{
    position: absolute;
    width: 26.0904044409199%;
    height: 34.2443729903537%;
    left: 52.918088%;
    top: 42.151953%;
}
.netbox .line4-10 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/86e29dd2596db1d5dc09261d2b19b5b131405a8b.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}







/* .netbox .line4-11{
    position: absolute;
    width: 5.31324345757335%;
    height: 2.09003215434084%;
    left: 79.129692%;
    top: 42.586107%;
}
.netbox .line4-11 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/47db4144fe2f1c146a98e9559761abbf40b3d6a4.png) no-repeat left bottom;
    background-size: auto 100%;
    transition-delay: 1s;
} */


.netbox .line2-06{
    position: absolute;
    width: 5.31324345757335%;
    height: 2.09003215434084%;
    left: 79.129692%;
    top: 42.586107%;
}
.netbox .line2-06 span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/47db4144fe2f1c146a98e9559761abbf40b3d6a4.png) no-repeat left bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}












/**/
.netbox .line5-01{
    position: absolute;
    width: 14.8122%;
    height: 31.40376%;
    left: 32.0819%;
    bottom: 31.8379%;
}
.netbox .line5-01 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/f01.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line5-02{
    position: absolute;
    width: 28.60068%;
    height: 14.0376%;
    left: 18.430034%;
    bottom: 49.20405%;
}
.netbox .line5-02 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/f02.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line5-03{
    position: absolute;
    width: 17.133105%;
    height: 6.36758%;
    left: 29.6928%;
    bottom: 63.12301%;
}
.netbox .line5-03 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/f03.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line5-04{
    position: absolute;
    width: 12.01365%;
    height: 20.98408%;
    left: 34.81228%;
    bottom: 62.95224%;
}
.netbox .line5-04 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/f04.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line5-05{
    position: absolute;
    width: 25.46075%;
    height: 10.2749%;
    left: 46.75767%;
    bottom: 63.67583%;
}
.netbox .line5-05 span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/f05.png) no-repeat left bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line5-06{
    position: absolute;
    width: 4.505119%;
    height: 4.6309%;
    left: 46.75767%;
    bottom: 58.33429%;
}
.netbox .line5-06 span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/f06.png) no-repeat left bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}





/**/
.netbox .line6-01{
    position: absolute;
    width: 22.8668%;
    height: 29.23299%;
    left: 57.3378%;
    top: 26.0492%;
}
.netbox .line6-01 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/q1.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line6-02{
    position: absolute;
    width: 32.3549%;
    height: 21.2735%;
    left: 48.18%;
    top: 35.298%;
}
.netbox .line6-02 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/q2.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line6-03{
    position: absolute;
    width: 52.696%;
    height: 17.366%;
    left: 27.1672%;
    top: 38.6396%;
}
.netbox .line6-03 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/q3.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}
.netbox .line6-04{
    position: absolute;
    width: 45.8703%;
    height: 24.1678%;
    left: 33.5836%;
    top: 52.8219%;
}
.netbox .line6-04 span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(../images/q4.png) no-repeat right bottom;
    background-size: auto 100%;
    transition-delay: 1s;
}





 .netbox .line span {
    animation: widthx 1.8s linear 1.8s;
    animation-fill-mode: forwards;
    
    animation: widthx 1.5s linear 2.8s; /* 修改这里的延迟时间为5.3秒 */
    animation-fill-mode: forwards;
}
 .netbox .line0 span {
    animation: widthx 1.8s linear .8s;
    animation-fill-mode: forwards;
}







@keyframes widthx {
    from {width:0px;}
    to {width:100%;}
}
@keyframes heighty {
    from {height:0px;}
    to {height:100%;}
}







.adress11{
    position: absolute;
    background:#fff;
    min-width: 225px;
    padding: 15px 20px;
    color:#444;
    font-size: 12px;
    line-height: 22px;
    margin-top: 10px;
    display: none;
    z-index: 999999!important;
    text-align: left;
}

.nt1 .adress11{top:70%;}


.nt2 .adress11{left: -156%;top: -655%;}

.nt6 .adress11{right: -236%;top: -346%;}



.nt4 .adress11{left: -439%;top: -85%;}



.netli:hover .adress11{
    display: none;
}




.point-area {
	-webkit-transition:opacity .5s ease-out;
	transition:opacity .5s ease-out;
	width:24px;
	height:24px;float: left;position: relative;margin-top: -8px;
}

.point-area div.point {
	width:100%;
	height:100%;
}

.point-area .point {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:6px;
    height: 6px;
    margin: auto;
    border-radius: 50%;}
    

.point-area .point-dot {
    z-index: 1;
    background-color: #009223;
    display: block;
    border: 1px solid rgba(0, 146, 35, .37);}








.point-area div.point:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:50%;
	border:2px solid #009223;
	opacity:0;
	-webkit-animation:ripple 4.5s ease-out 225ms infinite;
	animation:ripple 4.5s ease-out 225ms infinite
}






.point-area .point-dot22 {
    z-index: 1;
    background-color: #f39700;
    display: block;
    border: 1px solid rgba(243, 151, 0, .37);}


.point-area div.point22:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:50%;
	border:2px solid #f39700!important;
	opacity:0;
	-webkit-animation:ripple 4.5s ease-out 225ms infinite;
	animation:ripple 4.5s ease-out 225ms infinite
}










.point-area .point-dot:hover{ background-color: #f39700;border: 1px solid rgba(243, 151, 0, .37);}
.point-area div.point:after:hover{	border:2px solid #f39700;}





@-webkit-keyframes ripple {
	0% {
	opacity:0;
	-webkit-transform:scale(.1)
}
5% {
	opacity:1
}
to {
	opacity:0;
	-webkit-transform:scale(1)
}
}@keyframes ripple {
	0% {
	opacity:0;
	-webkit-transform:scale(.1);
	transform:scale(.1)
}
5% {
	opacity:1
}
to {
	opacity:0;
	-webkit-transform:scale(1);
	transform:scale(1)
}
}