/* <=== vtitlehome ===> */
.vtitlehome{
    margin-bottom: 30px;
    position: relative;
}
.vtitlehome.vmargin{
    margin-bottom: 50px;
}
.vtitlehome.vcenter{
    text-align: center;
}
.vtitlehome::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 8px;
    height: 10px;
    border: 2px solid #ff0204;
    background-color: #fff;
}
.vtitlehome::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 8px;
    height: 10px;
    border: 2px solid #ff0204;
    background-color: #fff;
    opacity: 0;
}
.vtitlehome.vcenter::after{
    opacity: 1;
}
.vtitlehome .vtitle{
    position: relative;
}
.vtitlehome .vtitle::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    z-index: -1;
    height: 2px;
    background-color: #ff0204;
    pointer-events: none;
}
.vtitlehome .vtitle .tline{
    text-transform: uppercase;
    border: 2px solid #ff0204;
    padding: 5px 20px;
    display: inline-block;
    position: relative;
    background-color: #fff;
    z-index: 1;
}
.vtitlehome .vtitle .tline, .vtitlehome .vtitle .tline a{
    color: #ff0204;
}
.vtitlehome .vtitle .tline, .vtitlehome .vtitle .tline h2{
    font-weight: bold;
    font-size: 36px;
    line-height: 45px;
}
/* <=== vtitlehome ===> */

/* <=== vcaptshome ===> */
.vcaptshome{
    text-align: center;
    max-width: 890px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 35px;
}
/* <=== vcaptshome ===> */

