@charset "utf-8"; /* ===================棣栭〉鏍峰紡========================== */ .indban{width: 100%;position: relative;overflow: hidden;} .indban-img{width: 100%;position: relative;} .indban-img img{width: 100%;object-fit: cover;} .indban-img img.pc{display: block;height: 720px;} .indban-img img.mb{display: none;min-height: 375px;} .indban-prev, .indban-next{position: absolute;z-index: 6;width: 42px;height: 72px;border-radius: 3px;top: 50%;cursor: pointer;margin-top: -110px;background: rgba(0, 0, 0, 0.3) url('../images/index/indbanArr.png') no-repeat center;transition: all .4s ease;} .indban-prev{left: 52px;} .indban-next{right: 52px;transform: rotate(180deg);} .indban-prev:hover, .indban-next:hover{background-color: rgba(0, 0, 0, 0.8);} .indban-blank{width: 100%;height: 160px;background: #fff;display: none;} .indban-mix{position: absolute;z-index: 10;width: 100%;bottom: 0;left: 0;} .indban-contpro{display: inline-block; width: 950px;padding: 80px;height: 562px;overflow: hidden;position: relative;} .indban-contpro::before{content: "";position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;background: rgba(255, 255, 255, 0.85);} .indban-pro{width: 360px;padding: 48px 0;text-align: center;display: block;float: right;position: relative;z-index: 2;} .indban-pro img{max-width: 100%;transition: all .6s ease;} .indban-pro:hover img{transform: translateY(-10px);} .indban-cont{width: calc(100% - 360px);float: left;position: relative;z-index: 2;} .indban-cont-title{width: 100%;} .indban-cont-title p{display: inline-block;font-size: 22px;line-height: 1.1;color: #fff;padding: 8px 16px;position: relative;} .indban-cont-title p::before{content: "";position: absolute;width: 100%;height: 100%;background: #e02b26;left: 0;top: 0;} .indban-cont-title p span{position: relative;z-index: 2;} .indban-cont-title h2{font-size: 52px;color: #222;line-height: 1;font-weight: 700;font-family: Arial;margin-top: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .indban-cont-title h2{transition: all .4s ease;} .indban-cont-title h2:hover{color: #e02b26;} .indban-cont-desc{width: 100%;margin-top: 94px;} .indban-cont-desc p{width: 100%;position: relative;padding-left: 36px;font-size: 16px;color: #222;line-height: 26px;background: url('../images/index/indbanic.png') no-repeat left top 2px;margin-top: 15px;} .indban-cont-desc p:first-child{margin-top: 0;} .indban-cont-more{width: 100%;margin-top: 28px;} .indban-cont-more span{display: inline-block;font-size: 16px;color: #e02b26;position: relative;} .indban-cont-more span::after{content: "";position: absolute;height: 1px;width: 0;background: #e02b26;right: 0;bottom: 0;opacity: 0;transition: width 0.4s ease, opacity .1s ease .3s;} .indban-cont-more span:hover::after{width: 100%;right: auto;left: 0;opacity: 1;transition: width 0.4s ease .1s, opacity .1s ease;} .indban .swiper-pagination{bottom: 16.4%;font-size: 0;width: auto;left: auto;right: 25%;} .indban .swiper-pagination-bullet {width: 15px;height: 15px;background: #efeaea;opacity: 1;margin: 0 8px !important;} .indban .swiper-pagination-bullet-active {opacity: 1;background: #e02b26;} /* ---- */ .indban-contpro::before{height: 0;} .indban-cont-title p{opacity: 0;} .indban-cont-title p::before{width: 0;} .indban-cont-title h2{opacity: 0;} .indban-cont-desc p{opacity: 0;} .indban-cont-more{opacity: 0;} .indban-pro{opacity: 0;} /* -- */ .swiper-slide-active .indban-contpro::before{animation: indbanRun1 1s ease both .8s;} .swiper-slide-active .indban-cont-title p{animation: indbanRun2 1s ease both 1.8s;} .swiper-slide-active .indban-cont-title p::before{animation: indbanRun3 1s ease both 1.8s;} .swiper-slide-active .indban-cont-title h2{animation: indbanRun4 1s ease both 2s;} .swiper-slide-active .indban-cont-desc p:nth-child(1){animation: indbanRun4 1s ease both 2.1s;} .swiper-slide-active .indban-cont-desc p:nth-child(2){animation: indbanRun4 1s ease both 2.2s;} .swiper-slide-active .indban-cont-desc p:nth-child(3){animation: indbanRun4 1s ease both 2.3s;} .swiper-slide-active .indban-cont-desc p:nth-child(4){animation: indbanRun4 1s ease both 2.4s;} .swiper-slide-active .indban-cont-more{animation: indbanRun4 1s ease both 2.5s;} .swiper-slide-active .indban-pro{animation: indbanRun5 1.2s ease both 2s;} /* -- */ .oneSlide.swiper-slide-active .indban-contpro::before{animation: indbanRun1 1s ease both;} .oneSlide.swiper-slide-active .indban-cont-title p{animation: indbanRun2 1s ease both 1s;} .oneSlide.swiper-slide-active .indban-cont-title p::before{animation: indbanRun3 1s ease both 1s;} .oneSlide.swiper-slide-active .indban-cont-title h2{animation: indbanRun4 1s ease both 1.2s;} .oneSlide.swiper-slide-active .indban-cont-desc p:nth-child(1){animation: indbanRun4 1s ease both 1.3s;} .oneSlide.swiper-slide-active .indban-cont-desc p:nth-child(2){animation: indbanRun4 1s ease both 1.4s;} .oneSlide.swiper-slide-active .indban-cont-desc p:nth-child(3){animation: indbanRun4 1s ease both 1.5s;} .oneSlide.swiper-slide-active .indban-cont-desc p:nth-child(4){animation: indbanRun4 1s ease both 1.6s;} .oneSlide.swiper-slide-active .indban-cont-more{animation: indbanRun4 1s ease both 1.7s;} .oneSlide.swiper-slide-active .indban-pro{animation: indbanRun5 1.2s ease both 1.2s;} @keyframes indbanRun1 {0%{height: 0;}100%{height: 100%;}} @keyframes indbanRun2 {0%{opacity: 0;}100%{opacity: 1;}} @keyframes indbanRun3 {0%{width: 0;}100%{width: 100%;}} @keyframes indbanRun4 {0%{opacity: 0;transform: translateY(20px);}100%{opacity: 1;transform: translateY(0);}} @keyframes indbanRun5 {0%{opacity: 0;transform: scale(0.5);}100%{opacity: 1;transform: scale(1);}} /* ---- */ .indban-none{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2} /* banner瑙嗛 */ .indban .hasVideo .indban-img{animation: hasVideoImg 1s ease both;} .indban .hasVideo .indban-mix{animation: hasVideoImg2 0s ease both;} @keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}} @keyframes hasVideoImg2 {0%{opacity: 1;}100%{opacity: 0;}} .indban .hasVideo video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;} @media all and (max-width:1151px) {.indban .hasVideo .indban-img, .indban .hasVideo .indban-mix{animation: none !important;}.indban .hasVideo video{display: none;}} .indbar{width: 100%;background: #e02b26;overflow: hidden;} .indbar .contain{display: flex;justify-content: space-between;flex-wrap: wrap;} .indbar-link{display: block;padding: 20px 0;font-size: 0;} .indbar-link img, .indbar-link span{display: inline-block;vertical-align: middle;} .indbar-link img{width: 44px;height: 44px;transition: all .4s ease;} .indbar-link span{font-size: 16px;color: #fff;margin-left: 12px;} .indbar-link:hover img{animation: indbarRun .5s ease both;} @keyframes indbarRun{0%{transform: scale(1);}50%{transform: scale(0.8);}100%{transform: scale(1);}} .indMore{display: flex;width: 150px;height: 35px;border-radius: 3px;transition: all .4s ease;overflow: hidden;align-items: center;justify-content: center;/*border: 2px solid #e02b26;*/overflow: hidden;position: relative;font-size: 14px;color: #fff;font-weight: 700;text-transform: uppercase;} .indMore span{position: relative;z-index: 3;} .indMore::after{content: "";width: 100%;height: 100%;top: 0;left: 0;background: #e02b26;position: absolute;transition: all .4s ease;} .indMore:hover::after{transform: translateX(170px);} .indMore:hover{border: 2px solid #e02b26;color: #e02b26;} .indcp{width: 100%;padding: 82px 0;overflow: hidden;background: #fff;} .indcp .contain{display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;} .indcp-img{width: 550px;padding-left: 50px;text-align: right;display: block;} .indcp-img img{max-width: 100%;transition: all .6s ease;} .indcp-img:hover img{transform: translateY(10px);} .indcp-cont{width: calc(100% - 550px);} .indcp-cont h4{font-size: 32px;color: #333;font-weight: 700;line-height: 1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .indcp-cont h4 a{transition: all .4s ease;} .indcp-cont h4 a:hover{color: #e02b26;} .indcp-cont p{font-size: 14px;color: #777;line-height: 28px;margin: 20px 0 24px;} .indcp:nth-child(2n){background: #f5f5f5;} .indcp:nth-child(2n) .contain{flex-direction: row;} .indcp:nth-child(2n) .indcp-img{padding-left: 0;padding-right: 50px;text-align: left;} .indcl{width: 100%;position: relative;overflow: hidden;} .indcl-bg{width: 100%;position: relative;} .indcl-bg img{width: 100%;height: 724px;} .indcl-bg .indcl-pc{display: block;} .indcl-bg .indcl-mb{display: none;} .indcl-mix{position: absolute;z-index: 4;width: 100%;left: 0;bottom: 0;} .indcl-mix .contain{display: flex;justify-content: space-between;flex-wrap: wrap;} .indcl-loop{width: calc(100% - 350px);background: rgba(255, 255, 255, 0.85);} .indcl-menu{width: 350px;background: #2b2524 url('../images/index/indclarr.png') no-repeat center bottom/82% auto;padding-top: 68px;} .indcl-cont, .indcl-menu{height: 496px;} .indcl-menu a{display: flex;align-items: center;height: 58px;padding-left: 68px;position: relative;} .indcl-menu a::before{content: "";position: absolute;width: 3px;height: 100%;background: #e02b26;top: 0;bottom: 0;margin: auto 0;left: 0; transition: all .4s ease;opacity: 0;} .indcl-menu a span{padding-right: 36px;height: 24px;line-height: 24px;background-repeat: no-repeat;background-position: right center;transition: all .4s ease;font-size: 15px;color: #fff;} .indcl-menu a:nth-child(1) span{background-image: url('../images/index/indclic1.png');} .indcl-menu a:nth-child(2) span{background-image: url('../images/index/indclic2.png');} .indcl-menu a:nth-child(3) span{background-image: url('../images/index/indclic3.png');} .indcl-menu a:nth-child(4) span{background-image: url('../images/index/indclic4.png');} .indcl-menu a.active::before{opacity: 1;} .indcl-menu a.active span, .indcl-menu a:hover span{color: #e02b26;} .indcl-menu a:nth-child(1).active span{background-image: url('../images/index/indclic1H.png');} .indcl-menu a:nth-child(2).active span{background-image: url('../images/index/indclic2H.png');} .indcl-menu a:nth-child(3).active span{background-image: url('../images/index/indclic3H.png');} .indcl-menu a:nth-child(4).active span{background-image: url('../images/index/indclic4H.png');} .indcl-cont{width: 100%;padding: 0 300px 40px 84px;display: flex;flex-direction: column;justify-content: center;overflow: hidden;} .indcl-cont h4{font-size: 30px;color: #333;font-weight: 700;line-height: 1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .indcl-cont h4 a{transition: all .4s ease;} .indcl-cont h4 a:hover{color: #e02b26;} .indcl-cont p{font-size: 15px;color: #222;line-height: 30px;margin: 30px 0 32px;height: 90px;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;} .indcl-loop .swiper-pagination{bottom: 32px;font-size: 0;width: 100%;padding: 0 78px;text-align: left;} .indcl-loop .swiper-pagination-bullet {width: 15px;height: 15px;background: #d7cccd;opacity: 1;margin: 0 8px !important;} .indcl-loop .swiper-pagination-bullet-active {opacity: 1;background: #e02b26;} /* -- */ .indcl-cont h4, .indcl-cont p, .indcl-cont-more{opacity: 0;} .swiper-slide-active .indcl-cont h4{animation: indclRun 1s ease both .2s;} .swiper-slide-active .indcl-cont p{animation: indclRun 1s ease both .3s;} .swiper-slide-active .indcl-cont-more{animation: indclRun 1s ease both .4s;} @keyframes indclRun {0%{opacity: 0;transform: translateY(40px);}100%{opacity: 1;transform: translateY(0);}} /* -- */ /* 瑙嗛寮圭獥 */ .popVideo{display: none;opacity: 0;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;} .popVideo-items{width: 1000px;position: relative;display: none;padding: 34px 34px 0;} .popVideo-video{width: 100%;} .popVideo-video video{width: 100%;} .popVideo-video iframe{width: 100%;height: 500px;} .popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/common/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;} .popVideo-close:hover{opacity: 1;} @media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}} @media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}} .indgy{width: 100%;overflow: hidden;padding: 100px 0;} .indgy .contain{position: relative;} .indgy-img{width: 705px;position: relative;} .indgy-img img{width: 100%;object-fit: cover;} .indgy-img i{position: absolute;width: 90px;height: 90px;border-radius: 50%;background: rgba(0, 0, 0, 0.7) url('../images/index/indgyic.png') no-repeat center/25px auto;top: 50%;left: 50%;margin: -45px 0 0 -45px;z-index: 4;cursor: pointer;transition: all .4s ease;} .indgy-img i:hover{background-color: #e02b26;} .indgy-cont{position: absolute;width: 720px;height: 342px;top: 50%;margin-top: -171px;background: rgba(246, 246, 246, 0.85);padding: 0 50px;display: flex;flex-direction: column;justify-content: center;z-index: 6;right: 0;} .indgy-cont h4{font-size: 30px;color: #333;font-weight: 700;line-height: 1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .indgy-cont p{font-size: 16px;color: #777;line-height: 32px;margin: 22px 0 38px;height: 96px;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;} .indxw{width: 100%;padding: 86px 0 74px;overflow: hidden;background: #f5f5f5;} .indxw-title{width: 100%;display: flex;align-items: flex-end;justify-content: space-between;} .indxw-title h4{font-size: 30px;color: #333;font-weight: 700;line-height: 1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .indxw-menu{font-size: 0;} .indxw-menu a{display: inline-block;vertical-align: middle;position: relative;font-size: 15px;color: #3e3e3e;transition: all .4s ease;height: 28px;margin-left: 50px;} .indxw-menu a:first-child{margin-left: 0;} .indxw-menu a::after{content: "";position: absolute;width: 0;right: 0;height: 2px;bottom: 0;background: #e02b26;transition: all .4s ease;} .indxw-menu a.active{color: #e02b26;cursor: default;} .indxw-menu a.active::after{width: 100%;right: auto;left: 0;} .indxw-menu a:hover{color: #e02b26;} .indxw-loop{width: 100%;margin-top: 30px;} .indxw-list{width: 100%;overflow: hidden;} .indxw-ul{margin: -2% 0 0 -2%;} .indxw-link{display: block;overflow: hidden;margin: 2% 0 0 2%;width: 23%;float: left;} .indxw-link-img{width: 100%;overflow: hidden;} .indxw-link-img img{width: 100%;object-fit: cover;transition: all .6s ease;} .indxw-link-cont{width: 100%;height: 254px;background: #fff;border: 1px solid #dedede;border-top: none;padding: 48px 50px 48px 30px;} .indxw-link-cont p{font-size: 15px;line-height: 1.1;color: #444;font-family: Arial;} .indxw-link-cont h2{font-size: 16px;color: #166986;line-height: 30px;height: 90px;transition: all .4s ease;margin-top: 18px;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;} .indxw-link:hover .indxw-link-img img{transform: scale(1.04);} .indxw-link:hover .indxw-link-cont h2{color: #e02b26;} /* -------------------------PC绔?-------------------------- */ @media all and (max-width:1700px) { /* 1600 脳 (900) */ } @media all and (max-width:1599px) { /* 1440 脳 (700) */ .indban-img img.pc{height: 540px;} .indban-cont-title p{font-size: 20px;} .indban-cont-title h2 {font-size: 40px;margin-top: 12px;} .indban-cont-desc {margin-top: 30px;} .indban-contpro {width: 900px;padding: 50px;height: 400px;} .indban-cont-desc p{margin-top: 10px;} .indban-cont-more {margin-top: 20px;} .indban-prev{left: 40px;} .indban-next{right: 40px;} .indban .swiper-pagination {bottom: 14%;right: 18%;} .indcp {padding: 74px 0;} .indcl-bg img{height: 540px;} .indcl-cont, .indcl-menu {height: 380px;} .indcl-menu {width: 300px;padding-top: 30px;} .indcl-loop {width: calc(100% - 300px);} .indcl-cont {padding: 0 160px 40px 80px;} .indcl-loop .swiper-pagination {padding: 0 72px;} .indcl-cont p {margin: 26px 0 28px;} .indgy {padding: 80px 0;} .indgy-cont{width: 630px;} .indxw {padding: 80px 0 70px;} } @media all and (max-width:1439px) { /* 1360 */ .indban-prev{left: 20px;} .indban-next{right: 20px;} } @media all and (max-width:1359px) { /* 1280 */ .indban-contpro{margin-left: 60px;} .indban .swiper-pagination{right: 12%;} } @media all and (max-width:1279px) { /* 1152 脳 (700) */ .indban-contpro{margin-left: 0px;} .indban .swiper-pagination {right: 4%;} .indban-contpro {width: 870px;padding: 40px;} .indcp {padding: 64px 0;} .indcp-img {width: 450px;padding-left: 40px;} .indcp-cont {width: calc(100% - 450px);} .indcp:nth-child(2n) .indcp-img {padding-right: 40px;} .indcp-cont p {line-height: 24px;} .indcp-cont h4 {font-size: 28px;} .indcl-bg img{height: 440px;object-fit: cover;} .indcl-cont h4 {font-size: 28px;} .indcl-cont p {margin: 16px 0 20px;line-height: 28px;height: 84px;} .indcl-cont, .indcl-menu {height: 330px;} .indcl-cont {padding: 0 100px 40px 60px;} .indcl-loop .swiper-pagination {padding: 0 52px;bottom: 24px;} .indcl-menu {width: 240px;} .indcl-menu a {padding-left: 48px;} .indcl-loop {width: calc(100% - 240px);} .indgy-img {width: 630px;} .indgy-img i {width: 70px;height: 70px;margin: -35px 0 0 -35px;background-size: 20px auto;} .indgy-cont h4 {font-size: 28px;} .indgy-cont p {line-height: 28px;margin: 16px 0 24px;height: 84px;} .indgy-cont {width: 480px;height: 290px;margin-top: -145px;padding: 0 30px;} .indxw-link-cont {height: 220px;padding: 36px 24px;} .indxw-title h4 {font-size: 28px;} } @media all and (max-width:1151px) { /* 1024 */ .indban .swiper-pagination{bottom: 20px;width: 100%;right: 0;} .indban-mix .contain{padding: 0 60px;} .indban-contpro{width: 100%;} .indban-pro {width: 300px;padding: 42px 20px 0;} .indban-cont {width: calc(100% - 300px);} .indMore{background: #e02b26;color: #fff !important;} .indMore::after{display: none;} .indban .swiper-pagination-bullet{background: #bdbdbd;} .indban .swiper-pagination-bullet-active {background: #e02b26;} } /* ------------------------鎵嬫満绔?------------------------- */ @media all and (max-width:1000px) { /* 骞虫澘璁惧 720 閫傞厤 */ /* .indban-pro{display: none;}*/ .indban-pro {width: 168px;padding: 0 10px 0;} .indban-cont {width:54%;} .indban-cont-title h2{font-size: 30px;} .indban-cont-title p{font-size: 16px;} .indbar-link{width: 50%;padding: 14px 0;} .indbar{padding: 14px 0;} .indcp .contain {flex-direction: row !important;} .indcp-img{width: 100%;padding: 0 !important;text-align: center !important;} .indcp-cont{width: 100%;margin-top: 48px;} .indcl-cont {padding: 0 40px 40px 40px;} .indgy-img{width: 100%;} .indgy-cont {width: 100%;position: relative;top: 0;right: 0;margin: 0;} .indxw-link{width: 48%;} } @media all and (max-width:640px) { /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */ .indban-prev{left: 12px;} .indban-next{right: 12px;} .indban-prev, .indban-next {width: 30px;height: 54px;margin-top: -99px;background-size: 12px auto;} .indban-img img.pc{display: none;} .indban-img img.mb{display: block;} .indban-cont-desc{display: none;} .indban-mix .contain {padding: 0;width: 100%;} .indban-contpro{height: 144px;padding: 20px 4%;} .indban-cont-title p {font-size: 16px;} .indban-cont-title h2 {font-size: 18px;margin-top: 10px;} .indban-cont-more {margin-top: 10px;} .indban-pro {width: 152px;} .indban .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 5px !important;} .indban .swiper-pagination{bottom: 22px;width: auto;right: 4%;} .indbar-link{text-align: center;} .indbar-link span{display: block;margin: 6px 0 0;font-size: 15px;} .indbar-link {padding: 8px 0;} .indcp {padding: 40px 0;} .indcp-cont h4 {font-size: 20px;} .indcp-cont {margin-top: 32px;} .indcp-cont p {margin: 10px 0 18px;} .indMore {width: 120px;height: 36px;} .indgy {padding: 40px 0;} .indgy-img i {width: 50px;height: 50px;margin: -25px 0 0 -25px;background-size: 16px auto;} .indgy-cont h4, .indxw-title h4{font-size: 22px;} .indgy-cont{height: auto;padding: 28px 20px;} .indgy-cont p {margin: 10px 0 18px;} .indxw-menu a {margin-left: 20px;} .indxw {padding: 40px 0;} .indxw-link-cont {height: 144px;padding: 24px 14px;border: none;} .indxw-link-cont h2 {font-size: 14px;line-height: 22px;height: 66px;margin-top: 8px;} .indxw-loop {margin-top: 28px;} .indcl-loop{width: 65%;} .indcl-bg .indcl-pc{display: none;} .indcl-bg .indcl-mb{display: block;} .indcl-cont, .indcl-menu{height: auto;} .indcl-menu{width: 35%;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 8px 4%;background-size: 48% auto;} .indcl-menu a::before{display: none;} .indcl-menu a{width: 100%;height: 40px;padding: 0;} .indcl-mix .contain{width: 100%;} .indcl-cont {padding: 28px 4% 50px;} .indcl-cont h4 {font-size: 22px;} .indcl-cont p {margin: 10px 0 18px;line-height: 24px;height: 72px;} .indcl-loop .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 5px !important;} .indcl-loop .swiper-pagination {padding: 0 9px;bottom: 16px;} @keyframes indclRun {0%{opacity: 0;transform: translateY(20px);}100%{opacity: 1;transform: translateY(0);}} }