@media screen and (min-width:640px) {

    .pc_nav_project {
        color: #11107c;
    }

    .pc_con {
        width: 100%;
    }

    .pc_project {
        width: 92%;
        margin: 0 auto;
    }

    .pc_project_nav {
        width: 96%;
        position: relative;
        padding: 8% 0 3%;
    }

    .pc_project_title {
        position: absolute;
        left: 0;
        top: 65%;
        transform: translateY(-50%);
        color: #393939;
        font-size: 2.3vw;
        font-weight: bold;
    }

    .pc_project_menu {
        font-size: 1vw;
        width: 30%;
        display: flex;
        justify-content: space-between;
        /* font-weight: bold; */
        margin-left: 12%;
    }

    .pc_project_menu div {
        /* position: relative; */
        cursor: pointer;
    }

    /* .pc_project_menu div:first-child {
        color: #11107c;
    } */

    .pc_project_menu div::after {
        /* content: ""; */
        border-right: 1px solid;
        margin-left: 1vw;
    }

    .pc_project_menu div:last-child::after {
        /* content: ""; */
        border-right: none;
    }

    .pc_project_picList {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 0.3vw;
        /* height: 91vw; */
    }

    .picItem {
        height: 30vw;
    }

    /* .picItem1 {
        grid-row: 1 / 3;
        grid-column: 1 / 3;
    }

    .picItem2 {
        grid-row: 1/ 2;
    }

    .picItem3 {
        grid-row: 2/ 3;
    }

    .picItem4 {
        grid-row: 1/ 3;
    }

    .picItem5 {
        grid-row: 3/ 5;
    }

    .picItem6 {
        grid-row: 3 / 5;
        grid-column: 2 / 4;
    }

    .picItem7 {
        grid-row: 3 / 4;
    }

    .picItem8 {
        grid-row: 4/ 5;
    }

    .picItem9 {
        grid-row: 5/ 6;
    }

    .picItem10 {
        grid-row: 6/ 7;
    }

    .picItem11 {
        grid-row: 5 / 7;
    }

    .picItem12 {
        grid-row: 5 / 7;
        grid-column: 3 / 5;
    } */

    .pc_project_picList img {
        display: block;
    }

    .picItem4 img,
    .picItem5 img,
    .picItem11 img {
        height: 100%;
        width: auto;
        transform: translateX(-50%);
        left: 50%;
        position: relative;
    }


    .picItem {
        /* margin-right: 0.65vw; */
        transition: all 0.5s;
        overflow: hidden;
        position: relative;
    }

    .picItem img {
        display: block;
        transition: all 0.5s;
        overflow: hidden;
		height: 103%;
    width: auto;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
    }

    .picItem img:hover {
        /* transform: scale(1.1); */
        -webkit-filter: brightness(50%);
        filter: brightness(50%);
    }

    .picItem_title {
        display: none;
        position: absolute;
        z-index: 99;
        bottom: 4%;
        color: white;
        font-size: 1.2vw;
        left: 4%;
        font-weight: 400;
    }

    .picItem:hover .picItem_title {
        display: block;
        /* color: white; */
    }


    /* .picItem4 img:hover,
    .picItem5 img:hover,
    .picItem11 img:hover {
        transform: translateX(50%);
        left: -50%;
        position: relative;
        transform: scale(1.1);
    } */

    .pc_project_more {
        text-align: center;
        margin: 3% 0;
        font-size: 1.4vw;
        cursor: pointer;
        font-weight: bold;
		display:none;
    }

    .pc_project_img {
        overflow: hidden;
    }

    .pc_project_img img:hover {
        transform: scale(1.1);
    }

    .pc_project_img img {
        transition: all 0.5s;
    }
}

@media screen and (max-width:640px) {
    .pc_nav_project {
        color: #11107c;
    }

    .pc_con {
        width: 100%;
    }

    .pc_project {
        width: 93%;
        margin: 0 auto;
    }

    .pc_project_nav {
        width: 96%;
        position: relative;
        padding: 25% 0 4%;
    }

    .pc_project_title {
        /* position: absolute; */
        left: 1%;
        top: 77%;
        transform: translateY(-50%);
        color: #393939;
        font-size: 6.3vw;
        font-weight: bold;
    }

    .pc_project_menu {
        font-size: 3vw;
        /* width: 61%; */
        display: flex;
        justify-content: space-between;
        font-weight: bold;
        /* margin-left: 28%; */
    }
.projectMenu_d_son{
    display: none;
}
    .pc_project_menu div {
        position: relative;
        cursor: pointer;
    }


    /* .pc_project_menu div::after {
        content: "";
        border-right: 1px solid;
        margin-left: 2.5vw;
    } */

    .pc_project_menu div:last-child::after {
        content: "";
        border-right: none;
    }

    .pc_project_more {
        text-align: center;
        margin: 10% 0;
        font-size: 3.4vw;
        cursor: pointer;
        font-weight: bold;
		display:none;
    }

    .pc_project_img {
        overflow: hidden;
    }

    .pc_project_img img:hover {
        transform: scale(1.1);
    }

    .pc_project_img img {
        transition: all 0.5s;
    }

    .picItem_title {
        position: absolute;
        z-index: 99;
        color: white;
        font-size: 4.2vw;
        left: 5%;
        font-weight: 400;
        top: 4%;
		display:none;
    }

    .picItem {
        position: relative;
        margin-bottom: 3%;
    }
}