.abss_te{
    z-index: 2;
}

.comdement_main {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.comdement_card{
    max-width: 1470px;
    margin: 0px auto;
    position: relative;
}
.comdement_center{
    position: absolute;
    top: 10%;
    left: 43%;

}
.comdement_cardmain{

    height: 100%;
    padding-top: 2%;

}
.comdement_te{
    max-width: 1200px;
    line-height: 2.1em;
    color: #274056;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 24px;
    width: 100%;
    margin-top: 5%;

}
.comdement_rightcard{
    float: right;
    padding-left: 5%;
    padding-right: 5%;

    width: 38%;
}
.comdement_right{
    width: 100%;

    height: 100%;
    display: flex;
    flex-wrap: nowrap;
}
.comdement_rightnone{
    width: 50%;
}
.comdement_left{

    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
}
.comdement_leftcard{
    padding-left: 5%;
    padding-right: 5%;

    width: 38%;
}

.comdement_leftnone{
    width: 50%;
}
.comdement_lefttime{
   text-align: right;
}


.comdement_lefttext{
    color: #757575;
    margin-top: 3%;
    line-height: 2em;
}
.comdement_lefttime{
    color: #284157;
    font-size: 28px;
}
.comdement_righttext{
    color: #757575;
    margin-top: 3%;
    line-height: 2em;
}
.comdement_righttime{
    color: #284157;
    font-size: 28px;
}
.aa{
 padding-bottom: 4%;
}
.bb{
    padding-bottom: 4%;
}
.cc{
    padding-bottom: 8%;
}
.dd{
    padding-bottom: 7%;
}
.ee{
    padding-bottom: 9%;
}
.ff{
    padding-bottom: 12%;
}
.gg{
    padding-bottom: 25%;
}
.ggn{
    width: 70%;
}
@media screen and (max-width:1300px){


    .comdement_rightcard {
        float: right;
        padding-left: 15%;
    }
    .aa{
        padding-bottom: 8%;
    }
    .bb{
        padding-bottom: 8%;
    }
    .cc{
        padding-bottom: 8%;
    }
    .dd{
        padding-bottom: 8%;
    }
    .ee{
        padding-bottom: 11%;
    }
    .ff{
        padding-bottom: 14%;
    }
    .gg{
        padding-bottom: 29%;
    }
    .ggn{
        width: 70%;
    }
}
@media screen and (max-width:900px){


    .comdement_center {
        position: absolute;
        top: 10%;
        left: 38%;
    }
    .comdement_rightcard {
        float: right;
        padding-left: 10%;
    }
    .aa{
        padding-bottom: 6%;
    }
    .bb{
        padding-bottom: 8%;
    }
    .cc{
        padding-bottom: 8%;
    }
    .dd{
        padding-bottom: 8%;
    }
    .ee{
        padding-bottom: 11%;
    }
    .ff{
        padding-bottom: 14%;
    }
    .gg{
        padding-bottom: 29%;
    }
    .ggn{
        width: 70%;
    }
}
@media screen and (max-width:830px){
    .comdement_center {
        position: absolute;
        top: 10%;
        left: 35%;
    }
}
@media screen and (max-width:600px){
.comdement_center img{
   width: 80%;
    height: 100%;
}
    .comdement_center {
        position: absolute;
        top: 10%;
        left: 35%;
    }
    .comdement_righttime{
        font-size: 20px;
    }
    .comdement_lefttime{
        font-size: 20px;
        width: 94%;
    }
    .comdement_lefttext{
        font-size: 14px;
    }
    .comdement_righttext{
        font-size: 14px;
    }
    .aa{
        padding-bottom: 0%;
    }
    .bb{
        margin-top: -90px;
    }
    .cc{
        margin-top: -85px;
    }
    .dd{
        margin-top: -30px;
    }
    .ee{
        margin-top: -35px;
        padding-bottom: 35%;
    }
    .ff{
        margin-top: -150px;
        padding-bottom: 35%;
    }
    .gg{
padding-bottom: 11%;
    }
    .ggn{
        width: 70%;
    }
    .comdement_te{
        font-size: 20px;
    }
    .abouts_nav {
        position: relative;
        width: 100%;
        height: 55px;
    }
}
@media screen and (max-width:520px){
    .comdement_center {
        position: absolute;
        top: 10%;
        left: 32%;
    }
}