/* <=== bannerhome ===> */
.slbannerhh .item{
    position: relative;
}
.slbannerhh .banvdimg{
    height: calc(100vh - 125px);
    position: relative;
    overflow: hidden;
}
.slbannerhh .banvdimg .bg, .slbannerhh .banvdimg video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.slbannerhh .banvdimg .bg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-animation: immortalkenburns 20000ms linear 0s infinite alternate;
    animation: immortalkenburns 20000ms linear 0s infinite alternate;
}

@-webkit-keyframes immortalkenburns{
	0%{-webkit-transform:scale(1);-webkit-transition:-webkit-transform 20000ms linear 0ms}
	100%{-webkit-transform:scale(1.2);-webkit-transition:-webkit-transform 20000ms linear 0ms}
}
@-moz-keyframes immortalkenburns{
	0%{-moz-transform:scale(1);-moz-transition:-moz-transform 20000ms linear 0ms}
	100%{-moz-transform:scale(1.2);-moz-transition:-moz-transform 20000ms linear 0ms}
}
@-ms-keyframes immortalkenburns{
	0%{-ms-transform:scale(1);-ms-transition:-ms-transform 20000ms linear 0ms}
	100%{-ms-transform:scale(1.2);-ms-transition:-ms-transform 20000ms linear 0ms}
}
@-o-keyframes immortalkenburns{
	0%{-o-transform:scale(1);-o-transition:-o-transform 20000ms linear 0ms}
	100%{-o-transform:scale(1.2);-o-transition:-o-transform 20000ms linear 0ms}
}
@keyframes immortalkenburns{
	0%{transform:scale(1);transition:transform 20000ms linear 0ms}
	100%{transform:scale(1.2);transition:transform 20000ms linear 0ms}
}
.slbannerhh .banvdimg .bg img{
    display: none;
}
.slbannerhh .banvdimg video{
    object-fit: cover;
}
.slbannerhh .slick-arrow{
    border: none;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}
/* <=== bannerhome ===> */

