/* <=== hpserviemm ===> */
.hpserviemm{
    padding: 45px 0 95px;
}
.tpserviemm .mmitem{
    margin-bottom: 20px;
}
.tpserviemm .mmitem:last-child{
    margin-bottom: 0;
}
.itserviemm{
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
    overflow: hidden;
}
.itserviemm .mmgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.itserviemm .mmgrip > div{
    padding: 0 20px;
}
.itserviemm .mmgrip .mcol{
    width: 44.248%;
}
.itserviemm .mmgrip .hcol{
    width: calc(100% - 44.248%);
}
.itserviemm .mmthumb{
    position: relative;
    padding-left: 130px;
}
.itserviemm .mmthumb .tlogos{
    width: 160px;
    height: 160px;
    border: 10px solid #e5f2ff;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    box-shadow: 0 10px 20px 0 rgba(0, 174, 239, 0.15);
    background-color: #fff;
    z-index: 1;
}
.itserviemm .mmthumb .tlogos a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.itserviemm .mmthumb .tlogos a img{
    max-width: 80%;
    max-height: 80%;
}
.itserviemm .mmthumb .timgas a{
    border-radius: 10px;
}
.itserviemm .dstitle{
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #003f8d;
}
.itserviemm .dstitle, .itserviemm .dstitle h3{
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
}
.itserviemm .dstitle, .itserviemm .dstitle a{
    color: #003f8d;
}
.itserviemm .dstitle a:hover{
    color: #e22128;   
}
.itserviemm .dscapts{
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
}
.itserviemm .dsconts{
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px;
}
.itserviemm .dsconts p{
    padding: 0;
}
.itserviemm .dsviews a{
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    font-weight: bold;
    padding: 10px 30px;
    border-radius: 5px;
    background-color: #003f8d;
    color: #fff;
}
.itserviemm .dsviews a:hover{
    background-color: #e22128;
}
/* <=== hpserviemm ===> */

/* <=== hpserviehh ===> */
.hpserviehh{
    padding: 75px 0;
}
.tpservieha{
    margin-bottom: 50px;
}
.tpservieha .hbgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.tpservieha .hbgrip > div{
    padding: 0 20px;
    width: 25%;
    border-right: 1px solid #e6e6e6;
    margin-bottom: 30px;
}
.tpservieha .hbgrip > div:last-child{
    border-right:none   
}
.itaboutshb{
    text-align: center;
    padding-bottom: 20px;
}
.itaboutshb .hbinfo{
    margin-bottom: 15px;
    color: #003f8d;
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.itaboutshb .hbinfo sub{
    font-size: 40px;
    line-height: 20px;
}
.itaboutshb .hbtext{
    font-size: 16px;
    line-height: 24px;
}
.tpserviehb{
    margin-bottom: 65px;
}
.tpserviehb .hbtitle{
    text-align: center;
    margin-bottom: 35px;
}
.tpserviehb .hbtitle, .tpserviehb .hbtitle h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
}
.tpserviehb .hbgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -35px;
}
.tpserviehb .hbgrip > div{
    padding: 0 35px;
}
.tpserviehb .hbgrip .mcol{
    width: 54.033%;
}
.tpserviehb .hbgrip .hcol{
    width: calc(100% - 54.033%);
}
.tpserviehb .hbthumb{
    border-radius: 10px;
    overflow: hidden;
}
.tpserviehb .hbthumb img{
    width: 100%;
}
.tpserviehb .dsconts{
    margin-bottom: 35px;
    font-size: 18px;
    line-height: 35px;
}
.tpserviehb .dsinfos .ifgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.tpserviehb .dsinfos .ifgrip > div{
    padding: 0 20px;
    width: 50%;
    margin-top: 45px;
}
.tpserviehb .dsinfos .ifgrip > div:nth-child(1), .tpserviehb .dsinfos .ifgrip > div:nth-child(2){
    margin-top: 0;
}
.itserviehb{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 2px solid #003f8d;
} 
.itserviehb .hbinfo{
    font-size: 45px;
    line-height: 45px;
    display: flex;
    font-weight: bold;
    color: #003f8d;
    padding-bottom: 5px;
    margin-right: 10px;
}
.itserviehb .hbinfo sub{
    font-size: 30px;
    line-height: 20px;
}
.itserviehb .hbtext{
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 5px;
}
/* <=== hpserviehh ===> */

