@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;width: 100%;transform: translateZ(0);}
.banner{ overflow: hidden; }
.banner .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);z-index: 1;height: 1.5rem;}
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);}
.banner .imgBox .img{padding-bottom: 100vh;transition: 0s;background: none;}
.banner .imgBox .img img{ transition: 0s;}
.banner .bottom{position: absolute;bottom: .55rem;left: 0;right: 0;z-index: 2;}
.banner .bottom .wp{align-items: center;max-width: 100%;width: 100%;padding: 0 .6rem;}
.banner .bottom .ll{position: relative;flex: 1;}
.banner .bottom h4{font-size: .28rem;color: #fff;font-weight: 600;margin: 0 .3vw 0 0;white-space: normal;}
@media(max-width: 769px){
    .banner .bottom{ bottom: .15rem}
    .banner .bottom h4{ font-size: .18rem}
    .banner .bottom .wp{ padding: 0 15px}
}
/* 性能优化：非首屏区块使用 transform 开启 GPU 加速 */
.home2,.home3,.home4,footer{transform: translateZ(0);}


.banner .dots{gap: 0 .13rem;}
.banner .dots span{width: .13rem;height: .13rem;margin: 0 !important;opacity: 1;position: relative;background: transparent;border: #fff 1px solid;border-radius: 50vw;}
.banner .dots span.active{ background: #fff;}
@media(max-width: 769px){
    .banner .dots span{width: .1rem;height: .1rem;}
}

.pad1{ padding: .8rem 0; overflow: hidden;}

.tit1{ align-items: flex-end; margin-bottom: .5rem;}
.tit1 .ll{ min-width: 4.06rem}
.tit1 .ll h3{font-size: .44rem;color: #000;font-weight: 600;line-height: 1;}
.tit1 .ll h6{font-size: .24rem;color: #666666;align-items: center;line-height: 1;margin: .1rem 0 0;}
.tit1 .ll h6::before{content: "";width: .27rem;height: .03rem;background: #EE7823;margin: 0 .1rem 0 0;}
.tit1 .cc{ flex: 1}
.tit1 .cc p{ font-size: .16rem; color: #EE7823;}

.more1{font-size: .14rem;color: #A7A9B0;transition: .5s;}
.more1 img{ width: .21rem; margin: 0 0 0 .05rem;}

.home1{ padding: .8rem 0; background: url(../images/ho1_b.jpg) center top no-repeat; background-size: cover;transform: translateZ(0)}
.home1 .left{ width: 12.16rem; padding: 0 .38rem 0 0;}
.home1 .right{width: calc(100% - 12.16rem);padding: .56rem 0 0 .38rem;position: relative;}
.home1 .right::before{content: "";position: absolute;top: 50%;left: 0;width: 1px;height: 100vw;background: #d1d8de;transform: translateY(-50%);}

.tit2{align-items: center;margin-bottom: .4rem;}
.tit2 h3{font-size: .24rem;color: #00498F;font-weight: 500;}

.home1 .left .box .left1{width: 3.68rem;height: 6.06rem;}
.home1 .left .box .right1{width: calc(100% - 3.68rem - .36rem);height: 6.06rem;}

.calendar-view {padding: 0;display: none;/* overflow: hidden; */ }
.calendar-view:not(.hidden) {display: flex;flex-wrap: wrap;}
.view-header {width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0;margin: 0;background: #00498F;background-size: cover;height: .6rem;}
.view-header .ll {align-items: center;width: 100%;}
.view-header .contorl {align-items: center;width: 100%;justify-content: space-between;padding: 0 .36rem;}
.view-header .ll span { background: #cecece; min-width: .66rem; height: .36rem; border-radius: 50vw; display: flex; justify-content: center; align-items: center; padding: 0 .1rem; margin: 0 .1rem;  cursor: pointer; transition: color .5s }
.view-title {font-size: .18rem;color: #fff;margin: 0 .1rem;font-family: 'HarmonyOS Sans SC';}
.view-header .ll .contorl .nav-btn:nth-child(1){ transform: rotateY(180deg)}

#week-title,#day-title { font-size: .2rem }
.nav-btn {background: transparent;width: .24rem;height: .24rem;border-radius: 50vw;border: none;cursor: pointer;display: flex;align-items: center;transition: color .5s;font-size: .24rem;color: #fff;font-family: 'lib';justify-content: center}
.nav-btn:hover,.view-header .ll span:hover {color: #ec8135;}
.nav-btn i { margin: 0 4px }
.events-container {border-radius: 0;overflow: hidden;width: 100%}

.week-events-containerBox{ width: 100%}
#week-events-container { display: flex }

#week-events-container .event-card img { filter: brightness(6) }
.time-column { width: 7vw; border-right: 1px solid #e5e7eb; background-color: #f1f4f9; padding: .34rem 0 0; position: relative; min-width: .7rem; }
.time-column:before { content: ""; position: absolute; left: 0; width: 7vw; height: 1px; background: #000; top: .33rem }

#day-events-container .time-column { padding: 0; background: none; border: none }

#day-events-container .time-column:before { display: none }
.time-slot {height: 1.2rem;text-align: center;font-size: .22rem;color: #040000;padding: .12rem;border-top: rgba(139,139,139,.5) 1px dotted}
.day-column { flex: 1; border-right: rgba(139,139,139,.5) 1px dotted; position: relative; background-color: white }
.day-column.last { border-right: none }
.day-column.bg-red-50 { background-color: #f7f5ff }
.day-header {text-align: center;font-weight: bold;padding: .03rem .16rem;border-bottom: 1px solid #000;display: flex;justify-content: space-between;align-items: center;font-size: .24rem;color: #4d4d4d;background: #f1f4f9;line-height: 1;border-left: 1px solid #000;height: .34rem;}
.day-header span.text-sm{ position: relative; z-index: 1}
.day-header span.text-sm:before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #bcbef9;width: .28rem;height: .28rem;z-index: -1;border-radius: 50vw;opacity: 0}
.day-column.bg-red-50 span.text-sm{ color: #fff}
.day-column.bg-red-50 span.text-sm:before{ opacity: 1}
.day-header span.text-xs {font-size: .17rem;color: #4d4d4d;margin-left: 4px;font-weight: normal;}
.day-events {position: relative;height: 12rem;/* overflow: hidden; */}

.month-eventsBox{width: 100%;height: 4.52rem;border-bottom: #E4EBF0 1px solid;padding: .36rem 0;background-size: cover;}

#month-events { padding: 0 }
.month-eventsDetail li{ display: flex; flex-direction: column; gap: 10px;}
.week-titles {display: grid;grid-template-columns: repeat(7,1fr);gap: 0;margin-bottom: .2rem;border-bottom: #E4EBF0 1px solid;padding: 0 0 .18rem;}
.week-title {text-align: center;color: #333;padding: 0;border-radius: 0;display: flex;align-items: center;justify-content: center;border-top: none;border-right: none;font-size: .16rem;font-style: normal;}
.date-grid {display: grid;grid-template-columns: repeat(7,1fr);gap: .18rem 0;}
.date-cell {min-width: 0;padding: 0;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;opacity: 1 !important;}
.date-cell-hidden {opacity: .5 !important;pointer-events: none;}
.date-cell.selected .date-num{ background: #19498e; color: #fff}
.date-cell.selected1 .date-num{ background: #19498e78; color: #fff}
.date-cell.bg-red-50 .date-num {background: #ec8135;}
.date-num {color: #333;font-size: .18rem;line-height: 1;position: relative;z-index: 1;width: .38rem;height: .38rem;border-radius: 50vw;display: flex;align-items: center;justify-content: center;transition: background .5s, color .5s}
.date-num:before {content: "";position: absolute;background: #19498e;width: .04rem;height: .04rem;z-index: -1;border-radius: 50vw;opacity: 0;bottom: 0;display: none;}
.date-num.text-red-600 { color: #fff; margin: 0 .06rem }
.date-num.has:before { opacity: 1 }
.has .date-num:before{ opacity: 1}
.has .date-num{background: #EDEDED;}
.cell-events {overflow: hidden;position: absolute;top: 0;left: calc(100% + .04rem);background: #fff;box-shadow: 0 0 .3rem rgba(0,0,0,.1);z-index: 1;width: 3.9rem;height: 1.8rem;opacity: 0;visibility: hidden;transition: opacity .5s, visibility .5s;padding: .2rem 0}
.event-item {padding: 0 .3rem;display: flex;flex-direction: column;align-items: flex-start;height: 2.5rem;justify-content: center;background: #fff;position: relative;transition: background .5s}
.event-item:before{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: #00498F;height: .04rem;opacity: 0;transition: opacity .5s}
.cell-events.event-badge {display: flex;font-size: .15rem;color: white;padding: 0 .1rem;border-radius: 0;margin: 0;min-width: .9rem;line-height: .28rem;align-items: center;justify-content: center;font-weight: 600}
.event-title {overflow: hidden;width: 100%;height: calc(.28rem * 3);}
.event-item .line{width: 100%;height: 1px;background: #E4EBF0;margin: .2rem 0 .15rem;transition: background .5s}
.event-item .event-p{ padding: 0 0 0 .25rem; background-size: .14rem auto !important;}
.event-item .event-p.event-peo{ background: url(../images/event-p1.svg) left center no-repeat;}
.event-item .event-p.event-time{ background: url(../images/event-p2.svg) left center no-repeat;}
.event-item .event-p.event-location{ background: url(../images/event-p3.svg) left center no-repeat;}

.event-item .transImg1{position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;transition: opacity .5s;pointer-events: none;transform: translateZ(0)}
.event-item .transImg1 img{ width: 100%; height: 100%;}

.month-eventsDetail .dots{ display: none;}
.arr1Box{margin: .54rem 0 0;gap: .1rem;align-items: center;justify-content: flex-end;padding: 0 .95rem 0 0;position: relative;z-index: 1;}
.arr1Box:before{content: "";position: absolute;width: 200vw;height: 1px;background: #E4EBF0;left: 50%;transform: translateX(-50vw);z-index: -1; margin-top: -.5px;}
.arr1{width: .42rem;height: .42rem;border: 1px solid #A7A9B0;border-radius: 50vw;font-size: .2rem;color: #A7A9B0;font-family: 'lib';display: flex;justify-content: center;align-items: center;cursor: pointer;transition: background .5s, color .5s, border-color .5s, box-shadow .5s;background: #ffffff}
.arr1:hover{ box-shadow: 0px 4px 15px 0px #B7D8F7; background: #00498F; color: #fff; border: #00498F 1px solid}

.tishi{ opacity: 0; transition: opacity .5s}
.tishi.on{ opacity: 1;}

.home1{ padding-bottom: .6rem;}

.lt1{display: flex;flex-direction: column;gap: .36rem;}
.lt1 li{ width: 100%}
.lt1 h4{line-height: .24rem;height: calc(.24rem * 3);margin: .08rem 0 0}

.home2{ background: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);}
.home2 .content{ align-items: flex-end;}
.home2 .left{ width: 70%;}
.home2 .right{ width: calc(30% - 20px);}

.lt2 .a{ align-items: flex-end;}
.lt2 .imgBox{ width: 71.42%; order: 1;}
.lt2 .con{width: calc(100% - 71.42%);position: relative;z-index: 2;}
.lt2 .txt{margin-right: -.55rem;background: url(../images/lt2_b.jpg) right bottom no-repeat;background-size: cover;height: 3.2rem;padding: 0 .4rem;flex-direction: column;justify-content: center;align-items: flex-start;}
.lt2 .tit{font-size: .2rem;color: #fff;min-width: 1.23rem;height: .4rem;border: #fff 1px solid;border-radius: 50vw;align-items: center;justify-content: center;margin: 0 0 .16rem;display: inline-flex;padding: 0 .15rem;}
.lt2 h4{color: #fff !important;height: calc(.28rem*3);font-weight: normal;}
.lt2 .line{width: 100%;height: 1px;background: #fff;margin: .3rem 0 .2rem;}
.lt2 h6{ color: #fff}

.lt3Box{ width: calc((100vw - 15.2rem)/2 + 100%);}
.lt3 .a{ position: relative; z-index: 1; display: block;}
.lt3 .imgBox .img{ padding-bottom: 66.66%;}

.arr2W{align-items: center;margin: .24rem 0 0;}
.arr2W .swiper-scrollbar{align-items: center;flex: 1;height: 2px;background: none; position: relative}
.arr2W .swiper-scrollbar:before{content: "";background: #D7E6FF;position: absolute;top: .5px;left: 0;width: 100%;height: 1px;}
.arr2W .swiper-scrollbar-drag{ height: 2px; background:#00498F}
.arr2Box{ gap: .1rem; margin: 0 0 0 .24rem}
.arr2{width: .42rem;height: .42rem;border: 1px solid #A7A9B0;border-radius: 50vw;font-size: .2rem;color: #A7A9B0;font-family: 'lib';display: flex;justify-content: center;align-items: center;cursor: pointer;transition: background .5s, color .5s, border-color .5s, box-shadow .5s;background: #ffffff}
.arr2:hover{ box-shadow: 0px 4px 15px 0px #B7D8F7; background: #00498F; color: #fff; border: #00498F 1px solid}

.home3{background: url(../images/ho3_b2.jpg) center top no-repeat;background-size: 100% auto;position: relative;padding-top: 19.27vw;padding-bottom: 11.2vw;z-index: 1;transform: translateZ(0)}
.home3 .before{position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: -1;}
.home3 .before .video1{position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;}
.home3 .before .video1 video{ width: 100%; height: 100%; object-fit: cover}
.home3 .before .video1 .after{position: absolute;top: 0;right: 0;bottom: -1px;left: 0;background: url(../images/ho3_zz.png) center top no-repeat;background-size: 100% auto;pointer-events: none;}
.home3 .before1{ position: absolute; right: 0; bottom: 0; left: 0}

.topico{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(255,255,255,.65);width: 1.2rem;height: 1.2rem;border-radius: 50vw;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: .5s;}
.topico.on{ opacity: 0}
.topico i{ font-size: .36rem; color: #00498F; font-family: "lib"}

.tit3{margin: 0 0 1.06rem;}
.tit3 h4{font-size: .3rem;color: #00498F;line-height: .4rem;font-weight: normal;}

.lt4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: .66rem;}
.lt4 li{ min-width: 0;}
.lt4 .a{align-items: flex-end;position: relative;padding: 0 0 .25rem;border-bottom: rgba(167, 169, 176, 0.35) 1px solid;}
.lt4 .a:after{content: "";position: absolute;left: 0;bottom: -1px;height: 1px;width: 0;background: #00498F;transition: width .5s}
.lt4 .ico{width: .53rem;height: .53rem;margin: 0 .2rem 0 0;transition: transform .5s}
.lt4 .ico img{ width: 100%; height: 100%;}
.lt4 .txt{overflow: hidden;text-align: right;}
.lt4 h4{align-items: flex-end;margin: .1rem 0 0;justify-content: flex-end;}
.lt4 h4 big{font-size: .4rem;color: #333;font-family: Bebas;line-height: 1; transition: color .5s}
.lt4 h4 small{font-size: .18rem;color: #333;line-height: 1;font-weight: normal;margin: 0 0 0 .05rem; transition: color .5s}
.lt4 h6{font-size: .18rem;color: #333;align-items: center}
.lt4 h6 img{margin: 0 .08rem 0 0;width: .14rem;}

.home4{padding-top: .2rem !important;position: relative;z-index: 1;}
.home4 .tit1 .cc1 p{font-size: .14rem;color: #666666;}
.home4 .before{ position: absolute;bottom: 0;right: 0; left: 0; top: 0; z-index: -1; display: flex; align-items: center;}
.home4 .left{ padding: .66rem 0 0;}
.home4 .right{ width: 10.54rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: .18rem; position: relative;transform: translateZ(0)}
.lt5Box{min-width: 0;width: 100%;}
.lt5Box .a{ display: block;}

.arr3W{position: absolute;left: 0;top: 5.7rem;align-items: center;}

.lt5Box1{ margin: .66rem 0 0;}
.lt5Box1 .imgBox .img{ padding-bottom: 139.1%;}

.lt5Box2 .a:nth-child(1) .imgBox .img{ padding-bottom: 80.58%;}
.lt5Box2 .a:nth-child(2) .imgBox .img{ padding-bottom: 132.05%;}

.lt5Box3{ margin: .66rem 0 0;}
.lt5Box3 .a:nth-child(1) .imgBox .img{ padding-bottom: 102.35%;}
.lt5Box3 .a:nth-child(2) .imgBox .img{ padding-bottom: 121.76%;}

.lt5Box2 .a:nth-child(1), .lt5Box3 .a:nth-child(1){ margin-bottom: .18rem;}

.lt5Box1{ height: 4.72rem;}
.lt5Box2{ height: 7.4rem;}
.lt5Box3{ height: 7.8rem;}

.arr3Box{ margin: 0 .78rem 0 0; gap: .12rem;}


@media(min-width: 769px){
    .event-item:hover .transImg1{ opacity: 1}
    .event-item:hover{background: #EAF3FA}
    .event-item:hover .line{ background: #A6C6DF}
    .event-item:hover:before{ opacity: 1}
    .lt4 .a:hover h4 big{ color: #00498F}
    .lt4 .a:hover h4 small{ color: #EE7823}
    .lt4 .a:hover .ico{ transform: rotateY(360deg)}

    .home4 .tit1{ align-items: flex-start}
    .home4 .tit1 .ll{display: flex;align-items: flex-start;min-width: 1.2rem;}
    .home4 .tit1 .ll h3{writing-mode: vertical-rl;letter-spacing: .08rem;}
    .home4 .tit1 .ll h6{writing-mode: vertical-rl;margin: 0 0 0 .2rem;}
    .home4 .tit1 .ll h6::before{content: "";width: .03rem;height: .27rem;background: #EE7823;margin: .06rem 0 .1rem 0;}
    .home4 .tit1 .cc1 p{writing-mode: vertical-rl;}
    .home4 .tit1 .cc1 p span{transform: rotate(-90deg);display: inline-block;margin-bottom: .03rem;}

    .lt4 .a:hover:after{ width: 100%}
}
@media(max-width: 1025px){
    .banner .imgBox .img{ padding-bottom: 50%;}

    .banner .dots{ bottom: .2rem;}
}
@media(max-width: 769px){
    .pad1{ padding: .4rem 0;}

    .banner .imgBox .img{ padding-bottom: 55%;}
    .banner:after{height: .7rem;}

    .tit1 .ll h3{font-size: .24rem; }
    .tit1 .ll h6{font-size: .12rem;}

    .tit1{ margin-bottom: .25rem;}

    .home1 .left{width: 100%;padding: 0;}
    .home1 .right{width: 100%;padding: .4rem 0 0;}

    .home1 .left .box .left1{width: 100%;height: auto;}
    .home1 .left .box .right1{width: 100%;height: auto;padding: .3rem 0 0;}

    .tit1 .ll{ min-width: inherit}
    .view-header .contorl{ padding: 0 .2rem}
    .date-num{font-size: .14rem;width: .3rem;height: .3rem;}
    .date-grid {gap: .06rem 0;}
    .month-eventsBox{height: 3.3rem;padding: .25rem 0;}

    .arr1Box{padding: 0 0;justify-content: center;margin: .25rem 0 0;}
    .home1 .right::before{ display: none}
    .event-item{ padding: 0 15px;}

    .lt1{ gap: .2rem;}

    .home2 .left{ width: 100%;}
    .home2 .right{width: 100%;display: none;}

    .lt2 .imgBox{width: 100%;order: 0;}
    .lt2 .con{width: 100%;}
    .lt2 .txt{margin-right: 0;height: 2.4rem;padding: 0 15px;}
    .lt3Box{ width: 100%;}

    .lt2 .tit{font-size: .16rem;color: #fff;width: .96rem;height: .35rem;}

    .home3 .before{}
    .topico{ opacity: 0}

    .home3{padding-top: 43.27vw;padding-bottom: 11.2vw;}
    .home3 .before .video1 .after{transform: translateY(16vw);}

    .tit3 h4{ font-size: .18rem; color: #00498F; line-height: 1.5;}

    .tit3{margin: 0 0 .5rem;}

    .lt4{ grid-template-columns: repeat(2, 1fr); gap: .25rem 15px;}

    .lt4 .ico{width: .4rem;height: .4rem;}
    .lt4 h6{font-size: .16rem;}
    .lt4 .a{ padding: 0 0 .15rem;}
    .lt4 h4 big{font-size: .26rem; }
    .lt4 h4 small{font-size: .14rem;}

    .home4 .left{padding: .2rem 0 0;width: 100%;}
    .home4 .right{width: 100%;gap: 2vw;padding: .2rem 0 0;}
    .tit1 .cc1{ margin: .2rem 0 0}
    .home4 .tit1 .cc1 p{font-size: .14rem;}
    .lt5Box2 .a:nth-child(1), .lt5Box3 .a:nth-child(1){ margin-bottom: 2vw;}

    .lt5Box1{height: 42vw;}
    .lt5Box2{height: 66vw;}
    .lt5Box3{height: 70vw;}

    .arr3W{ top: auto; bottom: .1rem}

    .arr1, .arr2{width: .36rem;height: .36rem;}

    .home3 .before .video1 video{ display: none;}
    .tit1 .cc p{font-size: .15rem;}
    .tit1 .cc{margin: .15rem 0 0;position: relative;order: 1;flex: auto;}
    .event-title {height: calc(.28rem * 2) !important;-webkit-line-clamp: 2;line-clamp: 2;}
    .lt1 h4{ margin: .04rem 0 0}
    .tit2{align-items: center;margin-bottom: .25rem;}
    .lt2 h4{height: calc(.28rem * 2) !important;}

}