静态页面练习(pc和移动端两套)

在这里插入图片描述

网址:添加链接描述

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <script src="./import/vue.js"></script>
    <link rel="stylesheet" href="./import/element/index.css">
    <script src="./import/element/index.js"></script>

    <title>平湖卡迪夫公学</title>
    <script src="./import/axios.js"></script>
    <script src="./import/qs.js"></script>
    <!-- pc端样式 -->
    <style>
        /* .el-row {
            margin-bottom: 20px;
        }

        .el-col {
            border-radius: 4px;
        }

        .bg-purple-dark {
            background: #99a9bf;
        }

        .bg-purple {
            background: #d3dce6;
        }

        .bg-purple-light {
            background: #e5e9f2;
        }

        .grid-content {
            border-radius: 4px;
            min-height: 36px;
        }

        .row-bg {
            padding: 10px 0;
            background-color: #f9fafc;
        } */
        body {
            margin: 0;
            padding: 0;
            border: none;
        }

        .all {
            /* position: relative; */
            /* width: 1920px; */
            display: flex;
            justify-content: center;
            align-items: center;
            /* overflow: hidden; */

            /* overflow: hidden; */

            /* height: 5000px; */
            /* background-color: red; */
        }

        .pc-all {
            width: 1920px;
            /* height: 12000px; */
            display: flex;
            /* justify-content: center; */
            align-items: center;
            flex-direction: column;
            overflow: hidden;
        }

        .part-top {
            width: 1920px;
            box-sizing: border-box;
            position: relative;
            display: flex;
            flex-direction: column;
            /* justify-content: center;
            align-items: center; */
        }

        .part-top .top-top {
            width: 1920px;
            height: 70px;
            background: white;
            /* opacity: ; */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .part-top .top-top .top-center {
            width: 68%;
            height: 100%;
            /* background-color: red; */
            display: flex;
            /* justify-content: center; */
            align-items: center;
            position: relative;
        }

        .top-center .center-left {
            /* position: absolute; */
            /* left: 10px;
            top */
            float: left;
            width: 114px;
            height: 50px;
            /* border: 1px saddlebrown solid; */
            background-image: url(https://cavc-ph.oss-cn-hangzhou.aliyuncs.com/pub/imageNew/logo.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .top-center .center-right {
            /* float: right; */
            position: absolute;
            right: 0;
            width: 250px;
            height: 23px;
            font-size: 30px;
            font-family: Source Han Serif CN;
            font-weight: 500;
            color: black;
            line-height: 20px;
        }

        .part-top .top-main {
            width: 1920px;
            height: 904px;
            background: #1C2956;
            position: relative;
        }

        .part-top .top-main .right-red {
            width: 308px;
            height: 100%;
            background: #A12024;
            position: absolute;
            right: 132px;
        }

        .part-top .top-main .left-pic {
            position: absolute;
            width: 1560px;
            height: 616px;
            top: 228px;
            background-image: url(https://cavc-ph.oss-cn-hangzhou.aliyuncs.com/pub/imageNew/top-b.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            left: 0;
        }

        .part-top .top-main .text {
            position: absolute;
            top: 30px;
            left: 300px;
        }

        .part-top .top-main .text1 {
            width: 587px;
            height: 69px;
            font-size: 72px;
            font-family: Source Han Serif CN;
            font-weight: bold;
            color: #FFFFFF;
            line-height: 39px;
            text-shadow: 5px 5px 5px rgba(8, 18, 54, 0.53);
        }

        .part-top .top-main .text2 {
            width: 575px;
            height: 14px;
            font-size: 18px;
            font-family: Source Han Serif CN;
            font-weight: bold;
            color: #FFFFFF;
            line-height: 32px;
            margin-bottom: 25px;
        }

        .part-top .top-main .text3 {
            width: 215px;
            height: 65px;
            font-size: 30px;
            font-family: Source Han Serif CN;
            font-weight: 600;
            color: #FFFFFF;
            line-height: 36px;
            position: relative;
            z-index: 999;
            /* text-align: center; */
        }

        .part-top .top-main .text3 .text3-b {
            width: 385px;
            height: 87px;
            background: #1F3170;
            position: absolute;
            left: 60px;
            top: -5px;
            z-index: -1;

        }

        .part-top .top-bottom {

            width: 520px;
            height: 63px;
            background: #1F3170;
            font-size: 30px;
            font-family: Source Han Sans SC;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 63px;
            position: absolute;
            bottom: -31px;
            left: 700px;
            text-align: center;

        }

        .part1 {
            height: 350px;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .part1 .mid {
            height: 100%;
            width: 1200px;
            /* background-color: #1F3170; */
            display: flex;
            /* justify-content: center;
            align-items: center; */
            flex-direction: column;
            position: relative;

        }

        .part1 .mid .right-pic {
            height: 345px;
            width: 600px;
            position: absolute;
            z-index: -2;
            top: 0;
            right: 0px;
            background-image: url(https://cavc-ph.oss-cn-hangzhou.aliyuncs.com/pub/imageNew/part1-pic.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .part1 .mid .text {
            position: absolute;
            top: 80px;
            left: 50px;
            height: 200px;
            width: 400px;
            /* background-color: red; */
            display: flex;
            /* justify-content: center;
            align-items: center; */
            flex-direction: column;
        }

        .part1 .mid .text .text1 {
            width: 220px;
            height: 35px;
            font-size: 36px;
            font-family: Source Han Sans SC;
            font-weight: bold;
            color: #1C2956;
            line-height: 35px;
            padding-bottom: 5px;
            border-bottom: 5px solid #A12024;
            margin-bottom: 15px;
        }

        .part1 .mid .text .each {
            margin-left: 70px;
            margin-bottom: 10px;
            width: 450px;
            height: 35px;
            font-size: 28px;
            font-family: Source Han Sans SC;
            font-weight: 400;
            color: #656565;
            line-height: 35px;
        }

        .part1 .mid .text .each span {
            color: #1C2956;
            margin-right: 23px;
        }

        .part2 {
            width: 100%;
            height: 300px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            margin-bottom: 50px;
        }

        .part2 .mid {
            width: 959px;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            box-sizing: border-box;
            position: relative;
        }

        .part2 .mid .up {
            width: 100%;
            height: 159px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            background: #1C2956;
            margin-bottom: 20px;
            font-size: 32px;
            font-family: Source Han Sans SC;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 51px;
        }

        .part2 .mid .down {
            width: 100%;
            height: 159px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            font-size: 24px;
            font-family: Source Han Sans SC;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 30px;
        }

        .part2 .mid .down .text1 {
            margin-bottom: 5px;
        }

        .part2 .mid .down .each {
            flex: 1;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            margin-right: 80px;
            background: #A12024;
            position: relative;
        }

        .part2 .mid .down .each .line {
            width: 4px;
            height: 30px;
            background: #A12024;
            position: absolute;
            right: -40px;
            top: 55px;
        }

        .part2 .mid .down .each3 {
            margin-right: 0;
        }

        .part2 .mid .tips {
            position: absolute;
            right: 0;
            bottom: -25px;
            /* width: 200px; */
            height: 16px;
            font-size: 16px;
            font-family: Source Han Sans SC;
            font-weight: 400;
            color: #000000;
            line-height: 25px;
        }

        .part3 {
            width: 100%;
            height: 458px;
            background-image: url(https://cavc-ph.oss-cn-hangzhou.aliyuncs.com/pub/imageNew/part3b.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            box-sizing: border-box;
            padding-bottom: 5px;
        }

        .part3 .roll {
            width: 1600px;
            /* flex: 3; */
            /* background-color: green; */
            height: 100%;
            margin-bottom: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
        }

        .part3 .test004 {
            width: 100%;
            height: 100%;
            color: white;
            display: flex;
            justify-content: center;
            /* border: solid 1px; */
            flex-direction: column;
            align-items: center;
        }

        .part3 .testTop {
            /* background-color: aqua; */
            width: 90%;
            height: 30px;
            font-size: 30px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 26px;
            text-align: center;
            margin-bottom: 20px;
        }

        .part3 .testTop span {
            display: inline-block;
            width: 400px;
        }

        .part3 #box {
            width: 100%;
            height: 240px;
            line-height: 1em;
            /* background-color: skyblue; */
            margin-top: 15px;
            /* margin: 100px auto; */
            padding: 0 0px;
            overflow: hidden;
            /* background-color: #1C2956; */
            /* display: flex;
            justify-content: center;
            align-items: center; */
            padding-left: 260px;

        }

        .part3 #list li {
            margin-top: 10px;
            /* display: inline-block;
            width: 230px; */
            list-style: none;
        }

        .part3 #list span {
            /* margin-right: 30px; */
            font-size: 24px;
            display: inline-block;
            width: 400px;
            /* background-color: skyblue; */
            /* margin-left: 15px; */
            overflow: hidden;
            line-height: 26px;
            text-align: center;
            margin-bottom: 10px;

        }

        .part3 #list .span1 {
            margin-left: 20px;

        }

        .part3 #list .span2 {
            margin-left: 3px;


        }

        .part3 #list .span3 {
            margin-left: 2px;

        }

        .part3 .form2 {
            flex: 1;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 15px;
            /* background-color: green; */
        }

        .part3 .form .aa {
            /* position: absolute; */
            display: block;
            /* width: 92%; */
            /* height: 100%; */
            /* bottom: 5px; */
            /* background-color: black; */
        }

        .part3 .input {
            width: 390px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 30px;
        }

        .part3 .button {
            width: 267px;
            height: 50px;
            background: #FFFFFF;
            border-radius: 30px;
            background-color: white;
            border: none;
            color: rgb(165, 24, 43);
            font-size: 24px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #A12024;
            line-height: 50px;
            text-align: center;
        }

        .button:hover {
            /* border-radius: 40px !important; */
            cursor: pointer;
        }

        .part4 {
            width: 100%;
            height: 360px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 30px;
            margin-bottom: 50px;
        }

        .part4 .mid {
            width: 1000px;
            height: 360px;
            /* background-image: url(https://cavc-ph.oss-cn-hangzhou.aliyuncs.com/pub/imageNew/part4.png);
            background-repeat: no-repeat;
            background-size: 100% 100%; */
            position: relative;
            display: flex;
            flex-direction: column;
        }

        .part4 .mid .each {
            width: 100%;
            flex: 1;

        }

        .part4 .mid .each1 {
            background-image: url(https://cavc-ph.oss-cn-hangzhou.aliyuncs.com/pub/imageNew/part41.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .part4 .mid .each2 {
            background-image: url(https://cavc-ph.oss-cn-hangzhou.aliyuncs.com/pub/imageNew/part42.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .part4 .mid .each3 {
            background-image: url(https://cavc-ph.oss-cn-hangzhou.aliyuncs.com/pub/imageNew/part43.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .part4 .mid .tips {
            /* width: 215px; */
            height: 16px;
            font-size: 16px;
            font-family: Source Han Sans SC;
            font-weight: 500;
            color: #0D2A48;
            line-height: 20px;
            position: absolute;
            bottom: -30px;
            right: 0;
        }

        .part5 {
            width: 1920px;
            height: 250px;
        }

        .part5 .mid {
            margin-left: 178px;
            width: 1316px;
            height: 245px;
            /* background-image: url(https://cavc-ph.oss-cn-hangzhou.aliyuncs.com/pub/imageNew/part5.png);
            background-repeat: no-repeat;
            background-size: 100% 100%; */
            display: flex;
            flex-direction: row;
        }

        .part5 .mid .left {
            height: 100%;
            flex: 1;
            background: #09102F;
            position: relative;
        }

        .part5 .mid .left .line {
            position: absolute;
            top: 203px;
            left: 282px;
            width: 361px;
            height: 5px;
            background: rgb(36, 53, 126);

        }

        .part5 .mid .left .line2 {
            position: absolute;
            top: 65px;
            left: 244px;
            width: 2px;
            height: 116px;
            background: #FFFFFF;

        }

        .part5 .mid .right {
            flex: 1;
            height: 100%;

            background-image: url(https://cavc-ph.oss-cn-hangzhou.aliyuncs.com/pub/imageNew/part5.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            position: relative;
        }

        .part5 .mid .right .red {
            width: 383px;
            height: 116px;
            background: #A12024;
            position: absolute;
            top: 70px;
            right: -250px;
            /* z-index: -1; */
        }

        .part5 .mid .left .text {
            position: absolute;
            top: 35px;
            left: 280px;
        }

        .part5 .mid .left .text1 {
            /* width: 294px; */
            height: 26px;
            font-size: 26px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 36px;
            margin-bottom: 45px;
        }

        .part5 .mid .left .text2 {
            /* height: 58px; */
            font-size: 24px;
            font-family: Source Han Sans CN;
            font-weight: 300;
            color: #FFFFFF;
            margin-bottom: 5px;

            /* line-height: 34px; */
        }

        .part5 .mid .left .text3 {
            /* height: 58px; */
            font-size: 24px;
            font-family: Source Han Sans CN;
            font-weight: 300;
            color: #FFFFFF;
            /* line-height: 34px; */
        }

        .part6-title {
            padding-top: 30px;
            background-color: rgb(240, 240, 240) !important;
            margin-bottom: 0 !important;

        }

        .part6 {
            width: 1920px;
            height: 542px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: rgb(240, 240, 240);
            padding-bottom: 60px;
        }

        .part6 .mid {
            width: 1310px;
            height: 560px;
            /* background-color: #656565; */
        }

        .part6 .mid .title {
            margin-left: 30px;
            margin-bottom: 30px;
        }

        .part6 .mid .title .up {
            width: 203px;
            /* height: 35px; */
            padding-bottom: 3px;
            font-size: 36px;
            font-family: Source Han Sans SC;
            font-weight: bold;
            color: #1C2956;
            line-height: 43px;
            margin-bottom: 5px;
            border-bottom: 4px solid #A12024;
        }

        .part6 .mid .title .down {
            /* width: 319px; */
            height: 29px;
            font-size: 30px;
            font-family: Source Han Sans SC;
            font-weight: 500;
            color: #1C2956;
            line-height: 43px;
            margin-left: 120px;
        }

        .part6 .mid .content {
            width: 100%;
            height: 420px;
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            /* background-color: #656565; */
            box-sizing: border-box;
            padding-left: 20px;
        }

        .part6 .mid .content .each {
            width: 388px;
            height: 211px;
            background-color: white;
            margin: 10px;
            position: relative;
            display: flex;
            justify-content: center;
            /* align-items: center; */
            flex-direction: column;
            padding-left: 30px;
            box-sizing: border-box;
        }

        .part6 .mid .content .icon {
            width: 42px;
            height: 37px;
        }

        .part6 .mid .content .icon img {
            width: 100%;
            height: 100%;
        }

        .part6 .mid .content .each .text {
            /* width: 215px; */
            height: 57px;
            font-size: 24px;
            font-family: Source Han Sans SC;
            font-weight: 500;
            color: #656565;
            line-height: 33px;
            margin-top: 10px;
            margin-left: 60px;
            margin-bottom: 50px;
            /* text-align: center; */
        }

        .part6 .mid .content .line {
            width: 203px;
            height: 4px;
            background-image: url(https://cavc-ph.oss-cn-hangzhou.aliyuncs.com/pub/imageNew/part6-line.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            margin-left: 120px;
        }

        .part7 {
            width: 1920px;
            height: 900px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .part7 .mid {
            width: 1310px;
            height: 420px;
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            /* background-color: #656565; */
            box-sizing: border-box;
            padding-left: 50px;
            margin-bottom: 30px;
        }

        .part7 .mid .each {
            width: 388px;
            height: 211px;
            /* background-color: red; */
            /* margin: 10px; */
            position: relative;
            display: flex;
            justify-content: center;
            /* align-items: center; */
            flex-direction: column;
            /* padding-left: 30px; */
            box-sizing: border-box;
            font-size: 26px;
            font-family: Source Han Sans SC;
            font-weight: 500;
            color: #6E6E6E;
            line-height: 43px;
        }

        .part7 .mid .each img {
            width: 100%;
            height: 100%;
        }

        .part7 .mid .each .text1 {
            position: relative;
            border-left: 14px solid #A12024;
            padding-left: 30px;

        }

        .part7 .mid .each .text2 {
            padding-left: 44px;

        }

        .part7 .bottom {
            width: 1310px;
            height: 425px;
            /* background-color: red; */
            display: flex;
            justify-content: center;
            flex-direction: column;
            margin-top: 30px;
        }

        .part7 .bottom .up {
            width: 100%;
            height: 124px;
            /* background-color: red; */
            display: flex;
            justify-content: center;
            flex-direction: column;
            position: relative;
        }

        .part7 .bottom .up .right {
            position: absolute;
            right: 80px;
            top: 0px;
            width: 134px;
            height: 124px;
            background: #A12024;
        }

        .part7 .bottom .up .text {
            padding-left: 60px;
            width: 810px;
            height: 102px;
            font-size: 24px;
            font-family: Source Han Sans SC;
            font-weight: 500;
            color: #000000;
            line-height: 39px;
        }

        .part7 .bottom .down {
            margin-top: 30px;
            width: 100%;
            height: 230px;
            /* background-color: red; */
            display: flex;
            justify-content: center;
            flex-direction: column;
            background-image: url(https://cavc-ph.oss-cn-hangzhou.aliyuncs.com/pub/imageNew/part7down.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            box-sizing: border-box;
        }

        .part7 .bottom .down .text1 {
            font-size: 30px;
            font-family: Source Han Sans SC;
            font-weight: bold;
            color: #FFFFFF;
            text-align: center;
            margin-bottom: 25px;
        }

        .part7 .bottom .down .text2 {
            font-size: 24px;
            font-family: Source Han Sans SC;
            font-weight: 500;
            color: #FFFFFF;
            text-align: center;
            margin-bottom: 25px;


        }

        .part7 .bottom .down .text3 {
            font-size: 24px;
            font-family: Source Han Sans SC;
            font-weight: 500;
            color: #FFFFFF;
            text-align: center;
        }

        .part8 {
            width: 1920px;
            height: 590px;
            display: flex;
            position: relative;
            box-sizing: border-box;
            /* margin-bottom: 60px; */
        }

        .part8 .left {
            width: 1110px;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 535px;
            background: #1C2956;
            box-shadow: 7px 10px 15px 1px rgba(96, 20, 22, 0.43);
        }

        .part8 .left .content {
            display: flex;
            flex-direction: column;
            margin-left: 400px;
        }

        .part8 .left .each {
            display: flex;
            flex-direction: row;
            margin-bottom: 50px;
        }

        .part8 .left .each .icon {
            width: 65px;
            height: 65px;

        }

        .part8 .left .each .icon img {
            width: 100%;
            height: 100%;

        }

        .part8 .left .each .text {
            width: 400px;
            font-size: 26px;
            font-family: Source Han Sans SC;
            font-weight: 500;
            color: #FFFFFF;
            height: 65px;
            text-align: right;
            line-height: 65px;
            margin-right: 30px;
        }

        .part8 .right {
            flex: 1;
            height: 491px;
            background-image: url(https://cavc-ph.oss-cn-hangzhou.aliyuncs.com/pub/imageNew/part8.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            margin-top: 25px;
        }

        .part8 .left .back {
            position: absolute;
            top: 30px;
            left: 30px;
            width: 1110px;
            height: 535px;
            z-index: -1;
            /* height: 71px; */
            background: #A12024;
        }

        .part9 {
            width: 1920px;
            height: 900px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .part9 .mid-up {
            background-color: #F3F3F3;
            height: 513px;
            width: 1200px;
            margin-bottom: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            box-sizing: border-box;
        }

        .part9 .mid-up .each {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            box-sizing: border-box;
        }

        .part9 .mid-up .each .head {
            width: 194px;
            height: 235px;
        }

        .part9 .mid-up .each .head img {
            width: 100%;
            height: 100%;
        }

        .part9 .mid-up .each .text1 {
            width: 194px;
            height: 27px;
            font-size: 18px;
            font-family: Source Han Sans SC;
            font-weight: bold;
            color: #000000;
            line-height: 43px;
            text-align: left;
        }

        .part9 .mid-up .each .text2 {
            width: 194px;
            height: 37px;
            font-size: 14px;
            font-family: Source Han Sans SC;
            font-weight: 400;
            color: #636363;
            line-height: 43px;
            /* text-align: left; */

        }

        .part9 .mid-up .each .text3 {
            width: 200px;
            height: 154px;
            font-size: 13px;
            font-family: Source Han Sans SC;
            font-weight: 400;
            color: #9A9A9A;
            line-height: 20px;
            /* margin-bottom: 20px; */
        }

        .part9 .mid-down {
            /* background-color: #F3F3F3; */
            /* height: 503px; */
            width: 1200px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            box-sizing: border-box;
        }

        .part9 .mid-down .each {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            box-sizing: border-box;
        }

        .part9 .mid-down .each .head {
            width: 214px;
            height: 211px;
        }

        .part9 .mid-down .each .head img {
            width: 100%;
            height: 100%;
        }

        .part9 .mid-down .each .text1 {
            width: 200px;
            height: 30px;
            font-size: 17px;
            font-family: Source Han Sans SC;
            font-weight: bold;
            color: #000000;
            line-height: 30px;
            text-align: left;
        }

        .part9 .mid-down .each .text2 {
            width: 200px;
            height: 48px;
            font-size: 15px;
            font-family: Source Han Sans SC;
            font-weight: 400;
            color: #636363;
            line-height: 20px;
            text-align: left;
            /* margin-bottom: 5px; */

        }

        .part9 .mid-down .each .text3 {
            width: 197px;
            height: 67px;
            font-size: 13px;
            font-family: Source Han Sans SC;
            font-weight: 400;
            color: #9A9A9A;
            line-height: 18px;
            /* margin-bottom: 20px; */
        }

        .part10 {
            width: 1920px;
            /* height: 900px; */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .part10 .mid .leftRed {
            width: 55px;
            height: 573px;
            font-size: 72px;
            font-family: Source Han Sans SC;
            font-weight: bold;
            color: #A12024;
            line-height: 43px;
            position: absolute;
            left: -90px;
            top: 50px;
            writing-mode: vertical-rl;
            transform: rotate(180deg);

        }

        .part10 .mid {
            width: 1130px;
            height: 100%;
            position: relative;
            /* background-color: #9A9A9A; */
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            margin-left: 10px;
        }

        .part10 .mid .each {
            margin: 8px;
            width: 260px;
            height: 430px;
            position: relative;
            /* background-color: red; */
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;

        }

        .part10 .mid .each .pic {
            width: 100%;
            height: 369px;

        }

        .part10 .mid .each .pic img {
            width: 100%;
            height: 369px;

        }

        .part10 .mid .each .btn {
            width: 224px;
            height: 44px;
            background: #232C4C;
            border-radius: 10px;
            font-size: 24px;
            font-family: Source Han Sans SC;
            font-weight: bold;
            line-height: 44px;
            color: white;
            text-align: center;
            margin-top: 15px;

        }

        .part10 .mid .each .btn2 {
            background: #A12024;
        }

        .part11 {
            margin-top: 30px;
            width: 1920px;
            height: 388px;
            background-color: rgb(238, 238, 238);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .part11 .mid {
            width: 1197px;
            height: 302px;
            border: 4px solid #F9F8F8;
            background-image: url(https://cavc-ph.oss-cn-hangzhou.aliyuncs.com/pub/imageNew/part11.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            box-sizing: border-box;
            position: relative;
        }

        .part11 .mid .text1 {
            /* width: 165px;
            height: 15px; */
            font-size: 30px;
            font-family: Source Han Sans SC;
            font-weight: bold;
            color: #000000;
            line-height: 55px;
            margin-bottom: 30px;
        }

        .part11 .mid .text2 {
            display: flex;
            width: 65%;
            margin-bottom: 20px;

        }

     
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值