/* <=== vhcenterpg ===> */
.slcenteraa .slick-dots{
    left: 50%;
    transform: translateX(-50%);
    right: unset;
    justify-content: flex-end;
    max-width: 1210px;
    padding: 0 20px;
    width: 100%;
    margin-top: 0;
}
.itcenteraa img{
    width: 100%;
}
.hpcenterbb{
    padding: 75px 0 85px;
}
.tpcenterbm{
    margin-bottom: 70px;
}
.tpcenterbm.vmargin{
    margin-bottom: 0;
}
.tpcenterbm .bmgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -45px;
}
.tpcenterbm .bmgrip > div{
    padding: 0 45px;
}
.tpcenterbm .bmgrip .mcol{
    width: calc(100% - 46.826%);
}
.tpcenterbm .bmgrip .hcol{
    width: 46.826%;
}
.tpcenterbm .bmdecss .dtitle{
    margin-bottom: 20px;
}
.tpcenterbm .bmdecss .dtitle, .tpcenterbm .bmdecss .dtitle h2{
    font-size: 45px;
    line-height: 55px;
    font-weight: bold;
}
.tpcenterbm .bmdecss .dconts{
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 30px;
}
.tpcenterbm .bmdecss .dinfos{
    position: relative;
    padding-left: 100px;
}
.tpcenterbm .bmdecss .dinfos::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 671px;
    height: 289px;
    background-image: url('../images/bbback.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    pointer-events: none;
}
.tpcenterbm .bmdecss .ifgrip{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin: 0 -10px;
}
.tpcenterbm .bmdecss .ifgrip > div{
    padding: 0 10px;
}
.tpcenterbm .bmdecss .ifgrip .xcol{
    width: 69.566%;
}
.tpcenterbm .bmdecss .ifgrip .ycol{
    width: calc(100% - 69.566%);
}
.itcenterbm{
    margin-bottom: 65px;
}
.itcenterbm:last-child{
    margin-bottom: 0;
}
.itcenterbm .vcount{
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    font-size: 50px;
    line-height: 50px;
    font-weight: bold;
    color: #003f8d;
    display: flex;
}
.itcenterbm .vcount::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 1px;
    background-color: #003f8d;
}
.itcenterbm .vcount sub{
    font-size: 30px;
    line-height: 15px;
}
.itcenterbm .vtitle{
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}
.tpcenterbm .bmthumb .timg{
    border-radius: 100px 10px 100px 10px;
    overflow: hidden;
    margin-bottom: 30px;
}
.tpcenterbm .bmthumb .timg img{
    width: 100%;
}
.tpcenterbm .bmthumb .ttxt{
    font-size: 16px;
    line-height: 30px;
}
.tpcenterbh .bhinfos{
    position: relative;
    min-height: 530px;
    padding: 60px 0;
}
.tpcenterbh .bhinfos::before{
    content: '';
    position: absolute;
    left: 50%;
    width: 1234px;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 620px;
    background-image: url('../images/bbnens.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    pointer-events: none;
    z-index: -1;
}
.tpcenterbh .iflogos{
    width: 370px;
    height: 370px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 15px solid #e5f2ff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background-color: #fff;
    z-index: 1;
}
.tpcenterbh .iflogos::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% ,-50%);
    width: 500px;
    height: 500px;
    border-radius: 100%;
    background-image: url('../images/bbcicle.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    animation: xoayvong 40s linear 0s infinite;
    -webkit-animation: xoayvong 40s linear 0s infinite;
    -moz-animation: xoayvong 40s linear 0s infinite;
    -o-animation: xoayvong 40s linear 0s infinite; 
    z-index: -1;
    pointer-events: none;
}
@-webkit-keyframes xoayvong{
    from{
        -webkit-transform: translate(-50% ,-50%) rotate(0deg);
        -moz-transform: translate(-50% ,-50%) rotate(0deg);
        -o-transform: translate(-50% ,-50%) rotate(0deg);
    }
    to{
        -webkit-transform:translate(-50% ,-50%) rotate(360deg);
        -moz-transform: translate(-50% ,-50%) rotate(360deg);
        -o-transform:translate(-50% ,-50%) rotate(360deg);
    }
}
.tpcenterbh .iflogos img{
    max-width: 70%;
    max-height: 70%;
}
.tpcenterbh .dsgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -215px;
}
.tpcenterbh .dsgrip > div{
    padding: 0 215px;
    width: 50%;
}
.itcenterbh{
    margin-bottom: 50px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 30px 0 rgba(17, 42, 87, 0.1);
    position: relative;
    z-index: 2;
    padding: 25px 30px 35px;
} 
.itcenterbh:last-child{
    margin-bottom: 0;
}
.itcenterbh.vleft{
    text-align: right;
}
.itcenterbh .vtitle, .itcenterbh .vtitle h3{
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}
.itcenterbh .vconts{
    font-size: 15px;
    line-height: 25px;
}
.hpcentercc {
    padding: 100px 0;
}
.tpcentercc .ccgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -35px;
}
.tpcentercc .ccgrip > div{
    padding: 0 35px;
}
.tpcentercc .ccgrip .mcol{
    width: 54.033%;
}
.tpcentercc .ccgrip .hcol{
    width: calc(100% - 54.033%);
}
.tpcentercm {
    position: relative;
    z-index: 2;
}
.tpcentercm .cmthumb{
    border-radius: 20px;
    overflow: hidden;
} 
.tpcentercm .cmthumb img{
    width: 100%;
}
.tpcenterch{
    position: relative;
    z-index: 1;
}
.tpcenterch::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -150px;
    width: 633px;
    height: 636px;
    background-image: url('../images/ccback.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    pointer-events: none;
    z-index: -1;
}
.tpcenterch .chitem{
    margin-bottom: 20px;
}
.tpcenterch .chitem:last-child{
    margin-bottom: 0;
}
.itcenterch{
    margin-left: 30px;
    position: relative;   
}
.itcenterch .vicons{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    background-color: #003f8d;
}
.itcenterch .vicons img{
    max-width: 80%;
    max-height: 80%;
}
.itcenterch .vdecss{
    font-size: 16px;
    line-height: 25px;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px 30px 30px 50px;
}
.hpcenterdd{
    padding: 100px 0;
    overflow: hidden;
}
.tpcenterdd .ddgrip{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.tpcenterdd .ddgrip .mcol{
    width: 400px;
    position: relative;
    z-index: 2;
}
.tpcenterdd .ddgrip .mcol::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 10000px;
    height: 1000px;
    background-color: #fff;
    pointer-events: none;
    z-index: 1;
}
.tpcenterdd .ddgrip .hcol{
    width: calc(100% - 400px);
}
.tpcenterdm{
    width: calc(100% + 70px);
    position: relative;
    z-index: 2;
    padding: 35px 40px 70px 50px;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(17, 42, 87, 0.1);
    border-radius: 20px;
    overflow: hidden;
}
.tpcenterdm .dmdecss{
    font-size: 16px;
    line-height: 30px;
}
.slcenterdh .slick-list{
    overflow: unset;
}
.itcenterdh{
    display: block;
    border-radius: 20px;
    overflow: hidden;
}
.itcenterdh img{
    width: 100%;
}
.hpcenteree{
    padding: 170px 0 130px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.tpcenteree .eewrap{
    max-width: 470px;
    margin-left: auto;
    padding: 30px 35px 55px 50px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.tpcenteree .eewrap::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    mix-blend-mode: color-burn;
    z-index: -1;
    pointer-events: none;
}
.tpcenteree .eedecss{
    font-size: 16px;
    line-height: 30px;
}
.hpcenterff{
    padding: 140px 0 95px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.hpcenterff::before{
    content: '';
    position: absolute;
    top: -200px;
    right: 0;
    width: 488px;
    height: 723px;
    background-image: url('../images/ffbackh.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100%;
    pointer-events: none;
    z-index: -1;
}
.tpcenterff .ffgrip{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin: 0 -50px;
}
.tpcenterff .ffgrip > div{
    padding: 0 50px;
}
.tpcenterff .ffgrip .mcol{
    width: 44.095%;
}
.tpcenterff .ffgrip .hcol{
    width: calc(100% - 44.095%);
}
.tpcenterfm{
    position: relative;
}
.tpcenterfm .fmicon {
    position: absolute;
    z-index: -1;
    pointer-events: none;
}
@keyframes class_move_y_small{
    0%{
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    25%{
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    50%{
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    75%{
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    100%{
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
.tpcenterfm .fmicon.vicon1{
    bottom: calc(100% + 5px);
    left: 0;
    width: 116px;
    -webkit-animation: move_yy_small 4s linear infinite;
    -o-animation: move_yy_small 4s linear infinite;
    animation: move_yy_small 4s linear infinite;
}
@keyframes move_yy_small{
    0%{
		-webkit-transform: translate(25px,50px) scale(0);
        -ms-transform: translate(25px, 50px) scale(0);
        -o-transform: translate(25px, 50px) scale(0);
        transform: translate(25px, 50px) scale(0);
    }
    10%{
        -webkit-transform: translate(0px,0px) scale(1);
        -ms-transform: translate(0px, 0px) scale(1);
        -o-transform: translate(0px, 0px) scale(1);
        transform: translate(0px, 0px) scale(1);
    }
	100%{
        -webkit-transform: translate(0px,0px) scale(1);
        -ms-transform: translate(0px, 0px) scale(1);
        -o-transform: translate(0px, 0px) scale(1);
        transform: translate(0px, 0px) scale(1);
    }
}
.tpcenterfm .fmicon.vicon2{
    bottom: calc(100% - 5px);
    right: 0;
    width: 126px;
    -webkit-animation: class_move_y_small 4s linear infinite;
    -o-animation: class_move_y_small 4s linear infinite;
    animation: class_move_y_small 4s linear infinite;
}
.tpcenterfm .fmicon.vicon3{
    bottom: calc(100% - 50px);
    left: calc(100% - 60px);
    width: 292px;
    -webkit-animation: move_x_small 5s linear infinite;
    -o-animation: move_x_small 5s linear infinite;
    animation: move_x_small 5s linear infinite;
}
@keyframes move_x_small{
    0%{
        -webkit-transform: translate(0px,0px);
        -ms-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    50%{
		-webkit-transform: translate(-30px,0px);
        -ms-transform: translate(-30px, 0px);
        -o-transform: translate(-30px, 0px);
        transform: translate(-30px, 0px);
    }
    100%{
        -webkit-transform: translate(0px,0px);
        -ms-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}
.tpcenterfm .fmicon.vicon4{
    bottom: 0;
    left: calc(100% - 40px);
    width: 40px;
    -webkit-animation: class_move_y_small 3s linear infinite;
    -o-animation: class_move_y_small 3s linear infinite;
    animation: class_move_y_small 3s linear infinite;
}
.tpcenterfm .fmimgs{
    position: relative;
    z-index: 1;
}
.tpcenterfm .fmimgs::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 641px;
    height: 673px;
    background-image: url('../images/ffback.png');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    pointer-events: none;
}
.tpcenterfh{
    position: relative;
    z-index: 2;
}
.tpcenterfh .fhdecss{
    font-size: 16px;
    line-height: 30px;
}
.tpcenterfh .fhdecss li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}
.tpcenterfh .fhdecss li:last-child{
    margin-bottom: 0;
}
.tpcenterfh .fhdecss li::before{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #003f8d;
    top: 7px;
    left: 0;
}
.cotacthome{
    padding: 90px 0 120px;
    background-attachment: fixed!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    position: relative;
    z-index: 1;
}
.cotacthome::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #003f8d;
    opacity: 0.8;
    z-index: -1;
    pointer-events: none;
}
.cotacthome, .cotacthome a{
    color: #fff;
}
.hpcotacthh .hhwrap{
    max-width: 770px;
    margin: 0 auto;
}
.tpcotacthh {
    text-align: center;
}
.tpcotacthh .hhtitle{
    margin-bottom: 10px;
}
.tpcotacthh .hhtitle, .tpcotacthh .hhtitle h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
}
.tpcotacthh .hhnotes{
    margin-bottom: 40px;
    font-size: 15px;
    line-height: 25px;
}
.tpcotacthh .hhnotes span{
    display: inline;
    padding-left: 30px;
    position: relative;
    background-image: url('../images/main/cticon.html');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}
.tpcotacthh .hhlinks{
    max-width: 430px;
    margin: 0 auto;
}
.tpcotacthh .hhlinks ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.tpcotacthh .hhlinks li{
    padding: 0 15px;
    width: 50%;
}
.tpcotacthh .hhlinks li a{
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    padding: 13px 10px;
    text-align: center;
    background-color: #fff;
    color: #112a57;
    border-radius: 5px;
    font-weight: bold;
}
.tpcotacthh .hhlinks li a:hover{
    background-color: #e22128;
    color: #fff;
}
/* <=== vhcenterpg ===> */

/* <=== vhschoolpg ===> */
.hpschoolaa{
    margin-bottom: 70px;
}
.slschoolaa .slick-dots{
    left: 50%;
    transform: translateX(-50%);
    right: unset;
    justify-content: flex-start;
    max-width: 1210px;
    padding: 0 20px;
    width: 100%;
    margin-top: 0;
}
.itschoolaa img{
    width: 100%;
}
.hpschoolbb{
    margin-bottom: 50px;
}
.tpschoolbm{
    margin-bottom: 45px;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}
.tpschoolbh{
    position: relative;
    z-index: 1;
}
.itschoolbh{
    margin-bottom: 10px;
}
.itschoolbh:last-child{
    margin-bottom: 0;
}
.itschoolbh .hbgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.itschoolbh .hbgrip > div{
    padding: 0 5px;
}
.itschoolbh .hbgrip .mcol{
    width: calc(100% - 32.204%);
}
.itschoolbh .hbgrip .hcol{
    width: 32.204%;
}
.itschoolbh:nth-child(even) .hbgrip .mcol{
    order: 2;
}
.itschoolbh .bhthumb{
    border-radius: 20px;
    overflow: hidden;
}
.itschoolbh .bhthumb img{
    width: 100%;
}
.itschoolbh .bhdecss{
    padding: 50px 40px 30px 50px;
    border-radius: 20px;
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    height: 100%;
}
.itschoolbh:nth-child(odd) .bhdecss{
    background-color: #e5f2ff;
}
.itschoolbh:nth-child(even) .bhdecss{
    background-color: #164399;
    color: #fff;
}
.hpschoolcc{
    padding: 70px 0 50px;
    position: relative;
}
.hpschoolcc::before{
    content: '';
    position: absolute;
    top: -120px;
    right: 0;
    z-index: -1;
    pointer-events: none;
    background-image: url('../images/sccright.png');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 539px;
    height: 717px;
}
.hpschoolcc::after{
    content: '';
    position: absolute;
    bottom: -80px;
    left: 0;
    z-index: -1;
    pointer-events: none;
    background-image: url('../images/sccleft.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 603px;
    height: 720px;
}
.tpschoolcc .ccgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.tpschoolcc .ccgrip > div{
    padding: 0 15px;
    width: 33.333333%;
    margin-bottom: 30px;
}
.itschoolcc{
    height: 100%;
    box-shadow: 0 10px 30px 0 rgba(17, 42, 87, 0.1);
    border-radius: 20px;
    overflow: hidden;
    padding: 30px 35px 45px;
    background-color: #fff;
}
.itschoolcc .vvthumb{
    max-width: 230px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.itschoolcc .vvthumb .timg{
    display: block;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 100%;
}
.itschoolcc .vvthumb .timg img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}
.itschoolcc .vvdecss{
    text-align: center;
}
.itschoolcc .dstitle{
    margin-bottom: 12px;
}
.itschoolcc .dstitle, .itschoolcc .dstitle h3{
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
}
.itschoolcc .dsconts{
    font-size: 15px;
    line-height: 25px;
}
.hpschooldd{
    margin-bottom: 80px;
}
.tpschooldd .ddgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -35px;
}
.tpschooldd .ddgrip > div{
    padding: 0 35px;
}
.tpschooldd .ddgrip .mcol{
    width: 54.033%;
}
.tpschooldd .ddgrip .hcol{
    width: calc(100% - 54.033%);
}
.tpschooldd .ddthumb{
    border-radius: 20px;
    overflow: hidden;
}
.tpschooldd .ddthumb img{
    width: 100%;
}
.tpschooldd .ditem{
    padding: 20px 0 30px;
    border-top: 1px solid #d0d9eb;
}
.itschooldd .vvgrip{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin: 0 -10px;
}
.itschooldd .vvgrip > div{
    padding: 0 10px;
}
.itschooldd .vvgrip .xcol{
    width: 80px;
}
.itschooldd .vvgrip .ycol{
    width: calc(100% - 80px);
}
.itschooldd .vicons{
    width: 60px;
    height: 60px;
    background-color: #003f8d;
    border-radius: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.itschooldd .vicons img{
    max-width: 70%;
    max-height: 70%;
}
.itschooldd .dtitle{
    margin-bottom: 5px;
}
.itschooldd .dtitle, .itschooldd .dtitle h3{
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
}
.itschooldd .dconts{
    font-size: 15px;
    line-height: 25px;
}   
.itschooldd .dconts p{
    padding: 3px 0;
}
.hpschoolee{
    margin-bottom: 80px;
}
.tpschoolee .bhinfos{
    position: relative;
    min-height: 530px;
    padding: 60px 0;
}
.tpschoolee .bhinfos::before{
    content: '';
    position: absolute;
    left: 50%;
    width: 1234px;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 620px;
    background-image: url('../images/bbnens.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    pointer-events: none;
    z-index: -1;
}
.tpschoolee .iflogos{
    width: 370px;
    height: 370px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 15px solid #e5f2ff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background-color: #fff;
    z-index: 1;
}
.tpschoolee .iflogos::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% ,-50%);
    width: 500px;
    height: 500px;
    border-radius: 100%;
    background-image: url('../images/bbcicle.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    animation: xoayvong 40s linear 0s infinite;
    -webkit-animation: xoayvong 40s linear 0s infinite;
    -moz-animation: xoayvong 40s linear 0s infinite;
    -o-animation: xoayvong 40s linear 0s infinite; 
    z-index: -1;
    pointer-events: none;
}
@-webkit-keyframes xoayvong{
    from{
        -webkit-transform: translate(-50% ,-50%) rotate(0deg);
        -moz-transform: translate(-50% ,-50%) rotate(0deg);
        -o-transform: translate(-50% ,-50%) rotate(0deg);
    }
    to{
        -webkit-transform:translate(-50% ,-50%) rotate(360deg);
        -moz-transform: translate(-50% ,-50%) rotate(360deg);
        -o-transform:translate(-50% ,-50%) rotate(360deg);
    }
}
.tpschoolee .iflogos img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 100%;
}
.tpschoolee .dsgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -215px;
}
.tpschoolee .dsgrip > div{
    padding: 0 215px;
    width: 50%;
}
.itschoolee{
    margin-bottom: 50px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 30px 0 rgba(17, 42, 87, 0.1);
    position: relative;
    z-index: 2;
    padding: 25px 30px 35px;
} 
.itschoolee:last-child{
    margin-bottom: 0;
}
.itschoolee.vleft{
    text-align: right;
}
.itschoolee .vtitle, .itschoolee .vtitle h3{
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}
.itschoolee .vconts{
    font-size: 15px;
    line-height: 25px;
}
.hpschoolff{
    margin-bottom: 40px;
}
.hpschoolff .vntcapts{
    margin-bottom: 0;
}
.slschoolff .slick-track{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.slschoolff .slick-list{
    padding-top: 10px!important;
    padding-bottom: 30px!important;
    width: 100%;
}
.itschoolff{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.itschoolff .hcol{
    display: none;
}
.itschoolff .ffgrip .mcol{
    width: 100%;
}
.slick-current .itschoolff .ffgrip .mcol{
    width: 48.194%;
}
.slick-current .itschoolff .hcol{
    display: block;
}
.slick-current .itschoolff {
    width: 100%;
    box-shadow: 0 10px 20px 0 rgba(17, 42, 87, 0.2);
    position: relative;
    z-index: 2;
}
.itschoolff .ffgrip{
    display: flex;
    flex-wrap: wrap;
}
.actives .itschoolff{
    margin-left: auto;
}
.itschoolff {
    width: 170px;
    background-color: #f6f6f6;
}
.actives .itschoolff{
    border-radius: 20px 0 0 20px;
    padding-left: 70px;
}
.activet .itschoolff {
    border-radius: 0 20px 20px 0;
    padding-right: 70px;
}
.itschoolff .ffgrip .hcol{
    width: calc(100% - 48.194%);
}
.itschoolff .ffthumb{
    width: 100%;
    display: block;
    padding-top: 325%;
    overflow: hidden;
    position: relative;
    filter: grayscale(1);
}
.slick-current .itschoolff .ffthumb{
    padding-top: 120%;
    filter: grayscale(0);
}
.itschoolff .ffthumb img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.itschoolff .ffdecss{
    padding: 35px 50px;
    position: relative;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}
.itschoolff .ffdecss::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100px;
    right: -150px;
    background-image: url('../images/sffback.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
}
.itschoolff .dtitle{
    margin-bottom: 25px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    align-content: center;
    border-bottom: 1px solid #003f8d;
    color: #003f8d;
}
.itschoolff .dtitle img{
    margin-right: 10px;
}
.itschoolff .dtitle, .itschoolff .dtitle h3{
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
}
.itschoolff .dconts{
    font-size: 16px;
    line-height: 30px;
}
.itschoolff .ffdarss{
    font-size: 22px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #777777;
}
.slick-current .itschoolff .ffdarss{
    display: none;
}
.actives .itschoolff .ffdarss{
    left: 0;
    transform: rotate(-90deg) translate(0, -233%);
}
.activet .itschoolff .ffdarss{
    right: 0;
    transform: rotate(90deg) translate(0, -233%);
}
.slick-current .itschoolff .dbarss{
    display: none;
} 
.hpschoolgg{
    margin-bottom: 30px;
    padding-top: 130px;
    position: relative;
    z-index: 1;
}
.tpschoolgg{
    position: relative;
    padding: 70px 20px 120px 70px;
    background-color: #164399;
    border-radius: 50px;
}
.tpschoolgg, .tpschoolgg a{
    color: #fff;
}
.tpschoolgg .ggdecss{
    max-width: 540px;
    position: relative;
    z-index: 1;
}
.tpschoolgg .dsconts{
    font-size: 16px;
    line-height: 30px;
}
.tpschoolgg .ggthumb{
    max-width: 500px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.hpschoolhh{
    padding: 50px 0;
    position: relative;
    z-index: 0;
}
.tpschoolhh .hhgrip{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.tpschoolhh .hhgrip > div{
    width: 50%;
}
.tpcenterhb{
    position: relative;
    width: calc(100% + 190px);
    margin-left: -190px;
    overflow: hidden;
    border-radius: 20px 0 0 20px;
}
.hpschoolhh::after{
    content: '';
    position: absolute;
    left: -50px;
    top: -300px;
    width: 833px;
    height: 833px;
    background-image: url('../images/shhbackm.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    pointer-events: none;
}
.tpcenterha{
    max-width: 605px;
    margin-left: auto;
    padding-left: 20px;
    position: relative;
    z-index: 2;
}
.tpcenterha .hawrap{
    width: 470px;
    position: relative;
    z-index: 2;
    padding: 35px 40px 45px 50px;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(17, 42, 87, 0.1);
    border-radius: 20px;
    overflow: hidden;
}
.tpcenterha .dmdecss{
    font-size: 16px;
    line-height: 30px;
}
.itcenterhb{
    display: block;
    border-radius: 20px;
    overflow: hidden;
    max-width: 770px;
    width: 100%;
}
.itcenterhb img{
    width: 100%;
}
.hpschoolii{
    padding: 30px 0 100px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.hpschoolii::before{
    content: '';
    position: absolute;
    bottom: -250px;
    right: -250px;
    width: 833px;
    height: 833px;
    background-image: url('../images/siiback.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    pointer-events: none;
}
.itschoolii{
    margin-bottom: 60px;
}
.itschoolii:last-child{
    margin-bottom: 0;
}
.itschoolii .iigrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}
.itschoolii .iigrip > div{
    padding: 0 30px;
}
.itschoolii .iigrip .mcol{
    width: 59.35%;
}
.itschoolii .iigrip .hcol{
    width: calc(100% - 59.35%);
}
.itschoolii:nth-child(even) .iigrip .mcol{
    order: 2;
}
.itschoolii .iithumb{
    border-radius: 20px;
    overflow: hidden;
}
.itschoolii .iithumb img{
    width: 100%;
}
.itschoolii .iidecss{
    padding: 40px 0 20px;
}
.itschoolii .dstitle{
    margin-bottom: 12px;
    text-transform: uppercase;
    color: #003f8d;
}
.itschoolii .dstitle, .itschoolii .dstitle h3{
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
}
.itschoolii .dsconts{
    font-size: 16px;
    line-height: 30px;
}
/* <=== vhschoolpg ===> */

/* <=== vhicocolpg ===> */
.slicocolaa .slick-dots{
    left: 50%;
    transform: translateX(-50%);
    right: unset;
    justify-content: flex-start;
    max-width: 1210px;
    padding: 0 20px;
    width: 100%;
    margin-top: 0;
}
.iticocolaa img{
    width: 100%;
}
.hpicocolbb{
    padding: 100px 0 90px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.hpicocolbb::before{
    content: '';
    position: absolute;
    right: 0;
    width: 647px;
    height: 710px;
    background-image: url('../images/ibbback1.html');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    pointer-events: none;
    top: 120px;
}
.tpicocolbm{
    margin-bottom: 140px;
}
.tpicocolbm .bmgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
}
.tpicocolbm .bmgrip > div{
    padding: 0 25px;
}
.tpicocolbm .bmgrip .mcol{
    width: calc(100% - 46.722%);
}
.tpicocolbm .bmgrip .hcol{
    width: 46.722%;
}
.tpicocolbm .dsconts{
    font-size: 16px;
    line-height: 30px;
}
.tpicocolbm .bmthumb{
    position: relative;
    padding-left: 20px;
    padding-bottom: 20px;
}
.tpicocolbm .bmthumb .timgm{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.tpicocolbm .bmthumb .timgm img{
    width: 100%;
}
.tpicocolbm .bmthumb .timgh{
    position: absolute;
    bottom: 0;
    left: 0;
    top: 40px;
    right: 115px;
    z-index: -1;
}
.tpicocolbm .bmthumb .timgh img{
    width: 100%;
    height: 100%;
}
.tpicocolbh .bhgrip{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin: 0 -40px;
}
.tpicocolbh .bhgrip > div{
    padding: 0 40px;
}
.tpicocolbh .bhgrip .mcol{
    width: 48%;
}
.tpicocolbh .bhgrip .hcol{
    width: 52%;
}
.tpicocolbh .bhthumb{
    position: relative;
    z-index: 1;
}
.tpicocolbh .bhthumb::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 648px;
    height: 673px;
    background-image: url("../images/ibbback2.html");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    pointer-events: none;
}
.tpicocolbh .bhdecss{
    position: relative;
    z-index: 2;
}
.tpicocolbh .dsconts{
    font-size: 16px;
    line-height: 30px;
}
.tpicocolbh .dsconts p{
    margin-bottom: 8px;
}
.tpicocolbh .dsconts li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 13px;
}
.tpicocolbh .dsconts li:last-child{
    margin-bottom: 0;
}
.tpicocolbh .dsconts li::before{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #003f8d;
    top: 7px;
    left: 0;
}
.hpicocolcc{
    padding: 90px 0 125px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.hpicocolcc::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #003f8d;
    opacity: 0.9;
    z-index: -1;
    pointer-events: none;
}
.hpicocoldd{
    padding: 65px 0 40px;
}
.tpicocoldd .dditem{
    padding-bottom: 75px;
    margin-bottom: 60px;
    border-bottom: 1px solid #e6e6e6;
} 
.tpicocoldd .dditem:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.tpicocoldd .dditem:nth-child(even) .iticocoldd .vvgrip .mcol{
    order: 2;
    text-align: right;
}
.iticocoldd .vvgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.iticocoldd .vvgrip > div{
    padding: 0 20px;
}
.iticocoldd .vvgrip .mcol{
    width: 42.15%;
}
.iticocoldd .vvgrip .hcol{
    width: calc(100% - 42.15%);
}
.iticocoldd .dstitle{
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 15px;
    color: #003f8d;
}
.iticocoldd .dstitle::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 270px;
    height: 2px;
    background-color: #003f8d;
}
.iticocoldd .dstitle, .iticocoldd .dstitle h2, .iticocoldd .dstitle h3{
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
}
.iticocoldd .dsconts{
    font-size: 16px;
    line-height: 30px;
}
.hpicocolee{
    padding: 50px 0 20px;
    position: relative;
    z-index: 1;
}
.hpicocolee::before{
    content: '';
    position: absolute;
    left: -500px;
    top: -80px;
    width: 1185px;
    height: 786px;
    background-image: url('../images/ieeback.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    pointer-events: none;
}
.tpicocolee .eegrip{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
}
.tpicocolee .eegrip > div{
    padding: 0 15px;
    width: 33.3333%;
    margin-bottom: 30px;
}
.iticocolee{
    height: 100%;
    background-color: #fff;
    padding: 30px 30px 45px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px 0 rgba(17, 42, 87, 0.1);
}
.iticocolee .eethumb{
    max-width: 230px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.iticocolee .eethumb .timg{
    display: block;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 100%;
}
.iticocolee .eethumb .timg img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}
.iticocolee .eedecss{
    text-align: center;
}
.iticocolee .dstitle{
    margin-bottom: 12px;
}
.iticocolee .dstitle, .iticocolee .dstitle h3{
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
}
.iticocolee .dsconts{
    font-size: 15px;
    line-height: 25px;
}
.hpicocolff{
    padding: 55px 0 100px;
    position: relative;
    z-index: 1;
}
.hpicocolff::before{
    content: '';
    position: absolute;
    bottom: -250px;
    right: -250px;
    width: 982px;
    height: 782px;
    background-image: url("../images/iffback.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    pointer-events: none;
}
.tpicocolff .ffgrip{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin: 0 -25px;
}
.tpicocolff .ffgrip > div{
    padding: 0 25px;
}
.tpicocolff .ffgrip .mcol{
    width: calc(100% - 46.722%);
}
.tpicocolff .ffgrip .hcol{
    width: 46.722%;
}
.tpicocolff .dsconts{
    font-size: 16px;
    line-height: 30px;
}
.tpicocolff .ffthumb{
    position: relative;
    padding-left: 20px;
    padding-bottom: 20px;
}
.tpicocolff .ffthumb .timgm{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.tpicocolff .ffthumb .timgm img{
    width: 100%;
}
.tpicocolff .ffthumb .timgh{
    position: absolute;
    bottom: 0;
    left: 0;
    top: 40px;
    right: 115px;
    z-index: -1;
}
.tpicocolff .ffthumb .timgh img{
    width: 100%;
    height: 100%;
}
/* <=== vhicocolpg ===> */

/* <=== vhcareerpg ===> */
.itcenteraa img{
    width: 100%;
}
.tpcenterbm.vres .bmdecss .ifgrip .xcol{
    width: 60.002%;
}
.tpcenterbm.vres .bmdecss .ifgrip .ycol{
    width: calc(100% - 60.002%);
}
.tpcenterbm.vres .itcenterbm .vtitle{
    max-width: 220px;
}
.hpcareercc {
    padding: 80px 0;
    border-bottom: 1px solid #fff;
}
.tpcareercc .ccgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.tpcareercc .ccgrip > div{
    padding: 0 15px;
    width: 50%;
    margin-bottom: 20px;
    margin-top: 50px;
}
.itcareercc{
    height: 100%;
    position: relative;
    border-radius: 20px;
    z-index: 1;
    padding: 40px 35px 40px 270px;
}
.itcareercc, .itcareercc a{
    color: #fff;
}
.tpcareercc .ccgrip > div:nth-child(odd) .itcareercc{
    background-color: #1684ca;
}
.tpcareercc .ccgrip > div:nth-child(even) .itcareercc{
    background-color: #164399;
}
.itcareercc .vthumb{
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 270px;
}
.itcareercc .vdecs{
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
}
.itcareercc .dsconts{
    font-size: 18px;
    line-height: 35px;
}
.hpcareerdd{
    padding: 70px 0;
}
.tpcareerdd .ccinfos{
    position: relative;
    z-index: 1;
}
.tpcareerdd .ccinfos::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 922px;
    height: 815px;
    background-image: url('../images/xddback.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    pointer-events: none;
}
.tpcareerdd .ifgrip{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
}
.tpcareerdd .ifgrip > div{
    padding: 0 15px;
    width: 33.3333%;
    margin-bottom: 30px;
}
.itcareerdd{
    height: 100%;
    box-shadow: 0 10px 30px 0 rgba(17, 42, 87, 0.1);
    border-radius: 20px;
    overflow: hidden;
    padding: 30px 35px 45px;
    background-color: #fff;
}
.itcareerdd .ddthumb{
    max-width: 230px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.itcareerdd .ddthumb .timg{
    display: block;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 100%;
}
.itcareerdd .ddthumb .timg img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}
.itcareerdd .dddecss{
    text-align: center;
}
.itcareerdd .dstitle{
    margin-bottom: 12px;
}
.itcareerdd .dstitle, .itcareerdd .dstitle h3{
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
}
.itcareerdd .dsconts{
    font-size: 15px;
    line-height: 30px;
}
.hpcareeree{
    padding: 100px 0 75px;
    position: relative;
    z-index: 1;
}
.hpcareeree::before{
    content: '';
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 528px;
    height: 779px;
    background-image: url('../images/xeeback.png');
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    pointer-events: none;
}
.hpcareeree::after{
    content: '';
    position: absolute;
    bottom: -220px;
    right: 0;
    width: 505px;
    height: 777px;
    background-image: url('../images/xeebackm.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    pointer-events: none;
}
.tpcareeree .eegrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.tpcareeree .eegrip > div{
    padding: 0 15px;
    width: 50%;
    margin-bottom: 30px;
}
.itcareeree{
    height: 100%;
    padding: 30px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px 0 rgba(17, 42, 87, 0.1);
}
.itcareeree .vvgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.itcareeree .vvgrip > div{
    padding: 0 10px;
}
.itcareeree .vvgrip .xcol{
    width: 70px;
}
.itcareeree .vvgrip .ycol{
    width: calc(100% - 70px);
}
.itcareeree .vnumbe{
    width: 50px;
    height: 50px;
    background-color: #003f8d;
    color: #fff;
    border-radius: 100%;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    font-style: italic;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.itcareeree .dtitle{
    margin-bottom: 5px;
}
.itcareeree .dtitle, .itcareeree .dtitle h3{
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}
.itcareeree .dconts{
    font-size: 15px;
    line-height: 25px;
}
.hpcareerff{
    position: relative;
    z-index: 2;
    padding: 45px 0 120px;
}
.hpcareerff::before{
    content: '';
    position: absolute;
    bottom: -250px;
    right: -250px;
    width: 982px;
    height: 782px;
    background-image: url("../images/iffback.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    pointer-events: none;
}
.tpcareerff .vnttitle {
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.itcareerff{
    margin-bottom: 60px;
}
.itcareerff:last-child{
    margin-bottom: 0;
}
.itcareerff .ffgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}
.itcareerff .ffgrip > div{
    padding: 0 30px;
}
.itcareerff .ffgrip .mcol{
    width: 59.35%;
}
.itcareerff .ffgrip .hcol{
    width: calc(100% - 59.35%);
}
.itcareerff:nth-child(even) .ffgrip .mcol{
    order: 2;
}
.itcareerff .ffthumb{
    border-radius: 20px;
    overflow: hidden;
}
.itcareerff .ffthumb img{
    width: 100%;
}
.itcareerff .ffdecss{
    padding: 40px 0 20px;
}
.itcareerff .dstitle{
    margin-bottom: 12px;
    text-transform: uppercase;
    color: #003f8d;
}
.itcareerff .dstitle, .itcareerff .dstitle h3{
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
}
.itcareerff .dsconts{
    font-size: 16px;
    line-height: 30px;
}
/* <=== vhcareerpg ===> */
@media all and (min-width: 768px){
    /* <=== hpserviemm ===> */
    .itserviemm .dsconts{
        height: 100%!important;
        overflow: unset!important;
    }
    .itserviemm .dsconts .dsshow{
        display: none!important;
    }
    /* <=== hpserviemm ===> */
}
@media all and (max-width: 1200px){
    /* <=== hpserviemm ===> */
    .itserviemm{
        padding: 20px 20px 35px;
    }
    .itserviemm .mmgrip{
        margin: 0 -15px;
    }
    .itserviemm .mmgrip > div{
        padding: 0 15px;
    }
    .itserviemm .mmthumb{
        padding-left: 80px;
    }
    .itserviemm .mmthumb .tlogos{
        width: 100px;
        height: 100px;
        border-width: 5px;
    }
    .itserviemm .dstitle, .itserviemm .dstitle h3{
        font-size: 22px;
        line-height: 32px;
    }
    /* <=== hpserviemm ===> */

    /* <=== hpserviehh ===> */
    .tpserviehb .hbgrip{
        margin: 0 -15px;
    }
    .tpserviehb .hbgrip > div{
        padding: 0 15px;
    }
    .itserviehb .hbinfo{
        font-size: 35px;
        line-height: 35px;
    }
    .itserviehb .hbinfo sub{
        font-size: 20px;
        line-height: 15px;
    }
    .tpserviehb .dsinfos .ifgrip{
        margin: 0 -10px;
    }
    .tpserviehb .dsinfos .ifgrip > div{
        padding: 0 10px;
    }
    .itserviehb .hbtext{
        font-size: 15px;
    }
    .tpserviehb .dsconts{
        font-size: 16px;
        line-height: 30px;
    }
    /* <=== hpserviehh ===> */

    /* <=== vhcenterpg ===> */
    .tpcenterbm .bmgrip{
        margin: 0 -25px;
    }
    .tpcenterbm .bmgrip > div{
        padding: 0 25px;
    }
    .tpcenterbm .bmdecss .dinfos{
        padding-left: 80px;
    }
    /* <=== vhcenterpg ===> */

    /* <=== vhschoolpg ===> */
    .itschoolbh .bhdecss{
        padding: 30px 30px 25px 40px;
    }
    .tpschooldd .ddgrip{
        margin: 0 -20px;
    }
    .tpschooldd .ddgrip > div{
        padding: 0 20px;
    }
    .tpschoolgg{
        padding: 40px 30px 50px;
        border-radius: 20px;
    }
    .tpschoolgg .ggdecss{
        max-width: 430px;
    }
    .tpschoolgg .ggthumb{
        max-width: 435px;
    }
    .tpcenterhb{
        padding-right: 20px;
    }
    .itschoolii .iigrip{
        margin: 0 -15px;
    }
    .itschoolii .iigrip > div{
        padding: 0 15px;
    }
    .itschoolii .iidecss{
        padding: 0;
    }
    /* <=== vhschoolpg ===> */

    /* <=== vhicocolpg ===> */
    /* <=== vhicocolpg ===> */

    /* <=== vhcareerpg ===> */
    .hpcareercc{
        padding: 60px 0 70px;
    }
    .itcareercc{
        padding: 40px 35px 40px 200px;
    }
    .itcareercc .vthumb{
        width: 180px;
    }
    .tpcareercc .ccgrip > div{
        margin-top: 10px;
    }
    .itcareerff .ffdecss{
        padding: 0;
    }
    /* <=== vhcareerpg ===> */
}
@media all and (max-width: 991px){
    /* <=== hpserviemm ===> */
    .hpserviemm{
        padding: 40px 0 60px;
    }
    .itserviemm .mmgrip .mcol{
        width: 100%;
        margin-bottom: 25px;
    }
    .itserviemm .mmgrip .hcol{
        width: 100%;
    }
    .itserviemm .dscapts{
        margin-bottom: 5px;
    }
    .itserviemm .mmthumb{
        padding-left: 130px;
    }
    .itserviemm .mmthumb .tlogos{
        width: 160px;
        height: 160px;
        border-width: 10px;
    }
    /* <=== hpserviemm ===> */

    /* <=== hpserviehh ===> */
    .hpserviehh{
        padding: 40px 0 65px;
    }
    .tpservieha{
        margin-bottom: 20px;
    }
    .itaboutshb .hbinfo{
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .itaboutshb .hbinfo sub{
        font-size: 25px;
        line-height: 15px;
    }
    .itaboutshb .hbtext{
        font-size: 14px;
        line-height: 22px;
    }
    .tpserviehb .hbtitle{
        margin-bottom: 25px;
    }
    .tpserviehb .hbtitle, .tpserviehb .hbtitle h2{
        font-size: 28px;
        line-height: 40px;
    }
    .tpserviehb .hbgrip .mcol{
        width: 100%;
        margin-bottom: 25px;
    }
    .tpserviehb .hbgrip .hcol{
        width: 100%;
    }
    .tpserviehb .dsconts{
        margin-bottom: 25px;
    }
    .tpserviehb{
        margin-bottom: 40px;
    }
    /* <=== hpserviehh ===> */

    /* <=== vhcenterpg ===> */
    .slcenteraa .slick-dots{
        bottom: 5px;
        justify-content: center;
    }
    .hpcenterbb{
        padding: 35px 0 50px;
    }
    .tpcenterbm{
        margin-bottom: 40px;
    }
    .tpcenterbm .bmgrip .mcol{
        width: 100%;
        margin-bottom: 30px;
    }
    .tpcenterbm .bmgrip .hcol{
        width: 100%;
    }
    .tpcenterbm .bmdecss .dtitle{
        margin-bottom: 10px;
    }
    .tpcenterbm .bmdecss .dtitle, .tpcenterbm .bmdecss .dtitle h2{
        font-size: 28px;
        line-height: 40px;
    }
    .tpcenterbm .bmdecss .dconts{
        font-size: 15px;
        margin-bottom: 25px;
    }
    .tpcenterbm .bmdecss .dinfos{
        padding-left: 0;
        width: 100%;
    }
    .itcenterbm .vcount{
        font-size: 40px;
        line-height: 40px;
    }
    .itcenterbm .vcount sub{
        font-size: 20px;
        line-height: 10px;
    }
    .itcenterbm .vtitle{
        font-size: 14px;
        line-height: 20px;
    }
    .tpcenterbm .bmdecss .ifgrip .xcol{
        width: 50%;
    }
    .tpcenterbm .bmdecss .ifgrip .ycol{
        width: 50%;
    }
    .tpcenterbm .bmthumb .timg{
        border-radius: 80px 10px;
    }
    .tpcenterbm .bmthumb .timg{
        margin-bottom: 20px;
    }
    .tpcenterbm .bmthumb .ttxt{
        font-size: 15px;
    }
    .tpcenterbh .iflogos{
        width: 220px;
        height: 220px;
        border-width: 10px;
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        margin: 0 auto;
        margin-bottom: 22px;
    }
    .tpcenterbh .bhinfos{
        min-height: auto;
        padding: 40px 0 0;
    }
    .tpcenterbh .bhinfos::before{
        top: 80px;
        transform: translate(-50%, 0);
    }
    .tpcenterbh .iflogos::before{
        width: 300px;
        height: 300px;
    }
    .tpcenterbh .dsgrip{
        margin: 0 -20px;
    }
    .tpcenterbh .dsgrip > div{
        padding: 0 20px;
        width: 100%;
        margin-bottom: 20px;
    }
    .itcenterbh{
        margin-bottom: 20px;
        padding: 25px;
    }
    .itcenterbh.vleft{
        text-align: left;
    }
    .hpcentercc{
        padding: 45px 0 60px;
    }
    .tpcentercc .ccgrip .mcol{
        width: 100%;
        margin-bottom: 40px;
    }
    .tpcentercc .ccgrip .hcol{
        width: 100%;
    }
    .itcenterch .vdecss{
        font-size: 15px;
        padding: 15px 20px 15px 40px;
    }
    .tpcenterch::before{
        top: -250px;
        left: 50%;
        transform: translateX(-50%);
    }
    .hpcenterdd{
        padding: 60px 0;
    }
    .tpcenterdd .ddgrip .mcol{
        width: 100%;
        margin-bottom: 20px;
    }
    .tpcenterdd .ddgrip .mcol::before{
        display: none;
    }
    .tpcenterdd .ddgrip .hcol{
        width: 100%;
    }
    .tpcenterdm{
        width: 100%;
        padding: 25px 25px 35px;
    }
    .tpcenterdm .dmdecss{
        font-size: 15px;
    }
    .tpcenterdh{
        overflow: hidden;
        margin-right: -20px;
        padding-right: 20px;
    }
    .itcenterdh{
        border-radius: 10px;
    }
    .hpcenteree{
        padding: 0;
        background-image: unset!important;
    }
    .tpcenteree .eewrap{
        max-width: 100%;
        padding: 25px 0 20px;
    }
    .tpcenteree .eedecss{
        font-size: 15px;
    }
    .hpcenterff{
        padding: 70px 0 40px;
    }
    .tpcenterff .ffgrip .mcol{
        width: 100%;
        margin-bottom: 25px;
    }
    .tpcenterff .ffgrip .hcol{
        width: 100%;
    }
    .hpcenterff::before{
        display: none;
    }
    .tpcenterfm .fmimgs::before{
        top: -55px;
        left: 50%;
        transform: translateX(-50%);
        right: unset;
    }
    .tpcenterfm{
        max-width: 460px;
        margin: 0 auto;
    }
    .tpcenterfh .fhdecss{
        font-size: 15px;
    }
    .tpcenterfh .fhdecss li{
        margin-bottom: 12px;
    }
    .tpcenterfm .fmicon.vicon1{
        width: 81px;

    }
    .tpcenterfm .fmicon.vicon2{
        width: 88px;
    }
    .tpcenterfm .fmicon.vicon3{
        display: none;
    }
    .tpcenterfm .fmimgs{
        text-align: center;
    }
    .cotacthome{
        padding: 60px 0 100px;
    }
    .tpcotacthh .hhtitle, .tpcotacthh .hhtitle h2{
        font-size: 28px;
        line-height: 40px;
    }
    .tpcotacthh .hhnotes{
        margin-bottom: 30px;
    }
    /* <=== vhcenterpg ===> */

    /* <=== vhschoolpg ===> */
    .hpschoolaa{
        margin-bottom: 30px;
    }
    .slschoolaa .slick-dots{
        bottom: 5px;
        justify-content: center;
    }
    .hpschoolbb{
        margin-bottom: 30px;
    }
    .itschoolbh .hbgrip{
        flex-direction: column-reverse;
    }
    .itschoolbh .hbgrip .mcol{
        width: 100%;
        order: unset!important;
    }
    .itschoolbh .hbgrip .hcol{
        width: 100%;
        order: unset!important;
        margin-bottom: 10px;
    }
    .tpschoolbm{
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 30px;
    }
    .itschoolbh .bhdecss{
        padding: 20px 20px 30px;
        font-size: 15px;
    }
    .hpschoolcc{
        padding: 40px 0 30px;
    }
    .tpschoolcc .ccgrip{
        justify-content: center;
    }
    .tpschoolcc .ccgrip > div{
        width: 50%;
    }
    .itschoolcc{
        padding: 30px 30px 40px;
    }
    .itschoolcc .dstitle, .itschoolcc .dstitle h3{
        font-size: 22px;
        line-height: 32px;
    }
    .tpschooldd .ddgrip .mcol{
        width: 100%;
        margin-bottom: 20px;
    }
    .tpschooldd .ddgrip .hcol{
        width: 100%;
    }
    .tpschooldd .ditem{
        padding: 20px 0 25px;
    }
    .hpschooldd{
        margin-bottom: 40px;
    }
    .hpschoolee{
        margin-bottom: 40px;
    }
    .tpschoolee .iflogos{
        width: 220px;
        height: 220px;
        border-width: 10px;
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        margin: 0 auto;
        margin-bottom: 22px;
    }
    .tpschoolee .bhinfos{
        min-height: auto;
        padding: 40px 0 0;
    }
    .tpschoolee .bhinfos::before{
        top: 80px;
        transform: translate(-50%, 0);
    }
    .tpschoolee .iflogos::before{
        width: 300px;
        height: 300px;
    }
    .tpschoolee .dsgrip{
        margin: 0 -20px;
    }
    .tpschoolee .dsgrip > div{
        padding: 0 20px;
        width: 100%;
        margin-bottom: 20px;
    }
    .itschoolee{
        margin-bottom: 20px;
        padding: 25px;
    }
    .itschoolee.vleft{
        text-align: left;
    }
    .hpschoolff{
        margin-bottom: 40px;
    }
    .hpschoolff .vntcapts{
        margin-bottom: 20px;
    }
    .slick-current .itschoolff .ffgrip .mcol{
        width: 100%;
    }
    .itschoolff .ffgrip .hcol{
        width: 100%;
    }
    .slick-current .itschoolff .ffthumb{
        padding-top: 100%;
    }
    .itschoolff .ffdecss{
        padding: 20px 20px 30px;
    }   
    .itschoolff .ffdecss::before{
        display: none;
    }
    .itschoolff .dtitle img{
        max-width: 16px;
    }
    .itschoolff .dtitle{
        margin-bottom: 12px;
    }
    .itschoolff .dtitle, .itschoolff .dtitle h3{
        font-size: 20px;
        line-height: 30px;
    }
    .itschoolff .dconts{
        font-size: 15px;
    }
    .hpschoolgg{
        padding-top: 0;
    }
    .tpschoolgg{
        padding: 40px 0 0 0;
    }
    .tpschoolgg .mcol{
        margin-bottom: 30px;
    }
    .tpschoolgg .ggdecss{
        max-width: 100%;
        padding: 0 20px 0 30px;
    }
    .tpschoolgg .ggthumb{
        max-width: 100%;
        position: static;
        text-align: center;
    }
    .tpschoolgg .dsconts{
        font-size: 15px;
    }
    .hpschoolhh{
        padding: 40px 0;
    }
    .tpschoolhh .hhgrip .mcol{
        width: 100%;
        margin-bottom: 20px;
    }
    .tpschoolhh .hhgrip .mcol::before{
        display: none;
    }
    .tpschoolhh .hhgrip .hcol{
        width: 100%;
        padding-left: 20px;
    }
    .tpcenterha{
        max-width: 100%;
    }
    .tpcenterha .hawrap{
        width: 100%;
        padding: 25px 25px 35px;
    }
    .tpcenterha .dmdecss{
        font-size: 15px;
    }
    .tpcenterhb{
        overflow: hidden;
        margin-right: -20px;
        padding-right: 20px;
    }
    .itcenterhb{
        border-radius: 10px;
    }
    .tpcenterha{
        padding: 0 20px;
    }
    .hpschoolhh::after{
        left: 50%;
        transform: translateX(-50%);
        top: -350px;
    }
    .tpcenterhb{
        position: relative;
    }
    .tpcenterhb{
        overflow: hidden;
        margin-right: -20px;
        padding-right: 20px;
        width: 100%;
        margin-left: 0;
        border-radius: 0;
    }
    .slcenterhb .slick-list{
        overflow: unset;
    }
    .hpschoolii{
        padding: 30px 0 60px;
    }
    .itschoolii{
        margin-bottom: 25px;
    }
    .itschoolii .iigrip .mcol{
        width: 100%;
        margin-bottom: 20px;
    }
    .itschoolii .iigrip .hcol{
        width: 100%;
    }
    .itschoolii:nth-child(even) .iigrip .mcol{
        order: unset;
    }
    .itschoolii .iithumb{
        border-radius: 10px;
    }
    .itschoolii .dstitle{
        margin-bottom: 5px;
    }
    .itschoolii .dstitle, .itschoolii .dstitle h3{
        font-size: 22px;
    }
    .itschoolii .dsconts{
        font-size: 15px;
    }
    .hpschoolii::before{
        left: 50%;
        transform: translateX(-50%);
        bottom: -450px;
    }
    /* <=== vhschoolpg ===> */

    /* <=== vhicocolpg ===> */
    .slicocolaa .slick-dots{
        bottom: 5px;
        justify-content: center;
    }
    .hpicocolbb{
        padding: 45px 0 60px;
    }
    .hpicocolbb::before{
        display: none;
    }
    .tpicocolbm .bmgrip .mcol{
        width: 100%;
        margin-bottom: 25px;
    }
    .tpicocolbm .bmgrip .hcol{
        width: 100%;
    }
    .tpicocolbm .dsconts{
        font-size: 15px;
    }
    .tpicocolbm{
        margin-bottom: 50px;
    }
    .tpicocolbm .bmthumb .timgh{
        right: 80px;
    }
    .tpicocolbh .bhgrip .mcol{
        width: 100%;
        margin-bottom: 25px;
    }
    .tpicocolbh .bhgrip .hcol{
        width: 100%;
    }
    .tpicocolbh .bhthumb{
        text-align: center;
    }
    .tpicocolbh .bhthumb::before{
        top: -55px;
        left: 50%;
        transform: translateX(-50%);
        right: unset;
    }
    .tpicocolbh .dsconts{
        font-size: 15px;
    }
    .hpicocolcc{
        padding: 65px 0 60px;
    }
    .hpicocoldd{
        padding: 50px 0 30px;
    }
    .tpicocoldd .dditem{
        padding-bottom: 35px;
        margin-bottom: 45px;
    }
    .iticocoldd .dstitle, .iticocoldd .dstitle h2, .iticocoldd .dstitle h3{
        font-size: 28px;
        line-height: 35px;
    }
    .iticocoldd .dsconts{
        font-size: 15px;
    }
    .hpicocolee{
        padding: 30px 0 20px;
    }
    .tpicocolee .eegrip > div{
        width: 50%;
    }
    .hpicocolee::before{
        top: 190px;
        left: 50%;
        transform: translateX(-50%);
    }
    .iticocolee .dstitle, .iticocolee .dstitle h3{
        font-size: 22px;
    }
    .hpicocolff{
        padding: 35px 0 75px;
    }
    .tpicocolff .ffgrip .mcol{
        width: 100%;
        margin-bottom: 30px;
    }
    .tpicocolff .ffgrip .hcol{
        width: 100%;
    }
    .tpicocolff .dsconts{
        font-size: 15px;
    }
    .tpicocolff .ffthumb{
        padding-left: 15px;
        padding-bottom: 15px;
    }
    .tpicocolff .ffthumb .timgh{
        top: 25px;
        right: 75px;
    }
    .hpicocolff::before{
        left: 50%;
        transform: translateX(-50%);
        bottom: -550px;
    }
    /* <=== vhicocolpg ===> */

    /* <=== vhcareerpg ===> */
    .slcareeraa .slick-dots{
        bottom: 5px;
        justify-content: center;
    }
    .tpcenterbm.vres .bmdecss .ifgrip .xcol{
        width: 50%;
    }
    .tpcenterbm.vres .bmdecss .ifgrip .ycol{
        width: 50%;
    }
    .hpcareercc{
        padding: 50px 0 60px;
    }
    .tpcareercc .ccgrip > div{
        margin-top: 0;
        width: 100%;
    }
    .itcareercc{
        padding: 30px 15px 25px 160px;
        min-height: 220px;
        display: flex;
        align-items: center;
        align-content: center;
    }
    .itcareercc .vthumb{
        width: 145px;
    }
    .itcareercc .dsconts{
        font-size: 15px;
        line-height: 30px;
    }
    .hpcareerdd{
        padding: 45px 0 65px;
    }
    .itcareerdd{
        padding: 30px 30px 40px;
    }
    .itcareerdd .dstitle, .itcareerdd .dstitle h3{
        font-size: 22px;
        line-height: 32px;
    }
    .tpcareerdd .ifgrip > div{
        width: 50%;
    }
    .tpcareerdd .ccinfos::before{
        top: 200px;
        transform: translateX(-50%);
        top: 0;
    }
    .hpcareeree{
        padding: 60px 0 20px;
    }
    .tpcareeree .eegrip > div{
        width: 100%;
        margin-bottom: 20px;
    }
    .itcareeree{
        padding: 20px 20px 30px 20px;
    }
    .hpcareeree::before, .hpcareeree::after{
        top: 50%;
        transform: translateY(-50%);
    }
    .hpcareeree::before{
        width: 428px;
        height: 679px;
    }
    .hpcareeree::after{
        width: 405px;
        height: 677px;
    }
    .hpcareerff{
        padding: 30px 0 60px;
    }
    .hpcareerff::before{
        left: 50%;
        transform: translateX(-50%);
        bottom: -450px;
    }
    .itcareerff{
        margin-bottom: 25px;
    }
    .itcareerff .ffgrip .mcol{
        width: 100%;
        margin-bottom: 20px;
    }
    .itcareerff .ffgrip .hcol{
        width: 100%;
    }
    .itcareerff:nth-child(even) .ffgrip .mcol{
        order: unset;
    }
    .itcareerff .ffthumb{
        border-radius: 10px;
    }
    .itcareerff .dstitle{
        margin-bottom: 5px;
    }
    .itcareerff .dstitle, .itcareerff .dstitle h3{
        font-size: 22px;
    }
    .itcareerff .dsconts{
        font-size: 15px;
    }
    /* <=== vhcareerpg ===> */
}
@media all and (max-width: 767px){
    /* <=== hpserviemm ===> */
    .itserviemm .dsviews a{
        display: block;
        text-align: center;
    }
    .itserviemm .dsconts{
        position: relative;
    }
    .itserviemm .dsconts .dsshow{
        display: inline-block;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #fff;
        padding: 0 35px 0 18px;
        color: #003f8d;
        text-decoration: underline;
    }
    .itserviemm .dsconts .dsshow::before{
        content: "...";
        position: absolute;
        left: 0;
        color: #333;
    }
    .itserviemm .mmthumb{
        padding-left: 80px;
    }
    .itserviemm .mmthumb .tlogos{
        width: 100px;
        height: 100px;
        border-width: 5px;
    }
    /* <=== hpserviemm ===> */

    /* <=== hpserviehh ===> */
    .tpservieha .hbgrip > div{
        border-right: none;
        width: 50%;
    }
    .itserviehb > div{
        width: 100%;
    }
    /* <=== hpserviehh ===> */

    /* <=== vhcenterpg ===> */
    .tpcenterbm .bmdecss .dinfos::before{
        width: 340px;
        height: 146px;
        top: 70px;
    }
    /* <=== vhcenterpg ===> */

    /* <=== vhschoolpg ===> */
    .tpschoolcc .ccgrip > div{
        width: 100%;
    }
    .hpschoolcc::before{
        top: 90px;
    }
    .hpschoolcc::after{
        bottom: 115px;
    }
    .tpschoolcc .ccgrip > div{
        margin-bottom: 20px;
    }
    .tpschoolff .vntconts {
        margin: 0 -20px;
    }
    .itschoolff{
        width: 50px;
        height: 325px;
    }
    .slick-center .itschoolff{
        height: auto;
    }
    .itschoolff .ffdarss{
        white-space: nowrap;
    }
    .activet .itschoolff .ffdarss{
        right: 55px;
    }
    .actives .itschoolff .ffdarss{
        left: 55px;
    }
    .slschoolff .slick-list{
        padding-top: 10px !important;
    }
    /* <=== vhschoolpg ===> */

    /* <=== vhicocolpg ===> */
    .iticocoldd .vvgrip .mcol{
        width: 100%;
        margin-bottom: 25px;
    }
    .iticocoldd .vvgrip .hcol{
        width: 100%;
    }
    .tpicocoldd .dditem:nth-child(even) .iticocoldd .vvgrip .mcol{
        order: unset;
        text-align: center;
    }
    .tpicocolee .eegrip > div{
        width: 100%;
        margin-bottom: 20px;
    }
    /* <=== vhicocolpg ===> */

    /* <=== vhcareerpg ===> */
    .itcareercc{
        min-height: auto;
    }
    .tpcareerdd .ifgrip > div{
        width: 100%;
    }
    /* <=== vhcareerpg ===> */
}