* {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family:  sans-serif !important;text-rendering: geometricPrecision;-webkit-font-smoothing: antialiased;font-feature-settings: "kern" 1, "mark" 1, "mkmk" 1, "liga" 1;font-size: 16px;box-sizing: border-box !important;}
body, html{background-color: #fff;color: #181818;font-size: 16px;font-weight: 300;overflow-x: hidden !important;max-width: 100vw !important;}
a {margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;color:inherit;font-size: inherit;display: inline-block;position: relative;}
strong{font-size: 16px;color: #181818;}
table {border-collapse:collapse;border-spacing:0;}
input,select {vertical-align:middle;}
img {max-width:100%;border:none;}
ol,ul,li {list-style:none;}
a:link,a:visited,a:active,a:hover{text-decoration:none;}
button,input{appearance: none;border: none;background: none;padding: 0;margin: 0;outline: none;font: inherit;color: inherit;box-sizing: border-box;border-radius: 0;cursor: pointer;display: inline-block;}
button{padding: 11px 14px;}
.btn{border-radius: 0;cursor: pointer;display: inline-block;font-size: 18px;font-weight: 600;letter-spacing: 1px;padding: 11px 14px 11px 27px;position: relative;text-decoration: none;text-transform: uppercase;}
.btn::before{content: '>';display: inline-block;font-size: 16px;font-weight: 600;font-family: monospace;position: absolute;top: 50%;transform: translateY(-50%);transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.btn-green{background-color: var(--highlight-color);border: 2px solid var(--highlight-color);color: #fff;}
.btn-green::before{color: #fff;left: 10px;}
.btn-green:hover::before{transform: translate(4px, -50%);}
.green{color: var(--highlight-color);}
.link::before{content: '>';color: var(--highlight-color);display: inline-block;font-family: monospace;font-size: 16px;font-weight: 600;position: absolute;top: 50%;left: 0;transform: translateY(-50%);transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.arrow-icon-show{position: relative;padding-left: 20px;}
.arrow-icon-show::before{content: '>';color: var(--highlight-color);display: inline-block;font-size: 16px;font-weight: 600;font-family: monospace;position: absolute;top: 5px;left: 0;transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.comwidth{width: 100%;}
.comwidth {height:100%;margin:0 auto;max-width:1100px;position:relative;}
.container{padding-left: 15px;padding-right: 15px;position: relative;}
.imgContain img{ object-fit: contain !important;}
.imgCover img{object-fit: cover !important;}
.lt,.fl {float:left;}
.rt,.fr {float:right;}
.left {float:left !important;}
.right {float:right !important;}
.fl-none {float:none;}
.none {display:none;}
.clearfix:after {clear:both;content:"";display:table;}
.strong{font-weight: bold;}
.dpFlex {display:flex;}
.row{display: flex;}
.row-item{flex: 1;}
.align-items-center{align-items: center;}
.flex1{flex: 1;width: 100%;padding: 0 15px;}
.flex-wrapper{display: flex;flex-wrap: wrap;gap: 30px;}
.__overflow{overflow: hidden;}
.link_con{display: block;}
.autoImg {width: 100%;height: 100%;object-fit: cover;}
.hoverImg{overflow: hidden;position: relative;}
.hoverImg:hover img{cursor: pointer;transform: scale(1.1);-webkit-transform: scale(1.1);transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.hoverImg:has(> img.media)::after{content: '+';width: 28px;height: 28px;padding: 0 6px 10px 6px;background-color: var(--highlight-color);color: #fff;display: grid;place-items: center;position: absolute;bottom: 0;right: 0;cursor: pointer;font-size: 24px;transform: translate(28px, 28px); opacity: 0;transition: all .2s ease-out;}
.hoverImg:hover:has(> img.media)::after{transform: translate(0, 0);opacity: 1;}
.scrollBox::-webkit-scrollbar{width: 6px;height: 6px;}
.scrollBox::-webkit-scrollbar-track{background-color: #fff;}
.scrollBox::-webkit-scrollbar-thumb{background-color: #d9d9d9;border-radius: 4px;}
.hiddenScroll{scrollbar-width: none;-ms-overflow-style: none;::-webkit-scrollbar {display:none}}

.popup{position: relative;}
.popup::after{content: '+';width: 30px;height: 30px;z-index: 10;color: #fff;background-color: var(--highlight-color);display: flex;justify-content: center;align-items: center;font-size: 20px;font-weight: bold;font-family: Arial, sans-serif;position: absolute;bottom: 0;right: 0;cursor: pointer;}

:root {
  --highlight-color: rgb(1,138,255);
  --text-overlay:rgba(1, 138, 255, 0.5);
  --gray-bg-color: #ececec;
}
/* 公共样式 */
.btn-link::before{content: '>';font-size: 16px;font-weight: 600;font-family: monospace;position: absolute;left: 11px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.btn-link{border: 2px solid var(--highlight-color);color: var(--highlight-color);font-weight: 600;padding: 11px 14px 11px 27px;font-size: 16px;position: relative;overflow: hidden;z-index: 0;text-transform: uppercase;}
.btn-link:hover{color: #fff}
.btn-link::after{content: '';height: 100%;width: 130%;background: var(--highlight-color);position: absolute;left: -17px;top: 0;transform: translateX(-100%) skew(-35deg, 0deg);transition: transform .3s ease-in-out;z-index: -1;}
.btn-link:hover:after{transform: translateX(0);}

.btn-white{border: 2px solid #fff;color: #fff;}
.btn-white::before{color: #fff;left: 10px;}
.btn-white:hover::before{transform: translate(4px, -50%);}

.btn-collapse::after{content: '+';border: 2px solid var(--highlight-color);border-radius: 50%;color: var(--highlight-color);width: 34px;height: 34px;display: flex;justify-content: center;align-items: center;font-size: 32px;transition: transform 0.3s ease;font-family: Arial, sans-serif;font-weight: normal !important;}

.spacing{position: relative;padding: 60px 0;}
.title{font-size: 16px;margin-bottom: 8px;font-weight: 600;}
p{color: #181818;line-height: 1.8;margin-bottom: 16px;overflow-wrap: break-word;}
p .text-highlight{background-color: var(--text-overlay); padding: 10px;box-decoration-break: clone;-webkit-box-decoration-break: clone;}
.justify{text-align: justify;}
.paragraph-thicker-size{font-size: 21px;font-weight: 600;margin-bottom: 42px;}
.medium-heading{font-size: 24px;font-weight: 800;margin-bottom: 24px;text-transform: uppercase;}
.heading-xl{font-size: 36px;font-weight: 800;margin-bottom: 56px;text-transform: uppercase;}
.headline{font-size: 40px;font-weight: 800;margin-bottom: 80px;text-transform: uppercase;}
.large-heading{font-size: 72px;font-weight: 800;text-transform: uppercase;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl2, .col-xl2-1, .col-xl2-10, .col-xl2-11, .col-xl2-12, .col-xl2-2, .col-xl2-3, .col-xl2-4, .col-xl2-5, .col-xl2-6, .col-xl2-7, .col-xl2-8, .col-xl2-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9{min-height: 1px;position: relative;padding-left: 15px;padding-right: 15px;width: 100%;}

/* 分页 */
.page0{ padding-top:60px;clear:both; width:100%; text-align: center; }
.page0 font,.page0 a{ display:inline-block; border:1px solid #979797; padding:0 12px; line-height:26px; font-size:12px; cursor: pointer;}
.page0 .NormalRed{ border:none; padding:0 4px; }

/* search */
.list_bt{margin-bottom: 20px;}
.list_bt span{color: var(--highlight-color);font-size: 20px;padding-left: 15px;border-left: 3px solid var(--highlight-color);}

/* 图片预览遮罩层 */
#preview-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: hsla(0, 0%, 9%, 0.8);display: none;opacity: 0;justify-content: center;align-items: center; z-index: 9999;transition: all 0.4s ease;}
#preview-overlay.active{display: flex;opacity: 1;}
#preview-overlay.hiding{background-color: transparent !important;}
#preview-overlay #preview-wrapper{position: relative;max-width: 80vw;max-height: 60vh;transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);text-align: center;}
#preview-overlay #preview-img{height: 100%;}
#preview-overlay #close-btn{position: absolute;top: 32px;right: 80px; background-image: url('/uiFramework/commonResource/image/2025111223105624570.png');background-size: 100% 100%;color: #fff;font-size: 32px;cursor: pointer;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;}

/* 预览图片+文字 遮罩层 */
#preview-textImg{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: hsla(0, 0%, 9%, 0.8);display: none;z-index: 9999;}
#preview-textImg .preview-container{width: 100%;height: 100%;background-color: #fff;display: flex;}
#preview-textImg .preview-left{padding: 32px;}
#preview-textImg .preview-right img{width: 100%;height: auto;object-fit: cover;}
#preview-textImg #close-btn{position: absolute;top: 16px;right: 16px; background-image: url('/uiFramework/commonResource/image/2025111223105624570.png');background-repeat: no-repeat;background-size: 100% 100%;background-origin: content-box;background-position: center;background-color: var(--highlight-color);cursor: pointer;width: 40px;height: 40px;border-radius: 50%;padding: 10px;}
.popup .popup_container{display: none;}
/* 头部 */
.nav-placeholder{width: 100%;}
.logo-row {padding: 24px 0;line-height: 70px;}
.logo-row .logo{width: 300px;height:70px;}
.logo-row .label{font-size: 28px;font-weight: 800;}
.index_nav {position: relative;border-top: 1px solid #d9d9d9;background-color: #fff;box-shadow: 0 1px 1px 0 hsla(0, 0%, 9%, .15);overflow: hidden;}
.index_nav.fixed{position: fixed; top: 0;left: 0;width: 100%;z-index: 999;}
.index_nav .logo{display: none;}
.index_nav .flex{display: flex;justify-content: space-between;align-items: center;}
.index_nav .nav-list{flex: 1;min-width: 0;order: -1;display: flex;gap: 8px 22px;overflow-x: auto;overflow-y:hidden;scrollbar-width: none;-ms-overflow-style: none;}
.index\_nav .nav-list::-webkit-scrollbar{display: none;}
.index_nav .nav-item{flex-shrink: 0;padding: 13px 0;}
.index_nav ul li{color: #181818;font-size: 16px;font-weight: 600;cursor: pointer;position: relative;}
.index_nav ul li.__active{color: var(--highlight-color);}
.index_nav ul li.__active::before{content: "";position: absolute;left: -8px;bottom: 0px;display: inline-block;width: calc(100% + 16px);height: 3px;background-color: var(--highlight-color);}
.index_nav ul.nav-list>li:first-child{display: none;}
.index_nav img{width: 20px;height: 20px;}
.index_nav .search-info{display: flex;margin-left: 20px;gap: 20px;align-items: center;}
.index_nav .search-info .nav-expand{display: none;}
.index_nav .nav-search{position: absolute;right: -100%;top: 0;width: 100%;height: 100%;background-color: var(--highlight-color);}
.index_nav .nav-search .nav-search-input{margin: 0 10px;}
.index_nav .nav-search .nav-search-input::placeholder{color: #fff;}
.index_nav .nav-search button,.index_nav .nav-search input{color: #fff;}

.nav-popup{display: flex;position:fixed;top: -100vh;left: 0;width: 100vw;height: 100vh;background-color: hsla(0, 0%, 99%, .98);overflow: hidden;visibility: hidden;transition: all 0.3s ease;z-index: 999999;}
.nav-popup.__open{top: 0;visibility: visible;}
.menu-level-1,.menu-level-2,.menu-level-3,.menu-level-4{width: 300px;height: 100%;padding-top: 14dvh;border-right: 1px solid hsla(0, 0%, 9%, 0.1);background-color: #fff;}
.menu-level-1{position: relative;z-index: 1;}
.nav-popup .close-popup{position: absolute;top: 30px;left: auto;right: 35px;width: 20px;height: 20px;z-index: 666;}
.nav-popup .nav-menu-list{width: 100%;height:100%;background-color: #fff;overflow-y: auto;}
.nav-popup .nav-menu-list li {display: flex;justify-content: space-between;align-items: center;}
.nav-popup .nav-menu-list-link{width: calc(100% - 42px);font-size: 18px;font-weight: 700;padding: 17px 32px 17px 24px;}
.nav-popup .menu-level-3 .nav-menu-list-link{font-size: 16px;}
.nav-popup .expand-icon{color: #868685;font-size: 18px;font-weight: 400;margin-right: 30px;}
.menu-level-2,.menu-level-3,.menu-level-4{position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.menu-level-2{z-index: -2;}
.menu-level-3{z-index: -3;}
.menu-level-4{z-index: -4;}

.menu-level-1>.nav-menu-list{height: calc(100% - 80px)}


/* 尾部 */
.footer-wrap {background: #181818;color: #fff;padding: 20px 0;}
.footer-wrap .row{justify-content: center;align-items: center;} 
.footer-wrap .footer-nav>ul{display: flex;}
.footer-wrap .copyright,
.footer-wrap .footer-nav>ul>li
{font-size: 14px;font-weight: bold;color: #fff;padding: 0 20px;text-transform: uppercase;}
.footer-wrap .footer-nav>ul>li>a:hover{color: var(--highlight-color);}

/* card卡片展开折叠 */
.card-box{position: relative;background-color: transparent;border-bottom: 1px solid #d9d9d9;padding: 16px 0 17px;display: flex;flex-direction: column;overflow: hidden;}
.card-box .collapse-header{position: relative;cursor: pointer;}
.card-box .collapse-header .collapse-header-text{word-wrap: break-word;color: #181818;display: inline-block;padding-right: 64px;transition: color .1s ease-in-out;width: 100%;box-sizing: border-box;font-size: 18px;font-weight: 600;line-height: 28px;}
.card-box .collapse-header::after{content: '+';border: 2px solid var(--highlight-color);border-radius: 50%;color: var(--highlight-color);height: 34px;width: 34px;position: absolute;top: 0;right: 0;margin-top: -3px;display: flex;justify-content: center;align-items: center;font-size: 32px;transition: transform 0.3s ease;font-family: Arial, sans-serif;}
.card-box .collapse-header.show::after{transform: rotate(45deg);}
.card-box .collapse-header:hover .collapse-header-text{color: var(--highlight-color);}
.card-box .collapse-content{padding: 14px 0;font-size: 18px;line-height: 28px;word-wrap: break-word;display: none;}

/* horizontal_menu */
.horizontal_menu{display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;z-index: 10;margin: 10px 0;}
.horizontal_menu .select{width: 100%;height: 40px;color: var(--highlight-color);margin: 10px 0;border: 1px solid var(--highlight-color);padding: 0 10px;font-size: 16px;background-color: #fff;}
.horizontal_menu .nav_one {display: flex;flex-wrap: wrap;gap:32px;border-bottom: 2px solid var(--gray-bg-color);}
.horizontal_menu .nav_one li{font-size: 16px;font-weight: 600;padding:10px;letter-spacing: 1px;text-align: center;position: relative;cursor: pointer;text-transform: uppercase;}
.horizontal_menu .nav_one .one{padding: 10px 15px;}
.horizontal_menu .nav_one .one.__active{color: var(--highlight-color);}
.horizontal_menu .nav_one .one.__active::after{content: "";display: block;position: absolute;height: 3px;width: 100%;bottom: 0;left: 0;background-color: var(--highlight-color);z-index: 2;}
.horizontal_menu .nav_one .one:hover .nav_two{display: block;}
.horizontal_menu .nav_one .nav_two{display: none;width: 100%;position: absolute;left: 0;top: 44px;z-index: 1;}
.horizontal_menu .nav_one .nav_two li{color: #fff;background-color:var(--text-overlay);}
.horizontal_menu .nav_one .nav_two li:hover{background-color: var(--highlight-color);}
.horizontal_menu .nav_one .nav_two li:hover .nav_three{transform: translateX(100%);opacity: 1;visibility: visible;}
.horizontal_menu .nav_one .nav_three{width: 100%;position: absolute;left: 0;top:0;z-index: -1;opacity: 0;visibility: hidden;}


/* 覆盖swiper自带样式，恢复flex拉伸特性 */
.swiper-wrapper {
  align-items: stretch !important;
}
/* 清除swiper默认 height:100%; 否则百分比高度失效 */
.swiper-slide {
  height: auto !important;
}
/* slide内部卡片盒子占满整个slide高度 */
.swiper-slide .card {
  height: 100%;
  box-sizing: border-box;
}




/*手机端1200px*/
@media only screen and (min-width: 100px) and (max-width: 1200px) {


}


/*手机端960px*/
@media only screen and (min-width: 100px) and (max-width: 960px) {

}


/*手机端768px*/
@media only screen and (min-width: 100px) and (max-width: 768px) {
.row{flex-direction: column;}
.headline{font-size: 28px;}
/* padding */
.p-15{padding: 15px;}
.p-20{padding: 20px;}
.p-30{padding: 30px;}

/* 分页 */
.page0 font, .page0 a {padding: 0 7px;}

/* 头部 */
.logo-row{display: none;}
.logo-row .comwidth{position:static;max-width: 90%;margin:auto;}
.index_nav {padding: 16px 10px;}
.index_nav .logo{width: 120px;height:40px;}
.index_nav .nav-list{display: none;}
.index_nav .logo{display: block;}
.index_nav .search-info{margin-left: 0;}
.index_nav .search-info .nav-expand{display: block;}


/* 尾部 */
.footer-wrap .row{flex-direction: column;}
.footer-wrap .footer-nav{order: 0;}
.footer-wrap .footer-nav>ul{flex-direction: column;align-items: center;}
.footer-wrap .footer-nav>ul>li>a{padding: 10px 20px;}
.footer-wrap .copyright{order: 1;}

/* 导航 */
.nav-popup{top: 0;left: -100vw;}
.nav-popup.__open{top: 0;left: 0;width:100vw;height: 100vh;visibility: visible;}
.nav-popup .menu-level-2{z-index: 2;}
.nav-popup .menu-level-3{z-index: 3;}
.nav-popup .menu-level-4{z-index: 4;}
.menu-level-1,.menu-level-2,.menu-level-3,.menu-level-4{width: 100%;border-right: none;}
.nav-popup .nav-menu-list li.__active{color: var(--highlight-color);}
.menu-level-2, .menu-level-3, .menu-level-4{left: auto;right: -100%;}
.menu-level-1 .nav-menu-list li.__open .menu-level-2,
.menu-level-2 .nav-menu-list li.__open .menu-level-3,
.menu-level-3 .nav-menu-list li.__open .menu-level-4 {
  opacity: 1;
  visibility: visible;
  transform: translateX(-100%);
}
.nav-popup .return-upper-level{display: block;position: absolute;left: 38px;top: 6%;font-size: 16px;}
.nav-popup .return-upper-level::before{content: "<";font-size: 16px;font-weight: 600;font-family: monospace;position: absolute;left: -14px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: transform .3s ease-out, -webkit-transform .3s ease-out;}

/* 预览图片+文字 遮罩层 */
#preview-textImg{padding: 20px;}
#preview-textImg .preview-box{width: 100%;height: 100%;overflow: hidden;position: relative;}
#preview-textImg .preview-container{width: 100%;height: 100%;overflow: auto;flex-direction: column;}
#preview-textImg .preview-right{order: -1;}

}

@media (min-width: 768px) {
/* 公共样式 */
.foil-background.has-content{background-color: var(--text-overlay);padding: 10px;}
.col-lg-3{flex: 0 0 30%;max-width: 30%;}
.col-lg-4{flex: 0 0 40%;max-width: 40%;}
.col-lg-5{flex: 0 0 50%;max-width: 50%;}
.col-lg-6{flex: 0 0 60%;max-width: 60%;}
.col-lg-7{flex: 0 0 70%;max-width: 70%;}
.col-lg-8{flex: 0 0 80%;max-width: 80%;}

.offset-md-1{margin-left: 8.3333333333%;}
.me-md-1{margin-right: 8.3333333333%;}


.logo-row,.index_nav{min-width: 1024px;}

/* 头部 */
.nav-popup::before{content: "";width: 100px;height: 100%;background-color: #fff;}
.nav-popup .close-popup{position: absolute;top: 30px;left: 125px;width: 20px;height: 20px;z-index: 666;cursor: pointer;}
.nav-popup .return-upper-level{display: none;}
 /* 鼠标悬停时显示下一级菜单 */
.menu-level-1 .nav-menu-list li:hover .menu-level-2,
.menu-level-2 .nav-menu-list li:hover .menu-level-3,
.menu-level-3 .nav-menu-list li:hover .menu-level-4,
.menu-level-1 .nav-menu-list li.__open .menu-level-2,
.menu-level-2 .nav-menu-list li.__open .menu-level-3,
.menu-level-3 .nav-menu-list li.__open .menu-level-4 {
  opacity: 1;
  transform: translateX(100%);
  visibility: visible;
}
.nav-popup .nav-menu-list li{border-right: 4px solid transparent;}
.nav-popup .nav-menu-list li:has([class^="menu-level"]):hover,
.nav-popup .nav-menu-list li.__active:has([class^="menu-level"]){
  color: var(--highlight-color);
  background-color: hsl(198.38deg 60.01% 74.13% / 20%);
  border-color: var(--highlight-color);
}
.nav-popup .nav-menu-list li:not(:has([class^="menu-level"])):hover,
.nav-popup .nav-menu-list li.__active:not(:has([class^="menu-level"])){
  color: var(--highlight-color);
}

/* 尾部 */
.footer-wrap .footer-nav{margin-left: 100px}

/* 预览图片+文字 遮罩层 */
#preview-textImg .preview-box{width: 100%;max-width:1200px;height: 80%;overflow: hidden;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#preview-textImg .preview-container>*{width: 50%;height: 100%;}
#preview-textImg .preview-left{border-right: 1px solid #d9d9d9;}
#preview-textImg .preview-left,
#preview-textImg .preview-right
{overflow: auto;}
#preview-textImg .preview-right img{width: 100%;height: 100%;object-fit: cover;}
}

@font-face {
  font-display: swap;
  font-family: Univers;
  font-style: normal;
  font-weight: 100;
  src: url(/uiFramework/commonResource/zip/ztzbEn/ztzbEn/font/font.woff2) format("woff2"),url(/uiFramework/commonResource/zip/ztzbEn/ztzbEn/font/font.woff) format("woff");
}