/* <=== hpaboutsaa ===> */
.hpaboutsaa .aadecss{
    padding: 40px 0;
}
.tpaboutsaa .dstitle{
    margin-bottom: 20px;
    text-transform: uppercase;
}
.tpaboutsaa .dstitle, .tpaboutsaa .dstitle h1, .tpaboutsaa .dstitle h2{
    font-size: 60px;
    line-height: 70px;
    font-weight: bold;
}
.tpaboutsaa .dsconts{
    max-width: 960px;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 30px;
}
.tpaboutsaa .ifgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.tpaboutsaa .ifgrip > div{
    padding: 0 15px;
    width: 25%;
    margin-bottom: 30px;
}
.itaboutsaa .vnums{
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 50px;
    font-weight: bold;
    display: flex;
    position: relative;
}
.itaboutsaa .vnums::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #b7b7b7;
}
.itaboutsaa .vnums::after{
    content: '';
    position: absolute;
    left: 0;
    height: 10px;
    background-color: #b7b7b7;
    width: 1px;
    bottom: -5px;
}
.itaboutsaa .vnums .nplus{
    color: #1361ac;
    font-size: 30px;
    line-height: 30px;
    position: relative;
}
.itaboutsaa .vtext{
    font-size: 16px;
    line-height: 25px;
}
.hpaboutsaa .aathumb img{
    width: 100%;
}
/* <=== hpaboutsaa ===> */

/* <=== hpaboutsbb ===> */
.hpaboutsbb{
    padding: 85px 0 10px;
}
.tpaboutsbb .bbtitle{
    margin-bottom: 35px;
    color: #1361ac;
    text-transform: uppercase;
}
.tpaboutsbb .bbtitle, .tpaboutsbb .bbtitle h2, .tpaboutsbb .bbtitle h3{
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
}
.tpaboutsbb .ctgrip{
    display: flex;
    flex-wrap: wrap;
}
.tpaboutsbb .ctgrip .mcol{
    width: 42.636%;
}
.tpaboutsbb .ctgrip .hcol{
    width: calc(100% - 42.636%);
}
.tpaboutsbb .thumb{
    position: relative;
    z-index: 2;
}
.tpaboutsbb .thumb img{
    width: 100%;
}
.tpaboutsbb .decss{
    padding: 45px 0 50px 225px;
    position: relative;
    width: calc(100% + 145px);
    margin-left: -145px;
    margin-top: -90px;
    background-color: #1361ac;
    z-index: 1;
}
.tpaboutsbb .decss::before{
    content: '';
    position: absolute;
    left: 300px;
    top: 0;
    height: 100%;
    width: 10000px;
    background-image: url('../images/bbback.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
    pointer-events: none;
    z-index: -1;
}
.tpaboutsbb .decss::after{
    content: '';
    position: absolute;
    left: calc(100% - 1px);
    top: 0;
    height: 100%;
    width: 10000px;
    background-color: #1361ac;
    pointer-events: none;
    z-index: -2;
}
.tpaboutsbb .decss, .tpaboutsbb .decss a{
    color: #fff;
}
.tpaboutsbb .dsconts{
    padding-top: 65px;
    position: relative;
    font-size: 16px;
    line-height: 30px;
}
.tpaboutsbb .dsconts::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background-image: url('../images/bbquote.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.tpaboutsbb .dsinfos{
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 16px;
    line-height: 30px;
}
.tpaboutsbb .dsinfos .iname{
    font-weight: bold;
}
/* <=== hpaboutsbb ===> */

/* <=== hpaboutscc ===> */
.hpaboutscc{
    padding: 50px 0 45px;
}
.tpaboutscc .cctitle{
    margin-bottom: 35px;
    color: #1361ac;
    text-transform: uppercase;
}
.tpaboutscc .cctitle, .tpaboutscc .cctitle h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
}
.itaboutscc{
    margin-bottom: 40px;
}
.itaboutscc .ccgrip{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.itaboutscc .ccgrip .mcol{
    width: 59.69%;
}
.itaboutscc .ccgrip .hcol{
    width: calc(100% - 59.69%);
}
.itaboutscc:nth-child(even) .ccgrip .mcol{
    order: 2;
}
.itaboutscc .thumb img{
    width: 100%;
}
.itaboutscc .decss{
    padding: 20px 60px;
}
.itaboutscc .dstitle{
    margin-bottom: 10px;
    text-transform: uppercase;
}
.itaboutscc .dstitle, .itaboutscc .dstitle h3{
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
}
.itaboutscc .dsconts{
    font-size: 16px;
    line-height: 30px;
}
/* <=== hpaboutscc ===> */

/* <=== hpaboutsdd ===> */
.hpaboutsdd .dddecss{
    min-height: 750px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 50px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hpaboutsdd .dddecss > div{
    width: 100%;
}
.tpaboutsdd .ddwrap{
    max-width: 520px;
}
.tpaboutsdd, .tpaboutsdd a{
    color: #fff;
}
.itaboutsdd{
    padding-bottom: 50px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.itaboutsdd:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.itaboutsdd .vvtitle{
    margin-bottom: 20px;
    text-transform: uppercase;
}
.itaboutsdd .vvtitle, .itaboutsdd .vvtitle h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
}
.itaboutsdd .vvconts{
    font-size: 16px;
    line-height: 30px;
}
/* <=== hpaboutsdd ===> */

/* <=== hpaboutsee ===> */
.hpaboutsee{
    padding: 50px 0 0 0;
}
.tpaboutsee .eetitle{
    margin-bottom: 35px;
    color: #1361ac;
    text-transform: uppercase;
}
.tpaboutsee .eetitle, .tpaboutsee .eetitle h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
}
.tpaboutsee .ctgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.tpaboutsee .ctgrip > div{
    padding: 0 5px;
    width: 50%;
    margin-bottom: 10px;
}
.itaboutsee{
    background-color: #f6f6f6;
    padding: 30px;
    height: 100%;
}
.itaboutsee .vvgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.itaboutsee .vvgrip > div{
    padding: 0 15px;
}
.itaboutsee .vvgrip .lcol{
    width: 110px;
}
.itaboutsee .vvgrip .rcol{
    width: calc(100% - 110px);
}
.itaboutsee .vicon{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background-color: #1361ac;
    color: #fff;
}
.itaboutsee .vicon img{
    max-width: 60%;
    max-height: 60%;
}
.itaboutsee .dtitle{
    margin-bottom: 10px;
}
.itaboutsee .dtitle, .itaboutsee .dtitle h3{
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
}
.itaboutsee .dconts{
    color: #666666;
    font-size: 16px;
    line-height: 30px;
}
/* <=== hpaboutsee ===> */

/* <=== hpaboutsff ===> */
.hpaboutsff{
    padding: 50px 0 90px;
}
.tpaboutsff .fftitle{
    margin-bottom: 35px;
    color: #1361ac;
    text-transform: uppercase;
}
.tpaboutsff .fftitle, .tpaboutsff .fftitle h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
}
.itaboutsff .ffgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -40px;
}
.itaboutsff .ffgrip > div{
    padding: 0 40px;
}
.itaboutsff .ffgrip .mcol{
    width: 45.986%;
}
.itaboutsff .ffgrip .hcol{
    width: calc(100% - 45.986%);
}
.itaboutsff .dtitle{
    margin-bottom: 10px;
}
.itaboutsff .dtitle, .itaboutsff .dtitle h2, .itaboutsff .dtitle h3{
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
}
.itaboutsff .dconts{
    font-size: 16px;
    line-height: 30px;
}
.itaboutsff .thumb{
    padding: 50px 55px;
    background-image: url('../images/main/ccback.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.itaboutsff .thumb .timg{
    display: block;
    padding-top: 125%;
    position: relative;
}
.itaboutsff .thumb .timg img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2));
}
.slaboutsff .slick-prev{
    left: -25px;
}
.slaboutsff .slick-next{
    left: calc(45.986% - 70px);
}
/* <=== hpaboutsff ===> */

