



.page1 {
    background-image: url(education_bj.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    position: relative;
    padding-bottom: 13vw;

}
.hbcm .hi-icon {
    box-shadow: 0 0 0 1px #666666;
  
}
.hbcm .hi-icon::after {

    border: 1px dashed #666666;
}
.hbcm .hi-icon .icon path {
    fill: #666666;

}
.page1 .pos_bot {
    z-index: 1;
    width: 24vw;
    height: 13vw;
    background-color: #b71928;
    position: absolute;
    right: 0;
    bottom: -50px;
}
.page1 .pos_le {

    position: absolute;
    left: 0;
    top: 0;
    width: 37vw;

}
.page1mine {
    display: flex;
    z-index: 2;
    position: relative;
}
.page1mine .p_left ul {
    max-height: 600px;
    display: flex;

}
.page1mine .p_left ul li {

    margin-right: 10px;
    overflow: hidden;
}
.page1mine .p_left ul li img {
width: 100%;
height: 100%;
object-fit: cover;

}
.page1mine .p_left ul li:hover img {

    transform: scale(1.05);

}
.page1mine .p_left {

overflow: hidden;
    flex: 0 0 69%;
}

.page1mine .p_rigt {
    flex: 1;
    padding-left: 8%;
}
.page1mine .p_rigt .a_txt2 {
    color: #333333;
    line-height: 2;
    font-weight: bold;
}
.page1mine .p_rigt .s-title {

    margin-bottom: 2vw;
}


/* �?二板�? */
.education2 {
    background-image: url(education_2_bj.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    position: relative;

}
.education2 .pa_imglefte {
    width: 35vw;
    left: 0;
    top: 0;
    position: absolute;
}
.education2mine {

    display: flex;
    z-index: 5;
    position: relative;
}
.education2mine .pa_l {
    flex: 1;
    padding-top: 7%;
    padding-right: 7%;
}
.education2mine .pa_l .hbcm  {

    display: flex;
    align-items: flex-start;
}
.education2mine .pa_l .pa_bi {

    width: 32vw;
    margin-left: auto;
    margin-top: 5vw;
    overflow: hidden;
}
.education2mine .pa_l .pa_bi img {
object-fit: cover;
width: 100%;
height: 100%;
transition: all 0.6s;
}
.education2mine .pa_l .pa_bi:hover img{
transform: scale(0.98);
}
.education2mine .pa_l .hbcm .hi-icon {
    box-shadow: 0 0 0 1px #666666;
    /* flex: 0 0 70px; */
    margin-top: 0;
}
.education2mine .pa_l .hbcm .hi-icon::after {

    border: 1px dashed #666666;
}
.education2mine .pa_l .hbcm .hi-icon .icon path {
    fill: #666666;

}
.education2mine .pa_l .hbcm .s-title {

    padding-right: 3.5vw;
}
.education2mine .pa_l .hbcm .s-title .p_txt {
    margin-top: 10%;
    line-height: 2;
    color: #333333;
    font-weight: bold;
}
.education2mine .pa_r {
    flex: 0 0 38%;
    overflow: hidden;
}
.education2mine .pa_r .b_img {
    overflow: hidden;

}
.education2mine .pa_r .b_img img {
transition: all 0.4s;
width: 100%;
height: 100%;
object-fit: cover;

}
.education2mine .pa_r .b_img:hover img{
transform: scale(1.05);

}

.education3 .education3img {
    width: 41%;
    margin-left: auto;
}
.education3 .education3img img {

    height: 100%;
    object-fit: cover;
}


.education3 .education3_left .a_txt2 {

    margin-top: 12%;
}

.education3 .education3mine {

    display: flex;

}
.education3 .education3mine .education3_left {
    flex: 1;
    z-index: 2;
}
.education3 .education3mine .education3_left .a_txt2 ul li {

    letter-spacing: 0px;
    color: #333333;
    margin-bottom: 15px;
    font-weight: bold;
}
.education3 .education3mine .education3_right {

    flex: 0 0 71%;
}
.education3 .education3mine .education3_right .e_imgbox {

    width: 100%;
    height: 100%;
    overflow: hidden;
}
.education3 .education3mine .education3_right .e_imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s;

}
.education3 .education3mine .education3_right .e_imgbox:hover img {

    transform: scale(1.05);
}
.education3 .hi-icon::after {

    border: 1px dashed #666666;
}
.education3 .hi-icon {

    box-shadow: 0 0 0 1px #666666;
}
.education3 .hi-icon .icon path {

    fill: #666666;
}

.education3 {
    background-image: url(education_3_bj.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    position: relative;
    

} 

.education3 .img_l {
    width: 60px;
    height: 300px;
    background-color: #b71928;
    position: absolute;
    left: 0;
    top: 0;

}

.education3 .img_b {
    background-color: #b71928;
    width: 36vw;
    height: 139px;
    margin-top: 5%;
}

@media screen and (max-width: 1200px) { 

    .education3 .img_b { 


        height: 100px;
    }

}

@media screen and (max-width: 768px) {  

    .page1mine {

        flex-wrap: wrap;
    }
    .page1mine .p_left {

        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    .page1mine .p_rigt {

        flex: 0 0 100%;
        padding-left: 0%;
    }
    /* .page1mine .p_rigt .a_txt2 {

        line-height: 1.5;
    } */
    .page1 {

        padding-bottom: 40px;
    }
    .page1mine .hbcm {

        margin-bottom: 0px !important;
    }

    .education2mine {
        flex-wrap: wrap;
    }
    .education2mine .pa_l {

        flex: 0 0 100%;
        padding-top: 40px;
        padding-right: 0%;
    }
    .education2mine .pa_l .hbcm {

        flex-wrap: wrap;
    }
    .education2mine .pa_l .hbcm .s-title {

        padding-right: 0vw;
    }
    .education2mine .pa_l .hbcm .hi-icon {

        margin-top: 10px;
    }
    .education2mine .pa_l .pa_bi {
        width: 89vw;
        margin-bottom: 20px;
    }
    .education2mine .pa_r {

        flex: 0 0 100%;
    }
    .education2 {
        padding-bottom: 40px;
    }

    .education3 .education3mine {

        flex-wrap: wrap;
    }
    .education3 .education3mine .education3_left {

        flex: 0 0 100%;
    }
    .education3 .education3mine .education3_right {

        flex: 0 0 100%; 
    }
    .education3 .education3img {

        height: 40px;
    }
    .education3 .education3mine .education3_left .a_txt2 ul li {
        margin-bottom: 5px;
        text-align: center;
    }
    .education3 .education3_left .a_txt2 {

        margin-top: 20px;
    }
}

