release汉晶网站完成

2025-04-18 14:16:06 +08:00
parent 640eb204d9
commit 64f104ffad
42 changed files with 1647 additions and 0 deletions
--- a/hanJing/css/footer.css
+++ b/hanJing/css/footer.css
@@ -0,0 +1,116 @@
+.footer{
+    width: 100%;
+    height: 60vh;
+    /* background-color: #030045; */
+    position: relative;
+    background: 
+    url(../imgs/svg/页尾背景左.svg) 2vw 28vh/400px auto no-repeat,
+    url(../imgs/SVG/页尾背景右.svg) 78vw 19vh/400px auto no-repeat,
+    hsl(243, 100%, 14%);  /* 背景色放在最后 */
+ 
+}
+.emailBox{
+    width: 80vw;
+    height: 15vh;
+    background: #00ECEC;
+    position: absolute;
+    top: -8vh;
+    left: 10vw;
+    border-radius: 20px;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.emailLeft{
+    width: 50%;
+    height: 100%;
+    display: flex;
+    align-items: start;
+    justify-content: center;
+    flex-direction: column;
+    padding-left: 4vw;
+}
+.emailLeft p{
+    font-size: 1.8vw;
+    color: #fff;
+    font-weight: 600;
+}
+.emailLeft p:nth-child(2){
+    font-size: 1.2vw;
+    color: #fff;
+    font-weight: 400;
+}
+
+
+.emailRight{
+    width: 50%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.email{
+    width: 38%;
+    height: 48%;
+    background: #fff;
+    border-radius: 10px;
+    overflow: hidden;
+    border: 3px solid #3FB7DC;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+.email span{
+    font-size: 1.2vw;
+    color: #3FB7DC;
+    font-weight: 800;
+
+}
+.email img{
+    width: 2vw;
+    height: auto;
+}
+.email:hover{
+   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
+}
+
+/* --------------------------------------- */
+.footerBox{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footerBoxLeft{
+    width: 30vw;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.footerBoxLeft img{
+    width: 8vw;
+    height:auto;
+}
+.footerBoxRight{
+    width: 50%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: end;
+    justify-content: end;
+    padding-bottom: 2vh;
+    padding-right: 5vw;
+    color: #fff;
+}
+.footerBoxRight p{
+    font-size: 1.2vw;
+    font-weight: 400;
+}
+
+