/* <=== bannerhome ===> */
.bannerhome{
    margin-bottom: 55px;
}
.slbannerhh .item{
    position: relative;
}
.slbannerhh .banvdimg{
    padding-top: 43.75%;
    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;
}
.slbannerhh .banvdimg .bg img{
    display: none;
}
.slbannerhh .banvdimg video{
    object-fit: cover;
}
.slbannerhh .bancapts{
    position: absolute;
    bottom: 120px;
    left: 0;
    right: 0;
    z-index: 2;
}
.slbannerhh .csinner{
    max-width: 430px;
    padding: 15px 20px 20px 30px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    transform: translateX(200px);
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slbannerhh .slick-current .csinner{
    opacity: 1;
    transform: unset;
}
.slbannerhh .cstitle{
    transform: translateX(100px);
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slbannerhh .cstends{
    transform: translateX(100px);
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slbannerhh .slick-current .cstitle{
    opacity: 1;
    transform: unset;
    transition-delay: 0.3s;
}
.slbannerhh .slick-current .cstends{
    opacity: 1;
    transform: unset;
    transition-delay: 0.6s;
}
.slbannerhh .cstitle{
    color: #ff0204;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 5px;
}
.slbannerhh .cstends{
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    font-style: italic;
}
/* <=== bannerhome ===> */

/* <=== aainfohome ===> */
.aainfohome{
    margin-bottom: 70px;
}
.hpaainfohh .hhgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.hpaainfohh .hhgrip > div{
    padding: 0 15px;
}
.hpaainfohh .hhgrip .mcol{
    width: 34.307%;
}
.hpaainfohh .hhgrip .hcol{
    width: calc(100% - 34.307%);
}
.tpaainfoha{
    height: 100%;
}
.tpaainfoha .vcontshome{
    min-height: calc(100% - 89px);
    background-color: #ededed;
}
.itaainfoha{
    background-color: #ededed;
    height: 100%;
}
.itaainfoha .decss{
    padding: 20px 25px 30px;
}
.itaainfoha .dstitle{
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
}
.itaainfoha .dstitle::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 65px;
    height: 2px;
    background-color: #ff0204;
}
.itaainfoha .dstitle, .itaainfoha .dstitle h3{
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
}
.itaainfoha .iftitle{
    margin-bottom: 10px;
    text-transform: uppercase;
}
.itaainfoha .iftitle, .itaainfoha .iftitle h3{
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
}
.itaainfoha .iflinks{
    margin-bottom: 25px;
}
.itaainfoha .iflinks li{
    margin-bottom: 15px;
    margin-left: -8px;
}
.itaainfoha .iflinks li:last-child{
    margin-bottom: 0;
}
.itaainfoha .iflinks li a{
    display: inline-block;
    padding-left: 25px;
    position: relative;
    font-size: 15px;
    line-height: 25px;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.itaainfoha .iflinks li a::before{
    content: '';
    position: absolute;
    left: 8px;
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #333333;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.itaainfoha .iflinks li:hover a::before{
    background-color: #ff0204;
    transform: scale(2);
}
.itaainfoha .ifviews{
    text-align: right;
}
.itaainfoha .ifviews a{
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    position: relative;
}
.itaainfoha .ifviews a::before{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 100%;
    bottom: 0;
    background-color: #727272;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.itaainfoha .ifviews a:hover::before{
    width: 0;
}
.itaainfoha .ifviews a span{
    position: relative;
    padding-right: 16px;
    display: inline-block;
}
.itaainfoha .ifviews a span::before{
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.itaainfohb{
    margin-bottom: 30px;
    background-color: #c60108;
}
.itaainfohb .hbgrip{
    display: flex;
    flex-wrap: wrap;
}
.itaainfohb .hbgrip .xcol{
    width: 45.978%;
}
.itaainfohb .hbgrip .ycol{
    width: calc(100% - 45.978%);
}
.itaainfohb .thumb{
    min-height: 100%;
    padding-top: 120.75%;
    position: relative;
    display: block;
    position: relative;
    overflow: hidden;
}
.itaainfohb .thumb a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -ms-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -webkit-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -moz-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -o-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.itaainfohb .thumb a:hover img{
    transform: scale(1.05);
}
.itaainfohb .decss{
    height: 100%;
    padding: 35px 37px 30px 35px;
}
.itaainfohb .decss, .itaainfohb .decss a{
    color: #fff;
}
.itaainfohb .dscapts{
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}
.itaainfohb .dstitle{
    margin-bottom: 15px;
    text-transform: uppercase;
}
.itaainfohb .dstitle, .itaainfohb .dstitle h3{
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
}
.itaainfohb .dsconts{
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
}
.itaainfohb .dsviews a{
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    position: relative;
}
.itaainfohb .dsviews a::before{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.itaainfohb .dsviews a:hover::before{
    width: 0;
}
.itaainfohb .dsviews a span{
    display: inline-block;
    position: relative;
    padding-right: 16px;
}
.itaainfohb .dsviews a span::before{
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.itaainfohe, .itaainfohe .thumb, .itaainfohe .thumb a{
    height: 100%;
}
.itaainfohc .hcgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.itaainfohc .hcgrip > div{
    padding: 0 15px;
}
.itaainfohc .hcgrip .xcol{
    width: 48.446%;
}
.itaainfohc .hcgrip .ycol{
    width: calc(100% - 48.446%);
}
.itaainfohd .hdgrip{
    display: flex;
    flex-wrap: wrap;
}
.itaainfohd .hdgrip .lcol{
    width: 90px;
}
.itaainfohd .hdgrip .rcol{
    width: calc(100% - 90px);
}
.itaainfohd .hddecss{
    height: 100%;
}
.itaainfohd .hddecss a{
    height: 100%;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: center;
    background-color: #336799;
    color: #fff;
    font-size: 40px;
}
.itaainfohd:hover .hddecss a{
    background-color: #c60108;
}
.itaainfohd .hbthumb a{
    display: block;
    height: 320px;
    /* padding-top: 101.27%; */
    position: relative;
}
.itaainfohd .hbthumb a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.itaainfohe .thumb a{
    display: block;
    height: 320px;
    /* padding-top: 73.74%; */
    position: relative;
    overflow: hidden;
}
.itaainfohe .thumb a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 10px solid #c60108;
    z-index: 1;
    pointer-events: none;
}
.itaainfohe .thumb a::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background-image: url('../images/aaplay.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;
    animation: pulse_toa 2s infinite;
    border-radius: 100%;
}
@keyframes pulse_toa {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
    }

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

    100% {
        box-shadow: 0 0 0 0 rgba(239, 67, 67, 0);
    }
}
.itaainfohe .thumb a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -ms-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -webkit-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -moz-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -o-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.itaainfohe:hover .thumb a img{
    transform: scale(1.05);
}
/* <=== aainfohome ===> */

/* <=== bbinfohome ===> */
.bbinfohome{
    margin-bottom: 80px;
}
.hpbbinfohh {
    position: relative;
    padding-top: 105px;
}
.hpbbinfohh .bbback{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 68%;
    background-attachment: fixed;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    pointer-events: none;
}
.hpbbinfohh .bbback::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: -1;
    pointer-events: none;
}
.hpbbinfohh .bbinfo{
    position: relative;
    z-index: 1;
}
.tpbbinfohh .hhgrip{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    margin: 0 -25px;
}
.tpbbinfohh .hhgrip > div{
    padding: 0 25px;
}
.tpbbinfohh .hhgrip .mcol{
    width: 50%;
}
.tpbbinfohh .hhgrip .hcol{
    width: 50%;
}
.tpbbinfoha .hathumb a{
    border: 3px solid #fff;
    border-radius: 5px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.12);
    display: block;
    position: relative;
    padding-top: 118.45%;
    overflow: hidden;
}
.tpbbinfoha .hathumb a img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    -ms-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -webkit-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -moz-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -o-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.tpbbinfoha:hover .hathumb a img{
    transform: scale(1.05);
}
.tpbbinfohb .hbdecss{
    margin-bottom: 60px;
}
.tpbbinfohb .hbdecss, .tpbbinfohb .hbdecss a{
    color: #fff;
}
.tpbbinfohb .hbdecss .dstitle{
    margin-bottom: 10px;
    text-transform: uppercase;
}
.tpbbinfohb .hbdecss .dstitle, .tpbbinfohb .hbdecss .dstitle h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
}
.tpbbinfohb .hbdecss .dsconts{
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 24px;
}
.tpbbinfohb .hbdecss .dsviews a{
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    position: relative;
}
.tpbbinfohb .hbdecss .dsviews a::before{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.tpbbinfohb .hbdecss .dsviews a:hover::before{
    width: 0;
}
.tpbbinfohb .hbdecss .dsviews a span{
    position: relative;
    padding-right: 16px;
    display: inline-block;
}
.tpbbinfohb .hbdecss .dsviews a span::before{
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.slbbinfohb .slick-list{
    padding: 10px 0;
    margin-bottom: -10px;
}
.slbbinfohb .slick-slide > div{
    margin-bottom: 30px;
}
.slbbinfohb .slick-slide > div:last-child{
    margin-bottom: 0;
}
.slbbinfohb .slick-prev{
    left: -45px;
}
.slbbinfohb .slick-next{
    right: -45px;
}
.itbbinfohb{
    border: 3px solid #fff;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.12);
}
.itbbinfohb .thumb a::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    z-index: 1;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.itbbinfohb .decss{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 25px 20px 25px;
    z-index: 2;
    pointer-events: none;
}
.itbbinfohb .decss, .itbbinfohb .decss a{
    color: #fff;
}
.itbbinfohb .dtitle{
    margin-bottom: 8px;
    text-transform: uppercase;
}
.itbbinfohb .dtitle, .itbbinfohb .dtitle h3{
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
}
.itbbinfohb .dconts{
    font-size: 14px;
    line-height: 23px;
    max-height: calc(46px);
    overflow: hidden;
}
/* <=== bbinfohome ===> */

/* <=== ccinfohome ===> */
.ccinfohome{
    margin-bottom: 60px;
}
.tpccinfohh{
    position: relative;
    z-index: 1;
    padding-bottom: 40px;
}
.tpccinfohh::before{
    content: '';
    position: absolute;
    bottom: 0;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 1000000px;
    background-color: #e00525;
    z-index: -1;
    pointer-events: none;
}
.tpccinfohh .hhwrap{
    max-width: 1170px;
    margin: 0 auto;
}
.itccinfohh .thumb{
    margin-bottom: 35px;
}
.itccinfohh .thumb a{
    padding-bottom: 54.702%;
}
.itccinfohh .decss, .itccinfohh .decss a{
    color: #fff;
}
.itccinfohh .dsgrip{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin: 0 -10px;
}
.itccinfohh .dsgrip > div{
    padding: 0 10px;
}
.itccinfohh .dsgrip .mcol{
    width: 32.774%;
}
.itccinfohh .dsgrip .hcol{
    width: calc(100% - (32.774% + 150px));
}
.itccinfohh .dsgrip .bcol{
    width: 150px;
}
.itccinfohh .dstitle{
    text-transform: uppercase;
}
.itccinfohh .dstitle, .itccinfohh .dstitle h3{
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
}
.itccinfohh .dsconts{
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    max-height: calc(26px * 4);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.itccinfohh .dsviews{
    text-align: right;
}
.itccinfohh .dsviews a{
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    position: relative;
}
.itccinfohh .dsviews a::before{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.itccinfohh .dsviews a:hover::before{
    width: 0%;
}
.itccinfohh .dsviews a span{
    position: relative;
    padding-right: 16px;
    display: inline-block;
}
.itccinfohh .dsviews a span::before{
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
/* <=== ccinfohome ===> */

/* <=== ddinfohome ===> */
.ddinfohome{
    margin-bottom: 80px;
}
.slddinfohh .slick-arrow {
    width: 40px;
    height: 70px;
    background-color: rgba(224, 5, 37, 0.8);
    border-radius: 0;
}
.slddinfohh .slick-arrow::before{
    font-size: 25px;
    line-height: 25px;
}
.slddinfohh .slick-prev{
    left: 0;
}
.slddinfohh .slick-next{
    right: 0;
}
.itddinfohh{
    position: relative;
}
.itddinfohh .thumb a{
    display: block;
    padding-top: 156.25%;
    position: relative;
    overflow: hidden;
}
.itddinfohh .thumb a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -ms-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -webkit-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -moz-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -o-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.itddinfohh:hover .thumb a img{
    transform: scale(1.05);
}
.itddinfohh .thumb a::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    z-index: 1;
}
.itddinfohh .decss{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 20px 20px 20px 25px;
    pointer-events: none;
}
.itddinfohh .decss, .itddinfohh .decss a{
    color: #fff;
}
.itddinfohh .dstitle{
    margin-bottom: 10px;
    text-transform: uppercase;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.itddinfohh .dstitle, .itddinfohh .dstitle h3{
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
}
.itddinfohh .dsconts{
    font-size: 14px;
    line-height: 23px;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* <=== ddinfohome ===> */

/* <=== eeinfohome ===> */
.eeinfohome{
    margin-bottom: 90px;
}
.hpeeinfohh .vvgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}
.hpeeinfohh .vvgrip > div{
    padding: 0 30px;
    width: 50%;
}
.tpeeinfohh .hhlist{
    margin-bottom: 5px;
}
.tpeeinfohh .hhgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9.5px;
}
.tpeeinfohh .hhgrip > div{
    padding: 0 9.5px;
    width: calc(100% / 3);
    margin-bottom: 20px;
}
.iteeinfohh a{
    display: block;
    border: 2px solid #f3f3f3;
    border-radius: 15px;
    position: relative;
    padding-top: calc(100% - 4px);
}
.iteeinfohh a:hover{
    border-color: #c60108;
}
.iteeinfohh a img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 70%;
    max-height: 70%;
}
.tpeeinfohh .hhlink{
    text-align: right;
}
.tpeeinfohh .hhlink a{
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    position: relative;
}
.tpeeinfohh .hhlink a::before{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 100%;
    bottom: 0;
    background-color: #727272;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.tpeeinfohh .hhlink a:hover:before{
    width: 0;
}
.tpeeinfohh .hhlink a span{
    position: relative;
    padding-right: 16px;
    display: inline-block;
}
.tpeeinfohh .hhlink a span::before{
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
/* <=== eeinfohome ===> */

/* <=== ffinfohome ===> */
.ffinfohome{
    margin-bottom: 75px;
}
.itffinfohh {
    position: relative;
}
.itffinfohh .thumb a::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    z-index: 1;
}
.itffinfohh .decss{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 16px 16px 16px;
    z-index: 1;
    pointer-events: none;
}
.itffinfohh .decss,.itffinfohh .decss a{
    color: #fff;
}
.itffinfohh .dstitle, .itffinfohh .dstitle h3{
    font-size: 15px;
    line-height: 23px;
    font-weight: 600;
}
.itffinfohh .dstitle{
    padding-left: 37px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.itffinfohh .dstitle::before{
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
}
.itffinfohh.vvideo .dstitle::before{
    content: '\f144';
}
.itffinfohh.vimgs .dstitle::before{
    content: '\f302';
}
/* <=== ffinfohome ===> */

/* <=== nninfohome ===> */
.nninfohome{
    margin-bottom: 50px;
}
.hpnninfohh .hhgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.hpnninfohh .hhgrip > div{
    padding: 0 15px;
    width: 25%;
    margin-bottom: 30px;
}
.tpnninfoha, .tpnninfohb, .tpnninfohc{
    height: 100%;
    background-color: #ededed;
}
.itnninfoha .decss{
    position: relative;
    padding: 15px 20px 30px;
}
.itnninfoha .dsnames{
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 1;
    background-color: rgba(255, 2, 4, 0.8);
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px 15px;
    pointer-events: none;
}
.itnninfoha .dstitle{
    margin-bottom: 8px;
}
.itnninfoha .dstitle, .itnninfoha .dstitle h3{
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
}
.itnninfoha .dstitle a{
    height: calc(26px * 3);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.itnninfoha .dsconts{
    font-size: 14px;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 12px;
}
.itnninfoha .dsviews a{
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid #333333;
}
.itnninfoha .dsviews a span{
    display: inline-block;
    position: relative;
    padding-right: 14px;
}
.itnninfoha .dsviews a span::before{
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.itnninfohb .decss{
    padding: 15px 20px 30px;
}
.itnninfohb .dscapts{
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}
.itnninfohb .dstitle{
    margin-bottom: 10px;
    text-transform: uppercase;
}
.itnninfohb .dstitle, .itnninfohb .dstitle h2, .itnninfohb .dstitle h3{
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
}
.itnninfohb .dstitle, .itnninfohb .dstitle a{
    color: #ff0204;
}
.itnninfohb .dsconts{
    font-size: 14px;
    line-height: 22px;
    height: 88px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 12px;
}
.itnninfohb .dsviews a{
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid #333333;
}
.itnninfohb .dsviews a span{
    display: inline-block;
    position: relative;
    padding-right: 14px;
}
.itnninfohb .dsviews a span::before{
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.tpnninfohc{
    padding: 10px 16px 30px;
}
.tpnninfohc .hclist{
    margin-bottom: 10px;
}
.tpnninfohc .liitem{
    padding: 10px 0;
    border-bottom: 1px solid #d0d0d0;
}
.tpnninfohc .liitem:last-child{
    border-bottom: none;
}
.itnninfohc a{
    display: block;
    position: relative;
    padding-left: 16px;
    font-size: 15px;
    line-height: 25px;
}
.itnninfohc a::before{
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    background-color: #333333;
    border-radius: 100%;
}
.tpnninfohc .hcview{
    text-align: center;
}
.tpnninfohc .hcview a{
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    color: #ff0204;
    border-bottom: 1px solid #ff0204;
    text-transform: uppercase;
}
.tpnninfohc .hcview a span{
    display: inline-block;
    position: relative;
    padding-right: 14px;
}
.tpnninfohc .hcview a span::before{
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
/* <=== nninfohome ===> */

/* <=== gginfohome ===> */
.gginfohome{
    margin-bottom: 80px;
}
.slgginfohh .slick-list{
    padding: 15px 0;
    margin-top: -15px;
    margin-bottom: -15px;
}
.itgginfohh{
    padding: 20px 35px 20px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
}
.itgginfohh .thumb{
    max-width: 260px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.itgginfohh .thumb .timg{
    display: block;
    padding-top: 65.56%;
    position: relative;
    overflow: hidden;
}
.itgginfohh .thumb .timg img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}
.itgginfohh .decss{
    text-align: center;
}
.itgginfohh .dstitle{
    margin-bottom: 5px;
    text-transform: uppercase;
}
.itgginfohh .dstitle, .itgginfohh .dstitle h3{
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
}
.itgginfohh .dsconts{
    font-size: 16px;
    line-height: 26px;
}
/* <=== gginfohome ===> */

@media all and (max-width: 1200px){
    /* <=== aainfohome ===> */
    .itaainfoha .decss{
        padding: 20px;
    }
    .itaainfoha .dstitle, .itaainfoha .dstitle h3{
        font-size: 18px;
        line-height: 26px;
    }
    .itaainfoha .iftitle{
        margin-bottom: 5px;
    }
    .itaainfohb .decss{
        padding: 30px;
    }
    .itaainfohb .dscapts{
        font-size: 18px;
        line-height: 25px;
    }
    .itaainfohb .dstitle, .itaainfohb .dstitle h3{
        font-size: 30px;
        line-height: 40px;
    }
    .itaainfohb .dsconts{
        line-height: 23px;
        overflow: hidden;
        max-height: calc(23px * 10);
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
    }
    .itaainfohb .dsconts p{
        padding: 0;
    }
    .itaainfohb .dsviews a{
        font-size: 14px;
        line-height: 22px;
    }
    .itaainfoha .iflinks li{
        margin-bottom: 10px;
    }
    .itaainfoha .iflinks li a{
        font-size: 14px;
        line-height: 23px;
        max-height: 46px;
    }
    .itaainfohd .hbthumb a{
        height: 0;
        padding-top: 101.27%;
    }
    .itaainfohe .thumb a{
        padding-top: 73.74%;
        height: 100%;
    }
    .itaainfohd .hdgrip .lcol{
        width: 75px;
    }
    .itaainfohd .hdgrip .rcol{
        width: calc(100% - 75px);
    }
    .itaainfohd .hddecss a{
        font-size: 30px;
    }
    .itaainfohe .thumb a::before{
        border-width: 8px;
    }
    .itaainfohd .hbthumb a{
        padding-top: 107.27%;
    }
    /* <=== aainfohome ===> */
}
@media all and (max-width: 991px){
    /* <=== vtitlehome ===> */
    .vtitlehome{
        margin-bottom: 20px;
    }
    .vtitlehome.vmargin{
        margin-bottom: 30px;
    }
    .vtitlehome .vtitle .tline{
        padding: 5px 14px;
    }
    .vtitlehome .vtitle .tline, .vtitlehome .vtitle .tline h2{
        font-size: 25px;
        line-height: 31px;
    }
    /* <=== vtitlehome ===> */

    /* <=== vcaptshome ===> */
    .vcaptshome{
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 23px;
        text-align: justify;
        text-align-last: center;
    }
    /* <=== vcaptshome ===> */

    /* <=== bannerhome ===> */
    .bannerhome{
        margin-bottom: 20px;
    }
    .slbannerhh .bancapts{
        bottom: 40px;
        padding: 0 30px;
    }
    .slbannerhh .csinner{
        padding: 8px 10px 10px 12px;
        max-width: 190px;
        border-radius: 8px;
    }
    .slbannerhh .cstitle{
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 0;
    }
    .slbannerhh .cstends{
        font-size: 12px;
        line-height: 20px;
    }
    .slbannerhh .slick-dots{
        bottom: 5px;
    }
    .slbannerhh .banvdimg{
        padding-top: 43.95%;
        min-height: 167px;
    }
    .slbannerhh .csinner{
        transform: translateX(100px);
    }
    .slbannerhh .cstitle{
        transform: translateX(50px);
    }
    .slbannerhh .cstends{
        transform: translateX(50px);
    }
    .slbannerhh .slick-prev {
        left: 0;
    }
    .slbannerhh .slick-next {
        right: 0;
    }
    /* <=== bannerhome ===> */

    /* <=== aainfohome ===> */
    .aainfohome{
        margin-bottom: 30px;
    }
    .hpaainfohh .hhgrip .mcol{
        width: 100%;
        margin-bottom: 30px;
    }
    .hpaainfohh .hhgrip .hcol{
        width: 100%;
    }
    .itaainfoha .decss{
        padding: 15px 20px 25px;
    }
    .itaainfoha .dstitle, .itaainfoha .dstitle h3{
        font-size: 18px;
        line-height: 26px;
    }
    .itaainfoha .iflinks li{
        margin-bottom: 8px;
    }
    .itaainfoha .iflinks{
        margin-bottom: 12px;
    }
    .itaainfohb .hbgrip .xcol{
        width: 100%;
    }
    .itaainfohb .hbgrip .ycol{
        width: 100%;
    }
    .itaainfohb .dsconts{
        max-height: calc(23px* 5);
        -webkit-line-clamp: 5;
    }
    /* <=== aainfohome ===> */

    /* <=== bbinfohome ===> */
    .bbinfohome{
        margin-bottom: 30px;
    }
    .hpbbinfohh{
        padding-top: 30px;
    }
    .tpbbinfohh .hhgrip .mcol{
        width: 100%;
        display: none;
    }
    .tpbbinfohh .hhgrip .hcol{
        width: 100%;
    }
    .tpbbinfohb .hbdecss .dstitle, .tpbbinfohb .hbdecss .dstitle h2{
        font-size: 25px;
        line-height: 35px;
    }
    .tpbbinfohb .hbdecss .dsconts{
        line-height: 23px;
    }
    .tpbbinfohb .hbdecss{
        margin-bottom: 40px;
    }
    .slbbinfohb .slick-slide > div{
        margin-bottom: 20px;
    }
    .itbbinfohb .decss{
        padding: 15px 18px 10px;
    }
    .itbbinfohb .dtitle{
        margin-bottom: 0;
    }
    .itbbinfohb .dtitle, .itbbinfohb .dtitle h3{
        font-size: 14px;
        line-height: 22px;
    }
    .itbbinfohb .dconts{
        display: none;
    }
    .hpbbinfohh .bbback{
        height: 45%;
        background-attachment: unset;
    }
    /* <=== bbinfohome ===> */

    /* <=== ccinfohome ===> */
    .ccinfohome{
        margin-bottom: 30px;
    }
    .itccinfohh .dstitle, .itccinfohh .dstitle h3{
        font-size: 20px;
        line-height: 30px;
    }
    .itccinfohh .thumb{
        margin-bottom: 15px;
    }
    .itccinfohh .dsconts{
        font-size: 14px;
        line-height: 23px;
        max-height: calc(23px * 5);
        -webkit-line-clamp: 5;
        text-align-last: center;
    }
    .itccinfohh .thumb{
        padding: 0 18px;
    }
    .slccinfohh .slick-next{
        right: -20px;
    }
    .slccinfohh .slick-prev{
        left: -20px;
    }
    /* <=== ccinfohome ===> */

    /* <=== ddinfohome ===> */
    .ddinfohome{
        margin-bottom: 40px;
    }
    .slddinfohh .slick-arrow{
        width: 30px;
        height: 53px;
    }
    .slddinfohh .slick-arrow::before{
        font-size: 20px;
    }
    .itddinfohh .decss{
        padding: 10px 12px 10px 12px;
    }
    .itddinfohh .dstitle{
        height: 42px;
        margin-bottom: 5px;
    }
    .itddinfohh .dstitle, .itddinfohh .dstitle h3{
        font-size: 14px;
        line-height: 21px;
    }
    .itddinfohh .dsconts{
        font-size: 13px;
        line-height: 19px;
        height: 38px;
    }
    /* <=== ddinfohome ===> */

    /* <=== eeinfohome ===> */
    .eeinfohome {
        margin-bottom: 40px;
    }
    .hpeeinfohh .vvgrip > div{
        width: 100%;
        margin-bottom: 40px;
    }
    .hpeeinfohh .vvgrip > div:last-child{
        margin-bottom: 0;
    }
    /* <=== eeinfohome ===> */

    /* <=== ffinfohome ===> */
    .ffinfohome{
        margin-bottom: 35px;
    }
    .itffinfohh .decss{
        padding: 10px;
    }
    .itffinfohh .dstitle{
        padding-left: 25px;
    }
    .itffinfohh .dstitle::before{
        font-size: 16px;
    }
    .itffinfohh .dstitle, .itffinfohh .dstitle h3{
        font-size: 14px;
        line-height: 21px;
    }
    /* <=== ffinfohome ===> */

    /* <=== nninfohome ===> */
    .nninfohome{
        margin-bottom: 20px;
    }
    .hpnninfohh .hhgrip > div{
        width: 50%;
    }
    .itnninfoha .dstitle, .itnninfoha .dstitle, .itnninfohb .dstitle{
        margin-bottom: 0;
    }
    /* <=== nninfohome ===> */

    /* <=== gginfohome ===> */
    .gginfohome{
        margin-bottom: 35px;
    }
    /* <=== gginfohome ===> */
}
@media all and (max-width: 767px){
    /* <=== aainfohome ===> */
    .itaainfohc .hcgrip .xcol{
        width: 100%;
        margin-bottom: 20px;
    }
    .itaainfohc .hcgrip .ycol{
        width: 100%;
    }
    .itaainfohe .thumb a::after{
        width: 68px;
        height: 68px;
    }
    /* <=== aainfohome ===> */

    /* <=== bbinfohome ===> */
    .hpbbinfohh .bbback{
        height: 59%;
    }
    /* <=== bbinfohome ===> */

    /* <=== ccinfohome ===> */
    .tpccinfohh::before{
        top: 50px;
    }
    .itccinfohh .dsgrip .mcol{
        width: 100%;
        margin-bottom: 5px;
    }
    .itccinfohh .dsgrip .hcol{
        width: 100%;
        margin-bottom: 12px;
    }
    .itccinfohh .dsgrip .bcol{
        width: 100%;
    }
    .itccinfohh .dstitle{
        text-align: center;
    }
    .itccinfohh .dsviews{
        text-align: center;
    }
    /* <=== ccinfohome ===> */

    /* <=== eeinfohome ===> */
    .tpeeinfohh .hhgrip{
        margin: 0 -9px;
    }
    .tpeeinfohh .hhgrip > div{
        width: 50%;
        padding: 0 9px;
        margin-bottom: 18px;
    }
    /* <=== eeinfohome ===> */

    /* <=== nninfohome ===> */
    .hpnninfohh .hhgrip > div{
        width: 100%;
    }
    .itnninfoha .dstitle a{
        height: 100%;
        -webkit-line-clamp: unset;
    }
    /* <=== nninfohome ===> */

    /* <=== gginfohome ===> */
    .vtitlehome .vtitle .tline span{
        display: block;
    }
    .itgginfohh{
        padding: 12px 9px 12px;
    }
    .itgginfohh .dstitle, .itgginfohh .dstitle h3{
        font-size: 15px;
        line-height: 23px;
    }
    .itgginfohh .dsconts{
        font-size: 13px;
        line-height: 19px;
    }
    /* <=== gginfohome ===> */
}