/*===================vue============================*/
[v-cloak] {
	display: none !important;
}

/*===================CSS Reset============================*/
@font-face{ font-family: fontB; src: url(/apec_2026/zh/fonts/bahnschrift.ttf); font-display: swap;}
@font-face{ font-family: fontC; src: url(/apec_2026/zh/fonts/CenturyGothic-Bold.otf); font-display: swap;}
@font-face{ font-family: fontS; src: url(/apec_2026/zh/fonts/SourceHanSansCN-Bold.otf); font-display: swap;}
@font-face{ font-family: fontN; src: url(/apec_2026/zh/fonts/SourceHanSansCN-Normal.otf); font-display: swap;}
html{ -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:scroll; overflow-x:auto; }
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border: medium none; margin: 0; padding: 0;}
body,button,input,select,textarea{ color: #333; font: 16px fontN,"微软雅黑";}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal;}
ul,ol{ list-style:none;}
img{ max-width: 100%;}
table{ border-collapse:collapse; border-spacing:0;}
input:focus,button:focus,textarea:focus,select:focus,video{ outline: none;}
input::-webkit-input-placeholder{ /* WebKit browsers 适配谷歌 */ color: #888;}
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 适配火狐 */ color: #888;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ 适配火狐 */ color: #888;}
input:-ms-input-placeholder{ /* Internet Explorer 10+  适配ie*/ color: #888;}

/*===================Link Style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{ color: #333; outline:none; text-decoration: none; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; transition: all 400ms;}
a:hover{ text-decoration: none;}

.fl{ float: left;}
.fr{ float: right;}
.wrap{ width: 1300px; margin: 0 auto;}
.textH{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.textT{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.ovh{ overflow: hidden;}
.clearfix:after{clear: both;}
.clearfix:before,.clearfix:after{ content: ""; display: table;}
.bold{ font-weight: bold;}
.dong{ -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms;}
.imgH img{ -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; transition: all 400ms;}
.imgH:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.fontB{ font-family: fontB,"微软雅黑";}
.fontC{ font-family: fontC,"微软雅黑";}
.fontS{ font-family: fontS,"微软雅黑";}
.color-3{ color: #333 !important;}
.color-9{ color: #999 !important;}
.color-f{ color: #fff !important;}
.color-g{ color: #0060a0 !important;}
.bg-g{ background: #1a7aa9;}
.row{ margin-left: 0; margin-right: 0;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{ padding-right: 0; padding-left: 0;}

/*============================ Header ============================*/
.header{ width: 100%; font-size: 16px;}
.header .logo{ display: flex; align-items: center; justify-content: center; padding: 30px 0;}
.header .logo a{ display: block; font-size: 0; background-position: center; background-repeat: no-repeat; margin: 0 3px;}
.header .logo a.img1{ width: 110px; height: 64px; background-image: url(/apec_2026/zh/images/logo1.png);}
.header .logo a.img2{ width: 200px; height: 59px; background-image: url(/apec_2026/zh/images/logo2.png);}
.header .navOne{ width: 100%; position: relative;}
.header .navOne .lang{ width: 25%; height: 80px; padding: 30px 0 0 50px; background: url(/apec_2026/zh/images/navBg2.png) top left no-repeat; background-size: auto 100%; position: absolute; bottom: 0; right: 0;}
.header .navOne .lang a{ display: block; width: 120px; color: #fff; line-height: 36px; background: url(/apec_2026/zh/images/jt1.png) center right 10px no-repeat rgba(255,255,255,.2); padding-left: 15px; border-radius: 20px;}
.header .navOne .lang a:hover{ color: #0060a0; font-family: fontS,"微软雅黑"; background-color: rgba(255,255,255,.5);}
.header .navOne li{ float: left; margin-right: 55px; line-height: 65px;}
.header .navOne li a{ display: block; color: #fff;}
.header .navOne li.slt a,.header .navOne li:hover a{ font-family: fontS,"微软雅黑";}
.header .navDown{ width: 100%; position: absolute; top: 65px; left: 0; z-index: 99;}
.header .navDown .navDownMenu{ display: none; width: 100%; height: 80px; background: url(/apec_2026/zh/images/navBg1.png) top repeat-x; background-size: auto 100%; position: absolute; top: 0; padding-top: 24px;}
.header .navDown .navDownMenu a{ margin: 0 25px; font-size: 18px;}
.header .navDown .navDownMenu a:hover{ color: #0060a0; font-family: fontS,"微软雅黑";}

.navBtn{ width: 30px; height: 30px; margin-top: 12px; background: url(/apec_2026/zh/images/menu.png) center no-repeat; background-size: 100%;}
.mobileLang{ min-width: 42px; height: 30px; line-height: 28px; margin: 12px 12px 0 0; border: 1px solid #1a7aa9; border-radius: 16px; color: #1a7aa9 !important; text-align: center; font-size: 14px; font-family: fontC,"微软雅黑";}
.mobileLang:hover{ color: #fff !important; background: #1a7aa9;}
.navBarM{ float: inherit; position: fixed; top: 0; right: 0; width: 70%; height: 100%; z-index: 9999; background: #1a7aa9; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .5s cubic-bezier(.77, 0,.175, 1) 0ms; top: 0; transform: translateX(100%);}
.navBarM.open{ transform: translateX(0);}
.navBarM .closed{ display: block; font-size: 0; width: 25px; height: 25px; margin: 30px 20px; background: url(/apec_2026/zh/images/closed.png) center right no-repeat; background-size: 100%;}
.navBarM ul{ padding: 20px;}
.navBarM li{ border-bottom: 1px solid rgba(255,255,255,.3);}
.navBarM li a{ display: block; text-decoration: none; font-size: 17px; color: #fff !important; padding: 16px 0;}
.navBarM li.dropdown .jt{ background: url(/apec_2026/zh/images/navJt.png) 96% 26px no-repeat; background-size: 20px; padding-bottom: 10px;}
.navBarM li.dropdown .jt.slt{ border: 1px solid #000;}
.navBarM li .dropdown_menu{ display: none; padding-bottom: 10px;}
.navBarM li.dropdown.active .dropdown_menu{ display: block;}
.navBarM li .dropdown_menu a{ display: block; font-size: 13px; height: 40px; line-height: 46px; padding: 0 10px; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,.1);}
.navBarM li .dropdown_menu a:last-child{ border-bottom: none;}

/*============================ Footer ============================*/
.footer{ background: url(/apec_2026/zh/images/footBg.png) center no-repeat; background-size: cover; padding: 20px 0; font-size: 16px;}
.footer .part1{ border-bottom: 1px solid rgba(255,255,255,.1); padding: 20px 0; margin-bottom: 20px;}
.footer .part1 .logo{ display: flex; align-items: center; justify-content: flex-start;}
.footer .part1 .logo img{ margin-right: 6px;}
.footer .part1 .link a{ display: inline-block; color: #fff; font-size: 16px; margin: 16px 0 0 34px;}
.footer .part1 .link a:hover{ font-family: fontS,"微软雅黑";}
.footer .part2 .icon a{ display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.1); margin-right: 10px;}
.footer .part2 .icon a img{ width: auto; height: 20px; opacity: .5;}
.footer .part2 .icon a:hover{ background: rgba(255,255,255,.3);}
.footer .part2 .icon a:hover img{ opacity: 1;}
.footer .part2 .txt{ color: rgba(255,255,255,.5);}

/*============================ Index ============================*/
.ixSlide .img{ height: 800px; padding-top: 160px;}
.ixSlide .img .txt{ font-size: 85px; line-height: 100px; text-shadow: 0 8px 10px rgba(0,0,0,.2);}

.ixPart1{ padding: 40px 0;}
.ixPart1 .list{ margin: 0 -15px;}
.ixPart1 .list .box{ display: block; aspect-ratio: 4 / 5; max-height: 360px; background: #d6e4ec; border-radius: 16px; margin: 0 15px; position: relative;}
.ixPart1 .list .box .date{ width: 120px; height: 32px; display: flex; align-items: center; justify-content: center; background: #186fa9; border-radius: 20px; position: absolute; top: 8px; left: 6px; z-index: 4;}
.ixPart1 .list .box .bg{ width: 100%; height: 100%; background: rgba(0,96,160,.8); position: absolute; top: 0; left: 0; z-index: 1; opacity: 0;}
.ixPart1 .list .box .txt{ width: 100%; font-size: 20px; line-height: 24px; -webkit-line-clamp: 3; padding: 0 15px; position: absolute; left: 0; bottom: 15px; z-index: 4;}
.ixPart1 .list .box img{ width: 100%; height: 100%; object-fit: cover;}
.ixPart1 .list .box:hover .date{ color: #0060a0; background-color: #fff;}
.ixPart1 .list .box:hover .bg{ opacity: 1;}
.ixPart1 .list .box:hover .txt{ font-family: fontS,"微软雅黑"; bottom: 44%; -webkit-line-clamp: 4;}

.ixPart2{ background: #f8f8f8; padding: 40px 0;}
.ixPart2 .list .row{ margin: 0 -10px;}
.ixPart2 .list .box{ display: block; background: #fff; border-radius: 16px; padding: 15px; border: 1px solid #eee; margin: 0 10px;}
.ixPart2 .list .box span,.ixPart2 .list .box p{ -webkit-line-clamp: 4;}
.ixPart2 .list .box span{ font-size: 18px; line-height: 32px; min-height: 128px; margin-bottom: 15px;}
.ixPart2 .list .box p{ line-height: 24px; min-height: 96px; margin-bottom: 75px;}
.ixPart2 .list .box i{ display: block; background: url(/apec_2026/zh/images/jt2.png) center right no-repeat; background-size: 10px;}
.ixPart2 .list .box:hover{ border-color: #0060a0;}
.ixPart2 .list .box:hover span{ color: #0060a0;}
.ixPart2 .list .box:hover i{ background-image: url(/apec_2026/zh/images/jt2H.png);}
.ixPart2 .list .video,.ixPart2 .list .item{ display: block; margin-left: 30px;}
.ixPart2 .list .video{ border-radius: 16px;}
.ixPart2 .list .item{ background: #d6e4ec; border-radius: 16px; padding: 6px 0 0 6px; margin-top: 15px;}
.ixPart2 .list .item div{ background: #fff; border-radius: 16px; padding: 0 10px;}
.ixPart2 .list .item a{ line-height: 24px; min-height: 48px; background: url(/apec_2026/zh/images/icon2.png) right bottom no-repeat; background-size: 36px; margin: 13px 0;}
.ixPart2 .list .item a:hover{ color: #0060a0;}

/*============================ Speakers ============================*/
.speakersPage{ background: #f8f8f8; padding: 48px 0 60px;}
.speakersPage .speakersHead{ display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 28px;}
.speakersPage .speakersTitle span{ display: block; color: #0060a0; font-size: 16px; line-height: 24px; margin-bottom: 6px;}
.speakersPage .speakersTitle h2{ color: #1a1a1a; font-size: 34px; line-height: 44px;}
.speakersPage .speakersNote{ color: #777; line-height: 28px; text-align: right;}
.speakersPage .speakersList{ margin: 0 -15px;}
.speakersPage .speakerItem{ padding: 0 15px 30px;}
.speakersPage .speakerCard{ display: block; height: 100%; background: #fff; border: 1px solid #e7eef3; border-radius: 16px; overflow: hidden; box-shadow: 0 12px 28px rgba(0,64,120,.08);}
.speakersPage .speakerCard:hover{ transform: translateY(-4px); border-color: #1a7aa9; box-shadow: 0 18px 34px rgba(0,64,120,.14);}
.speakersPage .speakerPhoto{ aspect-ratio: 3 / 4; background: #d6e4ec; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.speakersPage .speakerPhoto img{ width: 100%; height: 100%; object-fit: cover;}
.speakersPage .speakerPhoto .placeholder{ color: #1a7aa9; font-size: 58px;}
.speakersPage .speakerInfo{ padding: 18px 18px 20px;}
.speakersPage .speakerInfo h3{ color: #1a1a1a; font-size: 22px; line-height: 30px; margin-bottom: 8px;}
.speakersPage .speakerInfo p{ color: #666; font-size: 15px; line-height: 24px; margin-bottom: 6px;}
.speakersPage .speakerInfo .org{ color: #999; font-size: 14px;}
.speakersPage .speakersEmpty{ min-height: 360px; display: flex; align-items: center; justify-content: center; color: #777; background: #fff; border: 1px solid #e7eef3; border-radius: 16px;}

/*============================ 媒体查询 ============================*/
.mobHide{ display: block;}
.mobShow{ display: none;}

@media (max-width: 1601px) {
	.header .navOne li{ margin-right: 42px;}
}

@media (max-width: 1367px) {
	.header .navOne .lang{ width: 20%;}
	.ixSlide .img{ height: 600px; padding-top: 100px;}
	.ixSlide .img .txt{ font-size: 70px; line-height: 80px;}
}

@media (min-width: 1050px) and (max-width: 1367px) {
	.header .navOne .wrap,
	.ixSlide .wrap,
	.agendaHero .wrap,
	.agendaPage .wrap,
	.mediaHero .wrap,
	.mediaPage .wrap,
	.speakersHero .wrap,
	.speakersPage .wrap{ width: calc(100% - 80px); max-width: 1300px;}
	.header .navOne .wrap{ display: flex; flex-wrap: nowrap; justify-content: space-between; padding-right: 240px;}
	.header .navOne .wrap:before,
	.header .navOne .wrap:after{ display: none;}
	.header .navOne .wrap li{ float: none; flex: 0 0 auto; margin: 0; font-size: 14px; white-space: nowrap;}
}

@media (max-width: 1281px) {
	.wrap{ width: 100%;}
	.header .navOne .lang{ width: 20%;}
	.header .navOne li{ margin: 0 18px 0 20px;}
	.footer{ padding: 20px;}
	.footer .part1 .link a{ margin-left: 20px;}
	.ixSlide .img{ padding-left: 20px;}
	.slick-dots{ width: 100%; left: 20px; margin: 0;}
}

@media (max-width: 1050px) {
	.header .navOne li{ font-size: 14px; margin: 0 13px 0 10px;}
	.footer .part1 .logo{ width: 100%; justify-content: center;}
	.footer .part1 .link{ display: none;}
	.ixSlide .img{ height: 400px; padding: 80px 20px 0;}
	.ixSlide .img .txt{ font-size: 50px; line-height: 60px;}
	.slick-dots{ bottom: 20px;}
	.slick-dots li{ width: 26px; height: 26px;}
	.ixPart1,.ixPart2{ padding: 40px 20px;}
	.ixPart2 .list .box span,.ixPart2 .list .box p{ -webkit-line-clamp: 4;}
	.ixPart2 .list .box span{ min-height: 96px;}
	.ixPart2 .list .box p{ min-height: 72px;}
  .speakersHero{ min-height: 260px;}
	.speakersHero .wrap,
	.speakersPage .wrap,
	.speakerDetailPage .wrap{ width: 100%; max-width: none;}
	.speakersHero .txt{ padding: 45px 20px;}
	.speakersHero .txt h1{ font-size: 42px; line-height: 52px;}
	.speakersPage,
	.speakerDetailPage{ padding: 36px 20px 48px;}
}

@media (max-width: 990px) {
	.mobHide{ display: none;}
	.mobShow{ display: block;}
	.header{ height: 54px; padding: 0 10px; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,.2); overflow: hidden;}
	.header.on{ position: fixed; top: 0; left: 0; z-index: 999;}
	.header .logo{ width: 70%; height: 100%; float: left; padding: 0; justify-content: flex-start;}
	.header .logo a{ background-size: auto 65%; background-position: left center; margin: 0;}
	.ixPart1 .list{ margin: 0 -10px;}
	.ixPart1 .list .box{ margin: 20px 10px 0;}
	.ixPart2 .list .row{ margin: 0 -10px;}
	.ixPart2 .list .box{ margin: 20px 10px 0;}
	.ixPart2 .list .video{ margin: 30px 0;}
	.ixPart2 .list .item{ margin: 0; box-shadow: 0 2px 6px rgba(0,0,0,.2);}
	.ixPart2 .list .item a{ -webkit-line-clamp: 1; min-height: auto; background-position: center right;}
	.speakersPage .speakersHead{ display: block;}
	.speakersPage .speakersNote{ text-align: left; margin-top: 8px;}
	.speakerDetailPage .detailMain{ display: block;}
	.speakerDetailPage .detailPhoto{ width: 240px; margin-bottom: 24px;}
}

@media (max-width: 768px) {
	body{ font-size: 14px;}
	.footer .part1 .logo img{ height: 50px; margin: 0 2px;}
	.footer .part2 .icon{ width: 100%; text-align: center;}
	.footer .part2 .icon a{ display: inline-flex; width: 38px; height: 38px; margin: 0 5px; float: initial;}
	.footer .part2 .icon a img{ height: 16px;}
	.footer .part2 .txt{ width: 100%; text-align: center; font-size: 12px; padding-top: 20px;}
	.ixSlide .img{ height: 260px; padding: 50px 20px 0;}
	.ixSlide .img .txt{ font-size: 32px; line-height: 40px;}
	.slick-dots li{ width: 16px; height: 16px; margin-right: 5px;}
	.ixPart1,.ixPart2{ padding: 30px 15px;}
	.ixPart1 .list{ margin: 0 -4px;}
	.ixPart1 .list .box{ width: calc(100% - 8px); max-width: 288px; margin: 0 auto 8px; border-radius: 10px;}
	.ixPart1 .list .box .date{ width: 90px; height: 20px; font-size: 12px;}
	.ixPart1 .list .box .txt{ font-size: 16px; line-height: 22px; padding: 0 8px; bottom: 8px;}
	.ixPart2 .list .row{ margin: 0 -4px;}
	.ixPart2 .list .box{ margin: 0 4px 8px; font-size: 12px;}
	.ixPart2 .list .box span,.ixPart2 .list .box p{ -webkit-line-clamp: 3;}
	.ixPart2 .list .box span{ font-size: 16px; margin-bottom: 15px; line-height: 24px; min-height: 48px;}
	.ixPart2 .list .box p{ margin-bottom: 30px; line-height: 18px; min-height: 36px;}
	.ixPart2 .list .box i{ background-size: 6px;}
	.ixPart2 .list .video{ margin: 20px 0;}
	.ixPart2 .list .item a{ font-size: 16px; line-height: 24px; background-size: 26px; padding-right: 30px;}
	.speakersPage{ padding: 28px 15px 38px;}
	.speakersPage .speakersTitle h2{ font-size: 26px; line-height: 34px;}
	.speakersPage .speakersNote{ font-size: 13px; line-height: 22px;}
	.speakersPage .speakersList{ margin: 0 -6px;}
	.speakersPage .speakerItem{ padding: 0 6px 12px;}
	.speakersPage .speakerCard{ border-radius: 10px;}
  .speakersHero{ min-height: 210px;}
	.speakersHero .txt{ padding: 34px 15px;}
	.speakersHero .txt span{ font-size: 15px; line-height: 24px;}
	.speakersHero .txt h1{ font-size: 30px; line-height: 38px;}
	.speakersHero .txt p{ font-size: 14px; line-height: 24px;}
	.speakersPage,
	.speakerDetailPage{ padding: 28px 15px 38px;}
	.speakersPage .wrap,
	.speakerDetailPage .wrap{ width: 100%; max-width: none;}
	.speakersPage .speakersTitle h2{ font-size: 26px; line-height: 34px;}
	.speakersPage .speakersNote{ font-size: 13px; line-height: 22px;}
	.speakersPage .speakersList{ margin: 0 -6px;}
	.speakersPage .speakerItem{ padding: 0 6px 12px;}
	.speakersPage .speakerCard{ border-radius: 10px;}
	.speakersPage .speakerInfo{ padding: 12px;}
	.speakersPage .speakerInfo h3{ font-size: 18px; line-height: 26px;}
	.speakersPage .speakerInfo p{ font-size: 13px; line-height: 20px;}
	.speakerDetailPage .detailCard{ border-radius: 10px; padding: 20px;}
	.speakerDetailPage .detailPhoto{ width: 100%;}
	.speakerDetailPage .detailInfo h1{ font-size: 28px; line-height: 36px;}
	.speakerDetailPage .resume{ font-size: 14px; line-height: 26px;}
}

@media (max-width: 500px) {
	.ixPart1 .list .box:hover .txt{ bottom: 20%;}
}