.jo_x {
    padding: 5.53rem 18rem 1.8rem 18rem;
    background: url(https://www.titans-ele.com/static/img/jox_bj2.png) no-repeat center;
    background-size: cover;
}
.jo_x .list {
    width: 100%;
    /*height: 12.65rem;*/
    height: 70rem;
    position: relative;
}
.jo_x .list .item1 {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.jo_x .list .item {
    position: absolute;
    text-align: center;
    width: 19.4rem;
}
.jo_x .list .item .icon {
    width: 20%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 0.27rem;
}
.jo_x .list .item .icon img {
    width: 100%;
}
img {
    border: none;
    max-width: 100%;
    /*display: block;*/
}
.jo_x .list .item .h {
    font-family: hb;
    color: #000000;
    margin-bottom: 0.28rem;
    line-height: 34px;
}
.f_24 {
    font-size: 24.00px;
}
.jo_x .list .item .p {
    font-family: hr;
    color: #000000;
    line-height: 32px;
    height: 224px;
    text-align: left;
}
.f_16 {
    font-size: 16.00px;
}
.jo_x .list .item2 {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.jo_x .list .item3 {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.jo_x .list .item4 {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.jo_x .list .bj {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 57.05rem;
    height: auto;
}
.list_about_four .icon img{height:auto;}
@media screen and (max-width: 1480px) {
    .jo_x .list .item .h {
        line-height: 26px;
    }
}
@media screen and (max-width: 1280px) {
    .jo_x .list .item .p {
        font-size: 13px;
    }
}
@media screen and (max-width: 1024px) {
    .jo_x {
        padding: .8rem 5%;
    }
    .jo_x .list {
        height: auto;
    }
    
    .jo_x .list .item .p{
        height: 125px;
    }
    .jo_x .list .item {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: translate(0, 0);
        width: 100%;
        text-align: center;
        margin-bottom: .5rem;
    }
    .jo_x .list .item .icon {
        margin: 0 auto .27rem;
    }
    .jo_x .list .bj {
        display: none;
    }
        .f_24 {
        font-size: 18px;
    }
}