html, body {
    font-family: "DM Sans", Gilroy, -apple-system, "Sofia Pro", "Microsoft YaHei", Helvetica, Arial, sans-serif;
    /* font-size: 100px; */
    color: rgb(51, 51, 51);
    line-height: 1.3;
}



/* 首页css  本次标准色为 #0097E0 */
.navbar{
	background-color: #0097E0 !important;
	/* background-color: rgb(60, 140, 255) !important; */

}
.main-header .navbar-default .navbar-nav > li > a{
	color: #FFFFFF;
}
.main-header .navbar-default .navbar-nav > li.dropdown::after{
	color: #FFFFFF;
}

/* logo */
.navbar-brand{
	display: flex;
    align-items: center; /* 垂直居中 */
}
.navbar-brand img{
	height: auto; /* 保持图片的比例 */
    max-height: 37px; /* 设置一个最大高度，您可以根据需求调整 */
}
.main-header .navbar-brand{
	padding: 22px 0 22px 15px;
}

.main-header .navbar-default .navbar-nav > li{
	
	padding: 15px 30px !important;
}
.main-header .navbar-default .navbar-nav > li.dropdown::after{
	right: 15px !important;
}
/* 导航栏文字hover效果 */
.main-header .navbar-default .navbar-nav > li > a:hover, .main-header .navbar-default .navbar-nav > li.active > a{
	color: rgb(120, 230, 220);
}

/* 多余线条 */

.main-header .navbar-default{
	/* border-bottom: 2px solid #0097E0 !important; */
	border-bottom: 2px solid #0097E0 !important;

}


@media (min-width: 1200px) {
    .container {
        width: 1280px !important;
    }

}


/* 线条 新闻动态 */
.new-section-title{
	position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    overflow: hidden;
}

.new-section-title h3 {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    font-size: 30px;
	color: #0097E0;
	letter-spacing: 3px;
    font-weight: bold;
}

.new-section-title:after {
    content: "";
    position: absolute;
    left: 50%; /* 将左侧位置设为50% */
    bottom: 0;
    width: 6%;
    height: 4px;
    background: #0097E0;
    transform: translateX(-50%); /* 向左移动自身宽度的一半 */
    text-align: center; /* 该属性对伪元素不起作用，但保留以调节文档结构 */
}

/* 新闻动态css */

.ten_cards{
    position: relative;
    z-index: 1;
    margin-top: -120px;
    padding-bottom: 60px;
}
@media screen and (max-width: 1248px) {
    .ten_main {
        margin: 0px 24px;
        width: auto;
    }
}
.ten_main {
    width: 100%;
    /* max-width: 1200px; */
    max-width: 1500px;
    margin: 0px auto;
}

.ten_cards .ten_card_grid, .ten_cards .ten_card_grid .ten_card_col1, .ten_cards .ten_card_grid .ten_card_col2, .ten_cards .ten_card_grid .ten_card_col3, .ten_cards .ten_card_grid .ten_card_col4 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.ten_cards .ten_card_grid {
    margin-left: -24px;
}
.ten_cards .ten_card_grid .ten_card_col3 {
    width: calc(65% - 0px);
}
.ten_cards .ten_card {
    width: calc(100% - 24px);
    margin-left: 24px;
}



.ten_card {
    display: block;
    margin-bottom: 24px;
    height: auto;
    width: 100%;
    /* background: #FFF; */
    color: #2b2e2e;
    display: flex
;
    justify-content: flex-start;
    flex-direction: column;
}
.ten_card .ten_img {
    border-bottom: #FFFFFF solid 1px;
}
.ten_img {
    position: relative;
    overflow: hidden;
}
.ten_img img{
    display: block; /* 图片块级显示 */
    width: 100%; /* 使其适应容器 */
    height: auto; /* 自适应高度 */
    transition: transform 0.3s ease; /* 过渡效果，平滑缩放 */
}

.ten_img:hover img {
    transform: scale(1.1); /* 鼠标悬停时缩放到110% */
}


.ten_img:before {
    content: "";
    display: block;
    padding-bottom: 66.66%;
}
.ten_root a {
    text-decoration: none;
    color: inherit;
}
.ten_card .ten_img .auto-height {
    height: auto;
}
.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;
}
img {
    border: 0;
    vertical-align: bottom;
}