@media all and (max-width: 1200px){
    /* <=== hpaboutsdd ===> */
    .hpaboutsdd .dddecss{
        min-height: 650px;
    }
    /* <=== hpaboutsdd ===> */

    /* <=== hpaboutsff ===> */
    .itaboutsff .ffgrip{
        margin: 0 -20px;
    }
    .itaboutsff .ffgrip > div{
        padding: 0 20px;
    }
    .slaboutsff .slick-prev{
        left: -20px;
    }
    .slaboutsff .slick-next{
        left: calc(45.986% - 50px);
    }
    /* <=== hpaboutsff ===> */
}
@media all and (max-width: 991px){
    /* <=== hpaboutsaa ===> */
    .hpaboutsaa .aadecss{
        padding: 35px 0 25px;
    }
    .tpaboutsaa .dstitle{
        margin-bottom: 10px;
    }
    .tpaboutsaa .dstitle, .tpaboutsaa .dstitle h1, .tpaboutsaa .dstitle h2{
        font-size: 40px;
        line-height: 50px;
    }
    .tpaboutsaa .dsconts{
        margin-bottom: 20px;
    }
    .tpaboutsaa .ifgrip{
        margin: 0 -10px;
    }
    .tpaboutsaa .ifgrip > div{
        width: 50%;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    /* <=== hpaboutsaa ===> */

    /* <=== hpaboutsbb ===> */
    .hpaboutsbb{
        padding: 35px 0 0;
    }
    .tpaboutsbb .bbtitle{
        margin-bottom: 20px;
    }
    .tpaboutsbb .bbtitle, .tpaboutsbb .bbtitle h2, .tpaboutsbb .bbtitle h3{
        font-size: 30px;
        line-height: 40px;
    }
    .tpaboutsbb .ctgrip .mcol{
        width: 100%;
        margin-bottom: 10px;
    }
    .tpaboutsbb .ctgrip .hcol{
        width: 100%;
    }
    .tpaboutsbb .decss{
        width: 100%;
        margin: 0!important;
        overflow: hidden;
        padding: 25px 25px 35px;
    }
    .tpaboutsbb .decss::before{
        left: 0;
        width: 100%;
    }
    .tpaboutsbb .decss::after{
        display: none;
    }
    /* <=== hpaboutsbb ===> */

    /* <=== hpaboutscc ===> */
    .hpaboutscc{
        padding: 30px 0 20px;
    }
    .tpaboutscc .cctitle{
        margin-bottom: 15px;
    }
    .tpaboutscc .cctitle, .tpaboutscc .cctitle h2{
        font-size: 30px;
        line-height: 40px;
    }
    .itaboutscc{
        margin-bottom: 25px;
    }
    .itaboutscc .ccgrip .mcol{
        width: 100%;
        margin-bottom: 20px;
    }
    .itaboutscc .ccgrip .hcol{
        width: 100%;
    }
    .itaboutscc:nth-child(even) .ccgrip .mcol{
        order: unset;
    }
    .itaboutscc .decss{
        padding: 0;
    }
    .itaboutscc .dstitle{
        margin-bottom: 5px;
    }
    .itaboutscc .dstitle, .itaboutscc .dstitle h3{
        font-size: 25px;
        line-height: 35px;
    }
    /* <=== hpaboutscc ===> */

    /* <=== hpaboutsdd ===> */
    .hpaboutsdd .ddthumb img{
        width: 100%;
    }
    .hpaboutsdd .dddecss{
        min-height: auto;
        background-image: unset!important;
        background-color: #1361ac;
        padding: 30px 0 60px;
    }
    .itaboutsdd .vvtitle{
        margin-bottom: 10px;
    }
    .itaboutsdd .vvtitle, .itaboutsdd .vvtitle h2{
        font-size: 30px;
        line-height: 40px;
    }
    .itaboutsdd{
        padding-bottom: 35px;
        margin-bottom: 30px;
    }
    /* <=== hpaboutsdd ===> */
    
    /* <=== hpaboutsee ===> */
    .hpaboutsee{
        padding: 35px 0 0;
    }
    .tpaboutsee .eetitle{
        margin-bottom: 15px;
    }
    .tpaboutsee .eetitle, .tpaboutsee .eetitle h2{
        font-size: 30px;
        line-height: 40px;
    }
    .itaboutsee{
        padding: 20px;
    }
    .itaboutsee .vvgrip .lcol{
        margin-bottom: 15px;
    }
    .itaboutsee .vvgrip .rcol{
        width: 100%;
    }
    .itaboutsee .dtitle, .itaboutsee .dtitle h3{
        font-size: 22px;
        line-height: 32px;
    }
    /* <=== hpaboutsee ===> */ 

    /* <=== hpaboutsff ===> */
    .hpaboutsff{
        padding: 35px 0 45px;
    }
    .tpaboutsff .fftitle{
        margin-bottom: 15px;
    }
    .tpaboutsff .fftitle, .tpaboutsff .fftitle h2{
        font-size: 30px;
        line-height: 40px;
    }
    .itaboutsff .ffgrip .mcol{
        width: 100%;
        margin-bottom: 20px;
    }
    .itaboutsff .ffgrip .hcol{
        width: 100%;
    }
    .slaboutsff .slick-next{
        left: unset;
        right: -20px;
    }
    .itaboutsff .dtitle, .itaboutsff .dtitle h2, .itaboutsff .dtitle h3{
        font-size: 22px;
        line-height: 30px;
    }
    /* <=== hpaboutsff ===> */
}
@media all and (max-width: 767px){
    /* <=== hpaboutsaa ===> */
    .itaboutsaa .vnums{
        font-size: 35px;
        line-height: 35px;
    }
    .itaboutsaa .vnums .nplus{
        font-size: 20px;
        position: relative;
        top: -5px;
    }
    .itaboutsaa .vtext{
        font-size: 14px;
        line-height: 22px;
    }
    /* <=== hpaboutsaa ===> */

    /* <=== hpaboutsbb ===> */
    .tpaboutsbb .decss::before{
        background-image: url("../images/bbbackm.png");
    }
    /* <=== hpaboutsbb ===> */

    /* <=== hpaboutsee ===> */ 
    .tpaboutsee .ctgrip > div{
        width: 100%;
    }
    /* <=== hpaboutsee ===> */ 
}