@font-face {
    font-family: 'ff-dax-web-pro';
    src: url(../font/DaxRegular.ttf);
    src: local('☺'),
          url(../font/DaxRegular.otf),
          url(../font/DaxRegular.woff),
          url(../font/DaxRegular.eot),
          url(../font/DaxRegular.woff2);
}

*, *:before, *:after{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

a, a:hover, a:focus{
    color: inherit;
    text-decoration: none;
    outline: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}


.article-content a{
    color: #263c90;
    transition: all .3s ease;
    -webkit-transition: all .3s ease; 
}

.article-content a:hover{
    color: #3fbcaf;
}

.article-content .center_btn a:hover{
	color:#fff;
}
html, body{
    -webkit-text-size-adjust: none;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100%;
    font-family: ff-dax-web-pro, simHei, sans-serif;
    font-weight: 400;
    color: #2b2a34;
    background-position: left -4vw;
    background-size: 100% auto;
}


#main{
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* section & top Gallery or Image */
section {
    display: block;
    position: relative;
}

.s-banner{
    /* background-image: url(../img/whattodo.jpg); */
    overflow: hidden;
}

.s-default{
    background-image: url(../icon/deco_left.svg), url(../icon/deco_right.svg);
    background-position: left 94%, right 30%;
    background-size: calc(60% - 614px) auto, 8% auto;
}

.s-normal{
    background-image: url(../icon/deco_left.svg), url(../icon/deco_right.svg);
    background-position: left 94%, right 270px;
    background-size: calc(60% - 614px) auto, 8% auto;
}

.s-slider{
    background-image: url(../icon/deco_left.svg);
    background-position: left 73%;
    background-size: calc(60% - 614px) auto;
    padding: 60px 0 80px 0;
    background-color: #FAFAFA;
}

.s-article{
    background-image: url(../icon/deco_left.svg), url(../icon/deco_right.svg);
    background-position: left 94%, right 200px;
    background-size: calc(60% - 614px) auto, 8% auto;
	min-height:450px;
}

.s-channel{
    background-color: #FFF;
    padding: 50px 0;
    text-align: center;
}

.s-subsection{
    padding: 40px 0;
}

.s-info{
    background-image: url(../icon/deco_right.svg);
    background-position: right 200px;
    background-size: 8% auto;
    background-color: #fff;
}

.s-coverage{
    padding: 70px 0 0 0;
    height: 55.7vw;
    background-color: #263c90;
}

.s-banner2{
    width: 100%;
    padding-bottom: 38.5vw;
}

@media (min-width: 1920px){
    
    .s-default{
        background-position: -2% 94%, right 30%;
    }
}


/* index banner */
.index_banner{
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.index_banner-container {
    position: relative;
    width: 100%;
    height: 42vw;
    z-index: 1;
    display: flex;
}
.index_banner-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.index_banner-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.index_banner-pagination{
    top: 50%;
    left: 0;
    height: 50px;
    width: 36px;
    position: absolute;
    transform: translate(0, -50%);
    z-index: 1;
    padding: 0;
}
.index_banner-pagination .swiper-pagination-bullet,
.index_banner-pagination > li{
    opacity: 1;
    display: block;
    width: 40%;
    height: 10px;
    margin: 8px 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    outline: none !important;
    background-color: transparent;
    position: relative;
    cursor: pointer;
}
.index_banner-pagination > li button{
    /* display: none; */
    border: none;
    outline: none;
    font-size: 0;
}
.index_banner-pagination .swiper-pagination-bullet::before,
.index_banner-pagination > li button{
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background-color: #fff;
    border-radius: 0;
}
.index_banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.index_banner-pagination > li.slick-active{
    width: 100%;
}


.index_banner-slide, .index_banner-slide *{
    pointer-events: none;
}
.index_banner-slide.slick-active ,
.index_banner-slide.swiper-slide-active,
.index_banner-slide.slick-active *,
.index_banner-slide.swiper-slide-active *{
    pointer-events: auto;
}
.box-ctx-main{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    top: 0;
	display:block;
}
.ctx-main-title{
    width: 100%;
    font-size: 80px;
    line-height: 1.2em;
    font-weight: normal;
    text-align: center;
    color: #FFF;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ctx-main-title .t-small{
    font-size: 0.6em;
    line-height: 1em;
    font-weight: bold;
}
.ctx-main-title span, .ctx-main-title a.btn{
    /* display: block;
    transform: translate(0, 70%);
    opacity: 0; */
    display: block;
    position: relative;
    width: fit-content;
    left: 50%;
    transform: translate(-50%, 70%);
    opacity: 0;
}
.ctx-main-title a.btn{
    margin-top: 20px;
    text-transform: uppercase;
}
.ctx-main-title span:nth-child(1){
    transition: all 1.0s ease;
    -webkit-transition: all 1.0s ease;
}
.ctx-main-title span:nth-child(2){
    transition: all 1.0s ease 0.5s;
    -webkit-transition: all 1.0s ease 0.5s;
}
.ctx-main-title a.btn{
    transition: all 1.0s ease 1s;
    -webkit-transition: all 1.0s ease 1s;
}

.slick-list, .slick-track{
    width: 100%;
    height: 100%;
}
.slick-active .ctx-main-title span:nth-child(1),
.swiper-slide-active .ctx-main-title span:nth-child(1),
.slick-active .ctx-main-title span:nth-child(2),
.swiper-slide-active .ctx-main-title span:nth-child(2),
.slick-active .ctx-main-title a.btn,
.swiper-slide-active .ctx-main-title a.btn{
    transform: translate(-50%, 0);
    opacity: 1;
}
.ctx-main-title.forhover a span{
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.ctx-main-title.forhover:hover a span{
    color: #ffc52b;
}
/* index banner */



.sec-title{
    text-align: center;
    width: 92%;
    margin: auto;
    font-size: 60px;
    line-height: 70px;
    font-weight: bold;
    color: #263c90;
    text-transform: uppercase;
}
.sec-description{
    text-align: center;
    width: 100%;
    font-size: 22px;
    color: #9ba7ac;
    line-height: 32px;
}
.sec-des-split{
    width: 100%;
    height: 50px;
    position: relative;
    margin: 10px 0 50px;
}
.sec-des-split:after{
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    background-color: #ffc52b;
    left: 50%;
    top: 0;
    position: absolute;
}

.container{
    /* height: 100vh; */
    height: 40vw;
    margin: 0 7.2%;
    padding: 100px 0;
}
.box-ctx-main::before, .container::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; 
    width: 100%;
    background: rgba(0,0,0,0.2);
}

.box-ctx{
    width: 50%;
    top: 3%;
    left: 5%;
    position: relative;
}
.ctx-title{
    color: #ffc52b;
    font-weight: bold;
    text-transform: uppercase;
}
.ctx-detail{
    color: #FFF;
}

/* section & top Gallery or Image */

/* scroll down btn */
.scroll_down{
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    position: absolute;
    right: 3%;
    bottom: 10%;
    height: 170px;
    width: 22px;
    /* background: #FAFAFA2F; */
    cursor: pointer;
    pointer-events: auto;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
.scroll_text{
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 2px;
    color: #FFF;
    transform: rotate(90deg) translate(0, -10px) scale(1);
    transform-origin: left;
    width: 106px;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
.scroll_line{
    height: 60px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.32);
    display: inline-block;
    position: absolute;
    left: 10px;
    bottom: 0;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    overflow: hidden;
}
.scroll_line::before{
    content: "";
    height: 20%;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.84);
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    /* -webkit-animation: 1s ease-in-out 0s infinite alternate move_line;
            animation: 1s ease-in-out 0s infinite alternate move_line; */
    -webkit-animation: move_line 2s ease-in-out 0s infinite;
    animation: move_line 2s ease-in-out 0s infinite;
}
@-webkit-keyframes move_line { 0% { top: -20%; } 100% { top: 100%; }  }
        @keyframes move_line { 0% { top: -20%; } 100% { top: 100%; }  }

/* scroll down btn */



/* square_box */
.square_box{
    position: relative;
    width: 1024px;
    margin: -100px calc(50% - 512px) 100px calc(50% - 512px);
    /* background: #FFF; */
}
.s_col_4{
    float: left;
    position: relative;
    /* transform: translate(10vw, 0) scale(1); */
    opacity: 0;
    background-color: #FFF;
}
.s_col_4.smo_show{
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
	background-size:cover;
}
/* .s_col_4.smo_show{
    transform: translate(0, 0) scale(1);
    opacity: 1;
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(.473,.427,0,.993);
    -webkit-transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(.473,.427,0,.993);
}
.s_col_4.smo_show:nth-child(even){
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) .3s, opacity 1s cubic-bezier(.473,.427,0,.993) .3s;
    -webkit-transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) .3s, opacity 1s cubic-bezier(.473,.427,0,.993) .3s;
} */
.s_col_md2{
    width: 50%;
    padding-bottom: 50%;
}
.s_col_md1{
    background-color: #FAFAFA;
    width: 25%;
    padding-bottom: 25%;
}
.one-half{
    padding-bottom: 25%;
    background-color: #FAFAFA;
}

.box_y{
    background: #ffc52b;
}
.box_g{
    background: #3fbcaf;
}
.box_b{
    background: #263c90;
}

.s_col_4.bg_contain{
    background-size: 92% auto;
    background-position: 88% center;
}

.square{
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    height: 100%;
}
.sq-title{
    text-transform: uppercase;
    color: #263c90;
    opacity: 0;
}
.s_col_4.smo_show .sq-title{
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInUpFixHeight;
    animation-name: fadeInUpFixHeight;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.satellite_s .sq-title{
    color: #3fbcaf;
}
.sq-detail{
    opacity: 0;
}
.s_col_4.smo_show .sq-detail{
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInUpFixHeight;
    animation-name: fadeInUpFixHeight;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.read_more{
    /* position: absolute; */
    bottom: 20px;
    color: #263c90;
    font-size: 0.8em;
    cursor: pointer;
    opacity: 0;
    position: relative;
    display: inline-block;
    margin-top: 20px;
}
/* .satellite_s .read_more{
    position: relative;
    display: inline-block;
    margin-top: 20px;
} */
.read_more::after{
    width: 6px;
    height: 10px;
    top: calc(50% - 5px);
    right: -14px;
    opacity: 0;
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    right: -8px;
    background-image: url(../icon/ico_arrow_btn_b.svg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.read_more:hover::after{
    opacity: 1;
    right: -16px;
}
.s_col_4.smo_show .read_more{
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInUpFixHeight;
    animation-name: fadeInUpFixHeight;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* square_box */


/* slider */
.slick-slide:hover, .slick-slide:active, .slick-slide:focus, .slick-slide a:hover, .slick-slide a:active, .slick-slide a:focus{
    outline: none;
}
.slider-block{
    position: relative;
}
.main-news-swiper{
    /* width: calc(40% + 480px);
    margin-left: calc(50% - 480px); */
    width: 88%;
    /* margin-left: 6%; */
}
.main-news-swiper .swiper-slide{
    width: 450px;
}
.main-news-swiper .slick-list{
    overflow: visible;
}
.main-news-swiper .slick-slide{
    padding: 0 30px;
}
.mb-swiper-button-prev, .mb-swiper-button-next, 
.channel-list-prev, .channel-list-next{
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    height: 60px;
    width: 60px;
    border-radius: 50%;
    transition: all .3s ease;
    background-image: url(../icon/ico_right_yellow.svg);
    cursor: pointer;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.mb-swiper-button-prev:hover, .mb-swiper-button-next:hover, 
.channel-list-prev:hover, .channel-list-next:hover{
    background-image: url(../icon/ico_right_blue.svg);
}
.mb-swiper-button-prev:focus, .mb-swiper-button-next:focus, 
.channel-list-prev:focus, .channel-list-next:focus {
    outline: none;
}
.mb-swiper-button-prev.slick-disabled, .channel-list-prev.slick-disable{
    transform: translate(-100%, -50%) rotate(180deg);
}
.mb-swiper-button-next.slick-disabled, .channel-list-next.slick-disable{
    transform: translate(100%, -50%);
}
.mb-swiper-button-prev.slick-disabled, .mb-swiper-button-next.slick-disabled,
.channel-list-prev.slick-disable, .channel-list-next.slick-disable{
    opacity: 0;
    pointer-events: none;
}
.mb-swiper-button-prev, .channel-list-prev{
    left: 5%;
    transform: translate(0, -50%) rotate(180deg);
}
.mb-swiper-button-next, .channel-list-next{
    right: 5%;
}

.main-news-swiper .news-description{
    /* display: none; */
}
/* slider */



/* animation */
@-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
}
  
@keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
}

@-webkit-keyframes fadeInUpFixHeight {
      from {
        opacity: 0.3;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
}
    
@keyframes fadeInUpFixHeight {
      from {
        opacity: 0.3;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
      }
    
      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
}
/* animation */

/* dragable navigate */
#nav_overflow{
    max-width: 80%;
    text-align: center;
    overflow: hidden;
    margin: 38px auto;
    height: 50px;
    font-size: 16px;
    /* border-bottom: 1px #DEE3E5 solid; */
    position: relative;
	/* Prevent native touch events on Windows */
    -ms-touch-action: none;

	/* Prevent the callout on tap-hold and text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

	/* Prevent text resize on orientation change, useful for web-apps */
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    /* background: linear-gradient(90deg, #FFFFFF00,#000 8%,#000 92%, #FFFFFF00 100%); */
    -webkit-mask: linear-gradient(90deg, #FFFFFF00,#000 6%,#000 94%, #FFFFFF00 100%) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
}
._mobile #nav_overflow{
    overflow: auto;
}
.dragable_nav{
    font-size: 14px;
    height: 100%;
    display: inline-block;
    position: relative;

	/* Prevent elements to be highlighted on tap */
    top: 0;
    left: 0;
    line-height: 50px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

	/* Put the scroller into the HW Compositing layer right from the start */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    border-bottom: 1px #DEE3E5 solid;
    /* background: linear-gradient(90deg, #FFFFFF00,#000 8%,#000 92%, #FFFFFF00 100%);
    -webkit-mask: linear-gradient(90deg, #FFFFFF00,#000 6%,#000 94%, #FFFFFF00 100%) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%; */
}
.nav-title{
    float: left;
    display: inline-block;
    margin: 0 60px;
    text-transform: uppercase;
    color: #263c90;
    position: relative;
    cursor: pointer;
}
.nav-title:nth-child(1){
    margin-left: 100px;
}
.nav-title:last-child{
    margin-right: 100px;
}
.nav-title.active:after{
    content: "";
    display: inline-block;
    height: 4px;
    background: #ffc52b;
    width: 150%;
    position: absolute;
    bottom: 0;
    left: -25%;
}
.nav-title.active a{
    pointer-events: none;
    cursor: pointer;
}
/* dragable navigate */


/* filter */
.centerPart{
    margin: 50px;
}
.filter-selector{
    font-size: 16px;
    font-weight: 100;
    color: #263c90;
    display: inline-block;
    margin: 0 50px;
    font-weight: bold;
}
.filter-cat{
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 36px;
}
.selectBtn{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-weight: 100;
    padding: 0 50px;
    margin-right: 50px;
    border-radius: 6px;
    color: #9BA7AC;
    border: 1px #DEE3E5 solid;
    background-color: #ffc52b00;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    cursor: pointer;
}
.selectBtn:last-child{
    margin-right: 0;
}
.selectBtn:hover{
    color: #ffc52b!important;
    background-color: #1A2964;
}
.selectBtn.active{
    color: #ffc52b;
    background-color: #263c90;
}
/* custom select */
.filter-select{
    display: inline-block;
    height: 50px;
    width: 220px;
    font-weight: 100;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.filter-select .dropdown-toggle{
    border-radius: 6px;
    width: 240px;
    height: 50px;
    line-height: 37px;
    background-color: #ffffff00;
    border-color: #DEE3E5;
}
.filter-select .dropdown-menu{
    border-color: #DEE3E5;
}
.filter-select .dropdown-menu .inner{
    width: 240px;
}
.filter-select.bootstrap-select .dropdown-toggle:focus{
    outline: none !important;
    box-shadow: none;
}
.filter-select.bootstrap-select .dropdown-toggle::after{
    border-top: .3em solid #3fbcaf;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.filter-select.show>.btn-light.dropdown-toggle{
    background-color: #ffffff00;
}
.filter-select .dropdown-item.active, .filter-select .dropdown-item:active{
    background-color: #263c90;
    color: #ffc52b;
}
.filter-select.bootstrap-select .dropdown-menu li a span.text{
    text-transform: uppercase;
}
/* custom select */

.filter-block{
    position: relative;
    width: 100%;
    margin: 20px 0 50px 0;
    text-align: center;
}
.filter-result{
    width: 86%;
    max-width: 1500px;
    margin: auto;
    transition: transform .8s ease, opacity .8s ease;
    -webkit-transition: transform .8s ease, opacity .8s ease;
    /* transform: translate(0, 100px); */
    /* transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(.473,.427,0,.993);
    -webkit-transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(.473,.427,0,.993); */
}
.filter-result.catPhoto{
    width: 100%;
    max-width: unset;
    margin-top: -40px;
}
.filter-result.hide{
    opacity: 0;
    transform: translate(0, 50px);
}
.filter-result .news-card{
    width: 30%;
    float: left;
    margin-bottom: 50px;
    transform: scale(1);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    overflow: hidden;
    cursor: pointer;
}
.filter-result .news-card::after{
    content: "";
    display: inline-block;
    height: 5px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: -100%;
    background-color: #ffc52b;
    opacity: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.filter-result .news-card:hover{
    transform: scale(1.01);
}
.filter-result .news-card:hover::after{
    left: 0%;
    opacity: 1;
}
.filter-result .news-card:nth-child(3n+2){
    margin: 0 calc(5% - 10px) 50px  calc(5% - 10px);
}
.filter-result .news-content{
    height: 335px;
}
.filter-result .short-card .news-content, .filter-result .fg-storie .news-content{
    height: 200px;  
}

.filter-result .management-card .news-content{
    height: 268px;
}

@media (max-width: 1300px){
    .filter-result .news-card{
        width: 47.5%;
    }
    .filter-result .news-card:nth-child(3n+2){
        margin: 0 0 50px 0;
    }
    .filter-result .news-card:nth-child(2n+1){
        margin: 0 calc(5% - 10px) 50px 0;
    }
}
/* filter */


/* channel guide section */
.s-channel .wrapper{
    width: 92%;
    max-width: 1080px;
    margin: auto;
}
.s-channel h3{
    font-size: 35px;
    color: #263c90;
    font-weight: bold;
    text-align: left;
    float: left;
}
.s-channel .wrapper .filter_select{
    float: right;
}

.channel_slider{
    position: relative;
    clear: both;
    transition: transform .8s ease, opacity .8s ease;
    -webkit-transition: transform .8s ease, opacity .8s ease;
}
.channel_slider.hide{
    opacity: 0;
    transform: translate(0, 20px);
}
.channel_slider .mb-swiper-button-prev,
.channel_slider .channel-list-prev{
    left: -2%;
    transform: translate( -100%, -50%) rotate(180deg);
}
.channel_slider .mb-swiper-button-next,
.channel_slider .channel-list-next{
    right: -2%;
    transform: translate( 100%, -50%);
}
.channel-list__container .slick-dots{
    display: none !important;
}
.swiper-scrollbar{
    height: 10px;
    background-color: transparent;
    margin-top: 30px;
    position: relative;
}
.swiper-scrollbar .bar{
    background-color: transparent;
    width: 20px;
    position: relative;
    height: 100%;
    left: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.swiper-scrollbar::before,
.swiper-scrollbar .bar::before{
    content: "";
    display: inline-block;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 4px;
    border-radius: 2px;
}
.swiper-scrollbar::before{
    background-color: #eef1f2;
}
.swiper-scrollbar .bar::before{
    background-color: #263c90;
}
.channel_index_new{
    overflow: hidden;
}
.channel-list__container {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
}
.channel-list__panel {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.channel-list__item{
    width: 88px;
    height: 88px;
    /* background-color: #FFF;
    box-shadow: 5px 5px 20px #eef1f2; */
    float: left;
    margin: 9.6px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.channel-list__item > img{
    max-width: 84% !important;
    max-height: 84% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* channel guide section */





@media (max-width: 1024px){
    
    .s-default, .s-normal, .s-article, .s-info{
        background-image: none;
    }
    .s-banner{
        background-position: 70% center;
    }
    .s-slider{
        padding: 50px 0;
    }

    /* scroll down btn */
    .scroll_down{
        width: auto;
        height: 70px;
        right: 50%;
        transform: translate(50%, 0);
        bottom: 20px;
    }
    .scroll_text {
        text-align: center;
        transform-origin: center;
        transform: rotate(0deg) translate(0, 0px) scale(1);
    }
    .scroll_line{
        height: 50px;
        left: 48%;
    }
    

    .container{
        height: 100vh;
        width: 90%;
        margin: 0 5%;
        padding: 60px 0;
    }
	
	.s-banner .container{
        height: 80vh;
        width: 90%;
        margin: 0 5%;
        padding: 60px 0;
    }
    .box-ctx {
        width: 96%;
        left: 2%;
    }
    .index_banner-container{
        height: 80vh;
    }
    .box-ctx-main{
        padding: 0 40px;
    }
    .ctx-main-title {
        font-size: 13vw;
        line-height: 1.2em;
        width: calc(100% - 90px);
        top: 50%;
    }
    .ctx-main-title .t-small {
        font-size: 0.5em;
        line-height: 1em;
        margin-top: 20px;
    }
    .index_banner-slide:nth-child(1){
        background-position: 70% center;
    }

    /* square_box */
    .square_box {
        width: 92%;
        margin: 20px auto 40px auto;
        overflow: hidden;
    }
    .s_col_4{
        background: #fafafa;
    }
    .s_col_4.s_even{
        background: #eef1f2;
    }
    .s_col_md1, .s_col_md2{
        width: 100%;
        padding-bottom: unset;
    }
    .square{
        position: relative;
        padding-bottom: 40px;
    }
    .satellite_s .square{
        padding-bottom: 0px;
    }
    .sq-title{
        font-weight: 600;
        margin-bottom: 10px
    }
    .box_y,.box_g,.box_b{
        display: none;
    }
    /* square_box */

    /* slider */
    .sec-title{
        font-size: 7vw;
        line-height: 9vw;
    }
    .sec-description{
        font-size: 5.6vw;
        line-height: 5.6vw;
    }
    .sec-des-split:after{
        left: calc(50% - 2px);
    }
    .main-news-swiper{
        width: 90%;
        margin-left: 5%;
    }
    .main-news-swiper .swiper-slide{
        width: 100%;
    }
    .mb-swiper-button-prev, .mb-swiper-button-next,
    .channel-list-prev, .channel-list-next{
        height: 40px;
        width: 40px;
        background: #ffc52b;
    }
    .mb-swiper-button-prev:hover, .mb-swiper-button-next:hover, 
    .channel-list-prev:hover, .channel-list-next:hover{
        /* background: #3fbcaf; */
        background-image: none;
    }
    .mb-swiper-button-prev::before, 
    .mb-swiper-button-prev::after, 
    .mb-swiper-button-next::before,
    .mb-swiper-button-next::after,
    .channel-list-prev::before,
    .channel-list-prev::after,
    .channel-list-next::before,
    .channel-list-next::after{
        content: "";
        display: inline-block;
        width: 12px;
        height: 1px;
        background-color: #263c90;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        transform-origin: right;
    }
    .mb-swiper-button-prev::after, 
    .mb-swiper-button-next::after,
    .channel-list-prev::after,
    .channel-list-next::after{
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    /* slider */

    /* filter */
    .centerPart{
        width: 92%;
        margin: 0px auto 25px auto;
    }
    .centerPart.mb_alignleft{
        text-align: left;
    }
    .filter-selector{
        width: 47%;
        margin: 0;
    }
    .filter-selector:nth-child(2n){
        margin-left: 4.5%;
    }
    .mediaFilter .filter-selector{
        width: 100%;
        margin: 0;
    }
    .filter-selector .dropdown.bootstrap-select,
    .filter-select .dropdown-toggle,
    .filter-selector .bootstrap-select .dropdown-menu{
        width: 100% !important;
    }
    .filter-cat{
        width: 100%;
        margin: 5px 0 8px 0;
        padding-left: 2px;
    }
    .selectBtn {
        width: 45%;
        margin-right: 10%;
        padding: 0;
        float: left;
    }
    .filter-result{
        width: 92%;
    }

    /* filter */


    /* channel guide section */
    .channel_slider .channel-list-next,.channel_slider .channel-list-prev{
        display: none !important;
    }
    .channel_index_new{
        overflow: visible;
    }
    .channel-list__item{
        width: 22%;
        padding-bottom: 22%;
        margin: 2% 4%;
        height: 0;
    }
    .channel-list__item:nth-child(1n){
        margin-left: 0;
    }
    .channel-list__item:nth-child(4n){
        margin-right: 0;
    }
    /* channel guide section */

    /* event calender */
    #views-exposed-form-events-calendar-page-1 {
        margin-left: auto;
        margin-right: auto;
        width: 20em;
        max-width: 100%;
    }

    #views-exposed-form-events-calendar-page-1 .filter-selector {
        width: 100%;
    }

    .filter-block td a.btn {
        width: 120px;
    }
    /* event calender */

}


.filter-block td{
    padding: 15px;
    min-width: 150px;
    max-width: 400px;
	border-bottom: 1px solid #3dbcaf;
}

.filter-block td:nth-child(3){
    text-align:left;
} 

@media (max-width: 768px){
    /* dragable navigate */
    #nav_overflow{
        width: 90%;
        /* overflow-x: auto;
        overflow-y: hidden; */
        height: 52px;
        margin: 30px auto 10px auto;
    }
    #nav_overflow::-webkit-scrollbar-track{
        box-shadow: none;
        -webkit-box-shadow: none;
        background-color: #F5F5F500;
    }
    
    #nav_overflow::-webkit-scrollbar{
        box-shadow: none;
        -webkit-box-shadow: none;
        height: 1px;
        background-color: #F5F5F500;
        border-radius: 5px;
    }
    
    #nav_overflow::-webkit-scrollbar-thumb{
        box-shadow: none;
        -webkit-box-shadow: none;
        background-color: #263c9000;
        border-radius: 5px;
    }

    .dragable_nav {
        /* width: 664px; */
    }
    .nav-title{
        margin: 0 22px;
    }
    .nav-title.active:after{
        height: 3px;
        bottom: -1px;
    }
    .nav-title:nth-child(1) {
        margin-left: 50px;
    }
    .nav-title:last-child {
        margin-right: 50px;
    }
    /* dragable navigate */


    .filter-block td:nth-child(1) {
        min-width: 0;
        max-width: 125px;
    }

    .filter-block td:nth-child(2) {
        min-width: 0;
        max-width: 125px;
    }

}


input#edit-submit-blog--2 , input#edit-submit-events-calendar--2, input#edit-submit-press--2{display:none;}
.news-image, .news-content{display:block;}
.filter-block table{max-width:100%;margin:auto;} 
.filter-block thead th{
    height: 61px;
    color: #002395;
    font-size: 1.3em;
    vertical-align: middle;
}
.filter-block th{
	background-color:#f6f7f8;
}
/* .filter-block td{
    padding: 15px;
	border-bottom: 1px solid #3dbcaf;
} */

 


.index_banner-slide.box-ctx-main{display:block;position:relative;}

.user-login-form{text-align:left;}
#pagination-search{margin: 20px 0 65px 0;}

.us-patent, .china-patent, .canadian-patent{display:none;}
.us-patent.active, .china-patent.active, .canadian-patent.active{display:block;}

/*20220727 start*/
.i-block{
    width:100%;
    max-width: 100%;
	display: flex;
    flex-wrap: wrap;
}
.i-block .news-card {width: 30.7%;}
.i-block .i-image{padding: 30px 20px; min-height:209px}
.i-block .news-content{height: auto;    padding: 0 40px;}
.i-block .news-description{margin-bottom: 20px;}
.i-block .i-pdf{margin-bottom: 30px;}
.i-block .i-pdf .download-btn{
    position: relative;
    bottom: 0;
    top:0; 
    right:0;
}
.i-block .download-icon{float: right;top: -10px;}
.i-clear{clear: both;}
.i-article-session{display: none;}

@media (max-width: 1400px){
    .i-block .i-pdf{padding-left: 30px;}
    .i-block .news-description{margin-bottom: 10px;}
    .i-block .i-pdf{margin-bottom: 20px;}
    .i-block .news-content{height:auto !important;}
}
@media (max-width: 1300px){
    .i-block .i-image{min-height: 312px;}
    .i-block .news-card {width: 48%;}
    .i-block .download-icon{right: -26px}
}
@media (max-width: 1024px){
    .i-block .i-image{min-height: 100%;}
}


/*20220727 end*/

h6.slider-title{color:#263c90;font-size:22px;}
.text-align-center{text-align:center!important;}
.text-align-right{text-align:right!important;}
.text-align-left{text-align:left!important;}