.home{position:relative;width:100%}.home .banner{width:100%;position:relative}.home .banner img{width:100%;display:block;object-fit:cover}.home .banner a{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);border:1px solid #000;font-size:1.1vw;padding:0.6vw 2vw;border-radius:30px;color:#000;font-weight:bold;transition:all 600ms}.home .banner a:hover{background-color:#000;color:white}.home .section1{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:#8C8C8C}.home .section1 .content{display:flex;justify-content:space-between;width:70vw;align-items:center}.home .section1 .content .pic{width:30vw;height:30vw;border-radius:15px;background:linear-gradient(0deg, #FAFAFA 0%, #FAFAFA 100%),url(<path-to-image>) lightgray -359.511px 0px/244.447% 100% no-repeat;box-shadow:0px 0px 50px 0px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center}.home .section1 .content .pic img{max-width:100%;max-height:100%;object-fit:contain}.home .section1 .content .info{width:30vw}.home .section1 .content .info .colors{display:flex;align-items:center;justify-content:space-between}.home .section1 .content .info .colors .st{width:80px;font-size:1.1vw;font-weight:bold}.home .section1 .content .info .colors .chose{width:calc(95% - 80px);display:flex;align-items:center}.home .section1 .content .info .colors .chose .i{width:2.8vw;height:2.8vw;border-radius:50%;background:#EB2A2C;margin-right:15px;cursor:pointer}.home .section1 .content .info .specs{display:flex;margin-top:4vw;justify-content:space-between}.home .section1 .content .info .specs .st{width:80px;font-size:1.1vw;font-weight:bold}.home .section1 .content .info .specs .desc{width:calc(95% - 80px)}.home .section1 .content .info .specs .desc .ds{display:flex;justify-content:space-between;line-height:1.8}.home .section1 .content .info .specs .desc .ds p{width:50%;font-size:1vw}.home .pics img{width:100%;display:block;object-fit:cover}.home .recommend{width:65vw;margin:4vw auto}.home .recommend .t{font-size:1.4vw;font-weight:700;text-transform:uppercase}.home .recommend .pros{margin-top:3vw}.home .recommend .pros a .pic{overflow:hidden}.home .recommend .pros a .pic img{width:100%;display:block;object-fit:cover;transition:all 600ms}.home .recommend .pros a .name{color:#000;font-size:1.1vw;font-weight:700;margin-top:2vw;text-transform:uppercase}.home .recommend .pros a:hover .pic img{transform:scale(1.05)}@media screen and (max-width: 1024px){.home .banner{margin-top:50px}.home .banner img{min-height:200px}.home .banner a{bottom:15%;font-size:16px;padding:5px 10px}.home .section1{height:auto;padding:20px 0}.home .section1 .content{width:100%;flex-direction:column}.home .section1 .content .pic{width:90%;height:300px}.home .section1 .content .info{width:90%;margin-top:20px}.home .section1 .content .info .colors .st{font-size:16px}.home .section1 .content .info .colors .chose .i{width:30px;height:30px}.home .section1 .content .info .specs{flex-direction:column}.home .section1 .content .info .specs .st{font-size:16px;width:fit-content}.home .section1 .content .info .specs .desc{width:100%;margin-top:10px}.home .section1 .content .info .specs .desc .ds p{font-size:16px}.home .recommend{width:90%;margin:30px auto}.home .recommend .t{font-size:18px}.home .recommend .pros{margin-top:15px}.home .recommend .pros a .name{font-size:16px;margin-top:15px}}