.threeResen {
    margin-top: 70px;
}

.threeResen .item {
    display: inline-block;
    width: calc((100% - 76px) / 3);
    vertical-align: top;
}

.threeResen .item:not(:nth-child(3)) {
    margin-right: 38px;
}

.threeResen .item .putImg {
    position: relative;
    width: 100%;
}

.threeResen .item span {
    font-size: 30px;
}

.threeResen .item p {
	padding:0 20px;
    font-size: 14px;
    line-height: 20px;
    color: var(--black);
}

.blueBg {
    position: relative;
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.blueBg .ct {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;

    color: white;
    z-index: 2;
    transform: translateY(-50%);
}

.blueBg .ct .b {
    font-size: 45px;
    line-height: 40px;
	letter-spacing:10px;
}

.blueBg .ct .s {
    margin-top: 15px;
    font-size: 15px;
    line-height: 22px;
}


@media (max-width:1024px){
.blueBg{ height:auto; padding:25% 0;}
.threeResen .item{ width:100%; margin-bottom:5%;}
.threeResen .item img{ width:100%;}
}

@media (max-width:640px){
.blueBg .ct .b{ font-size:30px; line-height:35px; letter-spacing:5px;}
.threeResen .item span{ font-size:24px;}
}

@media (max-width:480px){
.blueBg .ct .b{ font-size:24px; line-height:30px; letter-spacing:2px;}
.blueBg .ct .s{ font-size:13px;}
}