提交

public/static/css/index.css

@@ -0,0 +1,206 @@
+
+.swiper{
+    height: auto !important;
+    background: unset !important;
+}
+.swiper-slide::after {
+    /*content: '';*/
+    position: absolute;
+    top: 0; /* 根据需要调整阴影的位置 */
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(93, 77, 77, 0.5); /* 阴影颜色 */
+    box-shadow: 0 0 20px rgba(148, 118, 118, 0.5); /* 给伪元素添加阴影 */
+    pointer-events: none; /* 防止伪元素影响鼠标事件 */
+}
+
+.services-table th {
+    text-align: center !important;
+}
+
+.services-table table tbody tr td {
+    padding: 10px;
+}
+
+.services-table table tbody tr td.cell--success {
+    color: #22b573;
+    background-color: #f1fff4;
+}
+
+.services-table table {
+    border-collapse: separate;
+    border-spacing: 0;
+    position: relative;
+    margin: 0;
+}
+
+.services-table {
+    width: 75%;
+    margin: 0 auto;
+    padding: 0 5px;
+    font-size: 16px;
+    font-weight: 400;
+    font-stretch: normal;
+    font-style: normal;
+    text-align: center;
+}
+
+.a-title {
+    margin-bottom: 32px;
+    color: #151423;
+    font-weight: 600;
+    font-size: 32px;
+    letter-spacing: .2px;
+}
+
+/*@media (min-width: 1800px) {*/
+/*	.advantages-section .content1 {*/
+/*		width: 1170px;*/
+/*	}*/
+/*}*/
+.advantages-section .content1 .advantages-container {
+    margin: 0;
+}
+
+.advantages-section .content1 .advantages-container .advantages .advantage {
+    display: flex;
+    /*flex-direction: column;*/
+    /*width: 100%;*/
+    list-style: none;
+    align-items: center;
+    margin-bottom: 32px;
+    flex-basis: 30%;
+}
+
+.advantages-section .content1 .title {
+    margin-bottom: 32px;
+    font-size: 32px;
+    font-weight: 600;
+    font-family: Raleway, sans-serif;
+    letter-spacing: .2px;
+    text-align: center;
+    color: #fff;
+}
+
+.advantages-section .content1 .advantages-container .advantages {
+    display: flex;
+    flex-direction: row;
+    margin: 0;
+    padding: 0;
+}
+
+.advantages-section .content1 .advantages-container .advantages .advantage .text {
+    font-family: Roboto;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 1.5;
+    letter-spacing: .2px;
+    color: #fff;
+}
+
+.advantages-section .content1 {
+    max-width: 1110px;
+    /*display: flex;*/
+    flex-direction: column;
+    align-items: center;
+}
+
+.advantages-section {
+    background: #153854;
+    padding: 20px 5px;
+    display: flex;
+    justify-content: center;
+    margin-top: 30px;
+}
+
+.middle-box2 {
+    /*width: 60%;*/
+}
+
+.desc-box {
+    width: 60%;
+}
+
+@media (max-width: 820px) {
+    .header-services{
+        width: 50%;
+    }
+    .middle-box2 {
+        width: 95% !important;
+    }
+    .middle-box2 .right-box .item{
+        padding: 10px 10px;
+    }
+    .middle-box2 h2 {
+        font-size: 2.5rem;
+    }
+    .middle-box2 a {
+        padding: 13px 20px;
+    }
+    .advantages-section .content1 .title{
+        font-size: 28px;
+    }
+
+    .desc-box {
+        width: 90% !important;
+    }
+
+    .info {
+        font-size: 12px;
+        line-height: 20px;
+        height: 84px;
+    }
+
+    .services-table {
+        width: 100%;
+    }
+
+    .evus-main {
+        position: absolute;
+    }
+
+    .advantages-section .content1 .advantages-container .advantages {
+        flex-direction: column;
+        height: 160px;
+        flex-wrap: wrap;
+        align-items: center;
+    }
+
+    .advantages-section .content1 {
+        width: 100%;
+    }
+}
+
+.dj-btn {
+    width: 300px;
+    height: 60px;
+    background: linear-gradient(180deg, var(--main-color) 0, var(--main-color) 100%);
+    color: #fff;
+    border: none;
+    border-radius: 14px;
+    margin-top: 20px;
+    font-size: 20px;
+    letter-spacing: .2px;
+    font-weight: 500;
+}
+
+.dj-btn:hover {
+    background: #a83723;
+}
+
+.djcon {
+    margin: 10% auto;
+    text-align: center;
+}
+
+.djcon p {
+    color: #fff;
+    font-family: cursive;
+    text-transform: none;
+    text-shadow: 0 2px 8px rgba(0, 0, 0, .041);
+    font-weight: 600;
+    line-height: 1.25;
+    letter-spacing: .2px;
+    font-size: 32px;
+}