.ten_card .ten_card_body {
    padding: 24px;
}
.ten_card .ten_card_body > :first-child {
    margin-top: 0px;
}
.ten_card .ten_card_body .ten_tagline {
    left: -24px;
}

.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; */
    border-top: 1px solid #FFFFFF;
    padding: 0px 30px;
    /* color: #0052D9; */
    color: #FFFFFF;
}

.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; */
    border-top: 1px solid #FFFFFF;
    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; */
    border-top: 1px solid #FFFFFF;
}

.ten_card .ten_card_body > :last-child {
    margin-bottom: 0px;
}
.ten_root a {
    text-decoration: none;
    color: inherit;
}

@media screen and (max-width: 1279px) {
    .ten_root h3 {
        font-size: 18px;
        line-height: 1.4em;
    }
    .ten_root p {
        font-size: 16px;
        line-height: 1.5em;
    }
}

.ten_root h3 {
    font-size: 24px;
    line-height: 1.4em;
    margin: 12px 0px;
    padding: 0px;
    font-weight: normal;
}

.ten_card .ten_card_body p {
    padding: 12px 0;
    font-weight: normal; /* 设置标题的字体重量 */
  line-height: 1.4em; /* 设置行高 */
  
  display: -webkit-box; /* 必须设置为flexbox模型 */
  -webkit-line-clamp: 5; /* 限制为2行 */
  -webkit-box-orient: vertical; /* 垂直方向排列 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 超出部分用省略号显示 */
}

/* 标题限制行数 */
.ten_card_body h3{
    /* font-size: 24px;  */
  font-weight: normal; /* 设置标题的字体重量 */
  line-height: 1.4em; /* 设置行高 */
  
  display: -webkit-box; /* 必须设置为flexbox模型 */
  -webkit-line-clamp: 2; /* 限制为2行 */
  -webkit-box-orient: vertical; /* 垂直方向排列 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 超出部分用省略号显示 */
}


/* <!--2 Row Latest 2 Non-banner Tencent Perspectives articles--> */

.second_line_card_container {
    display: flex;
}
.ten_card.ten_card--blue {
    background: #0052d9;
    color: #FFF;
}
.ten_cards .ten_card--half {
    width: calc(50% - 24px);
}
.ten_cards .ten_card {
    width: calc(100% - 24px);
    margin-left: 24px;
}
.ten_card.ten_card--blue {
    background: #0052d9;
    color: #FFF;
}
.ten_card.ten_card--blue .ten_tagline, .ten_card.ten_card--blue .ten_tagline:before, .ten_card.ten_card--blue .ten_tagline:after {
    border-color: #FFF;
    color: #FFF;
}

.ten_card.ten_card--blue .ten_tagline, .ten_card.ten_card--blue .ten_tagline:before, .ten_card.ten_card--blue .ten_tagline:after {
    border-color: #FFF;
    color: #FFF;
}
.ten_card.ten_card--blue .ten_tagline, .ten_card.ten_card--blue .ten_tagline:before, .ten_card.ten_card--blue .ten_tagline:after {
    border-color: #FFF;
    color: #FFF;
}
.ten_root a {
    text-decoration: none;
    color: inherit;
}
[lang="zh-HK"] .ten_root h2, [lang="zh-CN"] .ten_root h2, [lang="zh-HK"] .ten_root h3, [lang="zh-CN"] .ten_root h3, [lang="zh-hant"] .ten_root h2, [lang="zh-hans"] .ten_root h2, [lang="zh-hant"] .ten_root h3, [lang="zh-hans"] .ten_root h3 {
    font-weight: normal;
}

/* 臻彩视界 */
.ten_cards .ten_card_grid .ten_card_col4 {
    width: calc(35% - 0px);
}
.ten_card.ten_card--lightblue {
    /* background: rgb(0, 169, 206); */
    color: #FFF;
}

.second_line_card {
    height: 500px;
}
.ten_card.ten_card--lightblue .ten_tagline, .ten_card.ten_card--lightblue .ten_tagline:before, .ten_card.ten_card--lightblue .ten_tagline:after {
    /* border-color: #FFF;
    color: #FFF; */

    border-color: #0097E0;
    color: #0097E0;
}


/* 核心价值观模块 */


