.environment_ul1 {
    display: flex;
    height: 60px;
    justify-content: center;
}


@media screen and (min-width:768px) {
    .environment_ul1 .environment_li1 {
        display: block;
        width: 240px;
        height: 50px;
        border-radius: 50px;
        border: 2px solid #e6e6e6;
        text-align: center;
        line-height: 50px;
        font-size: 26px;
        background-color: #fff;
        margin: 0 50px;
    }
}

@media screen and (max-width:768px) {
    .environment_ul1 .environment_li1 {
        display: block;
        width: 150px;
        height: 50px;
        line-height: 50px;
        border-radius: 10px;
        border: 2px solid #e6e6e6;
        text-align: center;
        background-color: #fff;
        margin: 0 20px;
    }
}

.environment_ul1 .environment_li1:hover {
    cursor: pointer
}

.environment_ul1 .environment_li_on {
    background-color: #00235a;
    color: #fff
}

.environment_ul2{display: block;}
.environment_content3_box2{margin-top: 20px;}
.environment_content3_box1{position: relative;margin-top: 20px;overflow: hidden}
.environment_content3_box1:hover .environment_name{display: block}
.environment_content3_box1:hover img,.environment_content3_col:hover img,.environment_content3_col2:hover img{transform:scale(1.1);transition: all 0.2s linear}
.environment_content3_col{float: left;position: relative;overflow: hidden}
.environment_content3_col2{float: right;position: relative;overflow: hidden}
.environment_content3_box1 img,.environment_content3_col img,.environment_content3_col2 img{display: block;width: 100%;;transition: all 0.2s linear}
.environment_content3_col:hover .environment_name,.environment_content3_col2:hover .environment_name{display: block}

.r_li{display: none}
.r_h{display: block}