/* 大屏幕（大桌面显示器，大于等于 1200px） */
        @media (min-width: 751px) {
            main {
                /* background-color: #F6F8FB; */
                /* width: 100vw; */
                /* font-size: 0px; */
                /* margin: 0 auto; */
            }

            .w {
                width: 1200px;
                margin: 0 auto;
            }

            .headerbox {
                /* background: url(../partimage/attendance/topimg.png); */
                /* width: 100%; */
                min-width: 1200px;
                height: 474px;
                margin: 0 auto;
                background-size: 100% 100%;
                position: relative;
            }

            .topimg {
                width: 100%;
                height: 474px;
                /* width: 100vw; */
                position: absolute;
                object-fit: cover;
            }

            .header {
                min-width: 1200px;
                /* width: 1200px; */
                z-index: 99;
            }

            .top-content {
                position: absolute;
                top: 119px;
                /* left: 360px; */
            }

            .top-content h1 {
                font-family: Alibaba PuHuiTi;
                font-weight: 500;
                font-size: 36px;
                color: #FFFFFF;
                /* height: 35px;
                line-height: 80px; */
            }

            .top-content div {
                width: 100px;
                height: 4px;
                background: #F5F2F6;
                margin: 34px 0;
            }

            .top-content p {
                width: 534px;
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: 16px;
                color: #FFFFFF;
                /* line-height: 1.8; */
                height: 76px;
                line-height: 30px;
            }

            .sectionew {
                width: 100%;
                height: 440px;
                padding: 70px 0;
                box-sizing: border-box;
            }

            .all {
                display: flex;
                justify-content: space-between;
                /* padding-top: 70px;
                box-sizing: border-box; */
            }

            .nav-content {
                /* width: 100%; */
            }

            .nav-item {
                width: 580px;
                height: 315px;
                background: #FFFFFF;
                box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.09);
                border-radius: 10px;
            }

            .item-top {
                width: 100%;
                height: 70px;
                background: linear-gradient(-86deg, #3D93FD, #29C7FB);
                border-radius: 10px 10px 0px 0px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 0 25px;
                box-sizing: border-box;
            }

            .item-top h1 {
                font-family: Alibaba PuHuiTi;
                font-weight: 500;
                font-size: 24px;
                color: #FFFFFF;
            }

            .item-bot {
                /* padding: 0 37px 0 26px; */
                box-sizing: border-box;
            }

            .item-bot section {
                display: flex;
            }

            .item-bot section:first-child {
                margin-top: 24px;
            }

            .item-bot section:nth-child(2) {
                margin-top: 15px;
            }

            .item-bot section:nth-child(3) {
                margin-top: 24px;
            }

            .item-bot section:nth-child(4) {
                margin-top: 15px;
            }

            .item-bot img {
                width: 22px;
                height: 22px;
                margin-right: 8px;
                margin-left: 25px;
                margin-top: 2px;
            }

            .item-bot p {
                width: 498px;
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: 16px;
                color: #666666;
            }

            .systembox {
                background: url(../partimage/attendance/bg.png);
                background-color: #2b2e32;
                /* width: 100%; */
                min-width: 1200px;
                /* height: 907px; */
                margin: 0 auto;
                background-size: 100% 100%;
            }

            .system {
                padding: 70px 0;
                box-sizing: border-box;
            }

            .systembox h2 {
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: 24px;
                color: #FFFFFF;
                display: flex;
                justify-content: center;

            }

            .symiddle {
                margin: 47px 0 27px;
            }

            .sytop h2 {
                display: flex;
                justify-content: center;
                margin: 37px 0 29px;
                /* height: 22px; */
            }

            .sytop .topstar {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .sytop .topstar h1 {
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: 28px;
                color: #FFFFFF;
                margin: 0 8px;
                /* height: 26px; */
            }

            .sytop .topstar img {
                width: 14px;
                height: 14px;
            }

            .systembox ul {
                display: flex;
                flex-wrap: wrap;
            }

            .systembox li {
                display: flex;
                /* justify-content: center; */
                flex-direction: column;
                align-items: center;
                width: 285px;
                height: 270px;
                background: #445159;
                border-radius: 10px;
                margin-right: 20px;
                text-align: center;
                padding: 26px 20px 23px;
                box-sizing: border-box;
            }

            .systembox li img {
                width: 98px;
                height: 109px;
            }

            .systembox li h1 {
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: 22px;
                color: #FFFFFF;
                margin: 23px 0 15px;
                line-height: 24px;
            }

            .systembox li p {
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: 16px;
                color: #FFFFFF;
            }

            .systembox li:nth-child(4n) {
                margin-right: 0;
            }

            .blue {
                background: linear-gradient(-86deg, #3D93FD, #29C7FB);
            }

            .orange {
                background: linear-gradient(90deg, #FFB966, #FD7E31);
            }

            .green {
                background: linear-gradient(-90deg, #21E179, #2EF398);
            }

            .yellow {
                background: linear-gradient(-90deg, #FFA60A, #F7C92A);
            }

            .particularbox {
                min-width: 1200px;
                background-color: #F6F8FB;
                height: 334px;
                padding: 70px 0;
                box-sizing: border-box;
            }

            .particular .partstar {
                display: flex;
                justify-content: center;
                align-items: center;
                line-height: 26px;
            }

            .particular .partstar h1 {
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: 28px;
                color: #333333;
            }

            .particular .partstar img {
                margin: 0 8px;
            }

            .particular ul {
                display: flex;
                margin-top: 40px;
            }

            .particular li:nth-child(-n+3) {
                margin-right: 20px;
            }

            .partbox {
                width: 285px;
                height: 128px;
                background: #FFFFFF;
                box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.05);
                border-radius: 10px;
            }

            .part-top {
                height: 50px;
                border-radius: 10px 10px 0px 0px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 9px 19px 8px;
                box-sizing: border-box;
            }

            .part-top p {
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: 24px;
                color: #FFFFFF;
                height: 23px;
                line-height: 23px;
            }

            .part-top .heng {
                width: 25px;
                height: 3px;
                background: #FFFFFF;
                margin-top: 5px;
            }

            /* .part-bot {
                display: flex;
                align-items: flex-start;
                padding-left: 10px;
                padding-right: 25px;
                box-sizing: border-box;
                margin-top: 23px;
            } */
            .part-bot {
                display: flex;
                align-items: flex-start;
                /* padding-left: .32rem;
                padding-right: .3333rem; */
                padding: 17px 24px 19px 19px;
                box-sizing: border-box;
                /* margin-top: .3067rem; */
            }
            .part-bot img {
                width: 17px;
                height: 13px;
                margin-right: 7px;
                margin-top: 5px;
            }

            .part-bot p {
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                font-size: 16px;
                color: #333333;
            }
        }