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/technicalSupport.css
+++ b/hanJing/css/technicalSupport.css
@@ -0,0 +1,131 @@
+.topBanner{
+    width: 100%;
+    height: 68vh;   
+    background-color: #030045;
+    display: flex;
+    justify-content: center;
+    align-items: start;
+    /* background: palegoldenrod; */
+    overflow: hidden;
+    background-image: url(../imgs/svg/技术支持图.svg);
+    background-repeat: no-repeat;
+    background-size:38vw auto;
+    background-position:50vw 0vw;  
+    position: relative;
+}
+
+.topBannerLeft{
+    width: 23%;
+    height: 80%;
+    /* background: #00316B; */
+    color: #fff;
+    position: absolute;
+    top: 5vh;
+    left: 16vw;
+}
+
+.topBannerLeft p:nth-child(1){
+   font-size: 3vw;
+   font-weight: 600;
+   letter-spacing: 0.5vw;
+}
+
+.topBannerLeft p:nth-child(2){
+    font-size: 1.3vw; 
+    color: #01A0D0;
+    margin-top: 18px;
+    line-height: 5vh;
+  
+}
+
+
+.btLeft{
+    width: 20vw;
+    position: absolute;
+    bottom: 15vh;
+    left: -5.5vw;
+}
+.tpRight{
+    width: 17vw; 
+    position: absolute;
+    top: 10vh;
+    right: -6vw;
+}
+.btRight{
+    width:70vw;
+    position: absolute;
+    bottom: -1.3vh;
+    right: 0vw;
+}
+
+/* ------------------- */
+.banner{
+    width: 100%;
+    height: 90vh;
+    background-image: url(../imgs/SVG/背景纹（大）.svg);
+    background-repeat: no-repeat;
+    background-size:160%;
+    background-position: 54vw -42vw;  
+    background-color: #00316B;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #fff;
+}
+.bannerLeft ,.bannerRight{
+    width: 25%;
+    height: 50%;  
+    display: flex;
+    flex-direction: column;
+    justify-content: start;
+    align-items: start;
+  
+    
+}
+.bannerLeft{
+    margin-right: 3vw;
+    padding-top: 3%;
+}
+.LeftImg , .rightImg{
+    width: 5vw;
+    height: 5vw;
+    overflow: hidden;
+    /* background: palegoldenrod; */
+  
+}
+.LeftImg img{
+  height: 100%;
+  width: 100%;
+}
+.rightImg img{
+    height:100%;
+    width: 100%;
+  }
+.arrow{
+    width: 0.8vw;
+    margin-left: 8px;
+}
+.report:hover{
+    color: #Ffff;
+   
+}
+.bannerRight{
+    margin-left: 3vw;
+    padding-top: 3%;
+}
+.title{
+    font-size: 1.3vw;
+    font-weight: 600;
+    margin-top: 3vh;
+   
+}
+.problem{
+    font-size: 0.9vw;
+    color: rgba(255, 255, 255, 0.7);
+    margin-top: 1vh;
+}
+.report{
+    font-size: 0.9vw;
+    color: #00E0E2;
+    margin-top: 2vh;
+}