.programme-swiper .swiper-flex-content { display: flex; box-shadow: 0 0.07143rem 0.35714rem rgba(96, 171, 255, 0.12); }

.programme-swiper .swiper-flex-content .swiper-flex-img { width: 6.46429rem; height: 3.92857rem; }

.programme-swiper .swiper-flex-content .swiper-flex-info { flex-direction: column; justify-content: center; padding: 0 0.48214rem; background-color: #ffffff; }

.programme-swiper .swiper-flex-content .swiper-flex-info-title { height: 0.25rem; font-size: 0.17857rem; font-weight: bold; line-height: 0.28571rem; color: #3f3f3f; margin-bottom: 0.21429rem; }

.programme-swiper .swiper-flex-content .swiper-flex-info-hint { font-size: 0.125rem; font-weight: 400; line-height: 0.19643rem; color: #8a8a8a; }

.programme-swiper .custom-programme-swiper-navigation { display: flex; align-items: center; justify-content: center; margin-top: 0.71429rem; }

.programme-swiper .custom-programme-swiper-navigation-button { width: 0.26786rem; height: 0.26786rem; background-image: url("../images/arrow-left.png"); background-size: 0.08929rem 0.08929rem; background-repeat: no-repeat; background-position: 0.09821rem center; background-color: rgba(22, 46, 179, 0.8); border-radius: 0.13393rem; cursor: pointer; }

.programme-swiper .custom-programme-swiper-navigation-button.swiper-button-disabled { background-color: rgba(216, 216, 216, 0.4); }

.programme-swiper .custom-programme-swiper-navigation .navigation-next { transform: rotateY(180deg); }

.programme-swiper .custom-programme-swiper-navigation-pagination { margin: 0 0.17857rem; width: 2.05357rem; font-size: 0.08929rem; color: #767070; display: flex; align-items: center; justify-content: center; }

.programme-swiper .custom-programme-swiper-navigation-line { margin: 0 0.08929rem; height: 0.03571rem; border-radius: 0.01786rem; background-color: #e6e6e6; flex: 1; width: 0.00893rem; }

.programme-swiper .custom-programme-swiper-navigation-line div.blue-line { height: 0.03571rem; border-radius: 0.01786rem; background-color: #162eb3; transition: 0.3s; }

.programme-swiper.swiper-vertical .custom-programme-swiper-navigation { margin: 0; position: absolute; left: 0; top: 0; bottom: 0; flex-direction: column; transform: translateX(100%); }

.programme-swiper.swiper-vertical .custom-programme-swiper-navigation-pagination { margin: 0; width: 0.03571rem; color: #767070; height: 100%; flex-direction: column; }

.programme-swiper.swiper-vertical .custom-programme-swiper-navigation-line { margin: 0.08929rem 0; width: 0.03571rem; border-radius: 0.01786rem; background-color: #e6e6e6; flex: 1; }

.programme-swiper.swiper-vertical .custom-programme-swiper-navigation-line div.blue-line { height: 0.03571rem; border-radius: 0.01786rem; background-color: #162eb3; transition: 0.3s; }

#programme1 .programme-swiper { margin-top: 0.35714rem; }

#programme1 .architecture.flex-architecture { width: 10.71429rem; height: 5.26786rem; }

#programme1 .architecture.flex-architecture img { display: block; width: 10.08929rem; position: relative; z-index: 3; }

#programme1 #grid1, #programme1 #grid2 { grid-template-columns: 1fr 1fr; grid-template-rows: 0.50893rem 0.76786rem 1.55357rem 0.97321rem 0.71429rem; position: absolute; z-index: 0; width: 10.08929rem; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); grid-gap: 0.07143rem; }

#programme1 #grid2 { z-index: 5; }

#programme1 .small-title { width: 7.90179rem; }

#programme1 .advantage { display: flex; align-items: center; padding-top: 0.08929rem; flex-wrap: wrap; justify-content: space-between; }

#programme1 .advantage-item { background-size: cover; padding: 0.44643rem; background-color: #f7f9ff; width: 5.08929rem; height: 2.35714rem; border-radius: 0.03571rem; overflow: hidden; cursor: pointer; transition: all 0.3s; margin-top: 0.26786rem; }

#programme1 .advantage-item:hover { background-color: #ffffff; box-shadow: 0 0.07143rem 0.35714rem rgba(96, 171, 255, 0.12); }

#programme1 .advantage-item:first-child { background-image: url("../images/programme/scene-img-1.png"); }

#programme1 .advantage-item:nth-child(2) { background-image: url("../images/programme/scene-img-2.png"); }

#programme1 .advantage-item:nth-child(3) { background-image: url("../images/programme/scene-img-3.png"); }

#programme1 .advantage-item:nth-child(4) { background-image: url("../images/programme/scene-img-4.png"); }

#programme1 .advantage-title { font-size: 0.17857rem; font-weight: 500; line-height: 0.21429rem; padding-bottom: 0.08929rem; position: relative; }

#programme1 .advantage-title:after { content: ""; display: block; width: 0.33929rem; height: 0.00893rem; background: #7c7f86; position: absolute; left: 0; bottom: 0; }

#programme1 .advantage-info { margin-top: 0.21429rem; font-size: 0.14286rem; font-weight: 400; line-height: 0.21429rem; color: #7c7f86; width: 2.94643rem; }

#programme1 .swiper-flex-text { display: flex; flex-wrap: wrap; font-size: 0.14286rem; font-weight: 400; line-height: 0.19643rem; color: #3f3f3f; margin-top: 0.14286rem; }

#programme1 .swiper-flex-text > div { width: 50%; padding: 0.10714rem 0; display: flex; align-items: center; }

#programme1 .swiper-flex-text > div::before { content: ""; display: block; width: 0.07143rem; height: 0.07143rem; border: 0.00893rem solid #162eb3; opacity: 1; margin-right: 0.07143rem; border-radius: 50%; }

#programme2 .top-category, #programme9 .top-category { justify-content: center; gap: 0.19643rem; }

#programme2 .top-category .detail-list, #programme9 .top-category .detail-list { z-index: -1; font-size: 0.125rem; font-weight: 400; line-height: 0.17857rem; color: #242a36; padding-left: 0.17857rem; display: flex; align-items: center; }

#programme2 .top-category .detail-list li, #programme9 .top-category .detail-list li { margin: 0.15179rem 0; display: flex; text-align: left; }

#programme2 .top-category .detail-list li span, #programme9 .top-category .detail-list li span { flex: 1; }

#programme2 .top-category .detail-list li:before, #programme9 .top-category .detail-list li:before { content: ""; display: block; width: 0.08929rem; height: 0.08929rem; border: 0.00893rem solid #162eb3; border-radius: 50%; margin-right: 0.04464rem; transform: translateY(0.03571rem); }

#programme2 .top-category .category-item, #programme9 .top-category .category-item { width: 2.53571rem; height: 3.01786rem; position: relative; min-width: 240px; transition: 0.6s; transform-style: preserve-3d; }

#programme2 .top-category .category-item:hover, #programme9 .top-category .category-item:hover { transform: rotateY(180deg); }

#programme2 .top-category .category-item .block, #programme2 .top-category .category-item .detail-list, #programme9 .top-category .category-item .block, #programme9 .top-category .category-item .detail-list { padding-top: 0.35714rem; position: absolute; left: 0; top: 0; right: 0; bottom: 0; backface-visibility: hidden; }

#programme2 .top-category .category-item .block, #programme9 .top-category .category-item .block { z-index: 2; }

#programme2 .top-category .category-item .detail-list, #programme9 .top-category .category-item .detail-list { transform: rotateY(180deg); }

#programme2 .bottom-category { justify-content: center; }

#programme2 .bottom-category .category-item { width: 3.82143rem; height: 2.53571rem; padding: 0.25rem 0.26786rem; }

#programme2 .architecture.flex-architecture { width: 10.71429rem; height: 5.32143rem; padding: 0.53571rem; }

#programme2 .architecture.flex-architecture img { display: block; width: 100%; position: relative; z-index: 3; }

#programme2 #grid1, #programme2 #grid2 { grid-template-columns: 1.25rem 6.44643rem 1.75rem; grid-template-rows: 3.08929rem 1.05357rem; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); width: 9.64286rem; grid-gap: 0.07143rem; }

#programme2 #grid2 { z-index: 5; }

#programme2 #swiper1 .swiper-slide { justify-content: center; }

#programme2 #swiper1 .swiper-slide .mtt-title { font-size: 0.17857rem; font-weight: 500; line-height: 0.28571rem; color: #242a36; }

#programme2 #swiper1 .swiper-slide .mtt-info { left: 6.51786rem; }

#programme2 #swiper1 .swiper-slide .mtt-img { width: 6.95536rem; height: 4.55357rem; transform: translateX(-0.53571rem); }

#programme2 #swiper2 { height: 4.78571rem; width: 10.71429rem; margin-top: 0.89286rem; }

#programme2 #swiper2 .swiper-slide .mtt-title { font-size: 0.35714rem; font-weight: 500; line-height: 0.5rem; color: #242a36; }

#programme2 #swiper2 .swiper-slide .mtt-info { padding-left: 0.35714rem; }

#programme2 #swiper2 .swiper-slide .mtt-text { line-height: 0.28571rem; }

#programme2 #swiper2 .swiper-slide .mtt-img { width: 5.95536rem; height: 4.78571rem; }

#programme2 .swiper-tab { display: flex; align-items: center; justify-content: center; margin-top: 0.17857rem; font-size: 0.125rem; font-weight: 400; line-height: 0.21429rem; color: #333333; }

#programme2 .swiper-tab-item { padding: 0 0.22321rem; cursor: pointer; }

#programme2 .swiper-tab-item:hover, #programme2 .swiper-tab-item.active { color: #162eb3; }

#programme2 .gray-bg.content .title { position: relative; top: 0.17857rem; }

#programme3 .top-category .category-item { width: 2.53571rem; height: 3.01786rem; }

#programme3 .bottom-category { justify-content: center; }

#programme3 .bottom-category .category-item { width: 2.76786rem; height: 2.67857rem; padding: 0.32143rem 0.375rem; }

#programme3 .swiper-slide { justify-content: center; height: 4.46429rem; }

#programme3 .swiper-slide .mtt-title { font-size: 0.17857rem; font-weight: 500; line-height: 0.28571rem; color: #242a36; }

#programme3 .swiper-slide .mixImgText { position: relative; }

#programme3 .swiper-slide:nth-child(1) .mtt-img { width: 6.46429rem; height: 4.375rem; transform: translateX(-0.26786rem); }

#programme3 .swiper-slide:nth-child(2) .mtt-img { width: 6.78571rem; height: 4.46429rem; transform: translateX(-0.53571rem); }

#programme3 .swiper-slide:nth-child(3) .mtt-img { width: 6.78571rem; height: 4.46429rem; transform: translateX(-0.44643rem); }

#programme3 .swiper-slide:nth-child(4) .mtt-img { width: 6.82143rem; height: 4.70536rem; transform: translateX(-0.53571rem); }

#programme3 .swiper-slide .mtt-info { position: absolute; top: 50%; transform: translateY(-50%); width: 4.28571rem; right: 0; padding-right: 0.17857rem; }

#programme3 .architecture { padding: 0.44643rem 0.52679rem; }

#programme3 .architecture img { display: block; width: 9.66071rem; height: 4.23214rem; position: relative; z-index: 3; }

#programme3 .architecture .grid-row { grid-template-rows: 4.23214rem; grid-template-columns: 3.80357rem 3.80357rem; justify-content: space-between; }

#programme3 .architecture .grid-row .grid-item { padding: 0.28571rem; font-size: 0.16071rem; font-weight: bold; line-height: 0.21429rem; color: #333333; display: block; }

#programme3 .architecture .grid-row .grid-item:hover, #programme3 .architecture .grid-row .grid-item.hover { color: #ffffff; }

#programme3 .architecture #grid1, #programme3 .architecture #grid2 { position: absolute; z-index: 0; left: 50%; top: 50%; width: 9.66071rem; transform: translate3d(-50%, -50%, 0); padding: 0 0.875rem; }

#programme3 .architecture #grid2 { z-index: 5; }

#programme4 .top-category .category-item { width: 3.23214rem; height: 3.01786rem; padding: 0.35714rem 0.33929rem; }

#programme4 .small-title { width: 7.90179rem; }

#programme4 .architecture { height: 4.10714rem; }

#programme4 .architecture img { display: block; width: 9.76786rem; height: 3.39286rem; position: relative; z-index: 3; }

#programme4 .grid-row { grid-template-rows: 3.39286rem; grid-template-columns: repeat(3, 3.08929rem); justify-content: space-between; }

#programme4 .grid-row .grid-item { padding: 0.28571rem; font-size: 0.16071rem; font-weight: bold; line-height: 0.21429rem; color: #333333; display: block; }

#programme4 .grid-row .grid-item:hover, #programme4 .grid-row .grid-item.hover { color: #ffffff; }

#programme4 #grid1, #programme4 #grid2 { position: absolute; z-index: 0; left: 50%; top: 50%; width: 9.66071rem; transform: translate3d(-50%, -50%, 0); }

#programme4 #grid2 { z-index: 5; }

#programme4 .swiper-flex-content { display: flex; box-shadow: 0 0.07143rem 0.35714rem rgba(96, 171, 255, 0.12); margin-top: 0.35714rem; }

#programme4 .swiper-flex-content .swiper-flex-img { width: 6.46429rem; height: 3.92857rem; }

#programme4 .swiper-flex-content .swiper-flex-info { flex-direction: column; justify-content: center; padding: 0 0.48214rem; background-color: #ffffff; }

#programme4 .swiper-flex-content .swiper-flex-info-title { height: 0.25rem; font-size: 0.17857rem; font-weight: bold; line-height: 0.28571rem; color: #3f3f3f; margin-bottom: 0.21429rem; }

#programme4 .swiper-flex-content .swiper-flex-info-hint { font-size: 0.125rem; font-weight: 400; line-height: 0.19643rem; color: #8a8a8a; }

#programme4 .bottom-category .category-item { width: 5.35714rem; height: 2.60714rem; position: relative; }

#programme4 .bottom-category .category-item-title { margin-top: 0.21429rem; }

#programme4 .bottom-category .category-item:hover { z-index: 3; }

#programme5 .category-item { width: 2.53571rem; height: 3.01786rem; }

#programme5 .architecture { height: 5.32143rem; padding: 0.53571rem; }

#programme5 .architecture img { display: block; width: 100%; height: 100%; position: relative; z-index: 3; }

#programme5 .architecture .grid-row { grid-template-columns: 1.25rem 6.44643rem 1.75rem; grid-template-rows: 3.08929rem 1.05357rem; justify-content: space-between; align-content: space-between; width: 9.64286rem; height: 4.25rem; }

#programme5 .architecture .grid-row .grid-item { display: block; }

#programme5 .architecture #grid1, #programme5 .architecture #grid2 { position: absolute; z-index: 0; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); }

#programme5 .architecture #grid2 { z-index: 5; }

#programme6 .top-category .category-item { width: 3.23214rem; height: 3.01786rem; }

#programme6 .small-title { width: 9.85714rem; }

#programme6 .architecture { width: 10.71429rem; height: 5.66071rem; }

#programme6 .architecture img { width: 100%; }

#programme6 .swiper-flex-content { display: flex; box-shadow: 0 0.07143rem 0.35714rem rgba(96, 171, 255, 0.12); margin-top: 0.35714rem; }

#programme6 .swiper-flex-content .swiper-flex-img { width: 6.46429rem; height: 3.92857rem; }

#programme6 .swiper-flex-content .swiper-flex-info { flex-direction: column; justify-content: center; padding: 0 0.48214rem; background-color: #ffffff; }

#programme6 .swiper-flex-content .swiper-flex-info-title { height: 0.25rem; font-size: 0.17857rem; font-weight: bold; line-height: 0.28571rem; color: #3f3f3f; margin-bottom: 0.21429rem; }

#programme6 .swiper-flex-content .swiper-flex-info-hint { font-size: 0.125rem; font-weight: 400; line-height: 0.19643rem; color: #8a8a8a; }

#programme6 .bottom-category .category-item { width: 5.35714rem; height: 2.60714rem; position: relative; }

#programme6 .bottom-category .category-item-title { margin-top: 0.21429rem; }

#programme6 .bottom-category .category-item:hover { z-index: 3; }

#programme7 .category-item { width: 2.53571rem; height: 3.01786rem; }

#programme7 .architecture { width: 10.71429rem; height: 5.41071rem; background: #fafafa; }

#programme7 .architecture img { display: block; width: 10.10714rem; height: 4.70536rem; position: relative; z-index: 3; }

#programme7 .architecture .grid-row { width: 10.10714rem; height: 4.70536rem; grid-template-rows: 1.09821rem 1.94643rem 0.9375rem; grid-template-columns: 1.32143rem 5.15179rem 0.17857rem 3.02679rem; align-content: space-between; }

#programme7 .architecture #grid1, #programme7 .architecture #grid2 { position: absolute; z-index: 0; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); }

#programme7 .architecture #grid2 { z-index: 5; }

#programme7 .mixImgText { position: relative; }

#programme7 .mixImgText .mtt-title { font-size: 0.16964rem; font-weight: 500; line-height: 0.26786rem; width: 4.24107rem; }

#programme7 .mixImgText .mtt-info { position: absolute; left: 6.41071rem; top: 50%; transform: translateY(-50%); width: 4.24107rem; min-width: 410px; }

#programme7 .swiper-slide { height: 4.55357rem; }

#programme7 .swiper-slide:nth-child(1) .mtt-img { width: 6.78571rem; height: 4.55357rem; transform: translateX(-0.53571rem); }

#programme7 .swiper-slide:nth-child(2) .mtt-img { width: 6.95536rem; height: 4.02679rem; transform: translateX(-0.52679rem); }

#programme7 .swiper-slide:nth-child(3) .mtt-img { width: 6.94643rem; height: 4.55357rem; transform: translateX(-0.47321rem); }

#programme7 .swiper-slide:nth-child(4) .mtt-img { width: 5.625rem; height: 4.23214rem; transform: translateX(-0.26786rem); }

#programme7 .swiper-slide:nth-child(5) .mtt-img { width: 6.51786rem; height: 4.55357rem; transform: translateX(-0.28571rem); }

#programme8 .category-item { width: 3.23214rem; height: 3.01786rem; }

#programme8 .architecture { width: 10.71429rem; height: 7.67857rem; }

#programme8 .architecture img { width: 10.17857rem; height: 7.14286rem; position: relative; z-index: 3; }

#programme8 .architecture .grid-row { width: 10.17857rem; height: 7.14286rem; grid-template-rows: 0.28571rem 2.07143rem 1.69643rem 0.66071rem 2.07143rem; grid-template-columns: 8.875rem; row-gap: 0.08929rem; }

#programme8 .architecture .grid-item { justify-content: flex-start; padding-left: 0.21429rem; }

#programme8 .architecture #grid1, #programme8 .architecture #grid2 { position: absolute; z-index: 0; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); }

#programme8 .architecture #grid2 { z-index: 5; }

#programme8 .mixImgText { position: relative; }

#programme8 .mixImgText .mtt-title { font-size: 0.17857rem; font-weight: 500; line-height: 0.28571rem; }

#programme8 .mixImgText .mtt-info { position: absolute; left: 6.41071rem; top: 50%; transform: translateY(-50%); width: 4.24107rem; min-width: 410px; }

#programme8 .swiper-slide { height: 4.55357rem; }

#programme8 .swiper-slide .mtt-img { width: 6.94643rem; height: 4.55357rem; transform: translateX(-0.53571rem); }

#programme9 .category-item-hint { padding: 0 0.33929rem; }

#programme9 .top-category .category-item .detail-list ul { display: flex; flex-direction: column; justify-content: space-between; }

#programme9 .top-category .category-item:nth-child(1) .detail-list ul, #programme9 .top-category .category-item:nth-child(4) .detail-list ul { padding: 0.83929rem 0.08929rem; }

#programme9 .top-category .category-item:nth-child(2) .detail-list ul, #programme9 .top-category .category-item:nth-child(3) .detail-list ul { padding: 0.44643rem 0.08929rem; }

#programme9 .swiper-slide { height: 4.55357rem; }

#programme9 .swiper-slide .mtt-img { height: 4.55357rem; transform: translateX(-0.53571rem); }

#programme9 .swiper-slide .mixImgText { position: relative; }

#programme9 .swiper-slide .mixImgText .mtt-title { font-size: 0.17857rem; font-weight: 500; line-height: 0.28571rem; }

#programme9 .swiper-slide .mixImgText .mtt-info { position: absolute; left: 6.41071rem; top: 50%; transform: translateY(-50%); width: 4.24107rem; }

#programme9 .advantage { display: flex; flex-wrap: wrap; width: 11.28571rem; margin: 0.03571rem auto 0; justify-content: space-between; }

#programme9 .advantage-item { width: 5.39286rem; height: 1.5rem; border-radius: 0.03571rem; padding: 0.26786rem 0.35714rem 0.26786rem 1.08929rem; background: #ffffff 0.26786rem 0.35714rem no-repeat; background-size: 0.625rem 0.625rem; margin-top: 0.07143rem; cursor: pointer; transition: all 0.3s; }

#programme9 .advantage-item:hover { box-shadow: 0 0.07143rem 0.35714rem rgba(96, 171, 255, 0.12); }

#programme9 .advantage-item:nth-child(1) { background-image: url("../images/programme/programme-icon-48.png"); }

#programme9 .advantage-item:nth-child(2) { background-image: url("../images/programme/programme-icon-49.png"); }

#programme9 .advantage-item:nth-child(3) { background-image: url("../images/programme/programme-icon-50.png"); }

#programme9 .advantage-item:nth-child(4) { background-image: url("../images/programme/programme-icon-51.png"); }

#programme9 .advantage-title { height: 0.25rem; font-size: 0.17857rem; font-weight: 500; line-height: 0.25rem; color: #242a36; }

#programme9 .advantage-info { font-size: 0.14286rem; font-weight: 400; line-height: 0.21429rem; color: #8a8a8a; margin-top: 0.13393rem; }