.guide {height: 100vh; position: relative; overflow: hidden; }
.guide .box{ position: absolute;   top: 0; left: -30px;  width: 110%;   height: 100%; display: flex; z-index: -1;   justify-content: center;   align-items: center;   --offset: 0px; --blur: 0px;/* 模糊度 */ }
.guide .box img { display: block;   width: 110%;  height: 100%; object-fit: cover;  transform: translatex(var(--offset));  filter: blur(var(--blur));}
.guide .logo{margin-left: 40px;margin-top: 20px;}
.guide-links{position: absolute; bottom: 20%; left: 0;right: 0;}
.guide-links ul li a{color: #fff; font-weight: bold;font-size: 1.25em;display: block;text-align: center;}
.guide-links ul li i{display: block; width: 65px; height: 65px;text-align: center; margin: auto; border-radius: 50%;}
.guide-links ul li img{margin-top: 14px;}
.guide-links ul li span{display: block;margin-top: 20px;text-shadow: 2px 2px 10px rgba(0, 0, 0);}
.guide-links ul li.li1 i{background:rgb(0, 187, 233,.7)}
.guide-links ul li.li2 i{background:rgb(79, 174, 255,.7)}
.guide-links ul li.li3 i{background:rgb(0, 200, 158,.7)}
.guide-links ul li.li4 i{background:rgb(255,134,123,.7)}
.guide-links ul li.li5 i{background:rgb(255, 134, 123,.7)}

.guide-shubiao{position: absolute; bottom: 40px;text-align: center; left: 0; right: 0;}
@media (max-width:680px){
    .guide-links ul li a{margin-bottom: 20px;}
}