.ten_cards {
    position: relative;
    z-index: 1;
    margin-top: -120px;
    padding-bottom: 60px;
  }
  
  .ten_cards .ten_card_grid {
    display: flex;
    flex-wrap: nowrap;  /* 防止换行 */
    width: 100%;
  }
  
  .ten_cards .ten_card_col3 {
    flex: 0 0 50%; /* 左侧宽度50% */
    padding-right: 24px; /* 适当的右边距 */
  }
  
  .ten_cards .ten_card_col4 {
    flex: 0 0 50%; /* 右侧宽度50% */
    display: flex;
    /* flex-direction: column;  */
  }
  
  .ten_cards .ten_card {
    width: calc(100% - 24px); /* 确保卡片稍小于其容器 */
    margin-left: 24px;
    margin-bottom: 24px; /* 卡片之间的间距 */
  }
  
  .ten_cards .ten_card_col4 .ten_card {
    width: 100%; /* 确保每个卡片占满列宽 */
    flex: 1;  /* 使得两个卡片平分空间 */
  }

  .ten_card:hover {
    transform: translateY(-4px);
    transition: ease all 0.3s;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}


/* 新样式 图片嵌入文字 */
.ten_card_col3 {
    position: relative; /* 设置相对定位，使得子元素可以绝对定位 */
    width: 100%;  /* 适应容器宽度 */
  }
  
  .ten_card_col3  .ten_card {
    position: relative; /* 使得子元素可以在该容器内绝对定位 */
  }
  
  .ten_card_col3 .ten_img {
    position: absolute; /* 让图片填充容器 */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../images/index/news1.jpg"); /* 设置图片作为背景 */
    background-size: cover; /* 图片覆盖容器 */
    background-position: center; /* 使图片居中 */
    height: 100%; /* 图片占满父容器高度 */
    width: 100%;  /* 图片占满父容器宽度 */
    border-radius: 8px;
  }
  
  .ten_card_col3 .ten_card_body {
    position: absolute; /* 绝对定位文字内容 */
    bottom: 20px; /* 距离底部20px */
    left: 20px;  /* 距离左边20px */
    color: white; /* 文字颜色为白色 */
    z-index: 2; /* 确保文字位于图片之上 */
    padding: 10px;
    /* background-color: rgba(0, 0, 0, 0.5); 背景加半透明效果 */
    background-color: rgba(0, 0, 0, 0.3); /* 背景加半透明效果 */

  }
  
  .ten_card_col3 .ten_tagline {
    font-size: 14px;
  }
  
  .ten_card_col3 h3 {
    font-size: 22px;
    line-height: 1.2;
    font-weight: bold;
    margin: 0;
  }

  
  .ten_card_col3 .ten_card a {
    text-decoration: none; /* 移除链接下划线 */
    color: white; /* 文字颜色 */
  }




  /* 核心价值观 轮播图css */
  
