@import url(https://css02.v15cdn.com/m623/aos.css);
.home-banner{position: relative;}
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative;display:flex}
.home-banner .swiper-slide>a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(0 0 0 / 45%)}
.home-banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
.home-banner .pcimg{display:block}
.home-banner .mobimg{display:none}
.home-banner .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;color:#FFFFFF;opacity:0}
.home-banner .banner-animote .p1{font-size:var(--fontsize48);font-weight:var(--fontbold5);line-height:1.4;margin:10px 0 10px;font-family: 'Exo2Bold';}
.home-banner .banner-animote .p2{font-size:var(--fontsize24);margin-bottom:50px;color:var(--color)}
.home-banner .banner-animote .p3{margin-top: 5%;}
.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:0 0;background:rgba(255,255,255,.1);color:#FFFFFF;z-index:1;cursor:pointer;transition:all .15s linear;border-radius:50%}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:var(--color)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:var(--fontsize24)}
.home-banner .bannerswiper-prev{left:25px}
.home-banner .bannerswiper-next{right:25px}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}}
@keyframes bannerimg{0%{transform:scale(1)}
50%{transform:scale(1.05)}
100%{transform:scale(1)}}
.home-banner .swiper-pagination{bottom:20px;max-width:1400px;padding:0 70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .swiper-pagination-bullet{background:#b9b9b9;opacity:1}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
.swiper-pagination-bullet{width:12px;height:12px}
#indexbanner video{width: 100%;}
.home-banner .banner-animote{opacity: 1;z-index: 10;}
#indexbanner::after{position: absolute;width: 100%;height: 100%;content: '';background: #00000052;top: 0;left: 0;}
.home-title h1,.home-title h2,.home-title h3,.home-title h4,.home-title h5{font-size: 44px;color: #222429;line-height:1.45;text-transform: capitalize;font-family: 'Exo2Bold';text-align: center;}
.home-title .home-text{font-weight: var(--fontbold5);font-size: var(--fontsize16);color: #6A6F78;line-height: 28px;text-transform: math-auto;max-width: 1100px;margin: 30px auto 0;text-align: center;}
.home-dev{color: #000002;line-height: 1;padding-left: 20px;position: relative;font-family: 'Exo2Bold';}
.home-dev::after{position: absolute;width: 10px;height: 10px;background: var(--color);content: '';left: 0;top: 50%;transform: translateY(-50%);}
.home-btn{display: flex;position: relative;}
.home-btn a{width: 190px;height: 55px;background: var(--color);border-radius: 3px;color: #fff;display: flex;justify-content: center;align-items: center;line-height: 1;text-transform: uppercase;position: relative;z-index: 1;overflow: hidden;}
.home-btn a:after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(0);width: calc(100% + 20px);border-radius: 50%;aspect-ratio: 1 / 1;background: rgba(0, 0, 0, .4);z-index: -1;transition: all .2s linear;}
.home-btn a:hover:after{transform: translate(-50%, -50%) scale(1);}
.home-btn a em{width: 22px;height: 22px;background: #1B1B1B;border-radius: 50%;color: #fff;text-align: center;line-height: 22px;margin-left: 20px;font-size: var(--fontsize14);transition: all .3s ease-in-out;}
.home-equipment{padding: 5% 0;}
.equipment-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 75px;}
.equipment-item{width: 32%;position: relative;margin-bottom: 2%;box-shadow: 1px 1px 15px 4px #ededed;}
.equipment-item>a{display: flex;justify-content: center;align-items: center;padding: 150px 33px 45px;height: 100%;}
.equipment-item:nth-of-type(n+4){margin-bottom: 0;}
.equipment-item::after{position: absolute;content: '';top: 0;height: 70%;width: 100%;background: linear-gradient(180deg, #E9E9E9, #F5F5F5, #FEFEFE);z-index: 0;}
.equipment-item::before{position: absolute;content: '';bottom: 0;height: 30%;background: linear-gradient(180deg, #EAEAEA, #f9f9f9);width: 100%;z-index: 0;}
.equipment-text{position: absolute;z-index: 3;top: 35px;left: 33px;width: 90%;}
.equipment-images{position: relative;z-index: 2;height: 100%;display: flex;justify-content: center;align-items: center;}
.equipment-images img{transition: all .5s linear;}
.equipment-images img:nth-of-type(2){transform: scale(0);opacity: 0;height: 0;}
.equipment-text p{font-size: var(--fontsize22);color: #222429;line-height: 30px;transition: all .5s linear;font-family: 'Exo2Bold';}
.equipment-btn{color: #000002;line-height: 28px;margin-top: 20px;opacity: 0;transition: all .5s linear;text-transform: uppercase;font-family: 'Exo2Bold';}
.equipment-item:hover .equipment-btn em{color: var(--color);}
.equipment-item:hover .equipment-btn{opacity: 1;}
.equipment-item:hover .equipment-text p{color: var(--color);}
.equipment-item:hover .equipment-images img:nth-of-type(1){transform: scale(0);opacity: 0;height: 0;}
.equipment-item:hover .equipment-images img:nth-of-type(2){transform: scale(1);opacity: 1;height: auto;}
.home-advan{padding: 120px 0;background: url(https://css02.v15cdn.com/m623/imgs/advan-back.webp)center no-repeat;background-size: cover;}
.home-advan .l-wrap{display: flex;align-items: center;}
.advan-left{width: 40%;border-radius: 0px 0px 153px 0px;overflow: hidden;position: relative;border-right: 10px solid #fff;border-bottom: 10px solid #fff;transition: all 0.4s linear;}
.advan-left::after{position: absolute;content: '';}
.advan-left:hover{border-color: var(--color);}
.advan-right{flex: 1;padding-left: 9%;}
.advan-right .home-title{text-align: left;}
.advan-right .home-title h2{color: #fff;text-align: left;}
.advan-right .home-title p{color: #929292;text-align: left;}
.advan-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.advan-item{width: 48%;padding: 25px 0;}
.advan-item p{line-height: 28px;}
.advan-item p:nth-of-type(1){font-size: 36px;color: var(--color);font-family: 'Exo2Bold';}
.advan-item p:nth-of-type(2){color: #929292;margin-top: 30px;padding-bottom: 30px;border-bottom: 2px solid #717171;position: relative;}
.advan-item p:nth-of-type(2)::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 0px;
  background-color: var(--color);
  transition: all 0.2s linear;
}
.advan-item:hover p:nth-of-type(2)::before{width: 100%;}
.home-solutions{padding: 85px 32px;}
.home-solutions .solutions-list{display: flex;justify-content: space-between;margin-top: 60px;}
.home-solutions .solutions-item{width: 24%;position: relative;}
.home-solutions .solutions-item:nth-of-type(2n){margin-top: 80px;}
.home-solutions .solutions-img img{width: 100%;display: block;aspect-ratio: 1 / 1.3;object-fit: cover;transition: all .3s ease-in-out;}
.home-solutions .solutions-img{overflow: hidden;border-radius: 3px;position: relative;}
.home-solutions .solutions-btn{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(0deg, #e63c38ad, #00000057);display: flex;justify-content: center;align-items: center;opacity: 0;transition: all .3s ease-in-out;}
.home-solutions .solutions-btn a{width: 62px;height: 62px;background: var(--color);display: flex;justify-content: center;align-items: center;}
.home-solutions .solutions-btn a em{font-size: var(--fontsize14);color: #fff;line-height: 1;font-weight: bold;}
.home-solutions .solutions-tit{margin-top: 40px;}
.home-solutions .solutions-tit p{font-size: var(--fontsize22);color: #000002;line-height: 28px;padding-left: 30px;position: relative;font-family: 'Exo2Bold';}
.home-solutions .solutions-tit p::after{position: absolute;content: '';width: 9px;height: 9px;background: var(--color);left: 0;top: 10px;}
.home-solutions .solutions-item:hover .solutions-btn{opacity: 1;}
.home-solutions .solutions-item:hover .solutions-img img{transform: scale(1.02);}
.home-custom{padding: 105px 0;background: url(https://css02.v15cdn.com/m623/imgs/custom-back.webp)center no-repeat;background-size: cover;background-attachment: fixed;}
.home-custom .custom-top .home-title h4{color: #fff;text-align: left;max-width: 50%;}
.home-custom .custom-dev{margin: 60px 0;width: 100%;position: relative;height: 1px;background: #5F5B59;}
.home-custom .custom-dev::after,.custom-dev::before{position: absolute;content: '';width: 9px;height: 9px;background: #F4F4F4;top: 50%;transform: translateY(-50%);}
.home-custom .custom-dev::before{right: 0;}
.home-custom .custom-dev::after{left: 0;}
.home-custom .custom-bottom{display: flex;justify-content: space-between;}
.home-custom .custom-bottom p{color: #FFFFFF;line-height: 28px;opacity: 0.8;width: 70%;}
.home-about{display: flex;align-items: center;}
.home-about .about-left{width: 48%;}
.home-about .about-right{flex: 1;padding: 50px 70px;margin-right: 8.3%;}
.home-about .home-title h5{text-align: left;margin-top: 20px;}
.home-about .about-text{padding: 35px 0;margin:40px 0 20px;border-top: 1px solid #D7D7D7;position: relative;}
.home-about .about-text::after{position: absolute;content: '';width: 10px;height: 10px;background: var(--color);top: -5px;right: 0px;}
.home-about .about-text p{color: #6A6F78;line-height: 28px;}
.home-about .about-text p strong{color: #000;}
.home-introduction{padding: 100px 0;background: url(https://css02.v15cdn.com/m623/imgs/introductionbg.webp)center no-repeat;background-size: cover;}
.home-introduction .swiper-slide {transform: scale(0.85);}
.home-introduction .home-title h5{color: #fff;}
.home-introduction .home-title .home-text{color: #fff;}
.home-introduction .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.home-introduction .intro-con{display: flex;}
.home-introduction .intro-contant{margin-top: 55px;}
.home-introduction .intro-left{width: 50%;background: #fff;padding: 45px;display: flex;flex-direction: column;justify-content: center;}
.home-introduction .intro-right{width: 50%;}
.home-introduction .intro-title p{font-size: var(--fontsize24);color: #000002;line-height: 28px;font-family: 'Exo2Bold';}
.home-introduction .intro-title{margin-bottom: 35px;}
.home-introduction .intro-text{color: #6A6F78;line-height: 30px;}
.home-introduction .intro-btns{display: flex;margin-top: 40px;}
.home-introduction .intro-btns a{color: var(--color);line-height: 28px;font-family: 'Exo2Bold';display: flex;align-items: center;}
.home-introduction .intro-btns a em{font-weight: bold;margin-left: 18px;font-size: 16px;width: 16px;transition: all .3s ease-in-out;}
.intro-btn{display: flex;justify-content: center;margin-top: 60px;}
.intro-btn>div{width: 45px;height: 45px;background: rgba(255,255,255,0);border-radius: 50%;border: 1px solid #C8C8C8;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all .3s ease-in-out;color: #8C8C8C;}
.intro-btn>div em{line-height: 1;font-size: var(--fontsize18);width: 18px;}
.intro-btn>div:nth-of-type(1){margin-right: 26px;}
.intro-btn>div:hover{color: var(--color);border-color: var(--color);}
.home-news{padding: 100px 0;}
.news-list{display: flex;height: 550px;flex-wrap: wrap;flex-direction: column;justify-content: space-between;margin: 50px 0 0;}
.news-list .news-item{transition: all .3s ease-in-out;}
.news-list .news-item:first-of-type{width: 40%;height: 100%;}
.news-list .news-item:first-of-type .news-con{padding: 20px;}
.news-list .news-item:nth-of-type(2), .news-item:nth-of-type(3),.news-item:nth-of-type(4){display: flex;width: 57%;height: 30%;margin-left: 3%;}
.news-list .news-item:nth-of-type(2) .news-images, .news-item:nth-of-type(3) .news-images,.news-item:nth-of-type(4) .news-images{width: 30%;}
.news-list .news-text{font-size: var(--fontsize22);color: #000002;line-height: 28px;font-family: 'Exo2Bold';margin-bottom: 20px;transition: all .3s ease-in-out;}
.news-list .news-item:nth-of-type(2) .news-con, .news-item:nth-of-type(3) .news-con, .news-item:nth-of-type(4) .news-con{padding: 15px 20px;box-sizing: border-box;flex: 1;display: flex;flex-direction: column;justify-content: center;}
.news-list .news-images{overflow: hidden;position: relative;border-radius: 3px;}
.news-list .news-data{display: flex;align-items: center;line-height: 1;margin-bottom: 10px;}
.news-list .news-data p{font-size: var(--fontsize14);color: #999999;}
.news-list .news-data em{font-size: var(--fontsize14);line-height: 1;color: var(--color);margin-right: 5px;font-weight: bold;}
.news-list .news-images a{display: flex;width: 100%;height: 100%;}
.news-list .news-images a img{width: 100%;height: 100%;object-fit: cover;transition: all .3s ease-in-out;}
.news-list .news-btns a{display: flex;line-height: 1;align-items: center;color: #6A6F78;font-family: 'Exo2Bold';text-transform: uppercase;}
.news-list .news-btns a em{background: rgba(255, 255, 255, 0.02);border-radius: 50%;border: 1px solid #C8C8C8;width: 28px;height: 28px;display: flex;justify-content: center;align-items: center;font-size: 12px;color: #999;margin-left: 25px;transition: all .3s ease-in-out;}
.news-list .news-item:hover{box-shadow: 1px 1px 26px 3px rgba(216,216,216,0.44);}
.news-list .news-item:hover .news-text{color: var(--color);}
.news-list .news-item:hover .news-images img{transform: scale(1.02);}
.home-btn a:hover em{transform: rotateZ(45deg);}
.news-list .news-item:hover .news-btns a em{transform: rotateZ(45deg);color: var(--color);border-color: var(--color);line-height: 1;}
.submenu-btns a:hover em{transform: rotateZ(45deg) translateY(2px);}
.submenu-btns a em{transition: all .3s ease-in-out;}
.home-introduction .intro-btns a:hover em{transform: rotateZ(45deg);}
@media (max-width:1440px) {
    .home-title h1, .home-title h2, .home-title h3, .home-title h4, .home-title h5{font-size: 38px;line-height: 1.25;}
    .home-equipment,.home-advan,.home-introduction,.home-news{padding: 50px 0;}
    .home-solutions{padding: 50px 30px;}
    .home-custom .custom-top .home-title h4{max-width: 70%;}
    .home-about .about-right{margin-right: 0;padding: 0 70px 0 50px;}
    .home-title .home-text{margin: 10px auto 0;}
    .equipment-list{margin-top: 35px;}
    .equipment-text p{font-size: var(--fontsize20);}
    .equipment-btn{margin-top: 10px;}
    .advan-right{padding-left: 5%;}
    .advan-left{width: 45%;}
    .advan-item p:nth-of-type(1){font-size: 28px;}
    .advan-item p:nth-of-type(2){margin-top: 15px;padding-bottom: 20px;}
    .advan-item{padding: 20px 0;}
    .home-solutions .solutions-item:nth-of-type(2n){margin-top: 50px;}
    .home-custom{padding: 75px 0;}
    .home-about .about-text{padding: 25px 0;margin: 30px 0 15px;}
    .home-introduction .intro-left{padding: 30px;}
    .home-introduction .intro-title {margin-bottom: 15px;}
    .home-introduction .intro-btns{margin-top: 15px;}
    .home-introduction .intro-right img{width: 100%;height: 100%;object-fit: cover;}
    .home-introduction .intro-text{line-height: 1.52;}
    .home-introduction .intro-contant{margin-top: 30px;}
    .intro-btn{margin-top: 35px;}
    .news-list .news-text{font-size: var(--fontsize18);margin-bottom: 10px;}
    .home-banner .banner-animote .p1{font-size: 36px;}
    .home-banner .banner-animote .p3{margin-top: 3%;}
}
@media (max-width:1366px) {
    .home-title h1, .home-title h2, .home-title h3, .home-title h4, .home-title h5{font-size: 32px;}
    .l-wrap{padding: 0 50px;}
    .equipment-text p{font-size: var(--fontsize18);}
    .advan-item p:nth-of-type(1){font-size: var(--fontsize24);}
    .advan-item p:nth-of-type(2) {margin-top: 10px;padding-bottom: 15px;}
    .home-advan .home-btn{margin-top: 35px;}
    .home-solutions .solutions-tit p{padding-left: 25px;font-size: var(--fontsize18);}
    .home-solutions .solutions-tit{margin-top: 20px;}
    .home-custom .custom-dev{margin: 35px 0;}
    .home-about .about-right{padding: 0 50px;}
    .home-about .about-text{padding: 10px 0;margin: 10px 0;}
    .home-btn a{height: 50px;}
    .home-introduction .intro-left{padding: 25px;}
    .home-introduction .intro-title p{font-size: var(--fontsize22);}
}
@media (max-width:1024px) {
    .l-wrap {padding: 0 30px;}
    .home-title h1, .home-title h2, .home-title h3, .home-title h4, .home-title h5{font-size: 26px;}
    .home-equipment, .home-advan, .home-introduction, .home-news{padding: 35px 0;}
    .equipment-list {margin-top: 15px;}
    .equipment-item>a{padding: 120px 20px 35px;}
    .equipment-text p {font-size: var(--fontsize16);line-height: 1.25;}
    .equipment-text{top: 20px;left: 20px;}
    .equipment-btn{line-height: 1;font-size: var(--fontsize14);}
    .advan-right{padding-left: 3%;}
    .advan-list{margin-top: 0;}
    .advan-item {padding: 10px 0;}
    .advan-item p:nth-of-type(1){font-size: var(--fontsize22);}
    .advan-item p:nth-of-type(2){border-bottom: 1px solid #717171;font-size: var(--fontsize14);line-height: 1;}
    .home-btn a {height: 45px;font-size: var(--fontsize14);width: 160px;}
    .home-solutions .solutions-list{margin-top: 30px;}
    .home-solutions .solutions-item:nth-of-type(2n){margin-top: 25px}
    .home-solutions .solutions-tit p{padding-left: 15px;font-size: var(--fontsize16);}
    .home-about{flex-direction: column;}
    .home-about .about-left{width: 100%;}
    .home-about .about-left img{width: 100%;}
    .home-about .about-right {padding: 35px 30px;}
    .home-introduction .swiper-slide{transform: scale(0.9);}
    .news-list{margin: 30px 0 0;height: auto;flex-direction: row;}
    .news-list .news-item{width: 48% !important;}
    .news-list .news-item:nth-of-type(2), .news-item:nth-of-type(3), .news-item:nth-of-type(4){display: flex;width: 48%;height: auto;margin-left: 0;flex-direction: column;}
    .news-list .news-item:nth-of-type(2) .news-images, .news-item:nth-of-type(3) .news-images, .news-item:nth-of-type(4) .news-images{width: 100%;}
    .news-list .news-item:first-of-type .news-con{padding: 25px 20px;}
    .home-banner .banner-animote .p1{font-size: 32px;}
}
@media (max-width:768px) {
    .home-title h1, .home-title h2, .home-title h3, .home-title h4, .home-title h5{font-size: var(--fontsize22);}
    .equipment-item{width: 49%;box-shadow: 1px 1px 15px 4px #ededed29;}
    .equipment-item:nth-of-type(n+4){margin-bottom: 2%;}
    .home-advan .l-wrap{flex-direction: column;}
    .advan-left {width: 50%;margin-bottom: 25px;}
    .advan-right {padding-left: 0;}
    .home-solutions .solutions-item:nth-of-type(2n){margin-top: 0;}
    .home-solutions .solutions-list{flex-wrap: wrap;}
    .home-solutions .solutions-item{width: 49%;}
    .home-solutions .solutions-tit{margin: 20px;}
    .home-custom .custom-bottom{flex-direction: column;}
    .home-custom .custom-dev{margin: 25px 0;}
    .home-custom .custom-bottom p{width: 100%;}
    .home-custom .home-btn{margin-top: 25px;}
    .home-introduction .swiper-slide{transform: scale(1);}
    .home-introduction .home-title{padding: 0 30px;}
    .home-introduction .intro-contant {margin-top: 20px;}
    .home-introduction .intro-con{padding: 0 30px;flex-direction: column;}
    .home-introduction .intro-left,.home-introduction .intro-right{width: 100%;}
    .home-banner .banner-animote .p1{font-size: 28px;}
}
@media (max-width:550px) {
    .l-wrap,.home-introduction .intro-con{padding: 0 15px;}
    .home-title h1, .home-title h2, .home-title h3, .home-title h4, .home-title h5{font-size: var(--fontsize20);}
    .home-title .home-text{margin: 10px auto 0;font-size: var(--fontsize14);line-height: 1.25;}
    .equipment-item{width: 100%;}
    .equipment-item>a{padding: 85px 20px 35px;}
    .advan-left{width: 100%;}
    .advan-item{width: 100%;}
    .advan-item p:nth-of-type(1){font-size: var(--fontsize18);}
    .home-advan .home-btn{margin-top: 20px;}
    .home-solutions {padding: 25px 15px;}
    .home-solutions .solutions-item{width: 100%;}
    .home-custom .custom-top .home-title h4{max-width: 100%;line-height: 1.52;}
    .home-custom{padding: 45px 0;}
    .home-about .about-right{padding: 30px 15px;}
    .news-list .news-item {width: 100% !important;}
    .home-banner .banner-animote .p1{font-size: var(--fontsize24);}
}

header.is-active .head-info{height: 80px;}
body{padding-top:0px}
@media (max-width:1024px) {
    body {padding-top: 0;}
}
.advan-item:hover p{transition: all 0.2s linear;}
.advan-item:hover p:first-child{transform: scale(1.03);}

.home-about .about-left lite-youtube{width:100%;max-width:100%;height:660px;background-image:url(https://www.litaimachinery.com/Content/uploads/20251174389/202507291049146cba2c8e5f574813a6d0a7af61396036.webp)!important}
.home-about .about-text{padding:20px 0;margin:25px 0 10px}
.home-about .home-title h5{margin-top:15px;line-height:1.1}
.home-about .about-left lite-youtube>.lty-playbtn{width:40px;height:40px;border-radius:50%;background-color:#fff;background-image:url(https://www.litaimachinery.com/uploads/44407/page/p202508071729129a12a.png)!important;background-repeat:no-repeat;background-size:20px 20px;background-position:center}
.home-about .about-left lite-youtube>.lty-playbtn::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180%;height:180%;border:1px solid rgba(255,255,255,.8);border-radius:50%;animation:aboutposition1 2s linear infinite}
.home-about .about-left lite-youtube>.lty-playbtn::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:240%;height:240%;border:1px solid rgba(255,255,255,.8);border-radius:50%;animation:aboutposition2 2s linear infinite}
@keyframes aboutposition1{0%{width:180%;height:180%;border-color:rgba(255,255,255,.8)}
50%{width:200%;height:200%;border-color:rgba(255,255,255,.4)}
100%{width:180%;height:180%;border-color:rgba(255,255,255,.8)}
}
@keyframes aboutposition2{0%{width:240%;height:240%;border-color:rgba(255,255,255,.8)}
50%{width:280%;height:280%;border-color:rgba(255,255,255,.4)}
100%{width:240%;height:240%;border-color:rgba(255,255,255,.8)}
}