.home-banner .bannericon a.item{position: absolute;display: flex;width: auto;height: auto;align-items: center;}
.home-banner .bannericon a.solarpanel{top: 30%;left: 37%;}
.home-banner .bannericon a.inverter{top: 56%;left: 37.8%;}
.home-banner .bannericon a.storagebattery{top: 86.5%;left:25%;}
.home-banner .bannericon .item::before{display: block;content: '';width: 8px;height: 8px;border-radius: 50%;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.home-banner .bannericon .item::after{display: block;content: '';animation: bannericon 1s linear infinite;width: 18px;height: 18px;border-radius: 50%;background: var(--color);opacity: 1;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.home-banner .bannericon .item span{position: absolute;white-space: nowrap;transform: translateX(13%);transition: .3s;opacity: 0;visibility: hidden;font-size: 24px;background: #fff;padding: 5px 13px;border-radius: 30px;}
.home-banner .bannericon .item:hover span{transition: .3s;opacity: 1;visibility: initial;}
@-webkit-keyframes bannericon {0% {width: 8px;height: 8px;opacity: 1;}
100% {width: 36px;height: 36px;opacity: 0;}}
@keyframes bannericon {0% {width: 8px;height: 8px;opacity: 1;}
100% {width: 36px;height: 36px;opacity: 0;}}
.home-video .videowrap .videoitem{width:32%;}
@media (max-width:768px){.home-video .videowrap .videoitem{width:100%;}}