.w-imgText{ overflow:hidden;}
.w-imgText ul,.w-imgText li{ list-style:none; padding:0; margin:0;}
.w-imgText .item{ position:relative;}
.w-imgText .item > a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}
.w-imgText .img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;*height:100%; }
.w-imgText .textB{ line-height:1.7;}
.w-imgText .textB .bg_x{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:0;}
.w-imgText .text_x{ position:relative; z-index:1;}
.w-imgText .igt_page{ text-align:center; display:none; z-index:5;}
.w-imgText .igt_page .swiper-pagination-bullet{ border-radius:0; -webkit-border-radius:0; width:1em; height:5px; background:#999; opacity:0.5;}
.w-imgText .igt_page .swiper-pagination-bullet-active{ background:#f80; opacity:1;}


.w-imgText3{position:relative;}
.w-imgText3 .item{ padding-left:1px;}
.w-imgText3 .img{ width:55%; position:relative; overflow:hidden;}
.w-imgText3 .img .imgSize{ height:410px;}
.w-imgText3 .img img{max-width:100%;transition:transform 0.5s; -webkit-transition:transform 0.5s; }
.w-imgText3 li:hover .img img{ transform:scale(1.02); -webkit-transform:scale(1.02);}
.w-imgText3 .textB{ position:absolute; left:55%; right:0; top:0; bottom:0;padding:20px 30px; }
.w-imgText3 .text_x{padding:20px 30px 80px; position:absolute; left:0; top:0;right:0; bottom:0; }
/* .w-imgText3 .textB .bg_x{ background:#F7E7CC;} */
.w-imgText3 .text_x .tt_h{font-size:32px; color:#000; line-height:1.5; margin-bottom:0.5em;}
.w-imgText3 .text_x p{color:#333; font-size: 16px; text-align: left; margin-bottom: 3px;}
/* .w-imgText3 .text_x .btn_x{display:inline-block; *display:inline; *zoom:1; position:absolute; right:20px; bottom:30px; line-height:2.6; padding:0 2em; border:1px solid #666; color:#666; text-decoration:none;} */
.w-imgText3 .igt_btn{ position:absolute; z-index:9; left:55%; margin-left:-55px; bottom:40px; width:110px; height:50px;}
.w-imgText3 .igt_btn .igt_prev,.w-imgText3 .igt_btn .igt_next{ position:absolute; cursor:pointer; top:0; width:55px; height:50px; background:rgba(0,0,0,0.15);}
.w-imgText3 .igt_btn .igt_prev{ left:0;}
.w-imgText3 .igt_btn .igt_next{ right:0;}
.w-imgText3 .igt_btn .igt_prev:before,.w-imgText3 .igt_btn .igt_next:before{ content: ''; position:absolute; width:10px; height:10px; text-align:center; top:50%; margin-top:-5px; left:50%; margin-left:-5px;}
.w-imgText3 .igt_btn .igt_next:before{background:url(../images/index/next2.png) no-repeat center;}
.w-imgText3 .igt_btn .igt_prev:before{background:url(../images/index/prev2.png) no-repeat center;}

.w-imgText3 .igt_btn .igt_prev:hover,.w-imgText3 .igt_btn .igt_next:hover{background-color:#008CD6;}



@media (max-width:1200px){
    .title{ padding-left:15px;}
}
@media (max-width:860px){
    .w-imgText .igt_page{ display:block;}
	.w-imgText .igt_btn{ display:none;}
	

	.w-imgText3 .img{ width:100%; float:none;}
	.w-imgText3 .textB{ position:relative; left:0;padding:1.2em 4% 1.5em;}
	.w-imgText3 .text_x3{ padding:0; position:relative ;}
    .w-imgText3 .text_x .btn_x{ position:relative; bottom:0; right:0; margin-top:1.5em;}
	.w-imgText3 .igt_btn{ width:auto; left:0; margin-left:0; right:0; top:50%; margin-top:-60px;}
	:root .w-imgText5 .textB .text_x{ top:0;}
}
@media (max-width:767px){
    .w-imgText3 .img .imgSize{ height:auto; padding-bottom:55%;}
	.w-imgText5 .img .imgSize{ height:auto; padding-bottom:50%;}
}
@media (max-width:640px){
	.w-imgText .igt_page .swiper-pagination-bullet{height:2px;}
}
@media (max-width:480px){
    body{font-size:4vw;}
    .title{font-size:6vw;}
	.w-imgText1 .igt_btn .igt_next, .w-imgText1 .igt_btn .igt_prev,.w-imgText3 .igt_btn .igt_next, .w-imgText3 .igt_btn .igt_prev{ width:2.5em; height:2.5em;}
	.w-imgText1 .text_x .tt_h,.w-imgText2 .text_x .tt_h,.w-imgText3 .text_x .tt_h,.w-imgText4 .text_x .tt_h,.w-imgText5 .text_x .tt_h{font-size:130%;}
}



.text_x3 {
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直布局 */
    justify-content: center; /* 垂直居中 */
    /* align-items: center;  */
    align-items: flex-start;
    height: 100%; /* 父容器高度，确保撑满可见区域 */
    text-align: center; /* 文本居中 */
}

.textB {
    height: 100%; /* 页面全屏高度 */
    display: flex; /* 确保父容器内也可以居中 */
    justify-content: center;
    align-items: center;
}

.content {
    max-width: 600px; /* 内容的最大宽度（可根据需要调整） */
}


.tt_h::after {
    content: "";
    display: block; /* 显示为块级元素 */
    margin: 8px auto 0; /* 线条与文字间距、水平居中 */
    width: 48%; /* 蓝色线条的宽度，可以根据需求调整 */
    height: 3px; /* 线条高度 */
    background: #0097E0;
    transform: translateX(-50%);
    text-align: center;
}



/* 大事记css */