body * { box-sizing: border-box; flex-shrink: 0; } body { font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei; margin:0;padding:0; } input { background-color: transparent; border: 0; } button { margin: 0; padding: 0; border: 0.05vw solid transparent; outline: none; background-color: transparent; } button:active { opacity: 0.6; } .flex-col { display: flex; flex-direction: column; } .flex-row { display: flex; flex-direction: row; } .flex-col-row { display: flex; flex-direction: row; } .justify-start { display: flex; justify-content: flex-start; } .justify-center { display: flex; justify-content: center; } .justify-align-center { display: flex; justify-content: center; } .justify-end { display: flex; justify-content: flex-end; } .justify-evenly { display: flex; justify-content: space-evenly; } .justify-around { display: flex; justify-content: space-around; } .justify-between { display: flex; justify-content: space-between; } .align-start { display: flex; align-items: flex-start; } .align-center { display: flex; align-items: center; } .align-end { display: flex; align-items: flex-end; } /* xiala */ /* .dropdown { position: relative; display: inline-block; margin: 0.79vw 0 0 0 ; } .dropdown-content { display:none; position: absolute; z-index: 1; } .dropdown:hover .dropdown-content { display: block; } .dropbtn { font-size: 0.84vw; border: none; } .dropdown-content a { display: block; color: #f1f1f1; text-align: left; padding: 0.42vw 0.84vw; text-decoration: none; } .dropdown-content a:hover { color: #333; background-color: #f1f1f1; text-decoration: none; } */ .text_66 { width: 4.21vw; height: 1.47vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 1.05vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 1.47vw; /* margin: 1.11vw 0 0 1.47vw; */ } .text-wrapper_123 { background-color: rgba(0, 0, 0, 0.4); border-radius: 0.21vw; width: inherit; /* height: 12.16vw; */ margin: 0.3vw 0 0 2.21vw; } .text_333 { width: auto; height: 1.95vw; overflow-wrap: break-word; color: rgba(231, 231, 231, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.95vw; margin: 1.05vw 0 0 2.21vw; } /* gongjuhang */ .toolbar{ width: 5.74vw; height: 3.05vw; overflow-wrap: break-word; color: rgba(52, 52, 52, 1); font-size: 1.11vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: center; line-height: 1.53vw; text-decoration:none; } .toolbar:link{ color: rgba(52, 52, 52, 1); text-decoration:none; } .toolbar:visited{ text-decoration:none; } .toolbar:hover{ text-decoration:none; } .toolbar_img{ width: 2.63vw; height: 2.63vw; } .toolbar_img:hover{ width: 2.63vw; height: 2.63vw; transition: transform 0.3s ease; /* 添加过渡效果 */ transform: scale(1.2);/* 悬停时放大图像 */ } /* daohang */ .navbar-i{ height: 1.95vw; overflow-wrap: break-word; color: rgba(231, 231, 231, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.95vw; text-decoration:none; } .navbar-i:link{ color: rgba(231, 231, 231, 1); text-decoration:none; } .navbar-i:visited{ color: rgba(231, 231, 231, 1); text-decoration:none; } .navbar-i:hover{ color: rgba(255, 255, 255, 1); text-decoration:none; } /* tongzhi */ .box2{ position: relative; width: inherit; height: 46.0vw; margin-bottom: 0.05vw; } .tongzhi:link{ width: 30.26vw; height: 1.79vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.74vw; text-decoration:none; } .tongzhi:visited{ width: 30.26vw; height: 1.79vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.74vw; text-decoration:none; } .tongzhi:hover{ text-decoration:underline; } .tongzhibox{ width: 39.47vw; height: 48.0vw; background: #FFFFFF; } .text1{ width: 8.0vw; height: 2.79vw; overflow-wrap: break-word; color: rgba(39, 39, 39, 1); font-size: 2.0vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 2.79vw; margin: 3.37vw 0 0 0; text-decoration: none; } .text1:hover{ color: inherit; text-decoration: none; } .text1:visited{ color: inherit; text-decoration: none; } .group_9 { background-color: rgba(0, 115, 187, 1); width: 5.05vw; height: 0.53vw; margin: 0.37vw 0 0 0; } .image_mor { width: 5.68vw; height: 0.63vw; margin: 2.05vw 0 0 32.63vw; } .n_group_11 { background-color: rgba(248, 248, 248, 0.6); height: 9.21vw; width: 38.11vw; /* margin: 1.53vw 0 0 0; */ } .n_group_42 { width: 34.95vw; height: 3.79vw; margin: 1.32vw 0 0 1.53vw; } .n_text-group_54 { width: 3.42vw; height: 3.68vw; margin-top: 0.11vw; } .n_text_46 { width: 3.42vw; height: 1.74vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.26vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.74vw; } .n_text_47 { width: 2.53vw; height: 1.47vw; overflow-wrap: break-word; color: rgba(208, 208, 208, 1); font-size: 1.05vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.47vw; margin-top: 0.47vw; } .n_text_48 { width: 29.32vw; height: 3.6vw; /* overflow-wrap: break-word; */ color: rgba(55, 55, 55, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; line-height: 1.74vw; overflow: hidden; /* 隐藏超出容器的部分 */ text-overflow: ellipsis; /* 显示省略号 */ text-decoration: none; } .n_text_48:hover{ color: rgba(55, 55, 55, 1); } .n_text_48:visited{ color: rgba(55, 55, 55, 1); text-decoration: none; } .n_group_43 { width: 30.0vw; height: 3.16vw; margin: 0.11vw 0 0.84vw 1.47vw; } .n_image_37 { width: 3.95vw; height: 0.05vw; margin-top: 1.16vw; } .n_paragraph_1 { width: 24.32vw; height: 3.16vw; /* overflow-wrap: ; */ color: rgba(155, 155, 155, 1); font-size: 1.16vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; line-height: 1.58vw; overflow: hidden; /* 隐藏超出容器的部分 */ text-overflow: ellipsis; /* 显示省略号 */ } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); /* 设置透明色 */ } .image_ud { width: 98%; height: 0.05vw; margin: 0.32vw 0 0 0.21vw; } .box3{ position: relative; width: inherit; height: 39.47vw; margin-bottom: 0.05vw; } /* shuju */ .n_section_3 { background-image: url("../img/3a2461443b8c4b2fa7eac83e22ef27f8_mergeImage.png"); height: inherit; width: inherit; } .n_text-wrapper_35 { width: 8.0vw; height: 2.79vw; margin: 3.58vw 0 0 9.95vw; } .n_text_13 { width: 8.0vw; height: 2.79vw; overflow-wrap: break-word; color: rgba(0, 0, 0, 1); font-size: 2.0vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 2.79vw; } .n_group_47 { width: 5.05vw; height: 0.53vw; margin: 1.11vw 0 0 9.95vw; } .n_group_2 { background-color: rgba(0, 115, 187, 1); width: 5.05vw; height: 0.53vw; } .n_image-wrapper_22 { width: 8.32vw; height: 1.53vw; margin: 0 0 0 82.37vw; } .n_image_17 { width: 3.11vw; height: 1.53vw; cursor: pointer; } .n_image_17:hover { transition: transform 0.3s ease; /* 添加过渡效果 */ transform: scale(1.2); /* 悬停时放大图像 */ } .n_image_18 { width: 3.11vw; height: 1.53vw; cursor: pointer; } .n_image_18:hover { transition: transform 0.3s ease; /* 添加过渡效果 */ transform: scale(1.2); /* 悬停时放大图像 */ } .n_group_48 { width: 80.63vw; height: 10.0vw; margin: 2.68vw 0 0 10.32vw; } .n_box_7 { background-color: rgba(255, 255, 255, 0.4); width: 25.26vw; height: 16.0vw; margin-left: 2.42vw; } .n_image_19 { width: 5.26vw; height: 5.26vw; margin: 2.37vw 0 0 2.37vw; } .n_text-group_62 { width: 6.95vw; height: 6.11vw; margin: 1.63vw 7.26vw 0 3.42vw; } .n_text-wrapper_4 { width: 6.95vw; height: 4.42vw; overflow-wrap: break-word; font-size: 0; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .n_text_14 { width: 6.95vw; height: 4.42vw; overflow-wrap: break-word; color: rgba(0, 115, 187, 1); font-size: 3.16vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .n_text_15 { width: 6.95vw; height: 4.42vw; overflow-wrap: break-word; color: rgba(34, 34, 34, 1); font-size: 3.16vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .n_text_16 { width: 13vw; height: 8.42vw; overflow-wrap: break-word; color: rgba(24, 24, 24, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: normal; line-height: 2.32vw; margin-top: 0.37vw; } .box4{ position: relative; width: inherit; height: 43.47vw; margin-bottom: 0.05vw; } .text_32 { width: 8.0vw; height: 2.79vw; overflow-wrap: break-word; color: rgba(24, 24, 24, 1); font-size: 2.0vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 2.79vw; margin: 6.11vw 0 0 9.95vw; } .section_7 { background-color: rgba(0, 115, 187, 1); width: 5.05vw; height: 0.53vw; margin: 0.68vw 0 0 9.95vw; } .image-wrapper_23 { width: 8.16vw; height: 3.68vw; margin: 2.05vw 0 0 82.26vw; } .image_25 { width: 3.68vw; height: 3.68vw; } .image_26 { width: 3.68vw; height: 3.68vw; } .img_457{ width: 457; height: 257; } .box5{ position: relative; } .text_39:hover{ color: rgba(255, 255, 255, 1); text-decoration: none; } .text_39:link{ color: rgba(255, 255, 255, 1); text-decoration: none; } .text_39:visited{ color: rgba(255, 255, 255, 1); text-decoration: none; } .img_wechat{ width: 8.42vw; height: 8.42vw; } @media (max-width: 1080px) { .justify-align-center { display: flex; justify-content: center; align-items: center; } .flex-col-row { display: flex; flex-direction: column; } /* tongzhi */ .box2{ position: relative; width: inherit; height: 92.0vw; margin-bottom: 0.05vw; } .tongzhibox{ width: 78.94vw; height: 45.0vw; background: #FFFFFF; } .n_group_11 { background-color: rgba(248, 248, 248, 0.6); height: 9.21vw; width: 76.22vw; /* margin: 1.53vw 0 0 0; */ } .n_group_42 { width: 69.9vw; height: 3.79vw; margin: 1.32vw 0 0 1.53vw; } .n_text_48 { width: 58.64vw; height: 3vw; /* overflow-wrap: break-word; */ color: rgba(55, 55, 55, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; line-height: 3.48vw; overflow: hidden; /* 隐藏超出容器的部分 */ text-overflow: ellipsis; /* 显示省略号 */ text-decoration: none; } .n_group_43 { width: 60.0vw; height: 3.16vw; margin: 0.11vw 0 0.84vw 1.47vw; } .n_paragraph_1 { width: 48.64vw; height: 3vw; /* overflow-wrap: ; */ color: rgba(155, 155, 155, 1); font-size: 1.16vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; line-height: 3.16vw; overflow: hidden; /* 隐藏超出容器的部分 */ text-overflow: ellipsis; /* 显示省略号 */ } }