/*@font-face {*/
/*    font-family: 'OpenSans';*/
/*    src: url('../font/OpenSans-Regular.ttf') format('truetype');*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'OpenSans';*/
/*    src: url('../font/OpenSans-Bold.ttf') format('truetype');*/
/*    font-weight: 700;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'OpenSans';*/
/*    src: url('../font/OpenSans-Light.ttf') format('truetype');*/
/*    font-weight: 100;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'OpenSans';*/
/*    src: url('../font/OpenSans-SemiBold.ttf') format('truetype');*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*}*/
/*--------------------------------------------------------------------------------*/

.ten_main{ width: 100%; max-width: 1320px; margin: 0px auto; }
@media screen and (max-width: 1248px){ .ten_main{ margin: 0px 24px;  width: auto; } }

.ten_bg--grey { background: #F0F4FD; }
.ten_bg--lightgrey { background: #FBFBFB; }
.ten_bg--white{ background: #FFF; }
.ten_bg--dark { background: #1B1F25; color: #FFF; }

.ten_root a{  text-decoration: none; color: inherit; }
.ten_root h2{ font-size:32px; line-height: 1.2em; margin:12px 0px; padding: 0px; font-weight: normal; }
.ten_root h3{ font-size:24px; line-height: 1.4em; margin:12px 0px; padding: 0px; font-weight: normal; }
.ten_root h4{ font-size:24px; line-height: 1.5em; margin:12px 0px; padding: 0px; font-weight: normal; }
.ten_root h5{ font-size:18px; line-height: 1.8em; margin:12px 0px; padding: 0px; font-weight: normal; }
.ten_root h6{ font-size:18px; line-height: 1.5em; margin:12px 0px; padding: 0px; font-weight: normal; }
.ten_root p { font-size:16px; line-height: 1.5em; margin:12px 0px; padding: 0px; font-weight: normal; }



.ten_root td,
.ten_root li{ font-size:16px; line-height: 1.5em; }

.ten_banner h2,
.ten_subbanner--type2 h2{ font-size:48px; line-height: 1.4em; }
.ten_news_detail > p { font-size:16px; }

@media screen and (max-width: 1279px){
    .ten_root h2{ font-size:32px; line-height: 1.2em; }
    .ten_root h3{ font-size:18px; line-height: 1.4em; }
    .ten_root h4{ font-size:20px; line-height: 1.5em; }
    .ten_root h5{ font-size:18px; line-height: 1.8em; }
    .ten_root h6{ font-size:18px; line-height: 1.5em; }
    .ten_root p { font-size:16px; line-height: 1.5em; }

    .ten_banner h2,
    .ten_subbanner--type2 h2{ font-size:36px; line-height: 1.4em; }
}
@media screen and (max-width: 767px){
    .ten_root h2{ font-size:24px; line-height: 1.2em; }
    .ten_root h3{ font-size:18px; line-height: 1.4em; }
    .ten_root h4{ font-size:20px; line-height: 1.5em; }
    .ten_root h5{ font-size:18px; line-height: 1.8em; }
    .ten_root h6{ font-size:18px; line-height: 1.5em; }
    .ten_root p { font-size:16px; line-height: 1.5em; }

    .ten_banner h2,
    .ten_subbanner--type2 h2{ font-size:30px; line-height: 1.4em; }
}
/*--------------------------------------------------------------------------------*/
.ten_img{ position: relative; overflow: hidden; }
.ten_img:before{ content: ""; display: block; padding-bottom: 66.66%; }

.ten_img iframe,
.ten_img video,
.ten_img > img,
.ten_img > a > img{ position: absolute; top:0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.ten_img .ten_img_txt{
    position: absolute; top:0px; left: 0px; width: 100%; height: 100%;
    display: flex; align-items: center; flex-direction: row;
    padding: 0px 80px;
}
.ten_img .ten_img_txt--bottom{ align-items: flex-end; }
.ten_img .ten_img_txt > *{ width: 100%; }
.ten_img .ten_img_txt--center{ text-align: center;}

.ten_img .ten_img_mag{
    position: absolute; top:0px; left: 0px; width: 100%; height: 100%;
    background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: ease all 0.3s;
}
.ten_img:hover .ten_img_mag{ opacity: 1; }
.ten_img .ten_img_mag:before{
    content: ""; display: block; width: 32px; height: 32px;
    background-image: url(../svg/Search-01.svg);
    background-position: center center;
    background-size:contain;
    background-repeat: no-repeat;
    filter:  brightness(0) invert(1);
}

.gui-video.ten_img .ten_img_txt { padding: 0px 24px; }
@media screen and (max-width: 1023px){ .ten_img .ten_img_txt{ padding: 0px 48px; } }
@media screen and (max-width: 767px){  .ten_img .ten_img_txt{ padding: 0px 24px; } }

.ten_img .ten_img_play{
    display: block; border-radius: 50%; position: absolute;
    top:calc(50% - 36px); left: calc(50% - 36px);
    width: 72px; height: 72px;
    background: rgba(25,74,195,0.95);
}
.ten_img .ten_img_play:after{
    content: ""; display: block;
    position: absolute; top:calc(50% - 12px); left: calc(50% - 4px);
    width: 0px; height: 0px; transform: scaleY(0.6);
    border-width: 12px; border-style: solid;
    border-color: transparent transparent transparent #FFF;
}
.ten_img:hover .ten_img_play{ background: rgba(255,255,255,0.95); transition: ease all 0.3s; }
.ten_img:hover .ten_img_play:after{ border-color: transparent transparent transparent #0052D9; }

.ten_img .ten_img_shadow{
    position: absolute; top:0px; left: 0px; width: 100%; height: 100%;
    background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
}
.ten_img .ten_img_shadow--vert{ background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); }

.ten_img .ten_img_blue{
    position: absolute; top:0px; left: 0px; width: 100%; height: 100%;
    background: rgba(25,74,195,0.8)
}

.ten_img .ten_img_link{
    font-weight: bold; display: inline-block;
    padding: 12px 36px 12px 0px; position: relative;
}
.ten_img .ten_img_link:after{
    content: ""; display: inline-block;
    width: 6px; height: 6px;
    border-top:   1px solid #FFF;
    border-right: 1px solid #FFF;
    transform: rotate(45deg);
    position: absolute; right: 24px; top:calc(50% - 3px);
    transition: ease all 0.3s;
}
.ten_img .ten_img_link:hover:after{ right: 18px; }

.ten_img--5x4:before{ padding-bottom: 80%; }
.ten_img--5x3:before{ padding-bottom: 60%; }
.ten_img--5x2:before{ padding-bottom: 40%; }
.ten_img--5x1:before{ padding-bottom: 20%; }
.ten_img--4x3:before{ padding-bottom: 75%; }
.ten_img--4x1:before{ padding-bottom: 25%; }
.ten_img--3x2:before{ padding-bottom: 66.66%; }
.ten_img--3x1:before{ padding-bottom: 33.33%; }
.ten_img--2x1:before{ padding-bottom: 50%; }
.ten_img--1x1:before{ padding-bottom: 100%; }

/*.ten_img h2,*/
/*.ten_img--inner{ font-family:'TencentSansW3CN'; }*/
/*.en-us .ten_img--inner{ font-family:'TencentSansw3'; }*/

.ten_img--inner:before { padding-bottom: 240px; }
.ten_img--white{ color: #FFF; }

@media screen and (max-width: 1023px){ .ten_img--full:before{  padding-bottom: 40%;  } }
@media screen and (max-width: 639px){  .ten_img--full:before{  padding-bottom: 60%;  } }
@media screen and (max-width: 479px){  .ten_img--full:before{  padding-bottom: 80%; } }
@media screen and (max-width: 359px){  .ten_img--full:before{  padding-bottom: 100%; } }
@media screen and (max-width: 767px){  .ten_img--inner:before{ padding-bottom: 150px;} }

@media screen and (max-width: 767px){
    .ten_img--full p br{ display: none; }
    .ten_img--full .ten_img_txt{ /*align-items: flex-start;*/ padding-top: 20px; }
}

.ten_share img{ width: 18px; height: 18px; }
.ten_album .ten_img .ten_img_mag{ display: none !important; }
.ten_album .ten_img .ten_img_blue{ display: none; }
.ten_album .ten_img .ten_img_txt{ display: none; }
/*--------------------------------------------------------------------------------*/
.ten_tagline,
.ten_tagline--fill{
    /*font-family:'TencentSansw7'; overflow: hidden;*/
    font-size:14px; line-height: 24px; height: 30px;
    display: inline-block; position: relative;
    border-top:1px solid #0052D9;
    padding:0px 30px; color: #0052D9;
}
.ten_tagline:before,
.ten_tagline--fill:before{
    content: ""; display: block;
    position: absolute; left: calc(100% - 12px); bottom: 0px; width: 100%;
    border-top:1px solid #0052D9;
    transform: rotate(-69deg) translate(-1px,0px);
    transform-origin: 0px 0px;
}
.ten_tagline:after,
.ten_tagline--fill:after{
    content: ""; display: block;
    position: absolute; left: 0px; bottom: 0px; width: calc(100% - 12px);
    border-top:1px solid #0052D9;
}

.ten_tagline--fill{ color: #FFF; }
.ten_tagline--fill:before{
    background: #0052D9; height: 36px;
    transform-origin: 0px 100%;
}
.ten_tagline--fill:after{
    background: #0052D9; height: 36px;
}
.ten_tagline--fill span{ position: relative; z-index: 1;}
/*--------------------------------------------------------------------------------*/
.ten_date{
    /*font-family:'TencentSansw3';*/
    display: inline-block; padding: 8px 0px 0px 0px;
    background: #0052D9; color: #FFF;
    font-size: 20px; text-align: center;
    width: 60px; height: 60px;
}
.ten_date span{ display: block; font-size: 12px; }

.ten_floating_btn{
    position: fixed; right: 120px; bottom:45px; z-index: 2;
}
.ten_floating_btn a{
    display: inline-block; margin-right: 5px;
    padding:12px 24px; border-radius: 6px;
    border: 1px solid #0052D9;
    color: #1B1F25 !important; background: #FFF;
}
.ten_floating_btn a img{
    width: 20px; height: 20px; filter: none;
    display: inline-block; margin-right: 6px; vertical-align: middle;
}
.ten_floating_btn a:hover{  background: #0052D9; color: #FFF !important; }
.ten_floating_btn a:hover img{ filter: invert(1);}

@media screen and (max-width: 767px){
    .ten_floating_btn{ right: auto; top:auto; left: 24px; bottom: 24px; width: 300px; }
    .ten_floating_btn a{ margin-top: 6px; width: 125px; padding: 10px;}
    .en-us .ten_floating_btn a {
        width: 200px;
        padding: 12px;
    }
}

.ten_header{ position:fixed; top:0px; left:0px; width:100%; z-index:100; color:#FFF; }
@media screen and (max-width: 1159px){ .ten_header { visibility: hidden; } }

.ten_header_pad{ height:72px; display:none; }
.ten_root--inner .ten_header_pad{ display:block; }

.ten_header--float,
.ten_header:hover,
.ten_root--inner .ten_header{ background:#FFF; color:#2b2e2e;  }

.ten_header .ten_header_menu{
    list-style: none; margin:0px; padding:0px; height:72px;
    display:flex; justify-content:flex-start; align-items:center;
    transition: ease all 0.3s;
}
.ten_header--float .ten_header_menu{ height: 48px; }
.ten_header .ten_header_menu > li{ list-style:none; padding:0px 24px; margin: 0px; font-size: 16px;  }

[lang="zh-hant"] .ten_header .ten_header_menu > li,
[lang="zh-hans"] .ten_header .ten_header_menu > li{ font-size: 18px; }

.ten_header .ten_header_menu > li > a{ display:block; height: 48px; line-height: 48px; }
.ten_header .ten_header_menu > li > a:after{
    content: ""; display: block;
    position: relative;  top:-12px;
    height: 3px; width: 10%; margin: 0px auto;
    background: rgba(255,255,255,0);
    transition: ease all 0.3s;
}
.ten_header .ten_header_menu > li.active > a:after,
.ten_header .ten_header_menu > li:hover > a:after{ background: #0052D9; width: 100%; }

.ten_header .ten_header_menu .ten_header_logo{ padding:0px 48px 0px 0px; }
[lang="zh-hant"] .ten_header .ten_header_menu .ten_header_logo,
[lang="zh-hans"] .ten_header .ten_header_menu .ten_header_logo{ padding:0px 60px 0px 0px; }


.ten_header--float .ten_logo,
.ten_header:hover .ten_logo,
.ten_root--inner .ten_header .ten_logo{ background-image: url(../img/index/menu_logo_hover.png); transition: ease all 0.3s; }
.ten_header--float .ten_logo{ transform:scale(0.8); transform-origin: 0% 50%;  }

.ten_header .ten_header_menu .ten_header_lang{ margin:0px 0px 0px auto; padding-right: 0px; font-size: 16px; }
.ten_header .ten_header_menu .ten_header_lang span{ font-size: 10px; }
.ten_header .ten_header_menu .ten_header_lang a{ display:inline-block; padding: 0px 6px; }
.ten_header .ten_header_menu .ten_header_lang a:hover,
.ten_header .ten_header_menu .ten_header_lang a.active{ opacity: 0.6;  }
.ten_header .ten_header_menu .ten_header_lang a:after { display: none; }

.ten_root--inner .ten_header .ten_header_menu .ten_header_lang a:hover,
.ten_root--inner .ten_header .ten_header_menu .ten_header_lang a:hover,
.ten_header:hover .ten_header_menu .ten_header_lang a:hover,
.ten_header:hover .ten_header_menu .ten_header_lang a:hover,
.ten_header--float .ten_header_menu .ten_header_lang a:hover,
.ten_header--float .ten_header_menu .ten_header_lang a.active{ color: #0052D9; }

.ten_header .ten_header_submenu{ display: none; padding-bottom: 12px; transition:ease all 0.3s; }
.ten_header .ten_header_submenu:before{
    content: ""; display: block; position: absolute;
    top:0px; left:-2560px; width:5120px; height:100%;
    background: #FFF; box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    transition:ease all 0.3s;
}
.ten_header .ten_header_submenu ul,
.ten_header .ten_header_submenu li{ list-style: none; margin: 0px; padding: 0px; }
.ten_header .ten_header_submenu li{ margin: 12px 0px; font-size: 14px; }
.ten_header .ten_header_submenu ul{ position:relative; transform:translateY(-24px); transition: ease all 0.3s; }
.ten_header .ten_header_submenu a:hover{ color:#0052D9; }

[lang="zh-hant"] .ten_header .ten_header_submenu li,
[lang="zh-hans"] .ten_header .ten_header_submenu li{ font-size: 16px;}

.ten_header .ten_header_menu > li:hover .ten_header_submenu{ display: block; position:absolute; }
.ten_header .ten_header_menu li.entered .ten_header_submenu{ padding-bottom: 72px;  }
.ten_header .ten_header_menu li.entered .ten_header_submenu ul{ transform:translateY(0px); }
/*--------------------------------------------------------------------------------*/
.ten_header .ten_header_search .ten_main{ max-width: 640px; }
.ten_header .ten_header_search > a{ position: relative; }
.ten_header .ten_header_search > a:after{ display: none; }
.ten_header .ten_header_search > a:before{
    content: ""; display: block; position: absolute;
    background-image: url(../svg/Search-01.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px;
    width: 24px; height: 24px;
    top:calc(50% - 12px);
    filter: brightness(0) invert(1);
}
.ten_header--float .ten_header_search > a:before,
.ten_header:hover .ten_header_search > a:before,
.ten_root--inner .ten_header .ten_header_search > a:before{ filter: none; }

.ten_header .ten_header_search .ten_search{
    position: fixed; left: 0px; width: 100%;
    background: #FFF; box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}
.ten_header .ten_header_search .ten_search .ten_main{ transform: translateY(-24px); transition: ease all 0.3s; }
.ten_header .ten_header_search.entered .ten_search .ten_main{ transform: translateY(0px); }
/*--------------------------------------------------------------------------------*/
.ten_mobile{
    display: none; position: fixed; z-index: 102;
    top:0px; left: 0px; width: 100%; height: 48px;
    align-items: center; justify-content: flex-start;
    padding: 0px 24px;
}
.ten_mobile .ten_mobile_col:nth-of-type(1){ width: 75%; text-align: left; }
.ten_mobile .ten_mobile_col:nth-of-type(2){ width: 25%; text-align: right; }
.ten_mobile .ten_mobile_col:nth-of-type(2){ height: 100%; display: flex; align-items: center; justify-content: flex-end;  }

.ten_mobile .ten_logo{ margin: 0px 0px; height: 18px; background-position: center left; }

.ten_mobile .ten_mobile_nav{
    display: inline-block; width: 30px; height: 30px; position: relative; overflow: hidden;
}
.ten_mobile .ten_mobile_nav span{
    position: absolute; display: block;
    width: 100%; height: 1px;
    background: #FFF; opacity: 1;
    transition: ease all 0.3s;
    transform: rotate(0deg);
    transform-origin: 0% 50%;
}
.ten_mobile .ten_mobile_nav span:nth-of-type(1){ left: 0%; top:30%; }
.ten_mobile .ten_mobile_nav span:nth-of-type(2){ left: 0%; top:50%; }
.ten_mobile .ten_mobile_nav span:nth-of-type(3){ left: 0%; top:70%; width: 80%; }
.ten_mobile .ten_mobile_nav.active span:nth-of-type(1){ left: 20%; top:20%; width: 84.85%; transform: rotate(45deg); }
.ten_mobile .ten_mobile_nav.active span:nth-of-type(2){ left: 45%; width:10%; opacity: 0; }
.ten_mobile .ten_mobile_nav.active span:nth-of-type(3){ left: 20%; top:80%; width: 84.85%; transform: rotate(-45deg); }

.ten_mobile--float,
.ten_root--inner .ten_mobile{ background: #FFF; }
.ten_mobile--float .ten_logo,
.ten_root--inner .ten_mobile .ten_logo{ background-image: url(../img/index/menu_logo_hover.png); transition: ease all 0.3s; }

.ten_mobile--float .ten_mobile_nav span,
.ten_root--inner .ten_mobile .ten_mobile_nav span{ background: #0052D9; }


@media screen and (max-width: 1159px){
    .ten_mobile{ display: flex; }
    .ten_header_pad{ height: 48px; }
}
/*--------------------------------------------------------------------------------*/
.ten_mobile_menu{
    display: block; position: fixed; z-index: 101;
    top:-100%; left: 0%; width: 100%; height: 100%;
    padding: 72px 24px 120px 24px; overflow: auto;
    background: rgba(255,255,255,0.95);
    transition: ease all 0.3s;
    opacity: 0;
}
.ten_mobile_menu--show{ top: 0%; opacity: 1; }
@media screen and (min-width: 1240px){ .ten_mobile_menu{ display: none; } }

.ten_mobile_menu ul,
.ten_mobile_menu li{ list-style: none; padding: 0px; margin: 12px 0px; font-size: 18px; font-weight: 500; }
.ten_mobile_menu > ul > li{
    border-bottom: 1px solid #DDD; padding: 0px 0px 12px 0px;
}
.ten_mobile_menu > ul > li li{ font-size: 14px; font-weight: 400; position: relative; }
.ten_mobile_menu > ul > li ul{ display: none; padding: 1px 0px; }
.ten_mobile_menu > ul > li li:after{
    content: ""; display: inline-block;
    width: 6px; height: 6px;
    border-top:   1px solid #0052D9;
    border-right: 1px solid #0052D9;
    transform: rotate(45deg);
    position: absolute; right: 6px; top:calc(50% - 3px);
}
.ten_mobile_menu p{ margin: 24px 0px 0px 0px; }
.ten_mobile_menu p a,
.ten_mobile_menu p span{ display: inline-block; vertical-align: middle ;}
.ten_mobile_menu p span{ margin: 0px 6px; }

.ten_mobile_menu .toggle{
    display: block; float: right; margin-top: 4px;
    width: 20px; height: 20px;
    position: relative;
}
.ten_mobile_menu .toggle:after{
    content: ""; display: inline-block;
    width: 8px; height: 8px;
    border-top:   1px solid #0052D9;
    border-right: 1px solid #0052D9;
    position: absolute; right:calc(50% - 4px); top:calc(50% - 8px);
    transform: rotate(135deg);
    transition: ease all 0.3s;
}
.ten_mobile_menu .toggle.toggled:after{
    transform: rotate(-45deg); top:calc(50% - 2px);
}