@charset "utf-8";
/* CSS Document */

@import "base.css";


.home-header{display: flex;align-items: center;justify-content: space-between;position: fixed;top: 0;left: 0;right: 0;z-index: 98;padding: 28px 18px 1px 32px;background:linear-gradient(to bottom, #000 25%, rgba(0,0,0,.0));}
/* .home-header:hover{padding-bottom: 164px;} */
.home-header .logo{width: 210px;height: auto;}
.home-header .menu{display: inline-flex;align-items: center;height: 60px;margin-right: 14px;position: relative;border-bottom: 1px solid transparent;transition: 0.2s;}
.home-header:hover .menu{border-bottom: 1px solid rgba(255,255,255,.15);}
.home-header .menu .menu-item{font-size: 18px;margin-left: 38px;position: relative;}
.home-header .menu .home-menu-item{margin-left: 0;}
.home-header .menu .menu-name{cursor: pointer;transition:  0.2s;padding: 14px 0;display: inline-block;}
.home-header .menu .menu-name:hover{font-weight: bold;transform: scale(1.22);}
.home-header .sub-menu{position: absolute;top: 57px;left: -50px;z-index: 9;background-color: rgba(0,0,0,.7);transition: 0.3s;opacity: 0;padding: 8px 0;visibility: hidden;}
.home-header .sub-menu .sub-menu-item{padding: 16px 28px;cursor: pointer;transition: 0.3s;display: block;text-align: center;white-space: nowrap;font-size: 16px;}
.home-header .sub-menu .sub-menu-item:hover{font-weight: bold;}
.home-header .menu .menu-item:hover .sub-menu{left: 50%;opacity: 1;transform: translateX(-50%);visibility:visible}

.sub-menu-pop{position: absolute;top: 58px;left: 0;right: 0;display: none;}
.sub-menu-pop .sub-menu-wrap{display: flex;white-space: nowrap;}
.sub-menu-pop .sub-menu-item{padding: 16px 0;margin-right: 28px;cursor: pointer;transition: 0.3s;font-size: 20px;}
.sub-menu-pop .sub-menu-item:hover{font-weight: bold;}

.sub-menu-pop:nth-of-type(2){padding-left: 86px;}
.sub-menu-pop:nth-of-type(3){padding-left: 216px;}
.sub-menu-pop:nth-of-type(4) .sub-menu-wrap{justify-content: flex-end;}
.sub-menu-pop:nth-of-type(4) .sub-menu-item{margin-right: 0;margin-left: 28px;}
.sub-menu-pop:nth-of-type(5){padding-left: 432px;}
.sub-menu-pop:nth-of-type(6){padding-left: 538px;}
.sub-menu-pop:nth-of-type(7){padding-left: 618px;}
.sub-menu-pop:nth-of-type(7) .sub-menu-item{margin-right: 0;margin-left: 28px;}
.sub-menu-pop:nth-of-type(8) .sub-menu-wrap{justify-content: flex-end;}
.sub-menu-pop:nth-of-type(8) .sub-menu-item{margin-right: 0;margin-left: 28px;}
.sub-menu-pop:nth-of-type(9) .sub-menu-wrap{justify-content: flex-end;}
.sub-menu-pop:nth-of-type(9) .sub-menu-item{margin-right: 0;margin-left: 28px;}

.sub-menu-pop:nth-of-type(1){height: 5px;background-color: #000;}

/* .home-header .menu-item:hover .sub-menu{position: absolute;top: 60px;left: -10px;z-index: 9;display: none;} */

.base-header{position: relative;padding-bottom: 72px;background: none;}
.base-header::after{content: '';position: absolute;top: 0;left: 0;right: 0;z-index: -1; bottom: 0;background:linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0,0,0,.13));}

.base-main{background-color: #fff;padding-top: 44px;position: relative;}
.base-main::after{content: '';position: absolute;top: 0;left: 0;right: 0;z-index: 1; height: 60px;background:linear-gradient(to bottom, rgba(0,0,0,.13), rgba(0,0,0,.0));}
.list-page{display: flex;position: relative;z-index: 3;}
.side-menu{width: 300px;margin-right: 16px;margin-bottom: 42px;flex-shrink: 0;}
.side-menu .side-menu-title{height: 70px;background-color: #01113b;display: flex;align-items: center;justify-content: center;font-size: 21px;font-weight: bold;}
.side-menu .side-menu-item a{height: 70px;background-color: #f7f7f7;display: flex;align-items: center;justify-content: center;font-size: 21px;color: #01113b;border-bottom: 1px solid #e5e5e5;transition: 0.3s;}
.side-menu .side-menu-item a:hover{background-color: #e5e5e5;}
.side-menu .side-menu-item.selected a{background-color: #e5e5e5;}
.side-menu .side-menu-item:last-of-type a{border-bottom: none;}

.breadcrumb{display: flex;align-items: center;background-color: #01113b;height: 70px;font-size: 21px;padding: 0 30px;}
.breadcrumb a{font-size: 21px;color: #fff;display: inline-flex;align-items: center;transition: 0.3s;}
.breadcrumb a:hover{opacity: .75;}
.breadcrumb .icon-home{display: inline-block;width: 31px;height: 27px;background:url(../images/icon_home.png) 0 0 no-repeat;background-size: 100% 100%;position: relative;bottom: 1px;}
.breadcrumb .icon-home{display: inline-block;width: 31px;height: 27px;background:url(../images/icon_home.png) 0 0 no-repeat;background-size: 100% 100%;margin-right: 14px;}
.breadcrumb .icon-arrow-right{display: inline-block;width: 9px;height: 15px;background:url(../images/icon_arrow_right.png) 0 0 no-repeat;background-size: 100% 100%;margin: 0 16px;}

.news-list{flex:1;padding-bottom: 94px;}
.news-list li > a{display: flex;align-items: center;height: 70px;color: #01113b;font-size: 21px;padding: 0 20px 0 24px;}
.news-list li:nth-of-type(even) > a{background-color: #f7f7f7;}
.news-list li > a:hover{background-color: #e5e5e5;}
.news-list li > a .title{flex:1;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width: 0;min-width: 0;margin-right: 54px;}

.pagination{margin-top: 44px;text-align: center;font-size: 0;}
.pagination > a{display: inline-flex;font-size: 21px;border: 1px solid #01113b;color: #01113b;border-radius: 5px;padding: 0 8px;min-width: 34px;align-items: center;height: 34px;justify-content: center;transition: 0.3s;margin: 0 5px;}
.pagination > a:hover{background-color: #e5e5e5;}
.pagination > a.selected{background-color: #01113b;color: #fff;}

.divide{height: 180px;background-color: #01153f;}


.pic-news{flex:1;padding-bottom: 94px;width: 0;min-width: 0;}
.pic-news .list{display: flex;flex-wrap: wrap;margin-top: 28px;padding: 0 50px;}
.pic-news .list .list-item{width: calc((100% - 96px) / 4);margin-right: 32px;margin-bottom: 28px;cursor: pointer;}
.pic-news .list .list-item:nth-of-type(4n){margin-right: 0;}
.pic-news .list .pic{width: 100%;transition: 0.25s;height:240px;object-fit: cover}
.pic-news .list .describe{font-size: 21px;color: #01113b;margin-top: 8px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;transition: 0.3s;}
.pic-news .list  .list-item:hover .describe{color: #02123a;}
.pic-news .pagination{margin-top: 20px;}

.details{flex:1;padding-bottom: 42px;}
.details .details-body{background-color: #ffffff;color: #01113b;}





.home-header .top{display: flex;justify-content: flex-end;padding-right: 8px;}
.home-header .user-info{display: inline-flex;width: 21px;height: 27px;background:url(../images/icon_user.png) 0 0 no-repeat;background-size: 100% 100%;margin-right: 18px;position: relative;top: 1px;}
.home-header .language{font-size: 16px;}
.home-header .language .language-item{min-width: 30px;min-height: 30px;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: 0.3s;}
.home-header .language .language-item:hover{opacity: .75;}
.home-header .language .language-item.selected{background-color: #9e7227;border-radius: 6px;margin: 0 6px;opacity: 1;}

.swiper-main{position: relative;height: 630px;margin-top: 130px;}
.swiper-main::after{content: '';position: absolute;left:0;top:-130px;right: 0;font-size: 0;z-index:9;height: 420px;background:linear-gradient(to bottom, #000 30%, rgba(0,0,0,.0));}
.swiper{width: 100%;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper-slide{height: 570px;}

.mySwiperThumbs{position: absolute;top: 0;left: 0;z-index: -1;height: 800px;opacity: .13;}
.mySwiperThumbs::before{content: '';position: absolute;left:0;bottom:-0;right: 0;font-size: 0;z-index:9;height: 150px;background:linear-gradient(to top, #01153F 10%, rgba(1,21,63,.0));}
.mySwiperThumbs img{transform: scale(1.35);transform-origin: 0 0;}
.mySwiperBig{width: 78%;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 35px;width: 68px;height: 68px;background:url(../images/swiper_icon_prev.png) 0 0 no-repeat;background-size: cover;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 35px;width: 68px;height: 68px;background:url(../images/swiper_icon_next.png) 0 0 no-repeat;background-size: cover;}
.swiper-button-next, .swiper-button-prev{transform: translateY(-50%);transition: 0.3s;cursor: pointer;}
.swiper-button-next:hover, .swiper-button-prev:hover{opacity: .7;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: '';}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: '';}
.swiper-pagination-bullet{background-color: #fff;opacity: .2;width: 14px;height: 14px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.swiper-pagination-bullet-active{opacity: .4;}

.home-nav{background-color: rgba(255,255,255,.05);display: flex;justify-content: center;margin-top: 8px;}
.home-nav .nav-item{display: inline-flex;flex-direction: column;align-items: center;font-size: 21px;padding: 24px;margin: 0 36px;opacity: .6;cursor: pointer;transition: 0.3s;}
.home-nav .nav-item:hover{opacity: 1;}
.home-nav .nav-item img{width: 75px;height: 75px;margin-bottom: 22px;}

.home-main{background:url(../images/home_bg.jpg) center 0 no-repeat;}
.container{width: 1200px;margin: 0 auto;}

.news-hotspot{padding-top: 82px;}
.news-hotspot .title-bar{text-align: center;font-size: 54px;}
.news-hotspot .title-bar .cn{position: relative;z-index: 2;}
.news-hotspot .title-bar .en{font-weight: bold;color: #8390b1;position: relative;z-index: 1;top: -50px;opacity: .2;font-family: Arial;}
.news-hotspot .card{display: flex;padding: 20px;border-radius: 6px;background:linear-gradient(25deg, rgba(16,47,112,0) 30%, #102f70);margin-top: 34px;}
.news-hotspot .card .video{width: 62%;margin-right: 30px;flex-shrink: 0;}
.news-hotspot .card .video img{width: 100%;border-radius: 6px;}
.news-hotspot .list{font-size: 26px;flex:1;width: 0;min-width: 0;}
.news-hotspot .list .top-title{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.news-hotspot .list .list-item{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;opacity: .4;padding: 10px 0;display: block;}
.news-hotspot .list .list-item:hover{opacity: 1;}
.news-hotspot .list .btn-more{margin-top: 16px;display: inline-block;opacity: .4;background:url(../images/icon_arrow_more.png) right center no-repeat;background-size: 13px 15px;padding-right: 26px;}
.news-hotspot .list .btn-more:hover{opacity: 1;}

.shortlisted-film{margin-top: 118px;}
.shortlisted-film .title-bar{text-align: center;font-size: 46px;margin-top: 116px;}
.shortlisted-film .title-bar .title-bar-wrap{background:linear-gradient(25deg, rgba(16,47,112,0) 0%, #102f70);border-radius: 23px;display: inline-flex;flex-direction: column;padding: 20px 58px;}
.shortlisted-film .title-bar .en{font-weight: bold;color: #8390b1;opacity: .2;margin-top: -8px;font-family: Arial;}
.shortlisted-film .list{display: flex;flex-wrap: wrap;margin-top: 100px;}
.shortlisted-film .list .list-item{width: calc((100% - 96px) / 4);margin-right: 32px;margin-bottom: 38px;cursor: pointer;transition: 0.25s;}
.shortlisted-film .list .list-item:nth-of-type(4n){margin-right: 0;}
.shortlisted-film .list .pic{width: 100%;border-radius: 13px;transition: 0.25s;border: 8px solid transparent;}
.shortlisted-film .list .list-item:hover .pic{transform: scale(1.2);border: 8px solid #69718d;}
.shortlisted-film .list .name{font-size: 30px;margin-top: 5px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.shortlisted-film .list .describe{font-size: 20px;color: #8390b1;margin-top: 6px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.exhibition-film{background:url(../images/exhibition_film_bg.png) center 0 no-repeat;margin-top: 40px;padding-top: 62px;padding-bottom: 100px;}
.exhibition-film .title-bar{text-align: center;font-size: 46px;}
.exhibition-film .title-bar .cn{position: relative;z-index: 2;}
.exhibition-film .title-bar .en{font-weight: bold;color: #8390b1;position: relative;z-index: 1;top: -90px;opacity: .2;font-family: Arial;}
.exhibition-film .tab-bar{text-align: center;}
.exhibition-film .tab-bar .tab-item{font-size: 30px;color: #8390b1;padding: 16px;margin: 0 14px;transition: 0.3s;display: inline-block;}
.exhibition-film .tab-bar .tab-item:hover{color: #fff;}
.exhibition-film .tab-bar .tab-item.selected{color: #fff;transform: scale(1.3);}

.film-swiper-one{width: 90%;margin-top: 54px;}
.film-swiper-one .swiper-slide .pic{width: 100%;border-radius: 13px;border: 7px solid transparent;transition: 0.3s;height:345px;}
.film-swiper-one .swiper-slide:hover .pic{border: 7px solid #69718d;}
.film-swiper-one .swiper-slide .name{font-size: 24px;margin-top: 12px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;padding: 0 7px;}

.film-swiper-two{margin-top: 44px;}
.film-swiper-two .swiper-slide .pic{width: 100%;border-radius: 13px;border: 7px solid transparent;transition: 0.3s;height:345px;}
.film-swiper-two .swiper-slide:hover .pic{border: 7px solid #69718d;}
.film-swiper-two .swiper-slide .name{font-size: 24px;margin-top: 12px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;padding: 0 7px;}

.partners{background-color: #fff;padding: 36px 0;}
.partners .title-bar{font-size: 30px;color: #000;position: relative;}
.partners .title-bar::after{content: '';position: absolute;left:145px;top:50%;right: 0;font-size: 0;z-index:9;height: 1px;background-color: #000;}
.partners .list{display: flex;flex-wrap: wrap;padding: 28px 0 32px;}
.partners .list .list-item{width: 25%;}
.partners .list .list-item img{width: 100%;}

.partners-swiper{padding: 28px 0 32px;}

#partners-list{width:100%;overflow:hidden;padding: 28px 0 32px;}
#partners-list ul li{float:left; width: 300px;}
#partners-list ul li img{display:block;width: 100%;height: 100%;}

.footer{display: flex;justify-content: center;padding: 60px 0 106px;}
.footer .ewm img{width: 134px;height: 126px;margin: 0 4px;}
.footer .form{margin-left: 36px;position: relative;}
.footer .form .form-item{display: inline-flex;margin-right: 18px;}
.footer .form .form-label{font-size: 16px;line-height: 30px;}
.footer .form .input{border-radius: 3px;border: 1px solid #8390b1;background-color: transparent;font-size: 16px;color: #fff;width: 155px;height: 30px;}
.footer .form .textarea{border-radius: 3px;border: 1px solid #8390b1;background-color: transparent;font-size: 16px;color: #fff;width: 347px;height: 76px;resize: none;padding: 8px 12px 20px;}
.footer .form .btn-submit{position: absolute;right: 28px;bottom: 10px;z-index: 9;padding: 3px 10px;background-color: #1b2e57;border-radius: 3px;}
.footer .form .btn-submit:hover{background-color: #2e3f6f;}
.footer .form .btn-submit:active{background-color: #24335e;}

/* @media (min-width: 1560px) and (max-width: 1795px){
  .container{width: 1400px;}
} */
@media (min-width: 1796px){
  .news-hotspot .list{font-size: 30px;}
  .news-hotspot .list .list-item{padding: 16px 0;}
  .news-hotspot .list .btn-more{margin-top: 22px;}
 .container{width: 1580px;}
 .news-hotspot .card .video{margin-right: 60px;}
 .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 70px;}
 .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 70px;}
 .swiper-main{height: 860px;}
 .swiper-slide{height: 800px;}
 .mySwiperThumbs{height: 1080px;}
 .home-header{padding: 28px 26px 28px 40px;}
 .home-header .menu .menu-item{margin-left: 90px;}
 .home-header .menu .home-menu-item{margin-left: 0;}
 /* .home-header .sub-menu .sub-menu-item{margin-right: 52px;} */
 .sub-menu-pop:nth-of-type(2){padding-left: 168px;}
 .sub-menu-pop:nth-of-type(3){padding-left: 339px;}
 .sub-menu-pop:nth-of-type(5){padding-left: 592px;}
 .sub-menu-pop:nth-of-type(6){padding-left: 738px;}
 .sub-menu-pop:nth-of-type(7){padding-left: 888px;}
 .sub-menu-pop .sub-menu-item{margin-right: 52px;}
 .sub-menu-pop:nth-of-type(n+4) .sub-menu-item{margin-left: 52px;}
}

/* ::-webkit-scrollbar {
    width: 14px;
}
::-webkit-scrollbar-track {
    background-color: #112348;
}
::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background: #59657f;
    -webkit-box-shadow: inset 0 0 0 3px #112348;
    transition: 0.3s;
}
::-webkit-scrollbar-thumb:hover{
    background: #8891a4;
}
::-webkit-scrollbar-thumb:active{
    background: #8891a4;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #c1c1c1;
} */


.f-gray{color:#ccc}
.f14{font-size:14px}
.c-align{text-align:center}
.r-align{text-align:right}
.fl{float:left}
.fr{float:right}
.none{display:none}
.cut{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* troy add */
.details-body{ color:#01113b;    padding: 20px;}
.details-body .viewTit{line-height:32px;font-weight: bold;color:#01113b;margin-top:15px;}
.details-body .viewS{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;height:42px;line-height:42px;color:#909090;margin:20px 0;}
.details-body .viewS a{color:#909090;font-size:16px;margin:0 5px;}
.details-body .ft_24 {
 font-size: 20px;
 text-align: center;
}
td{
 border: 1px solid #000 !important;
}
table {
 border-collapse: collapse !important;
 width: 90% !important;
 margin: auto !important;
}