/* <=== aainfohome ===> */
.hpaainfoha{
    padding: 70px 0 10px;
}
.tpaainfohb{
    position: relative;
    overflow: hidden;
}
.tpaainfohb::before{
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 67px;
    background-image: url('../images/aalinem.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
}
.tpaainfohb::after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 67px;
    background-image: url('../images/aalineh.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
}
.slaainfohb{
    max-width: 690px;
    margin: 0 auto;
    position: static;
}
.slaainfohb .slick-list{
    overflow: unset;
}
.itaainfohb .thumb a{
    display: block;
    padding-top: 75.074%;
    position: relative;
    overflow: hidden;
}
.itaainfohb .thumb a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* <=== aainfohome ===> */

/* <=== bbinfohome ===> */
.bbinfohome{
    padding: 45px 0 20px;
}
.tpbbinfohh{
    position: relative;
}
.tpbbinfohh .hhthumb{
    width: 558px;
    margin: 0 auto;
}
.itbbinfohh{
    position: absolute;
    width: 50%;
}
.itbbinfohh:nth-child(1){
    top: 0;
    left: 0;
    padding-right: 250px;
}
.itbbinfohh:nth-child(2){
    top: 0;
    right: 0;
    padding-left: 250px;
}
.itbbinfohh:nth-child(3){
    top: 37%;
    left: 0;
    padding-right: 280px;
}
.itbbinfohh:nth-child(4){
    top: 37%;
    right: 0;
    padding-left: 280px;
}
.itbbinfohh:nth-child(5){
    top: 70%;
    left: 0;
    padding-right: 250px; 
}
.itbbinfohh:nth-child(6){
    top: 70%;
    right: 0;
    padding-left: 250px;
}
.itbbinfohh .vvgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.itbbinfohh .vvgrip > div{
    padding: 0 10px;
}
.itbbinfohh .vvgrip .xcol{
    width: 80px;
}
.itbbinfohh .vvgrip .ycol{
    width: calc(100% - 80px);
}
.itbbinfohh .hnums{
    width: 60px;
    height: 60px;
    background-color: #274e91;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    animation: pulse_toa 2s infinite;
      font-family: 'Noto Serif';
}
@keyframes pulse_toa {
    0% {
        box-shadow: 0 0 0 0 #274e91;
    }

    70% {
        box-shadow: 0 0 0 10px rgba(239, 67, 67, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(239, 67, 67, 0);
    }
}
.itbbinfohh .dtitle{
    font-size: 20px;
    line-height: 30px;
    color: #274e91;
    font-weight: bold;
}
.itbbinfohh .dconts{
    font-size: 15px;
    line-height: 25px;
}
.itbbinfohh:nth-child(1) .xcol, .itbbinfohh:nth-child(3) .xcol, .itbbinfohh:nth-child(5) .xcol{
    order: 2;
}
.itbbinfohh:nth-child(1), .itbbinfohh:nth-child(3), .itbbinfohh:nth-child(5){
    text-align: right;
}
/* <=== bbinfohome ===> */

/* <=== ccinfohome ===> */
.ccinfohome{
    padding: 60px 0 70px;
}
.itccinfohh{
    margin-bottom: 50px;
}
.itccinfohh:last-child{
    margin-bottom: 0;
}
.itccinfohh .hhgrip{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.itccinfohh .hhgrip .mcol{
    width: 57.3655%;
}
.itccinfohh .hhgrip .hcol{
    width: calc(100% - 57.3655%);
}
.itccinfohh:nth-child(even) .hhgrip .mcol{
    order: 2;
}
.itccinfohh .thumb a{
    display: block;
    padding-top: 58.11%;
    position: relative;
    overflow: hidden;
}
.itccinfohh .thumb a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.itccinfohh .thumb a::before{
    content: "";
    position: absolute;
    top: 25px;
    bottom: 25px;
    left: 50%;
    right: 50%;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    pointer-events: none;
    z-index: 1;
}
.itccinfohh .thumb a::after{
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    top: 50%;
    bottom: 50%;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    pointer-events: none;
    z-index: 1;
}
.itccinfohh .thumb:hover a::before{
   left: 15px;
    right: 15px;
}
.itccinfohh .thumb:hover a::after{
    top: 20px;
    bottom: 20px;
}
.itccinfohh .decss{
    padding: 50px 70px 80px 50px;
    border: 1px solid #274e91;
}
.itccinfohh:nth-child(odd) .decss{
    border-left: none;
}
.itccinfohh:nth-child(even) .decss{
    border-right: none;
}
.itccinfohh .dstitle {
    margin-bottom: 12px;
}
.itccinfohh .dstitle, .itccinfohh .dstitle h3{
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
}
.itccinfohh .dsconts{
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 20px;
    max-height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.itccinfohh .dsviews a{
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    padding: 10px 30px;
    background-color: #274e91;
    color: #fff;
    border-radius: 5px;
}
.itccinfohh .dsviews a:hover{
    background-color: #231f20;
}
/* <=== ccinfohome ===> */

@media all and (max-width: 1200px){
    /* <=== bbinfohome ===> */
    .tpbbinfohh .hhthumb{
        width: 400px;
    }
    .itbbinfohh:nth-child(1){
        padding-right: 170px;
    }
    .itbbinfohh:nth-child(2){
        padding-left: 170px;
    }
    .itbbinfohh:nth-child(3){
        padding-right: 200px;
        top: 46%;
    }
    .itbbinfohh:nth-child(4){
        padding-left: 200px;
        top: 46%;
    }
    .itbbinfohh:nth-child(5){
        padding-right: 170px; 
    }
    .itbbinfohh:nth-child(6){
        padding-left: 170px;
    }
    .itbbinfohh .dtitle{
        font-size: 18px;
        line-height: 27px;
    }
    .itbbinfohh .dconts{
        font-size: 14px;
        line-height: 22px;
    }
    /* <=== bbinfohome ===> */

    /* <=== ccinfohome ===> */
    .itccinfohh .decss{
        padding: 30px 30px 40px;
    }
    /* <=== ccinfohome ===> */
}
@media all and (max-width: 991px){
    /* <=== bannerhome ===> */
    .slbannerhh .banvdimg{
        height: 0;
        padding-top: 52.634%;
        min-height: 200px;
    }
    .slbannerhh .slick-dots{
        bottom: 10px;
    }
    .slbannerhh .slick-dots li{
        margin: 0 6px;
    }
    .slbannerhh .cscapts .vline{
        font-size: 12px;
        line-height: 19px;
        padding: 3px 10px;
    }
    .slbannerhh .cstitle{
        font-size: 25px;
        line-height: 35px;
        transform: translateX(-100px);
    }
    .slbannerhh .csinner{
        max-width: 400px;
    }
    .slbannerhh .csviews{
        display: none;
    }
    /* <=== bannerhome ===> */

    /* <=== aainfohome ===> */
    .hpaainfoha{
        padding: 40px 0 10px;
    }
    /* <=== aainfohome ===> */

    /* <=== bbinfohome ===> */
    .tpbbinfohh .hhthumb{
        width: 100%;
        max-width: 500px;
    }
    .itbbinfohh{
        position: relative;
        width: 100%;
    }
    .itbbinfohh{
        padding: 0!important;
        top: unset!important;
        transform: unset!important;
        margin-bottom: 20px;
    }
    .itbbinfohh:nth-child(1) .xcol, .itbbinfohh:nth-child(3) .xcol, .itbbinfohh:nth-child(5) .xcol{
        order: unset!important;
    }
    .itbbinfohh:nth-child(1), .itbbinfohh:nth-child(3), .itbbinfohh:nth-child(5){
        text-align: left;
    }
    .itbbinfohh .dtitle{
        margin-bottom: 5px;
    }
    .itbbinfohh .dconts{
        font-size: 15px;
        line-height: 25px;
    }
    /* <=== bbinfohome ===> */

    /* <=== ccinfohome ===> */
    .ccinfohome{
        padding: 30px 0;
    }
    .itccinfohh{
        margin-bottom: 30px;
    }
    .itccinfohh:nth-child(even) .hhgrip .mcol{
        order: unset;
    }
    .itccinfohh .hhgrip .mcol{
        width: 100%;
    }
    .itccinfohh .hhgrip .hcol{
        width: 100%;
    }
    .itccinfohh:nth-child(odd) .decss{
        border-left: 1px solid #274e91;
    }
    .itccinfohh:nth-child(even) .decss{
        border-right: 1px solid #274e91;
    }
    .itccinfohh .decss{
        border-top: none;
        max-width: calc(100% - 20px);
        margin: 0 auto;
        padding: 20px 20px 30px;
    }
    .itccinfohh .dstitle{
        margin-bottom: 8px;
    }
    .itccinfohh .dstitle, .itccinfohh .dstitle h3{
        font-size: 22px;
        line-height: 30px;
    }
    .itccinfohh .dsconts{
        max-height: calc(25px * 5);
        -webkit-line-clamp: 5;
        margin-bottom: 15px;
    }
    /* <=== ccinfohome ===> */
}
@media all and (max-width: 767px){
    /* <=== bannerhome ===> */
    .slbannerhh .cstitle{
        font-size: 16px;
        line-height: 22px;
        transform: translateX(-50px);
    }
    .slbannerhh .csinner{
        max-width: 250px;
    }
    /* <=== bannerhome ===> */

    /* <=== bbinfohome ===> */
    .tpbbinfohh .hhthumb{
        max-width: 300px;
    }
    /* <=== bbinfohome ===> */
}