:root{--theme-color:#318DDE;--page-width:1280px;--content-margin:0 auto;}
html,body{background:white;padding:0;margin:0}
ul,li{list-style:none;}
a{text-decoration:none;}
img{border:0;}
ul,li,dl,dt,dd,p{margin:0;padding:0;}
.page-header{max-width:var(--page-width);margin:var(--content-margin);}
nav ul{display:flex;justify-content:center;}
nav ul li{padding:0 6px;}
nav ul li a{color:#666;font-size:18px;}
nav ul li.active a{font-weight:700;color:black;}
.flex{display:flex}
.flex1{flex:1}
.vcenter{align-items:center;}
.center{text-align:center;justify-content:center;}
.space-between{justify-content:space-between;}
.logo{width:500px;}
.bgc-b{background:#000;}
.bgc-f9{background: #F9FAFB!important;}

.color-w{color:white!important;}
.color-6{color:#666!important;}
.color-0{color:#000!important;}
.color-4b{color:#4B5563!important;}
.color-6b{color:#6B7280!important;}
.color-p{color:var(--theme-color)!important;}
.color-b{color:#000!important;}

.fs20{font-size:20px!important;}
.fs18{font-size:18px!important;}
.fs16{font-size:16px!important;}
.fs14{font-size:14px!important;}
.fs12{font-size:12px!important;}

.strong7{font-weight:700}
.strong5{font-weight:500}
.strong4{font-weight:400}

.lh20{line-height:20px!important;}
.lh32{line-height:32px!important;}

.page-header{padding:20px 0;}
.swiper-container img{width:100%;}
.title{font-size:30px;font-weight:700;}

.mt80{margin-top:80px!important;}
.mt60{margin-top:60px!important;}
.mt50{margin-top:50px!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}

.mb80{margin-bottom:80px!important;}
.mb64{margin-bottom:64px!important;}

.ptb80{padding-top:80px!important;padding-bottom:80px!important;}

.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ellipsis6 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow: ellipsis;}


.page-content{max-width:var(--page-width);margin:var(--content-margin);}
.page-block{margin-top:80px!important;}
.img-banner{max-width:100%;}
.block-right{padding-left:48px;}
.info-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;}
.info-list>div{flex: 1 1 45%;background: #F9FAFB;padding:24px;box-sizing: border-box;}
.info-list .num{color:var(--theme-color);font-size:24px;font-weight:700;}
.info-list .text{color:#4B5563;font-size:16px;font-weight:400;margin-top:8px;}

.people-list{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;gap:30px;margin-top:40px;}
.people-list>li{border: 1px solid #F9FAFB;padding-bottom:20px;flex: 0 0 calc(33.333% - 25px);}
.people-list li>div:not(:first-child){padding:0 15px;}
.people-list>li img{max-width:100%;}

.news-list{}
.news-list li{margin-bottom:30px;background:white;padding:24px;}

.page-footer{background:#111827;}
.page-footer-container{max-width:var(--page-width);margin:var(--content-margin);color:#9CA3AF;padding:40px 32px 20px 32px;}
.page-footer-left{max-width:550px;}
.page-footer-right{padding-left:200px;}
.page-footer-container a{color:#9CA3AF}

.button{border: 1px solid #318DDE;background: linear-gradient(0deg, #E5F2FF, #E5F2FF), linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #318DDE, #318DDE), #2563EB;padding: 7px 16px;display: flex;flex-direction: row;align-items: center;border-radius: 4px;color:var(--theme-color);cursor:pointer;justify-content:center;align-items:center;font-weight:400;font-size:16px;}
.button::after{background:url("../images/icon_button_arrow.png") no-repeat center center/12.5px 16px;content:"";width:12.5px;height:16px;margin-left:12px;margin-top:2px;}
.button-refresh{display:flex;align-items:center;color:var(--theme-color);}
.button-refresh::before{background:url("../images/icon_refresh.png") no-repeat center center/11.5px 11.5px;content:"";width:11.5px;height:11.5px;margin-right:5px;}

.mobile-banner{display:none;}

.top-banner{position:relative;}
.top-banner .swiper-pagination{height:15px;position:absolute;bottom:30px;width:100%;}
.top-banner .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;background: rgba(255, 255, 255, 0.8);display:inline-block;margin:0 8px;}
.top-banner .swiper-pagination .swiper-pagination-bullet-active{opacity:1;width:50px;border-radius: 15px;}
.page-footer-container .center{border-top:1px solid #1F2937;padding-top:20px;}
.page-logo-container{text-align:right;margin-top:20px;}
.block-talent img{max-width:600px}
.pagination{text-align:center;padding-top:60px;}
.pagination>a:first-child{display:none;}
.pagination a{color:#333;font-size:14px;padding:3px 8px;font-size:14px;font-weight:400;}
.pagination span{background:#318DDE;color:white;border-radius:4px;padding:3px 8px;font-size:14px;font-weight:400;}

.literacy-block{background:url('../images/literacy.png');padding-top:80px;padding-bottom:80px;}
.literacy-block .title{margin-bottom:80px;}
.literacy-list{display:flex;flex-wrap:wrap;gap:30px;}
.literacy-list li{border:2px solid rgba(255,255,255,0.5);padding:20px;width:362px;}
.literacy-list li .icon img{width:64px;height:64px;border-radius:32px;}
.literacy-title{font-size:20px;font-weight:700;}
.literacy-description{font-size:16px;font-weight:400;}
@media screen and (max-width: 1023px) {
	.logo img{max-width:100%;}
	.page-header{padding:0;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);}
	.page-header .logo{padding-top:10px;}
	.page-header .logo img{height:30px;}
	.page-header>div{flex-wrap:wrap;text-align:center;justify-content:center;}
	.page-header nav{padding:12px 15px 12px 15px;overflow:auto;scrollbar-width:none;flex:1 1 100%;text-align:center;display:flex;}
	.page-header nav ul{justify-content: flex-start;margin:0 auto;}
	.page-header nav ul li{display:inline-block;}
	.page-header nav a{ white-space: nowrap;font-size:14px;}
	
	.top-banner{width:100%;height:0;position:relative;padding-top:48.533333%}
	.top-banner .banner-cnt{width:100%;height:100%;position:absolute;top:0;overflow:hidden}
	.top-banner .swiper-container{width:100%;height:100%;}
	.top-banner .swiper-pagination-bullets{z-index:3;width:100%;bottom:10px!important;font-size:0;height:6px!important;}
	.top-banner .swiper-pagination-bullet{margin:0 4px;background:#fff;opacity:.5;outline:none;width:6px!important;height:6px!important;border-radius: 6px!important;}
	.top-banner .swiper-pagination-bullet-active{opacity:1;width:20px!important;}
	
	
	
	.page-block{margin-top:30px!important;}
	.pc-banner{display:none;}
	.mobile-banner{display:block;}
	.block-talent{padding:0 15px;}
	.block-talent .mt60{margin-top:15px!important;}
	.block-talent .flex{flex-wrap:wrap;}
	.block-talent .flex img{flex:1 1 100%;}
	.block-talent .flex .block-right{padding-left:0;padding-top:10px;}
	.block-talent .flex .block-right>div:first-child{font-size:14px!important;line-height:24px!important;}
	.block-talent .flex .block-right .flex{flex-wrap:wrap;flex-direction: column;justify-content:flex-start;align-items:flex-start}
	.block-talent .flex .block-right .flex>div:last-child{margin-top:10px;}
	
	.people-list{padding:0 15px;margin-top:20px;gap:15px!important;}
	.people-list li{flex:1 1 100%;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);padding-bottom:20px;font-size:16px;}
	.people-list li .mt25{margin-top:20px!important;}
	.people-list li>div:not(:first-child){padding:0 15px;}
	.people-list li>div:last-child{font-size:14px;font-weight:400;}
	.people-list img{width:100%;}
	.more-block{margin:20px 15px 0 15px!important;}
	.more-block .flex1{display:none;}
	.more-block a{flex:1;text-align:center;}
	.block-news{margin-top:40px!important;padding-top:40px!important;}
	.block-news .mb80{margin-bottom:40px!important;}
	.block-news .mb64{margin-bottom:32px!important;}
	.block-news .fs20{font-size:16px!important;}
	.block-news .fs16{font-size:14px!important;}
	.block-news li>div:first-child{flex-wrap:wrap;}
	.block-news li>div:first-child div:last-child{font-size:12px!important;}
	.block-news li .flex1 {flex:1 1 100%;}
	.block-news li .flex div:last-child{margin-top:15px;}
	.news-list li{margin-bottom:15px!important;}
	.news-list{padding:0 15px;}
	.block-about{margin-top:40px!important;}
	.block-about>div{padding:0 15px;}
	.block-about>div:last-child{padding:0;}
	.block-about .mt60{margin-top:20px!important;}
    .title {
		font-size:24px;
    }
	.page-footer-container{font-size:14px!important;}
	.page-footer-container>div{flex-wrap:wrap;}
	.page-footer-container .page-footer-left,.page-footer-container .page-footer-right{flex:1 1 100%;text-align:left;width:100%;max-width:100%!important;}
	.page-footer-container .page-footer-left>div:first-child{text-align:left;}
	.page-footer-container .page-footer-right{padding-left:0!important;margin-top:20px;}
	.page-logo-container{margin-top:10px!important;padding:0 15px!important;}
	.pagination{padding-top:20px;}
	img{max-width:100%!important;}
	
	.literacy-block{padding-top:40px;padding-bottom:40px;}
	.literacy-block .title{margin-bottom:30px;}
	.literacy-list li{border:0;}
}