*{ margin: 0; padding: 0; } .ih-item{ position: relative; width: 239px; height: 303px; } .ih-item .img img{ position: relative; width: 239px; height: 303px; max-width: 100%; } .ih-item .info { position: absolute; color: aliceblue; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden;/* 隐藏旋转元素的背面*/ backface-visibility: hidden; background: rgba(0, 0, 0, 0.6); /*后面这个0.6是指的背景的透明度*/ opacity: 0; /* -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; */ } .ih-item a:hover .info { opacity: 1; /*有opacity有0变成1*/ } .zt01{ margin-top: 100px; } .zz01{ display: flex; justify-content: center; } .footer{ width: 1920px; height: 128px; background: #1C1F21; } .foot1{ display: flex; justify-content: center; font-size: 17px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; } .foot1>div{ margin-left: 25px; margin-top: 39px; } .foot2{ display: flex; justify-content: center; } .foot2>div{ margin-top: 5px; width: 395px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #949699; margin-left: 68px; } .zt001{ width: 700px; height: 45px; font-size: 46px; font-family: Source Han Sans CN; font-weight: bold; color: #34363B; margin: 0 auto; padding-top:10px; } .zt002{ width: 600px; height: 18px; font-size: 18px; font-family: Source Han Sans CN; font-weight: 400; color: #939CAC; margin: 0 auto; padding-top: 34px; margin-bottom: 64px; } .zhuti{ width: 1920px; } .zhuti002{ width: 1920px; height: 754px; background: linear-gradient(180deg, #FAFCFF 0%, #FFFFFF 100%); } .zhuti002_1{ width: 800px; height: 44px; font-size: 46px; font-family: Source Han Sans CN; font-weight: 400; color: #34363B; margin: 0 auto; margin-top: 79px; } .zhuti002_2{ height: 167px; display: flex; justify-content: center; margin-top: 67px; } .zhuti002_3{ width: 1380px; height: 254px; background: linear-gradient(180deg, #F5F6F9, #FFFFFF); border-radius: 3px; display: flex; justify-content: center; align-items: center; margin-top: 50px; margin-left: 277px; } .zhuti002_4{ margin-left: 1521px; }