init

css/css01.css

@@ -0,0 +1,133 @@
+*{
+    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;
+ }