.abss_te{
    z-index: 2;
}
.modecardis_cardmain{
    max-width: 1470px;

    margin: 0px auto;
    height: 100%;
}
.modecardis_ul{
    display: flex;
    margin: 0px auto;
    justify-content: center;
    flex-wrap: wrap;





}
.modecardis_li img{
    width: 100%;

}
.modecardis_li {
    margin: 0px auto;
    width: 28%;
    float: left;
    margin-top: 5%;
    z-index: 123;
    position: relative;



}

.modecardis_bian{
    position: absolute;
    top: -35px;
    left: -22px;
}
.md_navs {

    width: 100%;

    margin-top: 3%;
    display: flex;
    padding-bottom: 3%;
    flex-wrap: nowrap;
    flex-direction: row;
    text-align: center;

    justify-content: center;


}


.md_tartar{

    height: 14px;
    width: 14px;
    background-color: #757575;
    margin-left: 20px;
    border-radius: 30px;

}
.md_tarlr{
    margin-left: 80px;
}
.md_sol{
    width: 40px;
    background-color: #657d97;
    height: 4px;
    margin: 0px auto;

}

.md_selected{
    background-color: #274056;
    height: 18px;
    width: 18px;
    box-shadow:#888888 0px 0px 10px;
    border-radius: 30px;


}
.md_tar_b{
    margin-top: 3px;
}
.md_tar_c{
    margin-top: 3px;
}
.md_tar_a{
    margin-top: 3px;
}
.modecar_textt{
    background-color: #f6f6f6;
    box-shadow:  0 6px 10px #cdcdcd;
  padding-left: 5%;
    padding-top: 8%;
    padding-bottom: 5%;
    line-height: 2em;
    margin-top: -2%;
    border-radius: 4px;
}
.modecar_textt_tete {
    display: flex;
    flex-wrap: nowrap;
}
.modecar_textt_title{
    font-size: 20px;
    color: #274056;
}
.modecar_textt_title a{
    color: #274056;
}
.modecar_textt_title a:hover{
    color: #333333;
}
.modecar_textt_title a:link{
    color: #274056;
}
.modecar_textt_title a:visited{
    color: #274056;
}
.modecar_textt_tete{

    font-size: 14px;
    color: #606060;

}
.modecar_textt_monony{
    font-size: 28px;
    color: #274056;

    padding-bottom: 5%;
}
.modecar_textt_monony{
    display: flex;
    flex-wrap: nowrap;
}
@media screen and (max-width:1100px){
    .modecar_textt_title{
        font-size: 16px;
        color: #274056;
    }
    .modecar_textt_tete{

        font-size: 12px;
        color: #606060;

    }
    .modecar_textt_monony{
        font-size: 22px;
        color: #274056;
        margin-top: 5%;
        padding-bottom: 5%;
    }
    .abouts_nav ul{
    margin-left: 0px;
    }
    .abouts_nav ul li {
        padding: 15px 0px 15px 0px;
        margin-left: 40px;
    }
}
@media screen and (max-width:950px){
    .modecardis_li {
        margin-top: 40px;
        width: 40%;}
    .abouts_nav ul {
        margin-left: -40px;
    }

}
@media screen and (max-width:750px){
    .abouts_nav ul li {
        padding: 15px 0px 15px 0px;
        margin-left: 20px;
    }
    .abouts_nav ul {
        margin-left: 0px;
    }

}
@media screen and (max-width:680px){
    .modecardis_li {
        margin-top: 40px;
        width: 75%;}
.md_navs{
    padding-top: 7%;
    padding-bottom: 10%;
}
    .abouts_nav ul li a{
        font-size: 14px;
    }
    .abouts_nav ul li {
        padding: 15px 0px 15px 0px;
        margin-left: 5px;
    }
    .abss_te {
        margin: 0px auto;
        text-align: center;
        position: absolute;
        top: 10%;}
    .abouts_nav {
        position: relative;
        width: 100%;
        height: 55px;}
    .abouts_nav ul {
       width: 100%;
        text-align: center;
        margin: 0px auto;
        display: flex;
        justify-content: center;

         
    }

}